/* Metro module 11351; source: modules/guild_onboarding/native/CustomizeCommunity.tsx; dependencies: [31, 27, 6540, 1867, 4605, 3969, 6603, 5106, 661, 1881, 4865, 33, 4501, 697, 6597, 3866, 4048, 566, 11352, 11353, 1305, 1244, 4573, 5105, 6734, 6769, 6789, 1585, 11354, 6602, 5097, 6606, 6739, 1423, 1360, 3860, 4017, 4504, 11355, 4080, 6744, 1962, 5278, 6759, 6735, 2] */
function _fun86922(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#86922, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11537:6, offset: 0x01fa7b07, size: 1741 bytes, params: 8, frame: 32
    var object2;
    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.View;
    const env0_5 = value.Image;
    const env0_6 = value.ScrollView;
    const emojiStore = importDefault(6540) /* metro dependency 6540: EmojiStore */;
    const guildStore = importDefault(1867) /* metro dependency 1867: GuildStore */;
    const readStateStore = importDefault(4605) /* metro dependency 4605: ReadStateStore */;
    const selectedGuildStore = importDefault(3969) /* metro dependency 3969: SelectedGuildStore */;
    const guildOnboardingPromptsStore = importDefault(6603) /* metro dependency 6603: GuildOnboardingPromptsStore */;
    value = require(5106) /* metro dependency 5106: GuildOnboardingPromptsConstants */;
    const env0_12 = value.GuildOnboardingTab;
    const env0_13 = value.OnboardingPromptType;
    const Fonts = (require(661) /* metro dependency 661: Constants */).Fonts;
    const env0_14 = (require(1881) /* metro dependency 1881: EmojiConstants */).EMOJI_URL_BASE_SIZE;
    const env0_15 = (require(4865) /* metro dependency 4865: ReadStateConstants */).ReadStateTypes;
    value = require(33) /* metro dependency 33 */;
    const env0_16 = value.jsx;
    const env0_17 = value.jsxs;
    const env0_18 = value.Fragment;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object2 = {};
    let PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object2.container = {paddingHorizontal: PX_16};
    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object2.sheetTitle = {marginTop: PX_16};
    const object3 = {position: 'relative'};
    const BACKGROUND_SURFACE_HIGH = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_SURFACE_HIGH;
    object3.backgroundColor = BACKGROUND_SURFACE_HIGH;
    let PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12;
    object3.marginTop = PX_12;
    PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12;
    object3.padding = PX_12;
    object3.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.md;
    object3.borderWidth = 2;
    object3.borderStyle = 'solid';
    object2.promptContainer = object3;
    PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12;
    object2.titleContainer = {'flexDirection': 'row', 'alignItems': 'center', marginBottom: PX_12};
    const object5 = {};
    const textStyles = importDefault(6597) /* metro dependency 6597: TextStyles */;
    const PRIMARY_SEMIBOLD = Fonts.PRIMARY_SEMIBOLD;
    let MOBILE_TEXT_HEADING_PRIMARY = (importDefault(697) /* metro dependency 697: native */).colors.MOBILE_TEXT_HEADING_PRIMARY;
    copyDataProperties(object5, textStyles(PRIMARY_SEMIBOLD, MOBILE_TEXT_HEADING_PRIMARY, 16), undefined);
    object2.prompt = object5;
    object2.badge = {'position': 'absolute', 'top': -6, 'right': -6};
    object2.badgeText = {fontWeight: 'bold'};
    const object7 = {};
    object7.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
    const BACKGROUND_BASE_LOWEST = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOWEST;
    object7.backgroundColor = BACKGROUND_BASE_LOWEST;
    let PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object7.padding = PX_8;
    const PX_32 = (importDefault(697) /* metro dependency 697: native */).space.PX_32;
    object7.paddingRight = PX_32;
    object7.minHeight = 48;
    PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12;
    object7.marginBottom = PX_12;
    object7.display = 'flex';
    object7.flexDirection = 'row';
    object7.flexWrap = 'wrap';
    object7.alignItems = 'center';
    object7.position = 'relative';
    object2.dropdownContainer = object7;
    const object12 = {};
    PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12;
    object12.marginVertical = PX_12;
    let PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    object12.marginLeft = PX_4;
    object2.emptyDropdownText = object12;
    const object14 = {};
    object14.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.sm;
    const BACKGROUND_BASE_LOW = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOW;
    object14.backgroundColor = BACKGROUND_BASE_LOW;
    object14.padding = 6;
    PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object14.marginRight = PX_8;
    PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object14.marginTop = PX_8;
    object14.display = 'flex';
    object14.flexDirection = 'row';
    object14.alignItems = 'center';
    object2.dropdownPill = object14;
    object2.emojiContainer = {'display': 'flex', 'alignItems': 'center'};
    const object17 = {position: 'absolute'};
    PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    object17.right = PX_4;
    PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12;
    object17.top = PX_12;
    object2.dropdownIconContainer = object17;
    object2.dropdownIcon = {'height': 32, 'width': 32};
    object2.optionTextEmoji = {'fontSize': 18, 'lineHeight': 22, 'marginRight': 6};
    object2.optionImageEmoji = {'height': 22, 'width': 22, 'marginRight': 6};
    PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    object2.helpText = {marginTop: PX_4};
    const object18 = {};
    const PX_24 = (importDefault(697) /* metro dependency 697: native */).space.PX_24;
    object18.marginTop = PX_24;
    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object18.marginBottom = PX_16;
    object18.height = 1;
    const BORDER_SUBTLE = (importDefault(697) /* metro dependency 697: native */).colors.BORDER_SUBTLE;
    object18.backgroundColor = BORDER_SUBTLE;
    object2.sectionSeparator = object18;
    object2.emptyContainer = {'height': 400, 'display': 'flex', 'alignItems': 'center', 'justifyContent': 'center'};
    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object2.emptyContainerImage = {'width': 120, 'height': 80, marginBottom: PX_16};
    const object19 = {};
    const value3 = textStyles;
    const DISPLAY_SEMIBOLD = Fonts.DISPLAY_SEMIBOLD;
    MOBILE_TEXT_HEADING_PRIMARY = (importDefault(697) /* metro dependency 697: native */).colors.MOBILE_TEXT_HEADING_PRIMARY;
    copyDataProperties(object19, value3(DISPLAY_SEMIBOLD, MOBILE_TEXT_HEADING_PRIMARY, 18), undefined);
    PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    object19['marginBottom'] = PX_4;
    object2.emptyContainerHeader = object19;
    const object20 = {};
    const value4 = textStyles;
    const DISPLAY_MEDIUM = Fonts.DISPLAY_MEDIUM;
    const TEXT_SUBTLE = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_SUBTLE;
    copyDataProperties(object20, value4(DISPLAY_MEDIUM, TEXT_SUBTLE, 14), undefined);
    object2.emptyContainerSubheader = object20;
    PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12;
    object2.connectionsContainer = {marginTop: PX_12};
    PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12;
    object2.connectionsPromptContainer = {marginTop: PX_12};
    PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    object2.connectionsTitle = {marginBottom: PX_4};
    const env0_19 = Reflect.apply(createStyles, value, [object2]);
    object2 = {code: 'function CustomizeCommunityTsx1(){const{isNew,brandColor,withSequence,withTiming,Easing,withDelay}=this.__closure;const rawBorderColor=isNew?brandColor+"FF":brandColor+"00";const borderColor=withSequence(withTiming(rawBorderColor,{duration:1,easing:Easing.in(Easing.ease)}),withDelay(500,withTiming(brandColor+"00",{duration:300,easing:Easing.out(Easing.ease)})));return{borderColor:borderColor};}'};
    object2 = {code: 'function CustomizeCommunityTsx2(){const{isNew,brandColor,withSequence,withTiming,Easing,withDelay}=this.__closure;const rawBorderColor=isNew?brandColor+"FF":brandColor+"00";const borderColor=withSequence(withTiming(rawBorderColor,{duration:1,easing:Easing.in(Easing.ease)}),withDelay(500,withTiming(brandColor+"00",{duration:300,easing:Easing.out(Easing.ease)})));return{borderColor:borderColor};}'};
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/guild_onboarding/native/CustomizeCommunity.tsx');
    exports.default = CustomizeCommunity;
}

