Initial commit

sources/design/components/Modal/native/Modal.native.tsx

@@ -0,0 +1,20 @@
+/* Metro module 10121; source: design/components/Modal/native/Modal.native.tsx; dependencies: [31, 33, 1585, 5280, 5314, 2] */
+function _fun79000(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#79000, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:10307:6, offset: 0x01e40bd2, size: 138 bytes, params: 8, frame: 18
+    const env0_0 = require;
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    importAll(31) /* metro dependency 31 */;
+    const env0_3 = (require(33) /* metro dependency 33 */).jsx;
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Modal/native/Modal.native.tsx');
+    exports.Modal = Modal;
+}
+
+function Modal(a0) { // fn#79001, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:10307:207, offset: 0x01e40c5c, size: 117 bytes, params: 2, frame: 18
+    const value2 = (importDefault(1585) /* metro dependency 1585: useSafeAreaInsetsNative */)();
+    const Navigator = (require(5280) /* metro dependency 5280: NavigatorNative */).Navigator;
+    const navigatorProps = {...a0};
+    const NAV_BAR_HEIGHT = (require(5314) /* metro dependency 5314: NavigatorConstantsNative */).NAV_BAR_HEIGHT;
+    navigatorProps['headerStyle'] = {height: NAV_BAR_HEIGHT + value2.top};
+    return <Navigator {...navigatorProps} />;
+}
+

sources/design/components/Modal/native/ModalActionButton.native.tsx

@@ -0,0 +1,37 @@
+/* Metro module 9790; source: design/components/Modal/native/ModalActionButton.native.tsx; dependencies: [31, 27, 33, 4501, 4578, 2] */
+function _fun76737(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#76737, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9976:6, offset: 0x01de30bf, size: 213 bytes, params: 8, frame: 20
+    const env0_0 = require;
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    importAll(31) /* metro dependency 31 */;
+    const env0_2 = (require(27) /* metro dependency 27 */).View;
+    const value = require(33) /* metro dependency 33 */;
+    const env0_3 = value.jsx;
+    const env0_4 = value.Fragment;
+    const env0_5 = value.jsxs;
+    const env0_6 = (require(4501) /* metro dependency 4501: createStyles */).createStyles({spacer: {marginTop: 12}});
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Modal/native/ModalActionButton.native.tsx');
+    exports.ModalActionButton = ModalActionButton;
+}
+
+function ModalActionButton(a0) { // fn#76738, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9976:320, offset: 0x01de3194, size: 184 bytes, params: 2, frame: 22
+    const variant = a0.variant;
+    const value = Object.create(null);
+    value.variant = 0;
+    const value2 = copyDataProperties({}, a0, value, undefined);
+    const styles = useStyles();
+    const jsxRuntimeEnv0_4Binding = jsxRuntimeEnv0_4;
+    const r6 = variant === 'secondary' && <View style={styles.spacer} />;
+    const Button = (require(4578) /* metro dependency 4578: ButtonNative */).Button;
+    return (
+        <>
+            {r6}
+            <Button
+                {...value2}
+                {...{['variant']: variant}}
+                {...{['size']: 'lg'}}
+            />
+        </>
+    );
+}
+

sources/design/components/Modal/native/ModalContent.native.tsx

@@ -0,0 +1,30 @@
+/* Metro module 6259; source: design/components/Modal/native/ModalContent.native.tsx; dependencies: [31, 27, 33, 4501, 2] */
+function _fun49426(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#49426, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6437:6, offset: 0x011f8f35, size: 212 bytes, params: 8, frame: 21
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    let value = importAll(31) /* metro dependency 31 */;
+    const env0_0 = (require(27) /* metro dependency 27 */).ScrollView;
+    const env0_1 = (require(33) /* metro dependency 33 */).jsx;
+    const env0_2 = (require(4501) /* metro dependency 4501: createStyles */).createStyles({scrollContainer: {flex: 1},
+        contentContainer: {'flexDirection': 'column', 'paddingTop': 24, 'paddingHorizontal': 16, 'alignItems': 'center',
+        'flexGrow': 1}});
+    value = value.forwardRef(_fun49427);
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Modal/native/ModalContent.native.tsx');
+    exports.ModalContent = value;
+}
+
+function _fun49427({children}, a1) { // fn#49427, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6437:316, offset: 0x011f9009, size: 87 bytes, params: 3, frame: 16
+    const styles = useStyles();
+    return (
+        <ScrollView
+            style={styles.scrollContainer}
+            contentContainerStyle={styles.contentContainer}
+            showsVerticalScrollIndicator={false}
+            keyboardShouldPersistTaps="handled"
+            ref={a1}
+        >
+            {children}
+        </ScrollView>
+    );
+}
+

