/* Metro module 13217; source: modules/user_profile/native/UserProfileFrameEditButton.tsx; dependencies: [57, 31, 27, 6816, 1376, 482, 33, 697, 4501, 10054, 7013, 1365, 8402, 8461, 1904, 4080, 13218, 1962, 1244, 13209, 5461, 1305, 10031, 8411, 2] */
import Module00057 from '../../../by-id/module-00057.js'; /* Metro dependency 57 */
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 ConstantsModule from '../../../external/discord_common/js/shared/Constants.tsx'; /* Metro dependency 482 */
import * as DismissibleContentConstantsModule from '../../dismissible_content/DismissibleContentConstants.tsx'; /* Metro dependency 1376 */
import * as CollectiblesItemTypeModule from '../../../external/discord_common/js/shared/shared-constants/CollectiblesItemType.tsx'; /* Metro dependency 1904 */
import * as CreateStylesModule from '../../../design/components/Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
import * as ConstantsModule2 from './Constants.tsx'; /* Metro dependency 6816 */
import * as UseSelectedDismissibleContentModule from '../../dismissible_content/hooks/useSelectedDismissibleContent.tsx'; /* Metro dependency 7013 */
import * as ProfileCustomizationUtilsModule from '../../profile_customization/ProfileCustomizationUtils.tsx'; /* Metro dependency 8402 */
import * as UseCanPurchaseFramesModule from '../../collectibles/hooks/useCanPurchaseFrames.tsx'; /* Metro dependency 10054 */

