/* Metro module 13218; source: modules/user_profile/native/EditProfileFrameActionSheet.tsx; dependencies: [57, 31, 27, 5145, 5128, 661, 33, 4501, 697, 8490, 7326, 6771, 6789, 683, 8400, 6275, 4573, 1244, 8404, 7675, 566, 13219, 8402, 8491, 13220, 8414, 8415, 8409, 8405, 10094, 4589, 2] */
function _fun100834(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#100834, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13408:6, offset: 0x021fbc52, size: 497 bytes, params: 8, frame: 23
    var object2;
    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 */;
    let value = require(27) /* metro dependency 27 */;
    const env0_5 = value.View;
    const StyleSheet = value.StyleSheet;
    const collectiblesPurchaseStore = importDefault(5145) /* metro dependency 5145: CollectiblesPurchaseStore */;
    const env0_7 = (require(5128) /* metro dependency 5128: ProfileFrameRecord */).isProfileFrameRecord;
    const env0_8 = (require(661) /* metro dependency 661: Constants */).AnalyticEvents;
    value = require(33) /* metro dependency 33 */;
    const env0_9 = value.jsx;
    const env0_10 = value.jsxs;
    const env0_11 = value.Fragment;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object2 = {};
    let MOBILE_ACTIONSHEET_BACKGROUND = (importDefault(697) /* metro dependency 697: native */).colors.MOBILE_ACTIONSHEET_BACKGROUND;
    object2.container = {flex: 1, backgroundColor: MOBILE_ACTIONSHEET_BACKGROUND};
    object2.bounceOffset = {'position': 'absolute', 'top': -250, 'height': 250, 'right': 0, 'left': 0};
    const MOBILE_TEXT_HEADING_PRIMARY = (importDefault(697) /* metro dependency 697: native */).colors.MOBILE_TEXT_HEADING_PRIMARY;
    object2.title = {'alignSelf': 'center', 'color': null, 'margin': 25, color: MOBILE_TEXT_HEADING_PRIMARY};
    object2.previewContainer = {'overflow': 'hidden', 'height': 300, 'alignItems': 'center'};
    const object3 = {};
    copyDataProperties(object3, StyleSheet.absoluteFillObject, undefined);
    object3['bottom'] = -1;
    MOBILE_ACTIONSHEET_BACKGROUND = (importDefault(697) /* metro dependency 697: native */).colors.MOBILE_ACTIONSHEET_BACKGROUND;
    object3['color'] = MOBILE_ACTIONSHEET_BACKGROUND;
    object2.previewGradient = object3;
    const env0_12 = Reflect.apply(createStyles, value, [object2]);
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/user_profile/native/EditProfileFrameActionSheet.tsx');
    exports.default = EditProfileFrameActionSheet;
}

function EditProfileFrameInner({user, selectedProfileFrame, setSelectedProfileFrame, guildId}) { // fn#100835, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13408:715, offset: 0x021fbe43, size: 669 bytes, params: 2, frame: 29
    (require(7675) /* metro dependency 7675: useFetchCollectiblesCategoriesAndPurchases */).useGetOrFetchCollectiblesCategoriesAndPurchases();
    const isFetching = (require(566) /* metro dependency 566: flux */).useStateFromStores([CollectiblesPurchaseStore],
        function() {
        return CollectiblesPurchaseStore.isFetching;
    });
    const value3 = (importDefault(13219) /* metro dependency 13219: useProfileFrameSections */)();
    const value4 = (importDefault(8490) /* metro dependency 8490: useDisplayProfile */)(user.id, guildId);
    const profilePreviewValue = (require(8402) /* metro dependency 8402: ProfileCustomizationUtils */).getProfilePreviewValue({pendingValue: selectedProfileFrame,
        userValue: value4 == null || value4._userProfile == null ? undefined : value4._userProfile.profileFrame,
        guildValue: value4 == null || value4._guildMemberProfile == null ? undefined : value4._guildMemberProfile.profileFrame,
        guildId: guildId});
    const binding = env0_4;
    binding.useEffect(_fun100837, [user]);
    const value6 = binding.useCallback(_fun100838, [setSelectedProfileFrame, guildId]);
    const jsxRuntimeEnv0_11Binding = jsxRuntimeEnv0_11;
    let skuId = profilePreviewValue?.skuId;
    const items2 = [<ProfileFrameSectionPreview previewSkuId={skuId} user={user} guildId={guildId} />];
    const EditCollectiblesPreviewDetails = importDefault(8414) /* metro dependency 8414: EditCollectiblesPreviewDetails */;
    const defaultImport2Props = {user: user, previewSkuId: profilePreviewValue?.skuId};
    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
    defaultImport2Props.nitroJoinCTA = intl.string((require(1244) /* metro dependency 1244: indexNative */).t['JvNv+a']);
    defaultImport2Props.nitroUpgradeCTA = intl.string((require(1244) /* metro dependency 1244: indexNative */).t.hR2psy);
    items2[1] = <EditCollectiblesPreviewDetails {...defaultImport2Props} />;
    const EditCollectiblesPickerList = (require(8415) /* metro dependency 8415: EditCollectiblesPickerList */).EditCollectiblesPickerList;
    skuId = selectedProfileFrame?.skuId;
    const COLLECTIBLE_ROW_HEIGHT = (require(8409) /* metro dependency 8409: useCollectibleListLayout */).COLLECTIBLE_ROW_HEIGHT;
    items2[2] = <EditCollectiblesPickerList sections={value3} selectedSkuId={skuId} renderRow={value6} estimatedItemSize={COLLECTIBLE_ROW_HEIGHT} isFetching={isFetching} />;
    return (
        <>
            {items2}
        </>
    );
}