sources/design/components/Modal/native/ModalDisclaimer.native.tsx

@@ -0,0 +1,30 @@
+/* Metro module 12807; source: design/components/Modal/native/ModalDisclaimer.native.tsx; dependencies: [31, 27, 33, 4501, 4573, 2] */
+function _fun97678(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#97678, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12997:6, offset: 0x0218d12c, size: 212 bytes, params: 8, frame: 20
+    const env0_0 = require;
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    importAll(31) /* metro dependency 31 */;
+    const env0_2 = (require(27) /* metro dependency 27 */).View;
+    const env0_3 = (require(33) /* metro dependency 33 */).jsx;
+    const env0_4 = (require(4501) /* metro dependency 4501: createStyles */).createStyles({container: {'flexDirection': 'column',
+        'alignItems': 'center'}, disclaimer: {marginBottom: 12}});
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Modal/native/ModalDisclaimer.native.tsx');
+    exports.ModalDisclaimer = ModalDisclaimer;
+}
+
+function ModalDisclaimer({children}) { // fn#97679, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12997:352, offset: 0x0218d200, size: 107 bytes, params: 2, frame: 18
+    const styles = useStyles();
+    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
+    return (
+        <View style={styles.container}>
+            <Text
+                variant="text-xs/medium"
+                color="text-muted"
+                style={styles.disclaimer}
+            >
+                {children}
+            </Text>
+        </View>
+    );
+}
+

sources/design/components/Modal/native/ModalFloatingAction.native.tsx