function EmptyCustomizeCommunity({setTab}) { // fn#86923, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11537:2605, offset: 0x01fa81d4, size: 436 bytes, params: 2, frame: 27
    const styles = useStyles();
    const isThemeDark2 = require(dependencyMap[15]).isThemeDark(importDefault(dependencyMap[16])());
    const env0_1 = require(dependencyMap[17]).useStateFromStores([SelectedGuildStore], function() {
        return SelectedGuildStore.getGuildId();
    });
    const items2 = [<Image style={styles.emptyContainerImage} source={importDefault(isThemeDark2 ? dependencyMap[18] : dependencyMap[19])} />];
    const LegacyText = require(dependencyMap[20]).LegacyText;
    const intl = require(dependencyMap[21]).intl;
    items2[1] = <LegacyText style={styles.emptyContainerHeader}>{intl.string(require(dependencyMap[21]).t.leKHQz)}</LegacyText>;
    items2[2] = <LegacyText style={styles.emptyContainerSubheader}>{intl.format(require(dependencyMap[21]).t['jH+ktB'],
        {onBrowseChannels: onBrowseChannels})}</LegacyText>;
    return (
        <View style={styles.emptyContainer}>
            {items2}
        </View>
    );
}

function PromptTitle({item}) { // fn#86926, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11537:3116, offset: 0x01fa83c4, size: 204 bytes, params: 2, frame: 22
    const styles = useStyles();
    const LegacyText = (require(1305) /* metro dependency 1305: native */).LegacyText;
    return (
        <View style={styles.titleContainer}>
            <LegacyText style={styles.prompt} accessibilityRole="header">
                {item.title}
                {item.required ? ((Text) => <Text variant="text-md/bold" color="text-feedback-critical">{' '}{'*'}</Text>)((require(4573) /* metro dependency 4573: Text */).Text) : null}
            </LegacyText>
        </View>
    );
}