function ProfileFrameSectionPreview({previewSkuId, user, guildId}) { // fn#100839, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13408:1911, offset: 0x021fc1ae, size: 332 bytes, params: 2, frame: 22
    const styles = useStyles();
    let value2 = (importDefault(8405) /* metro dependency 8405: useCollectiblesData */)(previewSkuId);
    let value3 = env0_4.useMemo(function() {
        var r1;
        var productBinding = product;
        var value2 = null;
        var value3 = undefined;
        r1 = value2 == productBinding ? value3 : product.items[0];
        r1 = value2 == r1 ? value2 == purchase ? value3 : purchase.items[0] : r1;
        return isProfileFrameRecord(r1) ? r1 : value2;
    }, [value2.purchase, value2.product]);
    let value = importDefault(10094) /* metro dependency 10094: ProfileFrameUserPreview */;
    value = ((Component) => <Component user={user} guildId={guildId} profileFrame={value3} maxWidth={280} />)(value);
    const items2 = [value];
    items2[1] = ((Component) => <Component style={styles.previewGradient} start={{'x': 0, 'y': 0.6}} end={{'x': 0,
        'y': 1}} colors={['' + styles.previewGradient.color + '00',
        styles.previewGradient.color]} />)(importDefault(4589) /* metro dependency 4589 */);
    return (
        <View style={styles.previewContainer}>
            {items2}
        </View>
    );
}

