janisslsm/discord-decomp
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

yeet

Browse Source
This commit is contained in:
janisslsm committed 2026-07-28 01:06:53 +03:00
1 parent af3b49f756
commit 1781d25a15
22448 files changed
+2731829 -2650550
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

sources/design/components/Tabs/native/TabItem.native.tsx
+156 -149
View File
@@ -1,15 +1,23 @@
/* Metro module 8860; source: design/components/Tabs/native/TabItem.native.tsx; dependencies: [31, 27, 33, 4017, 4501, 697, 4577, 4573, 477, 1244, 2] */
import ReanimatedRexport from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactNativeModule from '../../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as PlatformUtilsModule from '../../../../utils/PlatformUtils.tsx'; /* Metro dependency 477 */
import * as ReanimatedRexportModule from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as TextModule from '../../Text/native/Text.tsx'; /* Metro dependency 4573 */
import * as SpringModule from '../../../animation/reanimated/spring/spring.tsx'; /* Metro dependency 4577 */
function _fun69074(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#69074, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9045:6, offset: 0x01c675c8, size: 579 bytes, params: 8, frame: 23
var object2;
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
const env0_3 = importAll(31) /* metro dependency 31 */;
const Pressable = (require(27) /* metro dependency 27 */).Pressable;
let value = require(33) /* metro dependency 33 */;
const Pressable = (ReactNativeModule).Pressable;
let value = JsxRuntimeModule;
const env0_4 = value.jsx;
const env0_5 = value.jsxs;
const env0_6 = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).createAnimatedComponent(Pressable);
const env0_6 = (ReanimatedRexport).createAnimatedComponent(Pressable);
const env0_7 = {'mass': 0.3, 'damping': 13, 'stiffness': 250, 'overshootClamping': true};
const env0_8 = {'mass': 2, 'damping': 30, 'stiffness': 300, 'overshootClamping': true};
value = require(4501) /* metro dependency 4501: createStyles */;
@@ -19,163 +27,162 @@ function _fun69074(global, require, importDefault, importAll, module, exports, d
'flexDirection': 'row', 'justifyContent': 'center'}, count: {marginLeft: PX_8}}]);
value = require(4501) /* metro dependency 4501: createStyles */;
let createStyleProperties = value.createStyleProperties;
object2 = {};
object = {};
let TEXT_MUTED = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_MUTED;
object2.inactive = TEXT_MUTED;
object.inactive = TEXT_MUTED;
let TEXT_BRAND = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_BRAND;
object2.active = TEXT_BRAND;
object.active = TEXT_BRAND;
TEXT_BRAND = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_BRAND;
object2.pressed = TEXT_BRAND;
const env0_10 = Reflect.apply(createStyleProperties, value, [object2]);
object.pressed = TEXT_BRAND;
const env0_10 = Reflect.apply(createStyleProperties, value, [object]);
value = require(4501) /* metro dependency 4501: createStyles */;
createStyleProperties = value.createStyleProperties;
object2 = {};
object = {};
TEXT_MUTED = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_MUTED;
object2.inactive = TEXT_MUTED;
object.inactive = TEXT_MUTED;
let TEXT_STRONG = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_STRONG;
object2.active = TEXT_STRONG;
object.active = TEXT_STRONG;
TEXT_STRONG = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_STRONG;
object2.pressed = TEXT_STRONG;
const env0_11 = Reflect.apply(createStyleProperties, value, [object2]);
object2 = {code: "function TabItemNativeTsx1(){const{colors,pressed,index,activeIndex,withSpring,TEXT_SPRING_CONFIG}=this.__closure;let color=colors.inactive;const isPressActive=pressed.get()>=0;const isPressed=pressed.get()===index;const isActive=Math.round(activeIndex.get())===index;if(isPressed){color=colors.pressed;}else if(isPressActive){color=colors.inactive;}else if(isActive){color=colors.active;}return{color:withSpring(color,TEXT_SPRING_CONFIG,'animate-always')};}"};
object2 = {code: 'function TabItemNativeTsx2(){const{withSpring,countAnimationState,COUNT_SPRING_CONFIG,interpolate}=this.__closure;return{opacity:withSpring(countAnimationState.get(),COUNT_SPRING_CONFIG),transform:[{translateX:withSpring(interpolate(countAnimationState.get(),[0,1],[-10,0]),COUNT_SPRING_CONFIG)}]};}'};
object2 = {code: 'function TabItemNativeTsx3(){const{activeIndex,index}=this.__closure;return{accessibilityState:{selected:activeIndex.get()===index}};}'};
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Tabs/native/TabItem.native.tsx');
object.pressed = TEXT_STRONG;
const env0_11 = Reflect.apply(createStyleProperties, value, [object]);
object = {code: "function TabItemNativeTsx1(){const{colors,pressed,index,activeIndex,withSpring,TEXT_SPRING_CONFIG}=this.__closure;let color=colors.inactive;const isPressActive=pressed.get()>=0;const isPressed=pressed.get()===index;const isActive=Math.round(activeIndex.get())===index;if(isPressed){color=colors.pressed;}else if(isPressActive){color=colors.inactive;}else if(isActive){color=colors.active;}return{color:withSpring(color,TEXT_SPRING_CONFIG,'animate-always')};}"};
object = {code: 'function TabItemNativeTsx2(){const{withSpring,countAnimationState,COUNT_SPRING_CONFIG,interpolate}=this.__closure;return{opacity:withSpring(countAnimationState.get(),COUNT_SPRING_CONFIG),transform:[{translateX:withSpring(interpolate(countAnimationState.get(),[0,1],[-10,0]),COUNT_SPRING_CONFIG)}]};}'};
object = {code: 'function TabItemNativeTsx3(){const{activeIndex,index}=this.__closure;return{accessibilityState:{selected:activeIndex.get()===index}};}'};
(FileImportTrackerModule).fileFinishedImporting('design/components/Tabs/native/TabItem.native.tsx');
exports.TabItem = TabItem;
}
function useAnimatedTextStyle({index, activeIndex, pressed, variant}) { // fn#69075, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9045:1208, offset: 0x01c6780b, size: 205 bytes, params: 2, frame: 20
const r11 = variant !== 'gradient-background' ? env0_10() : env0_11();
const useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
const useAnimatedTextStyleC2 = useAnimatedTextStyleC;
const object = {colors: r11, pressed: pressed, index: index, activeIndex: activeIndex};
object.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
object.TEXT_SPRING_CONFIG = env0_7;
useAnimatedTextStyleC2.__closure = object;
useAnimatedTextStyleC2.__workletHash = 11643476765161;
useAnimatedTextStyleC2.__initData = env0_12;
return Reflect.apply(useAnimatedStyle, ReanimatedRexportModule, [useAnimatedTextStyleC2]);
function useAnimatedTextStyleC() { // fn#69076, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9045:1369, owner: useAnimatedTextStyle.c, offset: 0x01c678d8, size: 176 bytes, params: 1, frame: 19
const inactive = ReactModule.inactive;
const pressedBinding = pressed;
let get = pressedBinding.get;
const value3 = Reflect.apply(get, pressedBinding, []) >= 0;
const value4 = pressedBinding.get();
const indexBinding = index;
const Math = global.Math;
const round = Math.round;
const activeIndexBinding = activeIndex;
get = activeIndexBinding.get;
const r5 = value4 === indexBinding ? ReactModule.pressed : value3 ? ReactModule.inactive : Reflect.apply(round, Math,
[Reflect.apply(get, activeIndexBinding, [])]) !== indexBinding ? inactive : ReactModule.active;
const object = {};
object.color = (require(4577) /* metro dependency 4577: spring */).withSpring(r5, env1_7, 'animate-always');
return object;
}
function useAnimatedTextStyle({index, activeIndex, pressed, variant}) { // fn#69075, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9045:1208, offset: 0x01c6780b, size: 205 bytes, params: 2, frame: 20
const r11 = variant !== 'gradient-background' ? env0_10() : env0_11();
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
const useAnimatedStyle = reanimatedRexportModule.useAnimatedStyle;
const closure = useAnimatedTextStyleC;
const object2 = {colors: r11, pressed: pressed, index: index, activeIndex: activeIndex};
object2.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
object2.TEXT_SPRING_CONFIG = env0_7;
closure.__closure = object2;
closure.__workletHash = 11643476765161;
closure.__initData = env0_12;
return Reflect.apply(useAnimatedStyle, reanimatedRexportModule, [closure]);
}
function TabItemCount({count, index, activeIndex, pressed, variant}) { // fn#69077, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9045:2021, offset: 0x01c67988, size: 370 bytes, params: 2, frame: 26
const styles = useStyles();
const value2 = (require(4017) /* metro dependency 4017: ReanimatedRexport */).useSharedValue(0);
env0_3.useLayoutEffect(_fun69078, [value2]);
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
const useAnimatedStyle = reanimatedRexportModule.useAnimatedStyle;
const closure = TabItemCountT;
closure.__closure = {withSpring: (require(4577) /* metro dependency 4577: spring */).withSpring,
countAnimationState: value2, COUNT_SPRING_CONFIG: env0_8, interpolate: reanimatedRexportModule.interpolate};
closure.__workletHash = 16666672974627;
closure.__initData = env0_13;
const value3 = Reflect.apply(useAnimatedStyle, reanimatedRexportModule, [closure]);
const value4 = useAnimatedTextStyle({index: index, activeIndex: activeIndex, pressed: pressed, variant: variant});
const View = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View;
const items2 = [styles.count, value3];
const Text = (require(4573) /* metro dependency 4573: Text */).Text;
return (
<View style={items2}>
<Text
animated
variant="text-sm/medium"
style={value4}
lineClamp={1}
>
{count}
</Text>
</View>
);
}
function TabItem(a0) { // fn#69080, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9045:2964, offset: 0x01c67ba5, size: 579 bytes, params: 2, frame: 31
var r8;
var intl;
const label = a0.label;
const count = a0.count;
const index = a0.index;
const itemCount = a0.itemCount;
const state = a0.state;
const pressed = a0.pressed;
const grow = a0.grow;
const variant = a0.variant;
let object2 = {'label': 0, 'count': 0, 'index': 0, 'itemCount': 0, 'state': 0, 'pressed': 0, 'grow': 0,
'variant': 0};
const value = null;
silentSetPrototypeOf(object2, value, undefined);
const value2 = copyDataProperties({}, a0, object2, grow);
const activeIndex = state.activeIndex;
const env0_2 = state.setItemDimensions;
const value4 = undefined;
const styles = useStyles();
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
const useAnimatedProps = reanimatedRexportModule.useAnimatedProps;
const closure = function() {
var object2 = {};
object2.selected = activeIndex.get() === index;
return {accessibilityState: object2};
};
closure.__closure = {activeIndex: activeIndex, index: index};
closure.__workletHash = 11618929630200;
closure.__initData = env0_14;
const value5 = Reflect.apply(useAnimatedProps, reanimatedRexportModule, [closure]);
const value6 = useAnimatedTextStyle({index: index, activeIndex: activeIndex, pressed: pressed, variant: variant});
const binding = env0_6;
const bindingProps = {style: [styles.item, {flexGrow: grow ? 1 : 0}], ...value2};
bindingProps['onLayout'] = TabItemOnLayout;
bindingProps['accessibilityRole'] = 'tab';
const platformUtilsModule = require(477) /* metro dependency 477: PlatformUtils */;
if (platformUtilsModule.isAndroid()) {
intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
r8 = intl.formatToPlainString((require(1244) /* metro dependency 1244: indexNative */).t['4EsQA1'],
{position: index + 1, tabCount: itemCount});
} else {
r8 = value4;
}
bindingProps['accessibilityHint'] = r8;
bindingProps['animatedProps'] = value5;
const Text = (require(4573) /* metro dependency 4573: Text */).Text;
return ((Component) => <Component {...bindingProps}><Text animated variant="text-sm/semibold" style={value6} lineClamp={1}>{label}</Text>{value != count ? <TabItemCount count={count} index={index} activeIndex={activeIndex} pressed={pressed} variant={variant} /> : value}</Component>)(binding);
}
function useAnimatedTextStyleC() { // fn#69076, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9045:1369, owner: useAnimatedTextStyle.c, offset: 0x01c678d8, size: 176 bytes, params: 1, frame: 19
const inactive = env0_3.inactive;
const pressedBinding = pressed;
let get = pressedBinding.get;
const value3 = Reflect.apply(get, pressedBinding, []) >= 0;
const value4 = pressedBinding.get();
const indexBinding = index;
const Math = global.Math;
const round = Math.round;
const activeIndexBinding = activeIndex;
get = activeIndexBinding.get;
const r5 = value4 === indexBinding ? env0_3.pressed : value3 ? env0_3.inactive : Reflect.apply(round, Math,
[Reflect.apply(get, activeIndexBinding, [])]) !== indexBinding ? inactive : env0_3.active;
const object2 = {};
object2.color = (require(4577) /* metro dependency 4577: spring */).withSpring(r5, env1_7, 'animate-always');
return object2;
}
function TabItemCount({count, index, activeIndex, pressed, variant}) { // fn#69077, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9045:2021, offset: 0x01c67988, size: 370 bytes, params: 2, frame: 26
const styles = useStyles();
const value2 = (ReanimatedRexportModule).useSharedValue(0);
ReactModule.useLayoutEffect(_fun69078, [value2]);
const useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
const TabItemCountT2 = TabItemCountT;
TabItemCountT2.__closure = {withSpring: (require(4577) /* metro dependency 4577: spring */).withSpring,
countAnimationState: value2, COUNT_SPRING_CONFIG: env0_8, interpolate: ReanimatedRexportModule.interpolate};
TabItemCountT2.__workletHash = 16666672974627;
TabItemCountT2.__initData = env0_13;
const value3 = Reflect.apply(useAnimatedStyle, ReanimatedRexportModule, [TabItemCountT2]);
const value4 = useAnimatedTextStyle({index: index, activeIndex: activeIndex, pressed: pressed, variant: variant});
const View = (ReanimatedRexport).View;
const items2 = [styles.count, value3];
const Text = (TextModule).Text;
return (
<View style={items2}>
<Text
animated
variant="text-sm/medium"
style={value4}
lineClamp={1}
>
{count}
</Text>
</View>
);
function _fun69078() { // fn#69078, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9045:2153, offset: 0x01c2f741, size: 24 bytes, params: 1, frame: 11
env0_0.set(1);
}
function TabItemCountT() { // fn#69079, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9045:2211, owner: TabItemCount.T, offset: 0x01c67afa, size: 171 bytes, params: 1, frame: 21
const object3 = {};
const springModule = require(4577) /* metro dependency 4577: spring */;
let withSpring = springModule.withSpring;
const binding = env0_0;
object3.opacity = Reflect.apply(withSpring, springModule, [binding.get(), env1_8]);
const object4 = {};
const moduleValue2 = springModule;
withSpring = moduleValue2.withSpring;
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
object4.translateX = Reflect.apply(withSpring, moduleValue2, [reanimatedRexportModule.interpolate(binding.get(), [0,
1], [-10, 0]), env1_8]);
object3.transform = [object4];
return object3;
}
function TabItemCountT() { // fn#69079, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9045:2211, owner: TabItemCount.T, offset: 0x01c67afa, size: 171 bytes, params: 1, frame: 21
const object = {};
let withSpring = SpringModule.withSpring;
const binding = env0_0;
object.opacity = Reflect.apply(withSpring, SpringModule, [binding.get(), env1_8]);
const object2 = {};
withSpring = SpringModule.withSpring;
object2.translateX = Reflect.apply(withSpring, SpringModule, [ReanimatedRexportModule.interpolate(binding.get(), [0,
1], [-10, 0]), env1_8]);
object.transform = [object2];
return object;
}
}
function TabItem(a0) { // fn#69080, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9045:2964, offset: 0x01c67ba5, size: 579 bytes, params: 2, frame: 31
var r8;
var intl;
const label = a0.label;
const count = a0.count;
const index = a0.index;
const itemCount = a0.itemCount;
const state = a0.state;
const pressed = a0.pressed;
const grow = a0.grow;
const variant = a0.variant;
const object = {'label': 0, 'count': 0, 'index': 0, 'itemCount': 0, 'state': 0, 'pressed': 0, 'grow': 0,
'variant': 0};
const value = null;
silentSetPrototypeOf(object, value, undefined);
const value2 = copyDataProperties({}, a0, object, grow);
const activeIndex = state.activeIndex;
const env0_2 = state.setItemDimensions;
const value4 = undefined;
const styles = useStyles();
const useAnimatedProps = ReanimatedRexportModule.useAnimatedProps;
const closure = function() {
var object2 = {};
object2.selected = activeIndex.get() === index;
return {accessibilityState: object2};
};
closure.__closure = {activeIndex: activeIndex, index: index};
closure.__workletHash = 11618929630200;
closure.__initData = env0_14;
const value5 = Reflect.apply(useAnimatedProps, ReanimatedRexportModule, [closure]);
const value6 = useAnimatedTextStyle({index: index, activeIndex: activeIndex, pressed: pressed, variant: variant});
const binding = env0_6;
const bindingProps = {style: [styles.item, {flexGrow: grow ? 1 : 0}], ...value2};
bindingProps['onLayout'] = TabItemOnLayout;
bindingProps['accessibilityRole'] = 'tab';
if (PlatformUtilsModule.isAndroid()) {
intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
r8 = intl.formatToPlainString((require(1244) /* metro dependency 1244: indexNative */).t['4EsQA1'],
{position: index + 1, tabCount: itemCount});
} else {
r8 = value4;
}
bindingProps['accessibilityHint'] = r8;
bindingProps['animatedProps'] = value5;
const Text = (TextModule).Text;
return ((Component) => <Component {...bindingProps}><Text animated variant="text-sm/semibold" style={value6} lineClamp={1}>{label}</Text>{value != count ? <TabItemCount count={count} index={index} activeIndex={activeIndex} pressed={pressed} variant={variant} /> : value}</Component>)(binding);
function TabItemOnLayout({nativeEvent}) { // fn#69082, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9045:3413, owner: TabItem.onLayout, offset: 0x01c67e10, size: 70 bytes, params: 2, frame: 14
let value = environment.__proto__;
value = Reflect.apply((require(4017) /* metro dependency 4017: ReanimatedRexport */).runOnUI, value,
[setItemDimensions]);
value(index, nativeEvent.layout);
}
}
function TabItemOnLayout({nativeEvent}) { // fn#69082, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9045:3413, owner: TabItem.onLayout, offset: 0x01c67e10, size: 70 bytes, params: 2, frame: 14
let value = environment.__proto__;
value = Reflect.apply((require(4017) /* metro dependency 4017: ReanimatedRexport */).runOnUI, value,
[setItemDimensions]);
value(index, nativeEvent.layout);
}
global.__d(_fun69074, 8860, [31, 27, 33, 4017, 4501, 697, 4577, 4573, 477, 1244,
2]) /* metro module 8860, dependencies: [31, 27, 33, 4017, 4501, 697, 4577, 4573, 477, 1244, 2] */;
sources/design/components/Tabs/native/Tabs.native.tsx
+376 -374
View File
@@ -1,4 +1,15 @@
/* Metro module 8859; source: design/components/Tabs/native/Tabs.native.tsx; dependencies: [31, 27, 1949, 33, 4017, 4501, 697, 4577, 7739, 8860, 5321, 477, 2] */
import LocaleStore from '../../../../modules/user_settings/LocaleStore.tsx'; /* Metro dependency 1949 */
import ReanimatedRexport from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactNativeModule from '../../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as PlatformUtilsModule from '../../../../utils/PlatformUtils.tsx'; /* Metro dependency 477 */
import * as ReanimatedRexportModule from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as CreateStylesModule from '../../Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
import * as SpringModule from '../../../animation/reanimated/spring/spring.tsx'; /* Metro dependency 4577 */
import * as TabItemNativeModule from './TabItem.native.tsx'; /* Metro dependency 8860 */
function _fun69053(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#69053, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9044:6, offset: 0x01c665f0, size: 417 bytes, params: 8, frame: 20
const env0_0 = require;
const closure = function(a0) {
@@ -6,18 +17,16 @@ function _fun69053(global, require, importDefault, importAll, module, exports, d
};
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
const env0_3 = importAll(31) /* metro dependency 31 */;
let value = require(27) /* metro dependency 27 */;
let value = ReactNativeModule;
const env0_4 = value.View;
const ScrollView = value.ScrollView;
const localeStore = importDefault(1949) /* metro dependency 1949: LocaleStore */;
value = require(33) /* metro dependency 33 */;
const env0_6 = value.jsx;
const env0_7 = value.jsxs;
const env0_8 = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).createAnimatedComponent(ScrollView);
const env0_8 = (ReanimatedRexport).createAnimatedComponent(ScrollView);
const env0_9 = {'mass': 0.3, 'damping': 13, 'stiffness': 100, 'restDisplacementThreshold': 0.001,
'overshootClamping': true};
const env0_10 = (require(4501) /* metro dependency 4501: createStyles */).createStyles(_fun69055);
const env0_10 = (CreateStylesModule).createStyles(_fun69055);
object = {code: 'function TabsNativeTsx1(){const{activeIndex,itemCount}=this.__closure;return Math.round(Math.min(Math.max(activeIndex.get(),0),itemCount-1));}'};
object = {code: 'function TabsNativeTsx2(){const{itemDimensions,clampedActiveIndex}=this.__closure;const activeItem=itemDimensions.get()[clampedActiveIndex.get()];if(activeItem==null)return 0;return activeItem.width;}'};
object = {code: 'function TabsNativeTsx3(){const{itemDimensions,clampedActiveIndex}=this.__closure;var _itemDimensions$get$c,_itemDimensions$get$c2;return(_itemDimensions$get$c=(_itemDimensions$get$c2=itemDimensions.get()[clampedActiveIndex.get()])===null||_itemDimensions$get$c2===void 0?void 0:_itemDimensions$get$c2.x)!==null&&_itemDimensions$get$c!==void 0?_itemDimensions$get$c:0;}'};
@@ -26,389 +35,382 @@ function _fun69053(global, require, importDefault, importAll, module, exports, d
object = {code: 'function TabsNativeTsx6(){const{onEndDrag}=this.__closure;var _onEndDrag;(_onEndDrag=onEndDrag)===null||_onEndDrag===void 0||_onEndDrag();}'};
object = {code: 'function TabsNativeTsx7(){const{scrollOffset,activeIndex,itemDimensions}=this.__closure;return{scrollOffset:scrollOffset.get(),activeIndex:activeIndex.get(),itemDimensions:itemDimensions.get()};}'};
object = {code: 'function TabsNativeTsx8(props,prevState){const{cheapWorkletShallowEqual,itemSpacing,pageWidth,runOnJS,scrollToOffset,AUTO_SCROLL_BUFFER}=this.__closure;var _itemDimensions$activ,_itemDimensions$activ2,_itemDimensions$activ3;if(props.activeIndex===(prevState===null||prevState===void 0?void 0:prevState.activeIndex))return;if(cheapWorkletShallowEqual(props,prevState!==null&&prevState!==void 0?prevState:undefined))return;const{scrollOffset:scrollOffset,activeIndex:activeIndex,itemDimensions:itemDimensions}=props;const width=itemDimensions.reduce(function(sum,item){var _item$width;return sum+((_item$width=item===null||item===void 0?void 0:item.width)!==null&&_item$width!==void 0?_item$width:0);},0);const itemOffset=((_itemDimensions$activ=(_itemDimensions$activ2=itemDimensions[activeIndex])===null||_itemDimensions$activ2===void 0?void 0:_itemDimensions$activ2.x)!==null&&_itemDimensions$activ!==void 0?_itemDimensions$activ:0)+(activeIndex-1)*itemSpacing;const itemWidth=(_itemDimensions$activ3=itemDimensions[activeIndex])===null||_itemDimensions$activ3===void 0?void 0:_itemDimensions$activ3.width;if(width===0||itemOffset==null||itemWidth==null)return;if(scrollOffset+pageWidth<itemOffset+itemWidth){runOnJS(scrollToOffset)(itemOffset+AUTO_SCROLL_BUFFER);}else if(itemOffset<scrollOffset){runOnJS(scrollToOffset)(itemOffset-AUTO_SCROLL_BUFFER);}}'};
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Tabs/native/Tabs.native.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/components/Tabs/native/Tabs.native.tsx');
exports.defaultCountFormatter = closure;
exports.Tabs = Tabs;
}
function _fun69055(a0, a1) { // fn#69055, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9044:333, offset: 0x01c667ae, size: 300 bytes, params: 3, frame: 17
const object2 = {};
const BORDER_SUBTLE = (importDefault(697) /* metro dependency 697: native */).colors.BORDER_SUBTLE;
object2.container = {'display': 'flex', 'flexGrow': 1, 'minWidth': '100%', 'flexDirection': 'row',
'alignItems': 'center', 'borderBottomColor': null, 'borderBottomWidth': 1, borderBottomColor: BORDER_SUBTLE};
let PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
object2.controlsContainer = {marginHorizontal: PX_16, flexDirection: 'row', gap: a0};
PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
object2.indicatorContainer = {'position': 'absolute', 'width': '100%', 'height': '100%', 'flexDirection': 'row',
'alignItems': 'flex-end', marginLeft: PX_16};
const object3 = {height: 2};
object3.backgroundColor = a1 === 'gradient-background' ? (importDefault(697) /* metro dependency 697: native */).colors.TEXT_STRONG : (importDefault(697) /* metro dependency 697: native */).colors.TEXT_BRAND;
object3.borderTopStartRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
object3.borderTopEndRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
object2.indicator = object3;
return object2;
}
function Tabs({state, grow, formatCount = defaultCountFormatter, simultaneousHandlers, onScrollWorklet, onEndDrag, variant}) { // fn#69056, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9044:5218, offset: 0x01c668da, size: 1462 bytes, params: 2, frame: 45
var object2;
grow = grow === undefined || grow;
const env0_3 = simultaneousHandlers;
const activeIndex = state.activeIndex;
const scrollOffset = state.scrollOffset;
const env0_8 = scrollOffset;
const scrollOverflow = state.scrollOverflow;
const env0_9 = scrollOverflow;
const items2 = state.items;
const itemDimensions = state.itemDimensions;
const env0_11 = itemDimensions;
const itemSpacing = state.itemSpacing;
const env0_12 = itemSpacing;
const pageWidth = state.pageWidth;
const env0_13 = pageWidth;
const pressedIndex = state.pressedIndex;
const env0_14 = pressedIndex;
const setActiveIndex = state.setActiveIndex;
const env0_15 = setActiveIndex;
const useReducedMotion = state.useReducedMotion;
const env0_16 = useReducedMotion;
const styles = useStyles(itemSpacing, variant);
const env0_17 = styles;
const value5 = (require(4017) /* metro dependency 4017: ReanimatedRexport */).useSharedValue(pageWidth);
const env0_18 = value5;
const length = items2.length;
let binding = env0_3;
const value6 = binding.useRef(null);
const value7 = binding.useCallback(_fun69057, [value5]);
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
let useDerivedValue = reanimatedRexportModule.useDerivedValue;
let closure = function() {
var Math = global.Math;
var Math2 = global.Math;
var Math3 = global.Math;
return Math.round(Math2.min(Math3.max(activeIndex.get(), 0), length - 1));
};
closure.__closure = {activeIndex: activeIndex, itemCount: length};
closure.__workletHash = 3447899396126;
closure.__initData = env0_11;
const value8 = Reflect.apply(useDerivedValue, reanimatedRexportModule, [closure]);
const moduleValue3 = reanimatedRexportModule;
useDerivedValue = moduleValue3.useDerivedValue;
closure = TabsW;
closure.__closure = {itemDimensions: itemDimensions, clampedActiveIndex: value8};
closure.__workletHash = 8603255620075;
closure.__initData = env0_12;
const value9 = Reflect.apply(useDerivedValue, moduleValue3, [closure]);
const moduleValue4 = reanimatedRexportModule;
useDerivedValue = moduleValue4.useDerivedValue;
closure = TabsN;
closure.__closure = {itemDimensions: itemDimensions, clampedActiveIndex: value8};
closure.__workletHash = 3224400863644;
closure.__initData = env0_13;
const value10 = Reflect.apply(useDerivedValue, moduleValue4, [closure]);
const moduleValue5 = reanimatedRexportModule;
const useAnimatedStyle = moduleValue5.useAnimatedStyle;
closure = Tabs$;
object2 = {indicatorTranslateX: value10, pressedIndex: pressedIndex, clampedActiveIndex: value8,
PRESSED_TRANSLATE_AMOUNT: 0.04, indicatorWidth: value9, scrollOverflow: scrollOverflow};
object2.interpolate = reanimatedRexportModule.interpolate;
object2.SCROLL_OVERFLOW_UPPER_BOUND = 50;
object2.SCROLL_OVERFLOW_MAX_SCALE = 0.9;
object2.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
object2.SELECTED_INDICATOR_SPRING = env0_9;
closure.__closure = object2;
closure.__workletHash = 1794186407627;
closure.__initData = env0_14;
const value11 = Reflect.apply(useAnimatedStyle, moduleValue5, [closure]);
const moduleValue6 = reanimatedRexportModule;
const useAnimatedScrollHandler = moduleValue6.useAnimatedScrollHandler;
object2 = {};
closure = function(a0) {
scrollOffset.set(a0.contentOffset.x);
if (onScrollWorklet != null) {
onScrollWorklet(a0.contentOffset.x);
}
};
closure.__closure = {scrollOffset: scrollOffset, onScrollWorklet: onScrollWorklet};
closure.__workletHash = 1586298483424;
closure.__initData = env0_15;
object2.onScroll = closure;
closure = function() {
if (onEndDrag != null) {
onEndDrag();
}
};
closure.__closure = {onEndDrag: onEndDrag};
closure.__workletHash = 6364544472149;
closure.__initData = env0_16;
object2.onEndDrag = closure;
const value12 = Reflect.apply(useAnimatedScrollHandler, moduleValue6, [object2]);
const value13 = binding.useCallback(_fun69064, [useReducedMotion]);
const moduleValue7 = reanimatedRexportModule;
const useAnimatedReaction = moduleValue7.useAnimatedReaction;
closure = function() {
var object = {};
object.scrollOffset = scrollOffset.get();
object.activeIndex = activeIndex.get();
object.itemDimensions = itemDimensions.get();
function _fun69055(a0, a1) { // fn#69055, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9044:333, offset: 0x01c667ae, size: 300 bytes, params: 3, frame: 17
const object = {};
const BORDER_SUBTLE = (importDefault(697) /* metro dependency 697: native */).colors.BORDER_SUBTLE;
object.container = {'display': 'flex', 'flexGrow': 1, 'minWidth': '100%', 'flexDirection': 'row',
'alignItems': 'center', 'borderBottomColor': null, 'borderBottomWidth': 1, borderBottomColor: BORDER_SUBTLE};
let PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
object.controlsContainer = {marginHorizontal: PX_16, flexDirection: 'row', gap: a0};
PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
object.indicatorContainer = {'position': 'absolute', 'width': '100%', 'height': '100%', 'flexDirection': 'row',
'alignItems': 'flex-end', marginLeft: PX_16};
const object4 = {height: 2};
object4.backgroundColor = a1 === 'gradient-background' ? (importDefault(697) /* metro dependency 697: native */).colors.TEXT_STRONG : (importDefault(697) /* metro dependency 697: native */).colors.TEXT_BRAND;
object4.borderTopStartRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
object4.borderTopEndRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
object.indicator = object4;
return object;
};
closure.__closure = {scrollOffset: scrollOffset, activeIndex: activeIndex, itemDimensions: itemDimensions};
closure.__workletHash = 9993285637539;
closure.__initData = env0_17;
const closure2 = TabsX;
closure2.__closure = {cheapWorkletShallowEqual: (require(7739) /* metro dependency 7739: cheapWorkletShallowEqual */).cheapWorkletShallowEqual,
itemSpacing: itemSpacing, pageWidth: pageWidth, runOnJS: reanimatedRexportModule.runOnJS,
scrollToOffset: value13, AUTO_SCROLL_BUFFER: 16};
closure2.__workletHash = 15851319414889;
closure2.__initData = env0_18;
Reflect.apply(useAnimatedReaction, moduleValue7, [closure, closure2]);
const value14 = binding.useMemo(_fun69068, [items2, length, formatCount, state, grow, pressedIndex, activeIndex,
setActiveIndex, styles.controlsContainer, variant]);
const value15 = binding.useMemo(_fun69073, [simultaneousHandlers]);
binding = env0_8;
const platformUtilsModule = require(477) /* metro dependency 477: PlatformUtils */;
const r9 = platformUtilsModule.isIOS() ? 'tabbar' : undefined;
const View2 = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View;
const binding2 = ((Component) => <Component ref={value6} accessibilityRole={r9} keyboardShouldPersistTaps="handled" horizontal onScroll={value12} scrollEventThrottle={16} showsHorizontalScrollIndicator={false} contentContainerStyle={styles.container} bounces={false}><View style={styles.indicatorContainer} onLayout={value7}><View2 style={[styles.indicator,
value11]} /></View>{value14}</Component>)(binding);
if (value15 == null) {
return binding2;
} else {
const GestureDetector = (require(5321) /* metro dependency 5321 */).GestureDetector;
return (
<GestureDetector gesture={value15}>
{binding2}
</GestureDetector>
);
}
}
function _fun69057({nativeEvent}) { // fn#69057, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9044:5622, offset: 0x01c66e90, size: 41 bytes, params: 2, frame: 11
const binding = env0_18;
binding.set(nativeEvent.layout.width);
}
function TabsW() { // fn#69059, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9044:5881, owner: Tabs.W, offset: 0x01c66f0c, size: 51 bytes, params: 1, frame: 10
const itemDimensionsBinding = itemDimensions;
let get = itemDimensionsBinding.get;
const value2 = Reflect.apply(get, itemDimensionsBinding, []);
const binding = env0_21;
get = binding.get;
const property = value2[Reflect.apply(get, binding, [])];
return property == null ? 0 : property.width;
}
function TabsN() { // fn#69060, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9044:6072, owner: Tabs.N, offset: 0x01c66f3f, size: 63 bytes, params: 1, frame: 11
const itemDimensionsBinding = itemDimensions;
let get = itemDimensionsBinding.get;
const value2 = Reflect.apply(get, itemDimensionsBinding, []);
const binding = env0_21;
get = binding.get;
return value2[Reflect.apply(get, binding, [])]?.x ?? 0;
}
function Tabs$() { // fn#69061, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9044:6283, owner: Tabs.$, offset: 0x01c66f7e, size: 622 bytes, params: 1, frame: 23
var r4;
var r5;
var r3;
var r6;
var r10;
var value5;
var value6;
var value8;
var value11;
var value13;
var moduleValue;
var value15;
var value17;
var value18;
var moduleValue2;
var value20;
var value22;
let binding = env0_23;
let get = binding.get;
const value2 = Reflect.apply(get, binding, []);
const value3 = pressedIndex.get();
const value4 = 1;
if (value3 >= 0) {
value5 = pressedIndex.get();
binding = env0_21;
if (value5 < binding.get()) {
value11 = value2 - 0.02 * env0_22.get();
r4 = 1.04;
r5 = value11;
} else {
value6 = pressedIndex.get();
binding = env0_21;
if (value6 > binding.get()) {
value8 = value2 + 0.02 * env0_22.get();
r4 = 1.04;
r5 = value8;
} else {
r4 = value4;
r5 = value2;
function Tabs({state, grow, formatCount = defaultCountFormatter, simultaneousHandlers, onScrollWorklet, onEndDrag, variant}) { // fn#69056, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9044:5218, offset: 0x01c668da, size: 1462 bytes, params: 2, frame: 45
grow = grow === undefined || grow;
const simultaneousHandlers2 = simultaneousHandlers;
const activeIndex = state.activeIndex;
const scrollOffset = state.scrollOffset;
const scrollOffset2 = scrollOffset;
const scrollOverflow = state.scrollOverflow;
const scrollOverflow2 = scrollOverflow;
const items2 = state.items;
const itemDimensions = state.itemDimensions;
const itemDimensions2 = itemDimensions;
const itemSpacing = state.itemSpacing;
const itemSpacing2 = itemSpacing;
const pageWidth = state.pageWidth;
const pageWidth2 = pageWidth;
const pressedIndex = state.pressedIndex;
const pressedIndex2 = pressedIndex;
const setActiveIndex = state.setActiveIndex;
const setActiveIndex2 = setActiveIndex;
const useReducedMotion = state.useReducedMotion;
const useReducedMotion2 = useReducedMotion;
const styles = useStyles(itemSpacing, variant);
const styles2 = styles;
const value5 = (ReanimatedRexportModule).useSharedValue(pageWidth);
const env0_18 = value5;
const length = items2.length;
let binding = simultaneousHandlers2;
const value6 = binding.useRef(null);
const value7 = binding.useCallback(_fun69057, [value5]);
let useDerivedValue = ReanimatedRexportModule.useDerivedValue;
let closure = function() {
var Math = global.Math;
var Math2 = global.Math;
var Math3 = global.Math;
return Math.round(Math2.min(Math3.max(activeIndex.get(), 0), length - 1));
};
closure.__closure = {activeIndex: activeIndex, itemCount: length};
closure.__workletHash = 3447899396126;
closure.__initData = itemDimensions2;
const value8 = Reflect.apply(useDerivedValue, ReanimatedRexportModule, [closure]);
useDerivedValue = ReanimatedRexportModule.useDerivedValue;
closure = TabsW;
closure.__closure = {itemDimensions: itemDimensions, clampedActiveIndex: value8};
closure.__workletHash = 8603255620075;
closure.__initData = itemSpacing2;
const value9 = Reflect.apply(useDerivedValue, ReanimatedRexportModule, [closure]);
useDerivedValue = ReanimatedRexportModule.useDerivedValue;
closure = TabsN;
closure.__closure = {itemDimensions: itemDimensions, clampedActiveIndex: value8};
closure.__workletHash = 3224400863644;
closure.__initData = pageWidth2;
const value10 = Reflect.apply(useDerivedValue, ReanimatedRexportModule, [closure]);
const useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
closure = Tabs$;
object = {indicatorTranslateX: value10, pressedIndex: pressedIndex, clampedActiveIndex: value8,
PRESSED_TRANSLATE_AMOUNT: 0.04, indicatorWidth: value9, scrollOverflow: scrollOverflow};
object.interpolate = ReanimatedRexportModule.interpolate;
object.SCROLL_OVERFLOW_UPPER_BOUND = 50;
object.SCROLL_OVERFLOW_MAX_SCALE = 0.9;
object.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
object.SELECTED_INDICATOR_SPRING = scrollOverflow2;
closure.__closure = object;
closure.__workletHash = 1794186407627;
closure.__initData = pressedIndex2;
const value11 = Reflect.apply(useAnimatedStyle, ReanimatedRexportModule, [closure]);
const useAnimatedScrollHandler = ReanimatedRexportModule.useAnimatedScrollHandler;
object = {};
closure = function(a0) {
scrollOffset.set(a0.contentOffset.x);
if (onScrollWorklet != null) {
onScrollWorklet(a0.contentOffset.x);
}
}
r3 = r5;
r6 = r4;
} else {
r3 = value2;
r6 = value4;
}
get = scrollOverflow.get;
if (Reflect.apply(get, scrollOverflowBinding, []) < 0) {
value18 = environment.__proto__;
moduleValue2 = require(4017) /* metro dependency 4017: ReanimatedRexport */;
value20 = moduleValue2.interpolate(scrollOverflow.get(), [-50, 0], [0.9, 1], 'clamp');
binding = env0_22;
value22 = r3 + -binding.get() * (value4 - value20) / 2;
r6 = value20;
r10 = value22;
} else {
scrollOverflowBinding = scrollOverflow;
if (scrollOverflowBinding.get() > 0) {
value13 = environment.__proto__;
moduleValue = require(4017) /* metro dependency 4017: ReanimatedRexport */;
value15 = moduleValue.interpolate(scrollOverflow.get(), [50, 0], [0.9, 1], 'clamp');
value17 = r3 + env0_22.get() * (value4 - value15) / 2;
r6 = value15;
r10 = value17;
};
closure.__closure = {scrollOffset: scrollOffset, onScrollWorklet: onScrollWorklet};
closure.__workletHash = 1586298483424;
closure.__initData = setActiveIndex2;
object.onScroll = closure;
closure = function() {
if (onEndDrag != null) {
onEndDrag();
}
};
closure.__closure = {onEndDrag: onEndDrag};
closure.__workletHash = 6364544472149;
closure.__initData = useReducedMotion2;
object.onEndDrag = closure;
const value12 = Reflect.apply(useAnimatedScrollHandler, ReanimatedRexportModule, [object]);
const value13 = binding.useCallback(_fun69064, [useReducedMotion]);
const useAnimatedReaction = ReanimatedRexportModule.useAnimatedReaction;
closure = function() {
var object = {};
object.scrollOffset = scrollOffset.get();
object.activeIndex = activeIndex.get();
object.itemDimensions = itemDimensions.get();
return object;
};
closure.__closure = {scrollOffset: scrollOffset, activeIndex: activeIndex, itemDimensions: itemDimensions};
closure.__workletHash = 9993285637539;
closure.__initData = styles2;
const TabsX2 = TabsX;
TabsX2.__closure = {cheapWorkletShallowEqual: (require(7739) /* metro dependency 7739: cheapWorkletShallowEqual */).cheapWorkletShallowEqual,
itemSpacing: itemSpacing, pageWidth: pageWidth, runOnJS: ReanimatedRexportModule.runOnJS,
scrollToOffset: value13, AUTO_SCROLL_BUFFER: 16};
TabsX2.__workletHash = 15851319414889;
TabsX2.__initData = env0_18;
Reflect.apply(useAnimatedReaction, ReanimatedRexportModule, [closure, TabsX2]);
const value14 = binding.useMemo(_fun69068, [items2, length, formatCount, state, grow, pressedIndex, activeIndex,
setActiveIndex, styles.controlsContainer, variant]);
const value15 = binding.useMemo(_fun69073, [simultaneousHandlers]);
binding = scrollOffset2;
const r9 = PlatformUtilsModule.isIOS() ? 'tabbar' : undefined;
const View2 = (ReanimatedRexport).View;
const binding2 = ((Component) => <Component ref={value6} accessibilityRole={r9} keyboardShouldPersistTaps="handled" horizontal onScroll={value12} scrollEventThrottle={16} showsHorizontalScrollIndicator={false} contentContainerStyle={styles.container} bounces={false}><View style={styles.indicatorContainer} onLayout={value7}><View2 style={[styles.indicator,
value11]} /></View>{value14}</Component>)(binding);
if (value15 == null) {
return binding2;
} else {
r10 = r3;
const GestureDetector = (require(5321) /* metro dependency 5321 */).GestureDetector;
return (
<GestureDetector gesture={value15}>
{binding2}
</GestureDetector>
);
}
function _fun69057({nativeEvent}) { // fn#69057, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9044:5622, offset: 0x01c66e90, size: 41 bytes, params: 2, frame: 11
const binding = env0_18;
binding.set(nativeEvent.layout.width);
}
}
const object4 = {};
const springModule = require(4577) /* metro dependency 4577: spring */;
const withSpring = springModule.withSpring;
const value = env0_22.get();
binding = env1_9;
object4.width = Reflect.apply(withSpring, springModule, [value, binding]);
const object5 = {};
object5.translateX = springModule.withSpring(r10, binding);
const items2 = [object5];
const object6 = {};
object6.scaleX = springModule.withSpring(r6, binding);
items2[1] = object6;
object4.transform = items2;
return object4;
}
function _fun69064(a0) { // fn#69064, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9044:7408, offset: 0x01c6722f, size: 54 bytes, params: 2, frame: 13
const current = env0_20.current;
if (current != null) {
current.scrollTo({x: a0, animated: !useReducedMotion});
}
}
function TabsW() { // fn#69059, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9044:5881, owner: Tabs.W, offset: 0x01c66f0c, size: 51 bytes, params: 1, frame: 10
const itemDimensionsBinding = itemDimensions;
let get = itemDimensionsBinding.get;
const value2 = Reflect.apply(get, itemDimensionsBinding, []);
const binding = env0_21;
get = binding.get;
const property = value2[Reflect.apply(get, binding, [])];
return property == null ? 0 : property.width;
}
function TabsX(a0, a1) { // fn#69066, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9044:7691, owner: Tabs.X, offset: 0x01c672a2, size: 339 bytes, params: 3, frame: 21
var environment;
var width;
var r6;
var value3;
var moduleValue;
var scrollOffset;
var itemDimensions;
var value4;
var property;
var value7;
let value = a1;
const activeIndex2 = a0.activeIndex;
const value2 = undefined;
let activeIndex = value == null ? value2 : value.activeIndex;
if (activeIndex2 !== activeIndex) {
value3 = environment.__proto__;
moduleValue = require(7739) /* metro dependency 7739: cheapWorkletShallowEqual */;
if (!moduleValue.cheapWorkletShallowEqual(a0, value ?? value2)) {
scrollOffset = a0.scrollOffset;
activeIndex = a0.activeIndex;
itemDimensions = a0.itemDimensions;
value = 0;
value4 = itemDimensions.reduce(function(a0, a1) {
return a0 + (a1?.width ?? 0);
}, value);
property = itemDimensions[activeIndex];
value7 = ((property == null ? value2 : property.x) ?? value) + (activeIndex - 1) * itemSpacing;
property = itemDimensions[activeIndex];
width = property == null ? value2 : property.width;
value = value !== value4;
r6 = value && value7 != null;
r6 = r6 && width != null;
if (r6) {
value = scrollOffset + pageWidth;
if (value < value7 + width) {
value = require(4017) /* metro dependency 4017: ReanimatedRexport */;
value = value.runOnJS(env0_24);
value(value7 + 16);
} else if (value7 < scrollOffset) {
value = require(4017) /* metro dependency 4017: ReanimatedRexport */;
value = value.runOnJS(env0_24);
value(value7 - 16);
function TabsN() { // fn#69060, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9044:6072, owner: Tabs.N, offset: 0x01c66f3f, size: 63 bytes, params: 1, frame: 11
const itemDimensionsBinding = itemDimensions;
let get = itemDimensionsBinding.get;
const value2 = Reflect.apply(get, itemDimensionsBinding, []);
const binding = env0_21;
get = binding.get;
return value2[Reflect.apply(get, binding, [])]?.x ?? 0;
}
function Tabs$() { // fn#69061, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9044:6283, owner: Tabs.$, offset: 0x01c66f7e, size: 622 bytes, params: 1, frame: 23
var r4;
var r5;
var r3;
var r6;
var r10;
var value5;
var value6;
var value8;
var value11;
var value13;
var moduleValue;
var value15;
var value17;
var value18;
var moduleValue2;
var value20;
var value22;
let binding = env0_23;
let get = binding.get;
const value2 = Reflect.apply(get, binding, []);
const value3 = pressedIndex.get();
const value4 = 1;
if (value3 >= 0) {
value5 = pressedIndex.get();
binding = env0_21;
if (value5 < binding.get()) {
value11 = value2 - 0.02 * env0_22.get();
r4 = 1.04;
r5 = value11;
} else {
value6 = pressedIndex.get();
binding = env0_21;
if (value6 > binding.get()) {
value8 = value2 + 0.02 * env0_22.get();
r4 = 1.04;
r5 = value8;
} else {
r4 = value4;
r5 = value2;
}
}
r3 = r5;
r6 = r4;
} else {
r3 = value2;
r6 = value4;
}
get = scrollOverflow.get;
if (Reflect.apply(get, scrollOverflowBinding, []) < 0) {
value18 = environment.__proto__;
moduleValue2 = require(4017) /* metro dependency 4017: ReanimatedRexport */;
value20 = moduleValue2.interpolate(scrollOverflow.get(), [-50, 0], [0.9, 1], 'clamp');
binding = env0_22;
value22 = r3 + -binding.get() * (value4 - value20) / 2;
r6 = value20;
r10 = value22;
} else {
scrollOverflowBinding = scrollOverflow;
if (scrollOverflowBinding.get() > 0) {
value13 = environment.__proto__;
moduleValue = require(4017) /* metro dependency 4017: ReanimatedRexport */;
value15 = moduleValue.interpolate(scrollOverflow.get(), [50, 0], [0.9, 1], 'clamp');
value17 = r3 + env0_22.get() * (value4 - value15) / 2;
r6 = value15;
r10 = value17;
} else {
r10 = r3;
}
}
const object = {};
const withSpring = SpringModule.withSpring;
const value = env0_22.get();
binding = env1_9;
object.width = Reflect.apply(withSpring, SpringModule, [value, binding]);
const object2 = {};
object2.translateX = SpringModule.withSpring(r10, binding);
const items2 = [object2];
const object3 = {};
object3.scaleX = SpringModule.withSpring(r6, binding);
items2[1] = object3;
object.transform = items2;
return object;
}
function _fun69064(a0) { // fn#69064, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9044:7408, offset: 0x01c6722f, size: 54 bytes, params: 2, frame: 13
const current = env0_20.current;
if (current != null) {
current.scrollTo({x: a0, animated: !useReducedMotion});
}
}
function TabsX(a0, a1) { // fn#69066, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9044:7691, owner: Tabs.X, offset: 0x01c672a2, size: 339 bytes, params: 3, frame: 21
var environment;
var width;
var r6;
var value3;
var moduleValue;
var scrollOffset;
var itemDimensions;
var value4;
var property;
var value7;
let value = a1;
const activeIndex2 = a0.activeIndex;
const value2 = undefined;
let activeIndex = value == null ? value2 : value.activeIndex;
if (activeIndex2 !== activeIndex) {
value3 = environment.__proto__;
moduleValue = require(7739) /* metro dependency 7739: cheapWorkletShallowEqual */;
if (!moduleValue.cheapWorkletShallowEqual(a0, value ?? value2)) {
scrollOffset = a0.scrollOffset;
activeIndex = a0.activeIndex;
itemDimensions = a0.itemDimensions;
value = 0;
value4 = itemDimensions.reduce(function(a0, a1) {
return a0 + (a1?.width ?? 0);
}, value);
property = itemDimensions[activeIndex];
value7 = ((property == null ? value2 : property.x) ?? value) + (activeIndex - 1) * itemSpacing;
property = itemDimensions[activeIndex];
width = property == null ? value2 : property.width;
value = value !== value4;
r6 = value && value7 != null;
r6 = r6 && width != null;
if (r6) {
value = scrollOffset + pageWidth;
if (value < value7 + width) {
value = require(4017) /* metro dependency 4017: ReanimatedRexport */;
value = value.runOnJS(env0_24);
value(value7 + 16);
} else if (value7 < scrollOffset) {
value = require(4017) /* metro dependency 4017: ReanimatedRexport */;
value = value.runOnJS(env0_24);
value(value7 - 16);
}
}
}
}
return value2;
}
function _fun69068() { // fn#69068, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9044:8362, offset: 0x01c6741d, size: 67 bytes, params: 1, frame: 15
return (
<View style={styles.controlsContainer}>
{items.map(_fun69069)}
</View>
);
function _fun69069({label, count, id}, a1) { // fn#69069, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9044:8413, offset: 0x01c67460, size: 208 bytes, params: 3, frame: 21
var environment;
const env0_0 = a1;
let value = environment.__proto__.__proto__;
value = undefined;
const TabItem = (TabItemNativeModule).TabItem;
const lengthBinding = length;
const r7 = count != null ? env1_2(count) : value;
const stateBinding = state;
const growBinding = grow;
const pressedIndexBinding = pressedIndex;
const activeIndexBinding = activeIndex;
const get = activeIndexBinding.get;
return (
<TabItem
index={a1}
itemCount={lengthBinding}
label={label}
count={r7}
state={stateBinding}
grow={growBinding}
pressed={pressedIndexBinding}
selected={a1 === Reflect.apply(get, activeIndexBinding, [])}
onPress={function() {
setActiveIndex(require);
}}
onPressIn={function() {
pressedIndex.set(require);
}}
onPressOut={function() {
pressedIndex.set(-1);
}}
variant={variant}
key={id}
/>
);
}
}
function _fun69073() { // fn#69073, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9044:8723, offset: 0x01c6757e, size: 74 bytes, params: 1, frame: 13
var r0;
var value3;
var value4;
const simultaneousHandlersBinding = simultaneousHandlers;
const value2 = null;
if (value2 == simultaneousHandlersBinding) {
r0 = value2;
} else {
value3 = environment.__proto__;
value4 = (require(5321) /* metro dependency 5321 */).Gesture.Native();
r0 = value4.simultaneousWithExternalGesture(simultaneousHandlers);
}
return r0;
}
}
return value2;
}
function _fun69068() { // fn#69068, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9044:8362, offset: 0x01c6741d, size: 67 bytes, params: 1, frame: 15
return (
<View style={styles.controlsContainer}>
{items.map(_fun69069)}
</View>
);
}
function _fun69073() { // fn#69073, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9044:8723, offset: 0x01c6757e, size: 74 bytes, params: 1, frame: 13
var r0;
var value3;
var value4;
const simultaneousHandlersBinding = simultaneousHandlers;
const value2 = null;
if (value2 == simultaneousHandlersBinding) {
r0 = value2;
} else {
value3 = environment.__proto__;
value4 = (require(5321) /* metro dependency 5321 */).Gesture.Native();
r0 = value4.simultaneousWithExternalGesture(simultaneousHandlers);
}
return r0;
}
function _fun69069({label, count, id}, a1) { // fn#69069, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9044:8413, offset: 0x01c67460, size: 208 bytes, params: 3, frame: 21
var environment;
const env0_0 = a1;
let value = environment.__proto__.__proto__;
value = undefined;
const TabItem = (require(8860) /* metro dependency 8860: TabItemNative */).TabItem;
const lengthBinding = length;
const r7 = count != null ? env1_2(count) : value;
const stateBinding = state;
const growBinding = grow;
const pressedIndexBinding = pressedIndex;
const activeIndexBinding = activeIndex;
const get = activeIndexBinding.get;
return (
<TabItem
index={a1}
itemCount={lengthBinding}
label={label}
count={r7}
state={stateBinding}
grow={growBinding}
pressed={pressedIndexBinding}
selected={a1 === Reflect.apply(get, activeIndexBinding, [])}
onPress={function() {
setActiveIndex(require);
}}
onPressIn={function() {
pressedIndex.set(require);
}}
onPressOut={function() {
pressedIndex.set(-1);
}}
variant={variant}
key={id}
/>
);
}
global.__d(_fun69053, 8859, [31, 27, 1949, 33, 4017, 4501, 697, 4577, 7739, 8860, 5321, 477,
2]) /* metro module 8859, dependencies: [31, 27, 1949, 33, 4017, 4501, 697, 4577, 7739, 8860, 5321, 477, 2] */;
sources/design/components/Tabs/native/TabsGradient.native.tsx
+104 -99
View File
@@ -1,115 +1,120 @@
/* Metro module 12055; source: design/components/Tabs/native/TabsGradient.native.tsx; dependencies: [31, 661, 33, 4017, 4589, 4501, 4577, 2] */
import ReanimatedRexport from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import LinearGradient from '../../../../by-id/module-04589-LinearGradient.js'; /* Metro dependency 4589 */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as ConstantsModule from '../../../../Constants.tsx'; /* Metro dependency 661 */
import * as ReanimatedRexportModule from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as CreateStylesModule from '../../Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
import * as SpringModule from '../../../animation/reanimated/spring/spring.tsx'; /* Metro dependency 4577 */
function _fun92593(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#92593, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12241:6, offset: 0x02090d83, size: 378 bytes, params: 8, frame: 21
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
const env0_2 = importAll(31) /* metro dependency 31 */;
const env0_3 = (require(661) /* metro dependency 661: Constants */).HorizontalGradient;
const value = require(33) /* metro dependency 33 */;
const env0_4 = value.jsx;
const env0_5 = value.Fragment;
const env0_6 = value.jsxs;
const env0_7 = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).createAnimatedComponent(importDefault(4589) /* metro dependency 4589 */);
const env0_7 = (ReanimatedRexport).createAnimatedComponent(LinearGradient);
const env0_8 = {'mass': 1, 'damping': 30, 'stiffness': 250};
const env0_9 = (require(4501) /* metro dependency 4501: createStyles */).createStyles({gradient: {'width': 50,
const env0_9 = (CreateStylesModule).createStyles({gradient: {'width': 50,
'position': 'absolute', 'top': 0, 'bottom': 0, 'zIndex': 100}, left: {left: 0}, right: {right: 0}});
object = {code: 'function TabsGradientNativeTsx1(){const{withSpring,visible,SPRING_CONFIG}=this.__closure;return{opacity:withSpring(visible.get()?1:0,SPRING_CONFIG)};}'};
object = {code: 'function TabsGradientNativeTsx2(){const{itemDimensions,state}=this.__closure;const items=itemDimensions.get();const itemWidths=items.reduce(function(s,layout){var _layout$width;return s+((_layout$width=layout===null||layout===void 0?void 0:layout.width)!==null&&_layout$width!==void 0?_layout$width:0);},0);const itemsSpacing=items.length*state.itemSpacing;return itemWidths+itemsSpacing;}'};
object = {code: 'function TabsGradientNativeTsx3(){const{scrollOffset,totalItemWidth,pageWidth}=this.__closure;return scrollOffset.get()>0&&totalItemWidth.get()>pageWidth;}'};
object = {code: 'function TabsGradientNativeTsx4(){const{scrollOffset,totalItemWidth,pageWidth}=this.__closure;return scrollOffset.get()<totalItemWidth.get()-pageWidth&&totalItemWidth.get()>pageWidth;}'};
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Tabs/native/TabsGradient.native.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/components/Tabs/native/TabsGradient.native.tsx');
exports.default = TabsGradient;
function useGradientAnimatedStyle(a0) { // fn#92594, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12241:538, offset: 0x02090efd, size: 123 bytes, params: 2, frame: 18
const env0_0 = a0;
const useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
const useGradientAnimatedStyleS2 = useGradientAnimatedStyleS;
const object = {};
object.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
object.visible = a0;
object.SPRING_CONFIG = env0_8;
useGradientAnimatedStyleS2.__closure = object;
useGradientAnimatedStyleS2.__workletHash = 14959306962615;
useGradientAnimatedStyleS2.__initData = env0_10;
return Reflect.apply(useAnimatedStyle, ReanimatedRexportModule, [useGradientAnimatedStyleS2]);
function useGradientAnimatedStyleS() { // fn#92595, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12241:611, owner: useGradientAnimatedStyle.s, offset: 0x02090f78, size: 72 bytes, params: 1, frame: 15
const object = {};
object.opacity = SpringModule.withSpring(env0_0.get() ? 1 : 0, env1_8);
return object;
}
}
function TabsGradient({state, colors}) { // fn#92596, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12241:1650, offset: 0x02090fc0, size: 533 bytes, params: 2, frame: 25
const scrollOffset = state.scrollOffset;
const scrollOffset2 = scrollOffset;
const itemDimensions = state.itemDimensions;
const pageWidth = state.pageWidth;
let useDerivedValue = ReanimatedRexportModule.useDerivedValue;
let closure = function() {
var value2 = itemDimensions.get();
return value2.reduce(_fun92598, 0) + value2.length * state.itemSpacing;
};
closure.__closure = {itemDimensions: itemDimensions, state: state};
closure.__workletHash = 456613763143;
closure.__initData = env0_11;
let value2 = Reflect.apply(useDerivedValue, ReanimatedRexportModule, [closure]);
useDerivedValue = ReanimatedRexportModule.useDerivedValue;
closure = TabsGradientY;
closure.__closure = {scrollOffset: scrollOffset, totalItemWidth: value2, pageWidth: pageWidth};
closure.__workletHash = 13237586618288;
closure.__initData = env0_12;
const value3 = useGradientAnimatedStyle(Reflect.apply(useDerivedValue, ReanimatedRexportModule, [closure]));
useDerivedValue = ReanimatedRexportModule.useDerivedValue;
closure = TabsGradientW;
closure.__closure = {scrollOffset: scrollOffset, totalItemWidth: value2, pageWidth: pageWidth};
closure.__workletHash = 13808489302165;
closure.__initData = env0_13;
const value4 = useGradientAnimatedStyle(Reflect.apply(useDerivedValue, ReanimatedRexportModule, [closure]));
const styles = useStyles();
let binding = scrollOffset2;
const value5 = binding.useMemo(function() {
var r2;
var colorsBinding = colors;
var items = [];
arraySpread(items, colorsBinding, 0, r2);
return items.reverse();
}, [colors]);
const jsxRuntimeEnv0_5Binding = jsxRuntimeEnv0_5;
binding = env0_7;
let START = HorizontalGradient.START;
let END = HorizontalGradient.END;
const binding2 = ((Component) => <Component start={START} end={END} colors={colors} style={[styles.left,
styles.gradient, value3]} pointerEvents="none" />)(binding);
START = HorizontalGradient.START;
END = HorizontalGradient.END;
return (
<>
{binding2}
{((Component) => <Component start={START} end={END} colors={value5} style={[styles.right, styles.gradient,
value4]} pointerEvents="none" />)(binding)}
</>
);
function TabsGradientF() { // fn#92597, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12241:1782, owner: TabsGradient.f, offset: 0x020911d5, size: 64 bytes, params: 1, frame: 14
const value2 = itemDimensions.get();
return value2.reduce(function(a0, a1) {
return a0 + (a1?.width ?? 0);
}, 0) + value2.length * state.itemSpacing;
}
function TabsGradientY() { // fn#92599, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12241:2056, owner: TabsGradient.y, offset: 0x02091215, size: 48 bytes, params: 1, frame: 11
return scrollOffset.get() > 0 && JsxRuntimeModule.Fragment.get() > pageWidth;
}
function TabsGradientW() { // fn#92600, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12241:2243, owner: TabsGradient.W, offset: 0x02091245, size: 67 bytes, params: 1, frame: 11
return scrollOffset.get() < JsxRuntimeModule.Fragment.get() - pageWidth && JsxRuntimeModule.Fragment.get() > pageWidth;
}
}
}
function useGradientAnimatedStyle(a0) { // fn#92594, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12241:538, offset: 0x02090efd, size: 123 bytes, params: 2, frame: 18
const env0_0 = a0;
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
const useAnimatedStyle = reanimatedRexportModule.useAnimatedStyle;
const closure = useGradientAnimatedStyleS;
const object2 = {};
object2.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
object2.visible = a0;
object2.SPRING_CONFIG = env0_8;
closure.__closure = object2;
closure.__workletHash = 14959306962615;
closure.__initData = env0_10;
return Reflect.apply(useAnimatedStyle, reanimatedRexportModule, [closure]);
}
function TabsGradient({state, colors}) { // fn#92596, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12241:1650, offset: 0x02090fc0, size: 533 bytes, params: 2, frame: 25
const scrollOffset = state.scrollOffset;
const env0_2 = scrollOffset;
const itemDimensions = state.itemDimensions;
const pageWidth = state.pageWidth;
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
let useDerivedValue = reanimatedRexportModule.useDerivedValue;
let closure = function() {
var value2 = itemDimensions.get();
return value2.reduce(_fun92598, 0) + value2.length * state.itemSpacing;
};
closure.__closure = {itemDimensions: itemDimensions, state: state};
closure.__workletHash = 456613763143;
closure.__initData = env0_11;
let value2 = Reflect.apply(useDerivedValue, reanimatedRexportModule, [closure]);
const moduleValue2 = reanimatedRexportModule;
useDerivedValue = moduleValue2.useDerivedValue;
closure = TabsGradientY;
closure.__closure = {scrollOffset: scrollOffset, totalItemWidth: value2, pageWidth: pageWidth};
closure.__workletHash = 13237586618288;
closure.__initData = env0_12;
const value3 = useGradientAnimatedStyle(Reflect.apply(useDerivedValue, moduleValue2, [closure]));
const moduleValue3 = reanimatedRexportModule;
useDerivedValue = moduleValue3.useDerivedValue;
closure = TabsGradientW;
closure.__closure = {scrollOffset: scrollOffset, totalItemWidth: value2, pageWidth: pageWidth};
closure.__workletHash = 13808489302165;
closure.__initData = env0_13;
const value4 = useGradientAnimatedStyle(Reflect.apply(useDerivedValue, moduleValue3, [closure]));
const styles = useStyles();
let binding = env0_2;
const value5 = binding.useMemo(function() {
var r2;
var colorsBinding = colors;
var items = [];
arraySpread(items, colorsBinding, 0, r2);
return items.reverse();
}, [colors]);
const jsxRuntimeEnv0_5Binding = jsxRuntimeEnv0_5;
binding = env0_7;
let START = HorizontalGradient.START;
let END = HorizontalGradient.END;
const binding2 = ((Component) => <Component start={START} end={END} colors={colors} style={[styles.left,
styles.gradient, value3]} pointerEvents="none" />)(binding);
START = HorizontalGradient.START;
END = HorizontalGradient.END;
return (
<>
{binding2}
{((Component) => <Component start={START} end={END} colors={value5} style={[styles.right, styles.gradient,
value4]} pointerEvents="none" />)(binding)}
</>
);
}
function useGradientAnimatedStyleS() { // fn#92595, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12241:611, owner: useGradientAnimatedStyle.s, offset: 0x02090f78, size: 72 bytes, params: 1, frame: 15
const object2 = {};
const springModule = require(4577) /* metro dependency 4577: spring */;
object2.opacity = springModule.withSpring(env0_0.get() ? 1 : 0, env1_8);
return object2;
}
function TabsGradientF() { // fn#92597, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12241:1782, owner: TabsGradient.f, offset: 0x020911d5, size: 64 bytes, params: 1, frame: 14
const value2 = itemDimensions.get();
return value2.reduce(function(a0, a1) {
return a0 + (a1?.width ?? 0);
}, 0) + value2.length * state.itemSpacing;
}
function TabsGradientY() { // fn#92599, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12241:2056, owner: TabsGradient.y, offset: 0x02091215, size: 48 bytes, params: 1, frame: 11
return scrollOffset.get() > 0 && env0_5.get() > pageWidth;
}
function TabsGradientW() { // fn#92600, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12241:2243, owner: TabsGradient.W, offset: 0x02091245, size: 67 bytes, params: 1, frame: 11
return scrollOffset.get() < env0_5.get() - pageWidth && env0_5.get() > pageWidth;
function _fun92598(a0, a1) { // fn#92598, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12241:1824, offset: 0x01c673f5, size: 40 bytes, params: 3, frame: 4
return a0 + (a1?.width ?? 0);
}
global.__d(_fun92593, 12055, [31, 661, 33, 4017, 4589, 4501, 4577,
2]) /* metro module 12055, dependencies: [31, 661, 33, 4017, 4589, 4501, 4577, 2] */;