function PromptHelpText({guildId, prompt, selectedOptionIds}) { // fn#86927, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11537:3397, offset: 0x01fa8490, size: 376 bytes, params: 2, frame: 21
    const styles = useStyles();
    const guild = (require(566) /* metro dependency 566: flux */).useStateFromStores([GuildStore], function() {
        return GuildStore.getGuild(guildId);
    });
    const r2 = prompt == null || prompt.options == null ? undefined : prompt.options.filter(function(a0) {
        return selectedOptionIds.includes(a0.id);
    });
    let binding = env0_3;
    let useMemo = binding.useMemo;
    const value5 = Reflect.apply(useMemo, binding, [_fun86930, [r2]]);
    binding = env0_3;
    useMemo = binding.useMemo;
    const {helpText,
        helpTextAdditional} = (importDefault(6734) /* metro dependency 6734: usePromptHelpText */)({guild: guild,
        prompt: prompt, selectedRoleIds: value5, selectedChannelIds: Reflect.apply(useMemo, binding, [_fun86931, [r2]]),
        itemHook: itemHook});
    if (helpText !== '') {
        const Text = (require(4573) /* metro dependency 4573: Text */).Text;
        return (
            <Text
                style={styles.helpText}
                variant="text-xs/medium"
                color="text-default"
            >
                {helpText}
                {' '}
                {helpTextAdditional}
            </Text>
        );
    } else if (helpTextAdditional === '') {
        return null;
    } else {
        const Text2 = (require(4573) /* metro dependency 4573: Text */).Text;
        return (
            <Text2
                style={styles.helpText}
                variant="text-xs/medium"
                color="text-default"
            >
                {helpText}
                {' '}
                {helpTextAdditional}
            </Text2>
        );
    }
}

function ConnectionsPrompt({guildId}) { // fn#86933, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11537:4100, offset: 0x01fa86f5, size: 382 bytes, params: 2, frame: 28
    var r0;
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
    var string;
    const t = (require(1244) /* metro dependency 1244: indexNative */).t;
    var items2;
    const styles = useStyles();
    const connections = (require(566) /* metro dependency 566: flux */).useStateFromStores([GuildOnboardingPromptsStore],
        function() {
        return GuildOnboardingPromptsStore.getConnections(guildId);
    });
    if (connections.length === 0) {
        r0 = null;
    } else {
        var viewBindingProps = {style: styles.connectionsPromptContainer};
        string = intl.string;
        items2 = [<Text style={styles.connectionsTitle} variant="text-md/semibold" color="mobile-text-heading-primary">{Reflect.apply(string,
            
            intl, [t.eDVMrA])}</Text>];
        string = intl.string;
        items2[1] = <Text variant="text-xs/medium" color="text-muted">{Reflect.apply(string, intl, [t.BozOXu])}</Text>;
        items2[2] = <View style={styles.connectionsContainer}>{connections.map(_fun86935)}</View>;
        r0 = <View {...viewBindingProps}>{items2}</View>;
    }
    return r0;
}

