/* Metro module 12045; source: modules/nuf/native/components/DiscoverabilityLanding.tsx; dependencies: [31, 27, 11994, 661, 33, 4501, 697, 6597, 1585, 4080, 12046, 1962, 5314, 5475, 12047, 4573, 1244, 1305, 7972, 12021, 4578, 2] */
import Native from '../../../../external/discord_common/js/packages/tokens/native.tsx'; /* Metro dependency 697 */
import UseSafeAreaInsetsNative from '../../../safe_area/useSafeAreaInsets.native.tsx'; /* Metro dependency 1585 */
import FastImage from '../../../../components_native/common/FastImage.tsx'; /* Metro dependency 5475 */
import TextStyles from '../../../rebrand/native/TextStyles.tsx'; /* Metro dependency 6597 */
import Module12047 from '../../../../by-id/module-12047.js'; /* Metro dependency 12047 */
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 ConstantsModule from '../../../../Constants.tsx'; /* Metro dependency 661 */
import * as NativeModule from '../../../../design/void/native.tsx'; /* Metro dependency 1305 */
import * as TextModule from '../../../../design/components/Text/native/Text.tsx'; /* Metro dependency 4573 */
import * as ButtonNativeModule from '../../../../design/components/Button/native/Button.native.tsx'; /* Metro dependency 4578 */
import * as NavigatorConstantsNativeModule from '../../../../design/components/Navigator/native/NavigatorConstants.native.tsx'; /* Metro dependency 5314 */
import * as NativeModule2 from '../../../../design/void/Form/native/index.tsx'; /* Metro dependency 7972 */
import * as ContactSyncModalStoreModule from '../../../contact_sync/native/ContactSyncModalStore.tsx'; /* Metro dependency 11994 */