@@ -0,0 +1,91 @@
+/* Metro module 9789; source: design/components/Modal/native/ModalFloatingAction.native.tsx; dependencies: [31, 27, 33, 4501, 4017, 3875, 1585, 4577, 4581, 4589, 674, 9790, 2] */
+function _fun76732(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#76732, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9975:6, offset: 0x01de2c13, size: 272 bytes, params: 8, frame: 20
+    const env0_0 = require;
+    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 */;
+    const env0_4 = value.StyleSheet;
+    const env0_5 = value.View;
+    value = require(33) /* metro dependency 33 */;
+    const env0_6 = value.jsx;
+    const env0_7 = value.jsxs;
+    const env0_8 = (require(4501) /* metro dependency 4501: createStyles */).createStyles({floating: {'position': 'absolute',
+        'bottom': 0, 'width': '100%', 'paddingHorizontal': 16}, spacer: {height: 96}});
+    object = {code: 'function ModalFloatingActionNativeTsx1(){const{interpolate,sharedValue,floatingBackgroundColor,useReducedMotion}=this.__closure;return{opacity:interpolate(sharedValue.get(),[0,1],[0,1]),borderBottomColor:floatingBackgroundColor,borderBottomWidth:16,transform:[{translateY:interpolate(sharedValue.get(),[useReducedMotion?0.999999:0,1],[32,0])}]};}'};
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Modal/native/ModalFloatingAction.native.tsx');
+    exports.ModalFloatingAction = ModalFloatingAction;
+    exports.ModalFloatingActionSpacer = ModalFloatingActionSpacer;
+}
+
+function ModalFloatingAction(a0) { // fn#76733, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9975:762, offset: 0x01de2d23, size: 586 bytes, params: 2, frame: 29
+    const isVisible = a0.isVisible;
+    const floatingBackgroundColor = a0.floatingBackgroundColor;
+    const value = Object.create(null);
+    const value2 = 0;
+    value.isVisible = value2;
+    value.floatingBackgroundColor = value2;
+    const value3 = copyDataProperties({}, a0, value, undefined);
+    const env0_3 = undefined;
+    const styles = useStyles();
+    const value6 = (require(4017) /* metro dependency 4017: ReanimatedRexport */).useSharedValue(isVisible ? 1 : value2);
+    const binding = env0_3;
+    const useContext = binding.useContext;
+    const AccessibilityPreferencesContext = (require(3875) /* metro dependency 3875: AccessibilityPreferencesContext */).AccessibilityPreferencesContext;
+    const enabled = Reflect.apply(useContext, binding, [AccessibilityPreferencesContext]).reducedMotion.enabled;
+    const value7 = (importDefault(1585) /* metro dependency 1585: useSafeAreaInsetsNative */)();
+    binding.useEffect(_fun76734, [isVisible, value6]);
+    const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
+    const useAnimatedStyle = reanimatedRexportModule.useAnimatedStyle;
+    const closure = ModalFloatingActionY;
+    closure.__closure = {interpolate: reanimatedRexportModule.interpolate, sharedValue: value6,
+        floatingBackgroundColor: floatingBackgroundColor, useReducedMotion: enabled};
+    closure.__workletHash = 1679390676673;
+    closure.__initData = env0_9;
+    const value8 = Reflect.apply(useAnimatedStyle, reanimatedRexportModule, [closure]);
+    const View = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View;
+    const items2 = [value8];
+    items2[1] = styles.floating;
+    items2[2] = {paddingBottom: value7.bottom};
+    const r4 = isVisible ? 'auto' : 'none';
+    const value14 = ((Component) => <Component colors={[(importDefault(674) /* metro dependency 674 */)(floatingBackgroundColor).alpha(value2).hex(),
+        floatingBackgroundColor]} locations={[0,
+        0.5]} style={StyleSheet.absoluteFill} />)(importDefault(4589) /* metro dependency 4589 */);
+    const ModalActionButton = (require(9790) /* metro dependency 9790: ModalActionButtonNative */).ModalActionButton;
+    return (
+        <View style={items2} pointerEvents={r4}>
+            {value14}
+            <ModalActionButton {...value3} {...{['variant']: 'primary'}} />
+        </View>
+    );
+}
+
+function ModalFloatingActionSpacer() { // fn#76736, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9975:1718, offset: 0x01de3096, size: 41 bytes, params: 1, frame: 14
+    const styles = useStyles();
+    return <View style={styles.spacer} />;
+}
+
+function _fun76734() { // fn#76734, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9975:982, offset: 0x01de2f6d, size: 100 bytes, params: 1, frame: 19
+    const binding = env0_2;
+    const set = binding.set;
+    const springModule = require(4577) /* metro dependency 4577: spring */;
+    const withSpring = springModule.withSpring;
+    const r5 = isVisible ? 1 : 0;
+    const SUBTLE_SPRING = (require(4581) /* metro dependency 4581: springPresets */).SUBTLE_SPRING;
+    Reflect.apply(set, binding, [Reflect.apply(withSpring, springModule, [r5, SUBTLE_SPRING, 'animate-always'])]);
+}
+
+function ModalFloatingActionY() { // fn#76735, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9975:1105, owner: ModalFloatingAction.y, offset: 0x01de2fd1, size: 197 bytes, params: 1, frame: 21
+    const object3 = {};
+    let value = environment.__proto__;
+    value = require(4017) /* metro dependency 4017: ReanimatedRexport */;
+    object3.opacity = value.interpolate(env0_2.get(), [0, 1], [0, 1]);
+    object3.borderBottomColor = floatingBackgroundColor;
+    object3.borderBottomWidth = 16;
+    const object4 = {};
+    value = require(4017) /* metro dependency 4017: ReanimatedRexport */;
+    object4.translateY = value.interpolate(env0_2.get(), [enabled ? 0.999999 : 0, 1], [32, 0]);
+    object3.transform = [object4];
+    return object3;
+}
+

sources/design/components/Modal/native/ModalFooter.native.tsx