function DropdownOption_86936({option}) { // fn#86936, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11537:4694, offset: 0x01fa88e2, size: 432 bytes, params: 2, frame: 29
    var Emoji;
    const styles = useStyles();
    const value3 = (require(566) /* metro dependency 566: flux */).useStateFromStores([EmojiStore], _fun86937);
    let r6 = option.emoji?.id != null || option.emoji?.name != null;
    if (r6) {
        var viewBinding2Props = {style: styles.emojiContainer};
        Emoji = importDefault(6739) /* metro dependency 6739: Emoji */;
        r6 = <View {...viewBinding2Props}><Emoji textEmojiStyle={styles.optionTextEmoji} fastImageStyle={styles.optionImageEmoji} src={value3 != null ? (importDefault(1423) /* metro dependency 1423: AvatarUtils */).getEmojiURL({id: value3.id,
            
            animated: value3.animated,
                size: EMOJI_URL_BASE_SIZE}) : undefined} name={option.emoji?.name ?? ''} /></View>;
    }
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    return (
        <View style={styles.dropdownPill}>
            {r6}
            <Text variant="text-md/semibold">
                {option.title}
            </Text>
        </View>
    );
}

function DropdownPrompt_86938({guildId, prompt}) { // fn#86938, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11537:5763, offset: 0x01fa8ae4, size: 998 bytes, params: 2, frame: 33
    var object2;
    var r6;
    var TextBadge;
    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
    const styles = useStyles();
    let isNew = prompt.isNew;
    const value2 = (require(566) /* metro dependency 566: flux */).useStateFromStoresArray([GuildOnboardingPromptsStore],
        function() {
        return GuildOnboardingPromptsStore.getOnboardingResponsesForPrompt(guildId, prompt.id);
    });
    const env0_3 = value2;
    const value3 = value2.map(function(a0) {
        var env0_0 = a0;
        return prompt.options.find(_fun86941);
    });
    const value4 = value3.filter((require(1360) /* metro dependency 1360: GlobalUtils */).isNotNullish);
    const useTokenModule = require(3860) /* metro dependency 3860: useToken */;
    const useToken = useTokenModule.useToken;
    const BACKGROUND_BRAND = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BRAND;
    const value5 = Reflect.apply(useToken, useTokenModule, [BACKGROUND_BRAND]);
    const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
    const useAnimatedStyle = reanimatedRexportModule.useAnimatedStyle;
    const closure = DropdownPrompt_86938C;
    object2 = {isNew: isNew, brandColor: value5};
    object2.withSequence = reanimatedRexportModule.withSequence;
    object2.withTiming = (require(4504) /* metro dependency 4504: timing */).withTiming;
    const Easing = reanimatedRexportModule.Easing;
    object2.Easing = Easing;
    object2.withDelay = reanimatedRexportModule.withDelay;
    closure.__closure = object2;
    closure.__workletHash = 16609373875235;
    closure.__initData = env0_20;
    const value6 = Reflect.apply(useAnimatedStyle, reanimatedRexportModule, [closure]);
    const value7 = env0_3.useCallback(_fun86943, [guildId, prompt,
        (importDefault(11355) /* metro dependency 11355: useBatchUpdateSelectOption */)(guildId).handleSelectOption,
        value2.length]);
    const View2 = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View;
    const items4 = [styles.promptContainer, value6];
    isNew = prompt.isNew;
    if (isNew) {
        TextBadge = (require(1305) /* metro dependency 1305: native */).TextBadge;
        r6 = <TextBadge color={(require(1305) /* metro dependency 1305: native */).BadgeColors.BRAND} text={intl.string((require(1244) /* metro dependency 1244: indexNative */).t.y2b7CA)} style={styles.badge} textStyle={styles.badgeText} />;
    } else {
        r6 = isNew;
    }
    const items2 = [r6];
    items2[1] = <PromptTitle item={prompt} />;
    const PressableHighlight = (require(5278) /* metro dependency 5278: Pressables */).PressableHighlight;
    const items3 = [value4.length === 0 && ((Text) => <Text style={styles.emptyDropdownText} variant="text-sm/normal" color="text-muted">{intl.string((require(1244) /* metro dependency 1244: indexNative */).t.GmSvdA)}</Text>)((require(4573) /* metro dependency 4573: Text */).Text)];
    items3[1] = value4.map(_fun86945);
    items3[2] = <View style={styles.dropdownIconContainer}><Image style={styles.dropdownIcon} source={importDefault(6759) /* metro dependency 6759 */} /></View>;
    items2[2] = <PressableHighlight style={styles.dropdownContainer} onPress={value7}>{items3}</PressableHighlight>;
    items2[3] = <PromptHelpText guildId={guildId} prompt={prompt} selectedOptionIds={value2} />;
    return (
        <View2 style={items4}>
            {items2}
        </View2>
    );
}