function EditProfileFrameActionSheet({user, currentProfileFrame, guildId}) { // fn#100841, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13408:2361, offset: 0x021fc2fa, size: 706 bytes, params: 2, frame: 37
    const env0_3 = undefined;
    const styles = useStyles();
    const value4 = (importDefault(8490) /* metro dependency 8490: useDisplayProfile */)(user.id ?? '');
    const binding = env0_4;
    const [property, property2] = env0_3(binding.useState(currentProfileFrame), 2);
    const useBottomSheetRefModule = require(7326) /* metro dependency 7326: useBottomSheetRef */;
    const useBottomSheetRef = useBottomSheetRefModule.useBottomSheetRef;
    const bottomSheetRef = Reflect.apply(useBottomSheetRef, useBottomSheetRefModule, []).bottomSheetRef;
    const defaultImport2 = importDefault(6771) /* metro dependency 6771: useAnalyticsLocations */;
    let EDIT_PROFILE_FRAME_SHEET = (importDefault(6789) /* metro dependency 6789: AnalyticsLocation */).EDIT_PROFILE_FRAME_SHEET;
    const analyticsLocations = defaultImport2(EDIT_PROFILE_FRAME_SHEET).analyticsLocations;
    const value8 = binding.useCallback(_fun100843, [binding.useMemo(_fun100842, [guildId, value4])]);
    const value9 = binding.useCallback(_fun100844, [property, guildId]);
    const AnalyticsLocationProvider = (require(6771) /* metro dependency 6771: useAnalyticsLocations */).AnalyticsLocationProvider;
    const BottomSheet = (require(6275) /* metro dependency 6275: BottomSheetNative */).BottomSheet;
    const view = <View style={styles.bounceOffset} />;
    const Heading = (require(4573) /* metro dependency 4573: Text */).Heading;
    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
    const view2 = <View style={styles.container}>{view}<Heading variant="redesign/heading-18/bold" style={styles.title}>{intl.string((require(1244) /* metro dependency 1244: indexNative */).t['oTSa/q'])}</Heading><EditProfileFrameInner user={user} selectedProfileFrame={property} setSelectedProfileFrame={property2} guildId={guildId} /></View>;
    const EditCollectiblesCTAButton = importDefault(8404) /* metro dependency 8404: EditCollectiblesCTAButton */;
    const defaultImport3Props = {user: user, currentSkuId: currentProfileFrame?.skuId, selectedSkuId: property?.skuId,
        onApply: value9, analyticsLocations: analyticsLocations};
    EDIT_PROFILE_FRAME_SHEET = (importDefault(6789) /* metro dependency 6789: AnalyticsLocation */).EDIT_PROFILE_FRAME_SHEET;
    defaultImport3Props.analyticsSource = EDIT_PROFILE_FRAME_SHEET;
    return (
        <AnalyticsLocationProvider value={analyticsLocations}>
            <BottomSheet
                scrollable
                ref={bottomSheetRef}
                onExpand={value8}
                startExpanded
            >
                {view2}
                <EditCollectiblesCTAButton {...defaultImport3Props} />
            </BottomSheet>
        </AnalyticsLocationProvider>
    );
}

function _fun100837() { // fn#100837, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13408:1158, offset: 0x021fc0e0, size: 107 bytes, params: 1, frame: 17
    var value3;
    var defaultImport;
    if (!(user == null || user.isNonUserBot())) {
        value3 = environment.__proto__;
        defaultImport = importDefault(8491) /* metro dependency 8491: maybeFetchUserProfile */;
        userBinding = user;
        defaultImport(userBinding.id, userBinding.getAvatarURL(null, 80), {'withMutualGuilds': true,
            'dispatchWait': true});
    }
}

function _fun100838({items, size, selectedSkuId}) { // fn#100838, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13408:1295, offset: 0x021fc14b, size: 99 bytes, params: 2, frame: 16
    const EditProfileFrameRow = (require(13220) /* metro dependency 13220: EditProfileFrameSection */).EditProfileFrameRow;
    return (
        <EditProfileFrameRow
            items={items}
            size={size}
            selectedSkuId={selectedSkuId}
            setSelectedProfileFrame={setSelectedProfileFrame}
            guildId={guildId}
        />
    );
}

function _fun100842() { // fn#100842, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13408:2646, offset: 0x021fc5bc, size: 98 bytes, params: 1, frame: 14
    const object2 = {};
    let value = environment.__proto__;
    value = undefined;
    const EDIT_PROFILE_FRAME_SHEET = (importDefault(6789) /* metro dependency 6789: AnalyticsLocation */).EDIT_PROFILE_FRAME_SHEET;
    object2.type = EDIT_PROFILE_FRAME_SHEET;
    object2.guild_id = guildId;
    object2.profile_has_nitro_customization = env0_1 != null && (env0_1 == null ? value : env0_1.hasPremiumCustomization());
    return object2;
}

function _fun100843() { // fn#100843, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13408:2815, offset: 0x021fc61e, size: 75 bytes, params: 1, frame: 16
    const defaultImport = importDefault(683) /* metro dependency 683: AnalyticsUtils */;
    const track = defaultImport.track;
    const OPEN_POPOUT = AnalyticEvents.OPEN_POPOUT;
    const object2 = {};
    copyDataProperties(object2, env0_3, undefined);
    object2['is_fullscreen'] = true;
    Reflect.apply(track, defaultImport, [OPEN_POPOUT, object2]);
}

function _fun100844() { // fn#100844, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13408:2898, offset: 0x021fc669, size: 73 bytes, params: 1, frame: 15
    let value = environment.__proto__;
    value = require(8400) /* metro dependency 8400: UserProfileSettingsActionCreators */;
    const value3 = null;
    value.setPendingChanges({guildId: guildId, profileFrame: value3 != env0_2 ? env0_2 : value3});
}