function _fun92561(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#92561, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12231:6, offset: 0x0208f34a, size: 600 bytes, params: 8, frame: 29
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    let value = ReactNativeModule;
    const env0_4 = value.View;
    const env0_5 = value.ScrollView;
    const Fonts = (ConstantsModule).Fonts;
    value = require(33) /* metro dependency 33 */;
    const env0_7 = value.jsx;
    const env0_8 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object = {};
    const BACKGROUND_BASE_LOW = (Native).colors.BACKGROUND_BASE_LOW;
    object.container = {flex: 1, backgroundColor: BACKGROUND_BASE_LOW};
    object.headerContainer = {'flexGrow': 0, 'justifyContent': 'center', 'marginBottom': 24};
    object.header = {'paddingHorizontal': 16, 'alignItems': 'center'};
    object.image = {'width': '100%', 'marginHorizontal': 0};
    object.button = {'flexGrow': 0, 'marginHorizontal': 16, 'marginBottom': 24};
    object.title = {'textAlign': 'center', 'marginTop': 16};
    const object3 = {};
    const DISPLAY_MEDIUM = Fonts.DISPLAY_MEDIUM;
    const TEXT_SUBTLE = (Native).colors.TEXT_SUBTLE;
    copyDataProperties(object3, TextStyles(DISPLAY_MEDIUM, TEXT_SUBTLE, 14), undefined);
    object3['textAlign'] = 'center';
    object3['marginTop'] = 8;
    object.subtitle = object3;
    const BACKGROUND_SURFACE_HIGH = (Native).colors.BACKGROUND_SURFACE_HIGH;
    object.formRow = {paddingVertical: 16, backgroundColor: BACKGROUND_SURFACE_HIGH};
    const object5 = {};
    const PRIMARY_SEMIBOLD = Fonts.PRIMARY_SEMIBOLD;
    const INTERACTIVE_TEXT_ACTIVE = (Native).colors.INTERACTIVE_TEXT_ACTIVE;
    copyDataProperties(object5, TextStyles(PRIMARY_SEMIBOLD, INTERACTIVE_TEXT_ACTIVE, 16), undefined);
    object.formText = object5;
    object.footerContainer = {'flexGrow': 1, 'width': '100%'};
    object.info = {'paddingHorizontal': 16, 'marginTop': 8, 'marginBottom': 24};
    const env0_9 = Reflect.apply(createStyles, value, [object]);
    (FileImportTrackerModule).fileFinishedImporting('modules/nuf/native/components/DiscoverabilityLanding.tsx');
    exports.default = DiscoverabilityLanding;
    function DiscoverabilityLanding({onNext}) { // fn#92562, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12231:942, offset: 0x0208f5a2, size: 1031 bytes, params: 2, frame: 33
        const styles = useStyles();
        const {allowEmail, allowPhone} = useContactSyncModalStore();
        const bottom = (UseSafeAreaInsetsNative)().bottom;
        const env0_3Binding = ReactModule.useCallback(_fun92563, [allowPhone, allowEmail]);
        const object2 = {};
        const NAV_BAR_HEIGHT = (NavigatorConstantsNativeModule).NAV_BAR_HEIGHT;
        object2.paddingTop = NAV_BAR_HEIGHT + 32;
        object2.paddingBottom = bottom + 16;
        const items2 = [
            ((Component) => <Component resizeMode="contain" style={styles.image} source={Module12047} />)(FastImage),
                
        ];
        const Text = (TextModule).Text;
        const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
        let string = intl.string;
        items2[1] = (
            <Text
                style={styles.title}
                accessibilityRole="header"
                variant="heading-xl/extrabold"
                color="mobile-text-heading-primary"
            >
                {Reflect.apply(string, intl, [(require(1244) /* metro dependency 1244: indexNative */).t.n8nw6j])}
            </Text>
        );
        const LegacyText = (NativeModule).LegacyText;
        string = intl.string;
        const KMW0kP = (require(1244) /* metro dependency 1244: indexNative */).t.KMW0kP;
        items2[2] = (
            <LegacyText style={styles.subtitle}>
                {Reflect.apply(string, intl, [KMW0kP])}
            </LegacyText>
        );
        const view = (
            <View style={styles.headerContainer}>
                <View style={styles.header}>
                    {items2}
                </View>
            </View>
        );
        const FormCheckboxRow = (NativeModule2).FormCheckboxRow;
        const formCheckboxRowProps = {DEPRECATED_style: styles.formRow};
        const FormRow = (NativeModule2).FormRow;
        const Label = FormRow.Label;
        formCheckboxRowProps.label = (
            <Label
                style={styles.formText}
                text={intl.string((require(1244) /* metro dependency 1244: indexNative */).t.gMUgpv)}
            />
        );
        formCheckboxRowProps.onPress = (require(12021) /* metro dependency 12021: NUFActionCreators */).toggleDiscoverabilityForUser;
        formCheckboxRowProps.selected = allowEmail || allowPhone;
        const items3 = [
            <FormCheckboxRow {...formCheckboxRowProps} />,
        ];
        const items4 = [intl.string((require(1244) /* metro dependency 1244: indexNative */).t['DGZg+k']), ' '];
        const format = intl.format;
        const QmF5z4 = (require(1244) /* metro dependency 1244: indexNative */).t.QmF5z4;
        items4[2] = Reflect.apply(format, intl, [QmF5z4, {learnMoreHook: learnMoreHook_92564}]);
        items3[1] = (
            <Text
                style={styles.info}
                variant="heading-deprecated-12/medium"
                color="text-default"
            >
                {items4}
            </Text>
        );
        const Button = (ButtonNativeModule).Button;
        string = intl.string;
        const PDTjLN = (require(1244) /* metro dependency 1244: indexNative */).t.PDTjLN;
        items3[2] = (
            <View style={styles.button}>
                <Button
                    text={Reflect.apply(string, intl, [PDTjLN])}
                    onPress={function() {
            return onNext();
        }}
                    grow
                />
            </View>
        );
        return (
            <ScrollView style={styles.container} contentContainerStyle={object2}>
                {view}
                <View style={styles.footerContainer}>
                    {items3}
                </View>
            </ScrollView>
        );
        function _fun92563() { // fn#92563, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12231:1070, offset: 0x0208f9a9, size: 103 bytes, params: 1, frame: 17
            let value = environment.__proto__;
            const defaultImport = importDefault(dependencyMap[9]);
            const openLazy = defaultImport.openLazy;
            value = require(dependencyMap[11]);
            value = value(dependencyMap[10], dependencyMap.paths);
            Reflect.apply(openLazy, defaultImport, [value, 'Discoverability Landing', {allowPhone: allowPhone,
                allowEmail: allowEmail}]);
        }

        function DiscoverabilityLandingLearnMoreHook(a0, a1) { // fn#92564, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12231:2159, owner: DiscoverabilityLanding.learnMoreHook, offset: 0x0208fa10, size: 80 bytes, params: 3, frame: 15
            const Text = (TextModule).Text;
            return (
                <Text
                    onPress={ReactModule}
                    variant="text-sm/medium"
                    color="text-link"
                    key={a1}
                >
                    {a0}
                </Text>
            );
        }

    }

}

global.__d(_fun92561, 12045, [31, 27, 11994, 661, 33, 4501, 697, 6597, 1585, 4080, 12046, 1962, 5314, 5475, 12047,
        4573, 1244, 1305, 7972, 12021, 4578,
        2]) /* metro module 12045, dependencies: [31, 27, 11994, 661, 33, 4501, 697, 6597, 1585, 4080, 12046, 1962, 5314, 5475, 12047, 4573, 1244, 1305, 7972, 12021, 4578, 2] */;