function MultipleChoicePrompt_86946({guildId, prompt}) { // fn#86946, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11537:7906, offset: 0x01fa9164, size: 631 bytes, params: 2, frame: 28
    var object2;
    var r7;
    var TextBadge;
    var intl;
    const styles = useStyles();
    let isNew = prompt.isNew;
    const value2 = (require(566) /* metro dependency 566: flux */).useStateFromStoresArray([GuildOnboardingPromptsStore],
        function() {
        return GuildOnboardingPromptsStore.getOnboardingResponsesForPrompt(guildId, prompt.id);
    });
    const env0_4 = (importDefault(11355) /* metro dependency 11355: useBatchUpdateSelectOption */)(guildId).handleSelectOption;
    const useTokenModule = require(3860) /* metro dependency 3860: useToken */;
    const useToken = useTokenModule.useToken;
    const BACKGROUND_BRAND = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BRAND;
    const value3 = Reflect.apply(useToken, useTokenModule, [BACKGROUND_BRAND]);
    const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
    const useAnimatedStyle = reanimatedRexportModule.useAnimatedStyle;
    const closure = MultipleChoicePrompt_86946O;
    object2 = {isNew: isNew, brandColor: value3};
    object2.withSequence = reanimatedRexportModule.withSequence;
    object2.withTiming = (require(4504) /* metro dependency 4504: timing */).withTiming;
    const Easing = reanimatedRexportModule.Easing;
    object2.Easing = Easing;
    object2.withDelay = reanimatedRexportModule.withDelay;
    closure.__closure = object2;
    closure.__workletHash = 12802766002208;
    closure.__initData = env0_21;
    const value4 = Reflect.apply(useAnimatedStyle, reanimatedRexportModule, [closure]);
    const View = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View;
    const items3 = [styles.promptContainer, value4];
    isNew = prompt.isNew;
    if (isNew) {
        TextBadge = (require(1305) /* metro dependency 1305: native */).TextBadge;
        var textBadgeProps = {color: (require(1305) /* metro dependency 1305: native */).BadgeColors.BRAND};
        intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
        textBadgeProps.text = intl.string((require(1244) /* metro dependency 1244: indexNative */).t.y2b7CA);
        textBadgeProps.style = styles.badge;
        textBadgeProps.textStyle = styles.badgeText;
        r7 = <TextBadge {...textBadgeProps} />;
    } else {
        r7 = isNew;
    }
    const items2 = [r7];
    items2[1] = <PromptTitle item={prompt} />;
    const options = prompt.options;
    items2[2] = options.map(_fun86949);
    items2[3] = <PromptHelpText guildId={guildId} prompt={prompt} selectedOptionIds={value2} />;
    return (
        <View style={items3}>
            {items2}
        </View>
    );
}

