/* Metro module 13225; source: modules/collectibles/nameplates/native/EditNameplateSection.tsx; dependencies: [31, 27, 1902, 33, 4501, 8409, 13224, 8410, 6789, 1901, 8483, 2] */
import Nameplate from './Nameplate.tsx'; /* Metro dependency 8483 */
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 UtilsModule from '../utils.tsx'; /* Metro dependency 1901 */
import * as NameplateRecordModule from '../../records/NameplateRecord.tsx'; /* Metro dependency 1902 */
import * as CreateStylesModule from '../../../../design/components/Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
import * as UseCollectibleListLayoutModule from '../../native/useCollectibleListLayout.tsx'; /* Metro dependency 8409 */
import * as CollectiblesEditUserProfileListItemsModule from '../../native/CollectiblesEditUserProfileListItems.tsx'; /* Metro dependency 8410 */
import * as UseNameplateSectionsModule from '../useNameplateSections.tsx'; /* Metro dependency 13224 */

function _fun100881(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#100881, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13415:6, offset: 0x021fe675, size: 368 bytes, params: 8, frame: 22
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    let value = ReactModule;
    const createStyles = CreateStylesModule.createStyles;
    const GUTTER_SIZE = (UseCollectibleListLayoutModule).GUTTER_SIZE;
    const env0_9 = Reflect.apply(createStyles, CreateStylesModule, [{row: {'flexDirection': 'row',
        'alignItems': 'center', 'justifyContent': 'space-between', paddingHorizontal: GUTTER_SIZE},
        rowSpacer: {height: GUTTER_SIZE}, nameplate: {overflow: 'hidden'}}]);
    const value4 = value.memo(_fun100882);
    value4.displayName = 'EditNameplateRow';
    value = value.memo(_fun100885);
    value.displayName = 'EditNameplateItem';
    (FileImportTrackerModule).fileFinishedImporting('modules/collectibles/nameplates/native/EditNameplateSection.tsx');
    exports.EditNameplateRow = value4;
    function _fun100882({items, selectedSkuId, setSelectedNameplate, guildId, size}) { // fn#100882, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13415:409, offset: 0x021fe7e5, size: 269 bytes, params: 2, frame: 25
        const styles = useStyles();
        const env0_4 = size.useCallback(function() {
            setSelectedNameplate(null);
        }, [setSelectedNameplate]);
        const jsxRuntimeEnv0_7Binding = jsxRuntimeEnv0_7;
        const items2 = [];
        const value2 = arraySpread(items2, items, 0, undefined);
        items2[value2] = null;
        items2[value2 + 1] = null;
        const slice = items2.slice;
        const ROW_SIZE = (UseCollectibleListLayoutModule).ROW_SIZE;
        let value = Reflect.apply(slice, items2, [0, ROW_SIZE]);
        value = (
            <View style={styles.row}>
                {value.map(_fun100884)}
            </View>
        );
        return (
            <>
                {value}
                <View style={styles.rowSpacer} />
            </>
        );
        function _fun100884(a0, a1) { // fn#100884, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13415:622, offset: 0x021fe8f2, size: 368 bytes, params: 3, frame: 20
            var selectedSkuIdBinding;
            var skuId;
            var binding;
            const NONE_ITEM = (UseNameplateSectionsModule).NONE_ITEM;
            if (a0 === NONE_ITEM) {
                const EditCollectiblesListItemNone = (require(8410) /* metro dependency 8410: CollectiblesEditUserProfileListItems */).EditCollectiblesListItemNone;
                return (
                    <EditCollectiblesListItemNone
                        size={size}
                        onPress={env0_4}
                        isSelected={selectedSkuId == null}
                        asDefault={guildId != null}
                        key="none"
                    />
                );
            }
            const SHOP_ITEM = (UseNameplateSectionsModule).SHOP_ITEM;
            if (a0 === SHOP_ITEM) {
                const EditCollectiblesListItemShop = (require(8410) /* metro dependency 8410: CollectiblesEditUserProfileListItems */).EditCollectiblesListItemShop;
                return (
                    <EditCollectiblesListItemShop
                        size={size}
                        analyticsSource={(importDefault(6789) /* metro dependency 6789: AnalyticsLocation */).EDIT_NAMEPLATE_SHEET}
                        key="shop"
                    />
                );
            }
            if (isNameplateRecord(a0)) {
                selectedSkuIdBinding = selectedSkuId;
                skuId = a0.skuId;
                binding = env1_10;
                var bindingProps = {nameplate: a0, isSelected: selectedSkuIdBinding === skuId,
                    setSelectedNameplate: setSelectedNameplate, size: size};
                skuId = a0.skuId;
                return ((Component) => <Component {...bindingProps} key={skuId} />)(binding);
            }
            const sizeBinding = size;
            return <View style={{height: sizeBinding, width: sizeBinding}} key={a1} />;
        }

    }

    function _fun100885({nameplate, isSelected, setSelectedNameplate, size}) { // fn#100885, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13415:1126, offset: 0x021fea62, size: 257 bytes, params: 2, frame: 22
        const styles = useStyles();
        const binding = env0_3;
        const value2 = binding.useMemo(_fun100886, [nameplate]);
        const value3 = binding.useCallback(function() {
            setSelectedNameplate(nameplate);
        }, [setSelectedNameplate, nameplate]);
        const EditCollectiblesListItemProduct = (CollectiblesEditUserProfileListItemsModule).EditCollectiblesListItemProduct;
        return (
            <EditCollectiblesListItemProduct
                skuId={nameplate.skuId}
                isSelected={isSelected}
                onPress={value3}
                size={size}
                accessibilityLabel={nameplate.label}
            >
                {((Component) => <Component nameplate={value2} fullOpacity isSquarePreview style={[styles.nameplate,
                    {borderRadius: 6}]} />)(Nameplate)}
            </EditCollectiblesListItemProduct>
        );
        function _fun100886() { // fn#100886, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13415:1210, offset: 0x021feb63, size: 45 bytes, params: 1, frame: 11
            const value = environment.__proto__;
            return (UtilsModule).getNameplateData(nameplate);
        }

    }

}

global.__d(_fun100881, 13225, [31, 27, 1902, 33, 4501, 8409, 13224, 8410, 6789, 1901, 8483,
        2]) /* metro module 13225, dependencies: [31, 27, 1902, 33, 4501, 8409, 13224, 8410, 6789, 1901, 8483, 2] */;