@@ -0,0 +1,22 @@
+/* Metro module 10120; source: design/components/Modal/native/ModalFooter.native.tsx; dependencies: [31, 27, 33, 4501, 2] */
+function _fun78998(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#78998, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:10306:6, offset: 0x01e40ade, size: 191 bytes, params: 8, frame: 19
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    importAll(31) /* metro dependency 31 */;
+    const env0_0 = (require(27) /* metro dependency 27 */).View;
+    const env0_1 = (require(33) /* metro dependency 33 */).jsx;
+    const env0_2 = (require(4501) /* metro dependency 4501: createStyles */).createStyles({footer: {'flexDirection': 'column',
+        'paddingVertical': 16, 'paddingHorizontal': 24}});
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Modal/native/ModalFooter.native.tsx');
+    exports.ModalFooter = ModalFooter;
+}
+
+function ModalFooter({children}) { // fn#78999, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:10306:332, offset: 0x01e40b9d, size: 53 bytes, params: 2, frame: 15
+    const styles = useStyles();
+    return (
+        <View style={styles.footer}>
+            {children}
+        </View>
+    );
+}
+

sources/design/components/Modal/native/ModalScreen.native.tsx

@@ -0,0 +1,30 @@
+/* Metro module 6258; source: design/components/Modal/native/ModalScreen.native.tsx; dependencies: [31, 27, 33, 4501, 697, 5463, 2] */
+function _fun49424(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#49424, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6436:6, offset: 0x011f8dbc, size: 226 bytes, params: 8, frame: 21
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    importAll(31) /* metro dependency 31 */;
+    const env0_2 = (require(27) /* metro dependency 27 */).View;
+    const env0_3 = (require(33) /* metro dependency 33 */).jsx;
+    const createStylesModule = require(4501) /* metro dependency 4501: createStyles */;
+    const createStyles = createStylesModule.createStyles;
+    const BACKGROUND_BASE_LOW = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOW;
+    const env0_4 = Reflect.apply(createStyles, createStylesModule, [{container: {'flex': 1, 'flexDirection': 'column',
+        backgroundColor: BACKGROUND_BASE_LOW}}]);
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Modal/native/ModalScreen.native.tsx');
+    exports.ModalScreen = ModalScreen;
+}
+
+function ModalScreen({backgroundColor, children}) { // fn#49425, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6436:353, offset: 0x011f8e9e, size: 151 bytes, params: 2, frame: 20
+    const styles = useStyles();
+    const insets = (importDefault(5463) /* metro dependency 5463: useSafeAreaInsetsKeyboardAwareNative */)().insets;
+    backgroundColor = backgroundColor ?? styles.container.backgroundColor;
+    return (
+        <View
+            style={[styles.container, {backgroundColor: backgroundColor, paddingLeft: insets.left,
+                paddingRight: insets.right, paddingBottom: insets.bottom}]}
+        >
+            {children}
+        </View>
+    );
+}
+

sources/design/components/Modal/native/ModalStepIndicator.native.tsx