function CustomizeCommunity({guildId, setTab}) { // fn#86951, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11537:9266, offset: 0x01fa95f9, size: 1023 bytes, params: 2, frame: 36
    var r7;
    var scrollView;
    var object;
    var jsxRuntimeEnv0_18Binding;
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
    const t = (require(1244) /* metro dependency 1244: indexNative */).t;
    var items4;
    var map;
    var items2;
    var value10;
    var string;
    var items3;
    var object3;
    const styles = useStyles();
    const bottom = (importDefault(1585) /* metro dependency 1585: useSafeAreaInsetsNative */)().bottom;
    const value2 = (require(566) /* metro dependency 566: flux */).useStateFromStores([ReadStateStore], function() {
        return ReadStateStore.hasUnread(guildId, ReadStateTypes.GUILD_ONBOARDING_QUESTION);
    });
    const value3 = (require(566) /* metro dependency 566: flux */).useStateFromStores([GuildStore], _fun86953);
    const {onboardingPromptsRaw, newOnboardingPrompts, onboardingPromptsWithNewAnswers, newAnswersCount,
        onboardingPrompts} = (importDefault(11354) /* metro dependency 11354: useSortedOnboardingPrompts */)(guildId);
    env0_3.useEffect(_fun86954, [guildId, value2, value3]);
    env0_3.useEffect(function() {
        if (guildId != null) {
            return _fun86956;
        }
    }, [guildId]);
    const value5 = env0_3.useCallback(_fun86957, [guildId]);
    let length = onboardingPromptsRaw.length;
    if (length === 0) {
        var scrollViewBindingProps = {style: styles.container};
        object3 = {};
        object3.paddingBottom = bottom + (importDefault(697) /* metro dependency 697: native */).space.PX_16;
        scrollViewBindingProps.contentContainerStyle = object3;
        scrollView = <ScrollView {...scrollViewBindingProps}><EmptyCustomizeCommunity setTab={setTab} /></ScrollView>;
    } else {
        var scrollViewBindingProps = {style: styles.container};
        object = {};
        object.paddingBottom = bottom + (importDefault(697) /* metro dependency 697: native */).space.PX_16;
        scrollViewBindingProps.contentContainerStyle = object;
        length = newOnboardingPrompts.length;
        r7 = length > 0 || onboardingPromptsWithNewAnswers.length > 0;
        if (r7) {
            jsxRuntimeEnv0_18Binding = jsxRuntimeEnv0_18;
            items4 = [<Text style={styles.sheetTitle} variant="text-md/medium" color="mobile-text-heading-primary">{intl.format((require(1244) /* metro dependency 1244: indexNative */).t.iB5Gqe,
                
                
                {count: newOnboardingPrompts.length + newAnswersCount})}</Text>];
            map = newOnboardingPrompts.map;
            items4[1] = Reflect.apply(map, newOnboardingPrompts, [value5]);
            map = onboardingPromptsWithNewAnswers.map;
            items4[2] = Reflect.apply(map, onboardingPromptsWithNewAnswers, [value5]);
            items4[3] = <View style={styles.sectionSeparator} />;
            r7 = <>{items4}</>;
        }
        items2 = [r7];
        length = onboardingPrompts.length;
        value10 = length > 0;
        if (value10) {
            jsxRuntimeEnv0_18Binding = jsxRuntimeEnv0_18;
            string = intl.string;
            items3 = [<Text style={styles.sheetTitle} variant="text-md/medium" color="mobile-text-heading-primary">{Reflect.apply(string,
                
                
                intl, [t.BGkaer])}</Text>];
            string = intl.string;
            items3[1] = <Text variant="text-xs/medium" color="text-muted">{Reflect.apply(string, intl,
                [t.r6Vm8T])}</Text>;
            items3[2] = onboardingPrompts.map(value5);
            r7 = <>{items3}</>;
        } else {
            r7 = value10;
        }
        items2[1] = r7;
        items2[2] = <ConnectionsPrompt guildId={guildId} />;
        scrollView = <ScrollView {...scrollViewBindingProps}>{items2}</ScrollView>;
    }
    return scrollView;
}

function onBrowseChannels() { // fn#86925, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11537:3082, owner: EmptyCustomizeCommunity.onBrowseChannels, offset: 0x01fa839b, size: 41 bytes, params: 1, frame: 11
    var setTabBinding;
    if (guildId != null) {
        setTabBinding = setTab;
        value = environment.__proto__;
        setTabBinding(GuildOnboardingTab.BROWSE);
    }
}

function _fun86930() { // fn#86930, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11537:3613, offset: 0x01fa8608, size: 85 bytes, params: 1, frame: 13
    return env0_2 != null ? (require(5105) /* metro dependency 5105: GuildOnboardingUtils */).getSelectedRoleIds(env0_2) : new global.Set();
}

function _fun86931() { // fn#86931, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11537:3683, offset: 0x01fa865d, size: 85 bytes, params: 1, frame: 13
    return env0_2 != null ? (require(5105) /* metro dependency 5105: GuildOnboardingUtils */).getSelectedChannelIds(env0_2) : new global.Set();
}

function itemHook(a0, a1) { // fn#86932, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11537:3820, owner: PromptHelpText.itemHook, offset: 0x01fa86b2, size: 67 bytes, params: 3, frame: 15
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    return (
        <Text
            variant="text-xs/medium"
            color="mobile-text-heading-primary"
            key={a1}
        >
            {a0}
        </Text>
    );
}