function _fun100831(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#100831, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13407:6, offset: 0x021fb4be, size: 458 bytes, params: 8, frame: 25
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    const COLLECTIBLES_PREVIEW_SIZE = (ConstantsModule2).COLLECTIBLES_PREVIEW_SIZE;
    let PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    const createStyles = CreateStylesModule.createStyles;
    object = {};
    const object2 = {height: COLLECTIBLES_PREVIEW_SIZE, width: COLLECTIBLES_PREVIEW_SIZE, paddingVertical: PX_4};
    const BACKGROUND_MOD_MUTED = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_MOD_MUTED;
    object2.backgroundColor = BACKGROUND_MOD_MUTED;
    object2.justifyContent = 'center';
    object2.alignItems = 'center';
    object2.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
    object2.overflow = 'hidden';
    object.previewContainer = object2;
    const TEXT_SUBTLE = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_SUBTLE;
    object.noneIcon = {tintColor: TEXT_SUBTLE};
    PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    object.newBadge = {paddingTop: 0, marginLeft: PX_4};
    const env0_11 = Reflect.apply(createStyles, CreateStylesModule, [object]);
    (FileImportTrackerModule).fileFinishedImporting('modules/user_profile/native/UserProfileFrameEditButton.tsx');
    exports.default = UserProfileFrameEditButton;
    function UserProfileFrameEditButton({displayProfile, user, pendingProfileFrame, guildId}) { // fn#100832, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13407:681, offset: 0x021fb688, size: 1353 bytes, params: 2, frame: 31
        var r14;
        var r8;
        var r0;
        const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
        const t = (require(1244) /* metro dependency 1244: indexNative */).t;
        var UserProfileEditFormButton;
        const env0_3 = undefined;
        const styles = useStyles();
        const value3 = (UseCanPurchaseFramesModule).useCanViewProfileFramesInCollectiblesShop('UserProfileFrameEditButton');
        const useSelectedDismissibleContent = UseSelectedDismissibleContentModule.useSelectedDismissibleContent;
        const DismissibleContent = (require(1365) /* metro dependency 1365: dismissible_content */).DismissibleContent;
        const PROFILE_FRAME_USER_PROFILE_NEW_BADGE = DismissibleContent.PROFILE_FRAME_USER_PROFILE_NEW_BADGE;
        const value5 = env0_3(Reflect.apply(useSelectedDismissibleContent, UseSelectedDismissibleContentModule,
            [[PROFILE_FRAME_USER_PROFILE_NEW_BADGE]]), 2);
        const property = value5[0];
        const property2 = value5[1];
        const getProfilePreviewValue = ProfileCustomizationUtilsModule.getProfilePreviewValue;
        object = {pendingValue: pendingProfileFrame};
        object.userValue = displayProfile == null || displayProfile._userProfile == null ? undefined : displayProfile._userProfile.profileFrame;
        object.guildValue = displayProfile == null || displayProfile._guildMemberProfile == null ? undefined : displayProfile._guildMemberProfile.profileFrame;
        object.guildId = guildId;
        const {product,
            isFetching} = (require(8461) /* metro dependency 8461: useFetchCollectiblesProduct */).useFetchCollectiblesProduct(Reflect.apply(getProfilePreviewValue,
            ProfileCustomizationUtilsModule, [object])?.skuId);
        const type = product == null || product.items[0] == null ? undefined : product.items[0].type;
        const CollectiblesItemType = (CollectiblesItemTypeModule).CollectiblesItemType;
        const PROFILE_FRAME = CollectiblesItemType.PROFILE_FRAME;
        const r11 = type !== PROFILE_FRAME ? undefined : product.items[0];
        const useUserProfileFrame = ProfileCustomizationUtilsModule.useUserProfileFrame;
        const r1 = pendingProfileFrame === undefined ? Reflect.apply(useUserProfileFrame, ProfileCustomizationUtilsModule, [{user: user,
            guildId: guildId}]) : pendingProfileFrame;
        const useCallback = ReactModule.useCallback;
        if (value3) {
            r14 = product?.name ?? intl.string((require(1244) /* metro dependency 1244: indexNative */).t.PoWNfe);
            r8 = guildId == null || r1 != null ? r14 : intl.formatToPlainString((require(1244) /* metro dependency 1244: indexNative */).t.ep5D4i,
                
                {label: r14});
            UserProfileEditFormButton = (require(13209) /* metro dependency 13209: UserProfileEditFormControls */).UserProfileEditFormButton;
            if (isFetching) {
                object = {};
                object.label = intl.string(t.GWrZOd);
                object.buttonText = intl.string(t.MKDeyL);
                object.onPress = NOOP;
                object.leading = ((ActivityIndicator) => <ActivityIndicator animating size="large" />)((require(5461) /* metro dependency 5461: ActivityIndicatorNative */).ActivityIndicator);
                object.loading = true;
                object.disabled = true;
                object.hideArrow = true;
                r0 = object;
            } else {
                object = {};
                object.label = intl.string((require(1244) /* metro dependency 1244: indexNative */).t.GWrZOd);
                object.labelTrailing = (
                    property !== (require(1365) /* metro dependency 1365: dismissible_content */).DismissibleContent.PROFILE_FRAME_USER_PROFILE_NEW_BADGE
                        ? undefined
                        : (
                            <View {...{['aria-hidden']: true}}>
                                {((TextBadge) => <TextBadge text={intl.string((require(1244) /* metro dependency 1244: indexNative */).t.y2b7CA)} style={styles.newBadge} />)((require(1305) /* metro dependency 1305: native */).TextBadge)}
                            </View>
                        )
                );
                object.buttonText = r8;
                object.accessibilityValue = {text: r8};
                object.onPress = Reflect.apply(useCallback, ReactModule, [_fun100833, [r1, guildId, user, property2]]);
                object.leading = (
                    r11 != null
                        ? (
                            <View style={styles.previewContainer}>
                                {((Component) => <Component profileFrame={r11} previewWidth={COLLECTIBLES_PREVIEW_SIZE - 2 * (importDefault(697) /* metro dependency 697: native */).space.PX_8} previewHeight={COLLECTIBLES_PREVIEW_SIZE - 2 * PX_4} profileBackgroundColor={(importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_SURFACE_HIGH} />)(importDefault(10031) /* metro dependency 10031: ProfileFrameSamplePreview */)}
                            </View>
                        )
                        : ((Icon) => <Icon source={importDefault(8411) /* metro dependency 8411 */} style={styles.noneIcon} />)((require(1305) /* metro dependency 1305: native */).Icon)
                );
                r0 = object;
            }
            return <UserProfileEditFormButton {...r0} />;
        }
        return null;
        function _fun100833() { // fn#100833, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13407:1497, offset: 0x021fbbd1, size: 129 bytes, params: 1, frame: 18
            const defaultImport = importDefault(dependencyMap[15]);
            defaultImport.openLazy(require(dependencyMap[17])(dependencyMap[16], dependencyMap.paths), 'Profile Frame',
                {user: user, currentProfileFrame: env0_3, guildId: guildId});
            const binding = env0_2;
            const TAKE_ACTION = ContentDismissActionType.TAKE_ACTION;
            binding(TAKE_ACTION);
        }

    }

}

global.__d(_fun100831, 13217, [57, 31, 27, 6816, 1376, 482, 33, 697, 4501, 10054, 7013, 1365, 8402, 8461, 1904,
        4080, 13218, 1962, 1244, 13209, 5461, 1305, 10031, 8411,
        2]) /* metro module 13217, dependencies: [57, 31, 27, 6816, 1376, 482, 33, 697, 4501, 10054, 7013, 1365, 8402, 8461, 1904, 4080, 13218, 1962, 1244, 13209, 5461, 1305, 10031, 8411, 2] */;