@@ -0,0 +1,83 @@
+/* Metro module 12806; source: design/components/Modal/native/ModalStepIndicator.native.tsx; dependencies: [31, 27, 33, 4501, 697, 4017, 3860, 4577, 2] */
+function _fun97673(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#97673, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12996:6, offset: 0x0218cc90, size: 266 bytes, params: 8, frame: 19
+    const env0_0 = require;
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    const env0_3 = importAll(31) /* metro dependency 31 */;
+    const env0_4 = (require(27) /* metro dependency 27 */).View;
+    const env0_5 = (require(33) /* metro dependency 33 */).jsx;
+    object = {overshootClamping: true};
+    const env0_7 = (require(4501) /* metro dependency 4501: createStyles */).createStyles({container: {'flexDirection': 'row',
+        'gap': 4}, stepPill: {'height': 4, 'borderRadius': 2}});
+    object = {code: 'function ModalStepIndicatorNativeTsx1(){const{interpolate,sharedValue,WIDTH_INACTIVE,WIDTH_ACTIVE,interpolateColor,inactiveColor,activeColor,inactiveOpacity}=this.__closure;return{width:interpolate(sharedValue.get(),[0,1],[WIDTH_INACTIVE,WIDTH_ACTIVE]),backgroundColor:interpolateColor(sharedValue.get(),[0,1],[inactiveColor,activeColor]),opacity:interpolate(sharedValue.get(),[0,1],[inactiveOpacity,1])};}'};
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Modal/native/ModalStepIndicator.native.tsx');
+    exports.ModalStepIndicator = ModalStepIndicator;
+}
+
+function StepPill({isActive, activeColor = importDefault(dependencyMap[4]).colors.TEXT_BRAND, inactiveColor = importDefault(dependencyMap[4]).colors.BACKGROUND_MOD_STRONG, inactiveOpacity}) { // fn#97674, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12996:678, offset: 0x0218cd9a, size: 476 bytes, params: 2, frame: 24
+    inactiveOpacity = inactiveOpacity === undefined ? 1 : inactiveOpacity;
+    const styles = useStyles();
+    const value4 = (require(4017) /* metro dependency 4017: ReanimatedRexport */).useSharedValue(isActive ? 1 : 0);
+    const value5 = (require(3860) /* metro dependency 3860: useToken */).useToken(activeColor);
+    const env0_3 = value5;
+    const value6 = (require(3860) /* metro dependency 3860: useToken */).useToken(inactiveColor);
+    env0_3.useEffect(_fun97675, [isActive, value4]);
+    const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
+    const useAnimatedStyle = reanimatedRexportModule.useAnimatedStyle;
+    const closure = StepPillT;
+    closure.__closure = {interpolate: reanimatedRexportModule.interpolate, sharedValue: value4, WIDTH_INACTIVE: 12,
+        WIDTH_ACTIVE: 36, interpolateColor: reanimatedRexportModule.interpolateColor, inactiveColor: value6,
+        activeColor: value5, inactiveOpacity: inactiveOpacity};
+    closure.__workletHash = 12485955218699;
+    closure.__initData = env0_8;
+    const value7 = Reflect.apply(useAnimatedStyle, reanimatedRexportModule, [closure]);
+    const View = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View;
+    return <View style={[value7, styles.stepPill]} />;
+}
+
+function ModalStepIndicator({currentStep, totalSteps, activeColor, inactiveColor, inactiveOpacity}) { // fn#97677, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12996:1580, offset: 0x0218d098, size: 148 bytes, params: 2, frame: 25
+    var r1;
+    var push;
+    var jsxRuntimeEnv0_5Binding;
+    var value3;
+    const styles = useStyles();
+    const items2 = [];
+    if (0 < totalSteps) {
+        for (r1 = 0; true; r1 = value3) {
+            push = items2.push;
+            jsxRuntimeEnv0_5Binding = jsxRuntimeEnv0_5;
+            Reflect.apply(push, items2,
+                [<StepPill isActive={r1 === currentStep} activeColor={activeColor} inactiveColor={inactiveColor} inactiveOpacity={inactiveOpacity} key={r1} />]);
+            value3 = typeof r1 === 'bigint' ? r1 + 1n : +r1 + 1;
+            if (!(value3 < totalSteps)) {
+                break;
+            }
+        }
+    }
+    return (
+        <View style={styles.container}>
+            {items2}
+        </View>
+    );
+}
+
+function _fun97675() { // fn#97675, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12996:924, offset: 0x0218cf76, size: 71 bytes, params: 1, frame: 16
+    const r6 = isActive ? 1 : 0;
+    const binding = env0_2;
+    const set = binding.set;
+    const springModule = require(4577) /* metro dependency 4577: spring */;
+    Reflect.apply(set, binding, [springModule.withSpring(r6, env1_6)]);
+}
+
+function StepPillT() { // fn#97676, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12996:1018, owner: StepPill.T, offset: 0x0218cfbd, size: 219 bytes, params: 1, frame: 21
+    const object2 = {};
+    let value = environment.__proto__;
+    value = require(4017) /* metro dependency 4017: ReanimatedRexport */;
+    object2.width = value.interpolate(env0_2.get(), [0, 1], [12, 36]);
+    value = require(4017) /* metro dependency 4017: ReanimatedRexport */;
+    object2.backgroundColor = value.interpolateColor(env0_2.get(), [0, 1], [env0_4, env0_3]);
+    value = require(4017) /* metro dependency 4017: ReanimatedRexport */;
+    object2.opacity = value.interpolate(env0_2.get(), [0, 1], [inactiveOpacity, 1]);
+    return object2;
+}
+