function _fun86935(a0, a1) { // fn#86935, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11537:4604, offset: 0x01fa888e, size: 84 bytes, params: 3, frame: 17
    let value = environment.__proto__;
    value = importDefault(6769) /* metro dependency 6769: ConnectionCard */;
    const guildIdBinding = guildId;
    const CHANNELS_AND_ROLES = (importDefault(6789) /* metro dependency 6789: AnalyticsLocation */).CHANNELS_AND_ROLES;
    return ((Component) => <Component connection={a0} guildId={guildIdBinding} location={CHANNELS_AND_ROLES} key={a1} />)(value);
}

function _fun86937() { // fn#86937, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11537:4783, offset: 0x01fa8a92, size: 82 bytes, params: 1, frame: 14
    const emoji = option.emoji;
    const value2 = null;
    const value3 = undefined;
    return value2 != (value2 == emoji ? value3 : emoji.id) ? EmojiStore.getUsableCustomEmojiById(value2 == option.emoji ? value3 : option.emoji.id) : value2;
}

function _fun86940(a0) { // fn#86940, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11537:5928, offset: 0x01fa8eef, size: 41 bytes, params: 2, frame: 11
    const env0_0 = a0;
    return prompt.options.find(_fun86941);
}

function DropdownPrompt_86938C() { // fn#86942, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11537:6079, owner: DropdownPrompt_86938.c, offset: 0x01fa8f18, size: 321 bytes, params: 1, frame: 27
    const isNewBinding = isNew;
    const binding = env0_4;
    const r9 = isNewBinding ? '' + binding + 'FF' : '' + binding + '00';
    const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
    const withSequence = reanimatedRexportModule.withSequence;
    const timingModule = require(4504) /* metro dependency 4504: timing */;
    let withTiming = timingModule.withTiming;
    const object = {duration: 1};
    const Easing = reanimatedRexportModule.Easing;
    const Easing2 = reanimatedRexportModule.Easing;
    object.easing = Easing.in(Easing2.ease);
    const value5 = Reflect.apply(withTiming, timingModule, [r9, object]);
    const moduleValue3 = reanimatedRexportModule;
    const withDelay = moduleValue3.withDelay;
    const moduleValue4 = timingModule;
    withTiming = moduleValue4.withTiming;
    let value = '' + env0_4 + '00';
    const out = Easing.out;
    const Easing3 = reanimatedRexportModule.Easing;
    value = Reflect.apply(withTiming, moduleValue4, [value, {duration: 300, easing: Reflect.apply(out, Easing,
        [Easing3.ease])}]);
    return {borderColor: Reflect.apply(withSequence, reanimatedRexportModule, [value5, Reflect.apply(withDelay,
        moduleValue3, [500, value])])};
}

function _fun86943() { // fn#86943, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11537:6613, offset: 0x01fa9059, size: 144 bytes, params: 1, frame: 17
    var environment;
    let value = environment.__proto__;
    const defaultImport = importDefault(dependencyMap[39]);
    const openLazy = defaultImport.openLazy;
    value = require(dependencyMap[41]);
    value = value(dependencyMap[40], dependencyMap.paths);
    const promptBinding = prompt;
    Reflect.apply(openLazy, defaultImport, [value, 'DropdownOptions', {guildId: guildId, promptId: promptBinding.id,
        onSelect: onSelect_86944, canBeNew: !promptBinding.isNew, returnToCustomize: true}]);
}

function _fun86945(a0) { // fn#86945, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11537:7299, offset: 0x01fa913f, size: 37 bytes, params: 2, frame: 15
    return <DropdownOption_86936 option={a0} key={a0.id} />;
}

function MultipleChoicePrompt_86946O() { // fn#86948, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11537:8187, owner: MultipleChoicePrompt_86946.o, offset: 0x01fa93db, size: 321 bytes, params: 1, frame: 27
    const isNewBinding = isNew;
    const binding = env0_5;
    const r9 = isNewBinding ? '' + binding + 'FF' : '' + binding + '00';
    const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
    const withSequence = reanimatedRexportModule.withSequence;
    const timingModule = require(4504) /* metro dependency 4504: timing */;
    let withTiming = timingModule.withTiming;
    const object = {duration: 1};
    const Easing = reanimatedRexportModule.Easing;
    const Easing2 = reanimatedRexportModule.Easing;
    object.easing = Easing.in(Easing2.ease);
    const value5 = Reflect.apply(withTiming, timingModule, [r9, object]);
    const moduleValue3 = reanimatedRexportModule;
    const withDelay = moduleValue3.withDelay;
    const moduleValue4 = timingModule;
    withTiming = moduleValue4.withTiming;
    let value = '' + env0_5 + '00';
    const out = Easing.out;
    const Easing3 = reanimatedRexportModule.Easing;
    value = Reflect.apply(withTiming, moduleValue4, [value, {duration: 300, easing: Reflect.apply(out, Easing,
        [Easing3.ease])}]);
    return {borderColor: Reflect.apply(withSequence, reanimatedRexportModule, [value5, Reflect.apply(withDelay,
        moduleValue3, [500, value])])};
}