sources/design/components/Modal/native/StepModal.native.tsx

@@ -0,0 +1,69 @@
+/* Metro module 12805; source: design/components/Modal/native/StepModal.native.tsx; dependencies: [57, 31, 27, 33, 4501, 5314, 1585, 10121, 12806, 2] */
+function _fun97670(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#97670, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12995:6, offset: 0x0218c978, size: 273 bytes, params: 8, frame: 20
+    const env0_0 = require;
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    const env0_3 = importDefault(57) /* metro dependency 57 */;
+    const env0_4 = importAll(31) /* metro dependency 31 */;
+    const env0_5 = (require(27) /* metro dependency 27 */).View;
+    let value = require(33) /* metro dependency 33 */;
+    const env0_6 = value.jsx;
+    const env0_7 = value.jsxs;
+    value = require(4501) /* metro dependency 4501: createStyles */;
+    const createStyles = value.createStyles;
+    const NAV_BAR_HEIGHT = (require(5314) /* metro dependency 5314: NavigatorConstantsNative */).NAV_BAR_HEIGHT;
+    const env0_8 = Reflect.apply(createStyles, value, [{container: {height: '100%'},
+        stepContainer: {'flexDirection': 'column', 'alignItems': 'center', 'justifyContent': 'center', 'top': 0,
+        'left': 0, 'right': 0, height: NAV_BAR_HEIGHT}}]);
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Modal/native/StepModal.native.tsx');
+    exports.StepModal = StepModal;
+}
+
+function StepModal(a0) { // fn#97671, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12995:441, offset: 0x0218ca89, size: 430 bytes, params: 2, frame: 28
+    const steps = a0.steps;
+    const onWillFocus = a0.onWillFocus;
+    let value = Object.create(null);
+    const value2 = 0;
+    value.steps = value2;
+    value.onWillFocus = value2;
+    const value3 = copyDataProperties({}, a0, value, undefined);
+    const value5 = undefined;
+    const styles = useStyles();
+    const value6 = (importDefault(1585) /* metro dependency 1585: useSafeAreaInsetsNative */)();
+    const binding = env0_4;
+    const value8 = env0_3(binding.useState(value2), 2);
+    const property = value8[value2];
+    const env0_2 = value8[1];
+    const value9 = binding.useCallback(_fun97672, [onWillFocus, steps]);
+    const Modal = (require(10121) /* metro dependency 10121: ModalNative */).Modal;
+    const modalProps = {...value3};
+    modalProps['onWillFocus'] = value9;
+    const NAV_BAR_HEIGHT = (require(5314) /* metro dependency 5314: NavigatorConstantsNative */).NAV_BAR_HEIGHT;
+    modalProps['headerStyle'] = {height: NAV_BAR_HEIGHT + value6.top};
+    modalProps['hideTitle'] = true;
+    value = <Modal {...modalProps} />;
+    const items2 = [styles.stepContainer];
+    items2[1] = {marginTop: value6.top};
+    const ModalStepIndicator = (require(12806) /* metro dependency 12806: ModalStepIndicatorNative */).ModalStepIndicator;
+    return (
+        <View style={styles.container}>
+            {value}
+            <View style={items2} pointerEvents="box-none">
+                <ModalStepIndicator currentStep={property} totalSteps={(steps == null ? value5 : steps.length) ?? value2} />
+            </View>
+        </View>
+    );
+}
+
+function _fun97672(a0) { // fn#97672, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12995:570, offset: 0x0218cc37, size: 89 bytes, params: 2, frame: 17
+    const route = a0.route;
+    const binding = env0_2;
+    const stepsBinding = steps;
+    const value2 = undefined;
+    binding((stepsBinding == null ? value2 : steps.indexOf(route.name)) ?? 0);
+    if (onWillFocus != null) {
+        onWillFocus(a0);
+    }
+    return value2;
+}
+