function _fun86949(a0) { // fn#86949, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11537:8919, offset: 0x01fa951c, size: 131 bytes, params: 2, frame: 20
    var environment;
    const env0_0 = a0;
    let value = environment.__proto__;
    value = importDefault(6735) /* metro dependency 6735: GuildOnboardingPromptOptionButton */;
    const binding = env0_3;
    return ((Component) => <Component guildId={guildId} option={a0} selected={binding.includes(a0.id)} onSelect={onSelect_86950} suppressMemberCount canBeNew={!prompt.isNew} key={a0.id} />)(value);
}

function _fun86953() { // fn#86953, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11537:9465, offset: 0x01fa9a1e, size: 44 bytes, params: 1, frame: 11
    const value = environment.__proto__;
    return GuildStore.getGuild(guildId)?.latestOnboardingQuestionId;
}

function _fun86954() { // fn#86954, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11537:9701, offset: 0x01fa9a4a, size: 95 bytes, params: 1, frame: 13
    var value4;
    var moduleValue;
    if (guildId != null && (GuildOnboardingPromptsStore.shouldFetchPrompts(guildId) || env0_1)) {
        value4 = environment.__proto__;
        moduleValue = require(6602) /* metro dependency 6602: GuildOnboardingPromptsActionCreators */;
        moduleValue.fetchOnboardingPrompts(guildId);
    }
}

function _fun86955() { // fn#86955, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11537:9804, offset: 0x01fa9aa9, size: 28 bytes, params: 1, frame: 2
    if (guildId != null) {
        return _fun86956;
    }
}

function _fun86957(a0) { // fn#86957, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11537:9973, offset: 0x01fa9b28, size: 127 bytes, params: 2, frame: 17
    const type = a0.type;
    const MULTIPLE_CHOICE = OnboardingPromptType.MULTIPLE_CHOICE;
    if (MULTIPLE_CHOICE === type) {
        return (
            <MultipleChoicePrompt_86946
                guildId={guildId}
                prompt={a0}
                key={a0.id}
            />
        );
    }
    const DROPDOWN = OnboardingPromptType.DROPDOWN;
    if (DROPDOWN === type) {
        return (
            <DropdownPrompt_86938
                guildId={guildId}
                prompt={a0}
                key={a0.id}
            />
        );
    }
}

function onSelect_86944(a0, a1) { // fn#86944, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11537:6712, offset: 0x01fa90e9, size: 86 bytes, params: 3, frame: 15
    var value6;
    const value = a1;
    if (!(!value && prompt.required && env1_3.length === 1)) {
        value6 = environment.__proto__;
        handleSelectOption(prompt, a0, value != null && value);
    }
}

function onSelect_86950(a0) { // fn#86950, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11537:8988, offset: 0x01fa959f, size: 90 bytes, params: 2, frame: 16
    var value7;
    const value = a0;
    if (!(!value && prompt.required && env1_3.length === 1)) {
        value7 = environment.__proto__;
        handleSelectOption(prompt, env0_0, value != null && value);
    }
}

function _fun86956() { // fn#86956, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11537:9826, offset: 0x01fa9ac5, size: 99 bytes, params: 1, frame: 19
    const value = environment.__proto__.__proto__;
    const readStateActionCreatorsModule = require(5097) /* metro dependency 5097: ReadStateActionCreators */;
    const ackGuildFeature = readStateActionCreatorsModule.ackGuildFeature;
    const guildIdBinding = guildId;
    const GUILD_ONBOARDING_QUESTION = ReadStateTypes.GUILD_ONBOARDING_QUESTION;
    Reflect.apply(ackGuildFeature, readStateActionCreatorsModule, [guildIdBinding, GUILD_ONBOARDING_QUESTION,
        GuildOnboardingPromptsStore.ackIdForGuild(guildIdBinding)]);
    (importDefault(6606) /* metro dependency 6606: GuildOnboardingActionCreators */).updateOnboardingResponses(guildIdBinding);
}