/* Metro module 14055; source: modules/collectibles/native/FramesHeroBlock.tsx; dependencies: [31, 27, 5121, 663, 661, 33, 10020, 4501, 697, 14056, 14057, 1484, 10023, 566, 4048, 10154, 14058, 14049, 6771, 6789, 683, 4002, 14060, 14061, 10155, 10089, 4589, 4573, 4578, 1244, 9480, 6533, 5278, 6818, 6517, 14062, 8416, 14065, 2] */
import AnalyticsUtils from '../../../utils/AnalyticsUtils.tsx'; /* Metro dependency 683 */
import Native from '../../../external/discord_common/js/packages/tokens/native.tsx'; /* Metro dependency 697 */
import UseTheme from '../../../hooks/useTheme.tsx'; /* Metro dependency 4048 */
import CollectiblesCategoryStore from '../CollectiblesCategoryStore.tsx'; /* Metro dependency 5121 */
import UseAnalyticsLocations from '../../app_analytics/useAnalyticsLocations.tsx'; /* Metro dependency 6771 */
import AnalyticsLocation from '../../app_analytics/AnalyticsLocation.tsx'; /* Metro dependency 6789 */
import CollectiblesShopCardV2 from './CollectiblesShopCardV2.tsx'; /* Metro dependency 10020 */
import FramesEarlyAccessBadge from './FramesEarlyAccessBadge.tsx'; /* Metro dependency 10089 */
import VisibilitySensor from './VisibilitySensor.tsx'; /* Metro dependency 10155 */
import SkeletonCard from './SkeletonCard.tsx'; /* Metro dependency 14056 */
import UseGetProductsFromSkus from '../hooks/useGetProductsFromSkus.tsx'; /* Metro dependency 14058 */
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 CollectiblesShopConstantsModule from '../CollectiblesShopConstants.tsx'; /* Metro dependency 663 */
import * as UseNavigationNativeModule from '../../../design/components/Navigator/native/useNavigation.native.tsx'; /* Metro dependency 1484 */
import * as CreateStylesModule from '../../../design/components/Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
import * as TextModule from '../../../design/components/Text/native/Text.tsx'; /* Metro dependency 4573 */
import * as LayerScopeNativeModule from '../../../design/components/Layers/native/LayerScope.native.tsx'; /* Metro dependency 6517 */
import * as QuestContentModule from '../../../external/discord_common/js/shared/shared-constants/QuestContent.tsx'; /* Metro dependency 6533 */
import * as UseAnalyticsLocationsModule from '../../app_analytics/useAnalyticsLocations.tsx'; /* Metro dependency 6771 */
import * as CollectiblesShopCardV2Module from './CollectiblesShopCardV2.tsx'; /* Metro dependency 10020 */
import * as CollectiblesAnalyticsContextModule from '../CollectiblesAnalyticsContext.tsx'; /* Metro dependency 10023 */
import * as UseTrackProductCardImpressionModule from '../hooks/useTrackProductCardImpression.tsx'; /* Metro dependency 10154 */
import * as UseFilteredAndSortedProductsModule from './hooks/useFilteredAndSortedProducts.tsx'; /* Metro dependency 14049 */
import * as CollectiblesCoachmarkScrollDismissContextModule from './CollectiblesCoachmarkScrollDismissContext.tsx'; /* Metro dependency 14057 */

function _fun106582(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#106582, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14252:6, offset: 0x022e1367, size: 1123 bytes, params: 8, frame: 28
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    let value = ReactNativeModule;
    const env0_4 = value.Image;
    const env0_5 = value.View;
    value = require(661) /* metro dependency 661: Constants */;
    const env0_8 = value.AnalyticEvents;
    const env0_9 = value.UserSettingsSections;
    const env0_10 = value.VerticalGradient;
    value = require(33) /* metro dependency 33 */;
    const env0_11 = value.jsx;
    const env0_12 = value.Fragment;
    const env0_13 = value.jsxs;
    const COLLECTIBLES_SHOP_CARD_WIDTH = (CollectiblesShopCardV2Module).COLLECTIBLES_SHOP_CARD_WIDTH;
    value = 0.75 * COLLECTIBLES_SHOP_CARD_WIDTH;
    const createStyles = CreateStylesModule.createStyles;
    object = {};
    object.heroContainer = {width: '100%'};
    const object3 = {'position': 'absolute', 'top': null, 'left': 0, 'right': 0, 'paddingHorizontal': null,
        'alignItems': 'flex-start', 'zIndex': 2};
    let PX_24 = (importDefault(697) /* metro dependency 697: native */).space.PX_24;
    object3.top = PX_24;
    let PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object3.paddingHorizontal = PX_16;
    object.framesBadgeContainer = object3;
    const object4 = {'marginTop': -250, 'paddingTop': 240, 'paddingBottom': null, 'paddingHorizontal': null,
        'flexDirection': 'row', 'alignItems': 'center', 'borderRadius': null, 'overflow': 'hidden', 'zIndex': 0};
    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object4.paddingBottom = PX_16;
    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object4.paddingHorizontal = PX_16;
    object4.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
    object.framesBannerWrapper = object4;
    const object5 = {'position': 'absolute', 'top': 0, 'left': 0, 'right': 0, 'bottom': 0, 'resizeMode': 'stretch'};
    object5.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
    object.framesBannerBackgroundImage = object5;
    const object6 = {flex: 1};
    let PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    object6.paddingRight = PX_4;
    PX_24 = (importDefault(697) /* metro dependency 697: native */).space.PX_24;
    object6.marginTop = PX_24;
    object.framesBannerTextContainer = object6;
    PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    object.framesBannerTitle = {marginBottom: PX_4};
    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object.framesBannerForegroundImage = {'width': 125, 'height': 125, 'resizeMode': 'contain',
        transform: [{translateY: PX_16}]};
    object.heroBannerContainer = {'position': 'absolute', 'top': 0, 'left': 0, 'width': '100%', 'maxHeight': null,
        'aspectRatio': 1.4883720930232558, maxHeight: 240 + value};
    object.heroBannerImage = {'width': '100%', 'height': '100%', 'resizeMode': 'cover'};
    object.orbsBackgroundGradient = {'position': 'absolute', 'top': 0, 'left': 0, 'bottom': 0, 'right': 0};
    object.heroInfoContainer = {'display': 'flex', 'justifyContent': 'center', 'flex': 1, 'minWidth': '100%',
        'maxHeight': 240, 'aspectRatio': 2.2};
    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object.innerContainer = {'flexDirection': 'row', 'alignItems': 'center', 'justifyContent': 'space-between',
        'paddingHorizontal': null, 'width': '100%', 'height': '100%', paddingHorizontal: PX_16};
    object.heroLogoContainer = {'flex': 1, 'maxWidth': '80%', 'maxHeight': '80%'};
    object.heroLogo = {'resizeMode': 'contain', 'maxHeight': '100%', 'maxWidth': '100%', 'aspectRatio': 1};
    const object12 = {};
    const CONTROL_OVERLAY_SECONDARY_BACKGROUND_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.CONTROL_OVERLAY_SECONDARY_BACKGROUND_DEFAULT;
    object12.backgroundColor = CONTROL_OVERLAY_SECONDARY_BACKGROUND_DEFAULT;
    const PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object12.padding = PX_8;
    object12.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round;
    object.heroViewAllIcon = object12;
    const object13 = {};
    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object13.paddingHorizontal = PX_16;
    object13.alignItems = 'flex-start';
    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object13.gap = PX_16;
    object.orbsInnerContainer = object13;
    object.orbsTitle = {'fontSize': 24, 'lineHeight': 30};
    object.productCardsContainer = {zIndex: 1};
    const object15 = {flexDirection: 'row'};
    const PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12;
    object15.gap = PX_12;
    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object15.paddingHorizontal = PX_16;
    object.skeletonContainer = object15;
    const env0_14 = Reflect.apply(createStyles, CreateStylesModule, [object]);
    (FileImportTrackerModule).fileFinishedImporting('modules/collectibles/native/FramesHeroBlock.tsx');
    exports.default = _default_106585;
    function SkeletonLoading({accessibilityLabel}) { // fn#106583, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14252:2274, offset: 0x022e17ca, size: 129 bytes, params: 2, frame: 17
        const styles = useStyles();
        const Array = global.Array;
        return (
            <View
                style={styles.skeletonContainer}
                accessibilityRole="list"
                accessibilityLabel={accessibilityLabel}
                accessibilityState={{busy: true}}
                accessible
            >
                {Array.from({length: 10}).map(_fun106584)}
            </View>
        );
        function _fun106584(a0, a1) { // fn#106584, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14252:2476, offset: 0x022e184b, size: 69 bytes, params: 3, frame: 17
            const COLLECTIBLES_SHOP_CARD_WIDTH = (CollectiblesShopCardV2Module).COLLECTIBLES_SHOP_CARD_WIDTH;
            return <SkeletonCard width={COLLECTIBLES_SHOP_CARD_WIDTH} key={a1} />;
        }

    }

    function _default_106585({heroBlock, bannerBlock, preferVCPrice, screen}) { // fn#106585, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14252:2555, offset: 0x022e1890, size: 2683 bytes, params: 2, frame: 49
        var r21;
        var r26;
        var r14;
        var length;
        var jsxRuntimeEnv0_12Binding;
        var PressableOpacity;
        var object;
        const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
        const t = (require(1244) /* metro dependency 1244: indexNative */).t;
        var object5;
        var items4;
        var items5;
        var items6;
        var FlashList;
        var object3;
        const COLLECTIBLES_SHOP_CARD_WIDTH = (CollectiblesShopCardV2Module).COLLECTIBLES_SHOP_CARD_WIDTH;
        var space;
        var PX_12;
        var FeedProductList;
        var object4;
        const useCollectiblesCoachmarkScrollDismissContext = CollectiblesCoachmarkScrollDismissContextModule.useCollectiblesCoachmarkScrollDismissContext;
        const handleDismissCoachmarkOnScroll = Reflect.apply(useCollectiblesCoachmarkScrollDismissContext,
            CollectiblesCoachmarkScrollDismissContextModule, []).handleDismissCoachmarkOnScroll;
        const env0_2 = (UseNavigationNativeModule).useNavigation();
        const env0_3 = (CollectiblesAnalyticsContextModule).useCollectiblesAnalyticsContext();
        let r30 = heroBlock.mobileHeroUrl ?? heroBlock.heroBannerUrl;
        const heroLogoUrl = heroBlock.heroLogoUrl;
        const category = (require(566) /* metro dependency 566: flux */).useStateFromStores([CollectiblesCategoryStore],
            function() {
            return CollectiblesCategoryStore.getCategory(heroBlock.categorySkuId);
        });
        let r17 = category != null && category.isOrbsExclusive;
        const value3 = (UseTheme)();
        const useTrackProductCardImpression = UseTrackProductCardImpressionModule.useTrackProductCardImpression;
        const handleCardVisibilityChange = Reflect.apply(useTrackProductCardImpression, UseTrackProductCardImpressionModule,
            [heroBlock.categoryStoreListingId, 'mobile_home', 'hero_block']).handleCardVisibilityChange;
        const styles = useStyles();
        const value6 = (UseFilteredAndSortedProductsModule).useFilteredAndSortedProducts({products: env0_3.useMemo(_fun106587,
            [heroBlock.rankedSkuIds, (UseGetProductsFromSkus)()]),
            bypassAndroidUnsyncedFilter: r17});
        const FEATURED_PAGE = CollectiblesMobileShopScreen.FEATURED_PAGE;
        const env0_6 = screen === FEATURED_PAGE;
        const defaultImport = UseAnalyticsLocations;
        const COLLECTIBLES_SHOP_HERO = (AnalyticsLocation).COLLECTIBLES_SHOP_HERO;
        const analyticsLocations = defaultImport(COLLECTIBLES_SHOP_HERO).analyticsLocations;
        if (category === undefined) {
            return null;
        }
        const r32 = heroBlock.mobileTitle ?? heroBlock.title;
        const r33 = heroBlock.mobileSummary ?? heroBlock.summary;
        r30 = r17 ? (require(4002) /* metro dependency 4002: shared */).isThemeDark(value3) ? importDefault(14060) /* metro dependency 14060: header_darkJpg */ : importDefault(14061) /* metro dependency 14061: header_lightJpg */ : r30;
        const AnalyticsLocationProvider = (UseAnalyticsLocationsModule).AnalyticsLocationProvider;
        const items2 = [
            <View style={styles.framesBadgeContainer}>
                {((Component) => <Component location="CollectiblesShop" disablePressable />)(FramesEarlyAccessBadge)}
            </View>,
        ];
        items2[1] = (
            <View style={styles.heroBannerContainer}>
                {r30 != null && <>{r17 && ((Component) => <Component colors={['rgba(39, 30, 173, 0.3)',
                    'transparent']} start={VerticalGradient.START} end={VerticalGradient.END} style={styles.orbsBackgroundGradient} />)(importDefault(4589) /* metro dependency 4589 */)}<Image style={[styles.heroBannerImage]} source={{uri: r30}} /></>}
            </View>
        );
        if (r17) {
            var viewBinding6Props = {style: styles.orbsInnerContainer};
            r26 = r32 != null && <Text variant="display-md" color="mobile-text-heading-primary" style={styles.orbsTitle}>{r32}</Text>;
            items5 = [r26];
            r26 = r33 != null && r33 !== '';
            r26 = r26 && <Text variant="text-md/medium">{r33}</Text>;
            items5[1] = r26;
            items6 = [
                <View>
                    {items5}
                </View>,
            ];
            items6[1] = ((Button) => <Button variant="tertiary" shrink grow={false} size="sm" text={intl.string((require(1244) /* metro dependency 1244: indexNative */).t.ynollq)} onPress={onPress_106588} />)((require(4578) /* metro dependency 4578: ButtonNative */).Button);
            r14 = (
                <View {...viewBinding6Props}>
                    {items6}
                </View>
            );
        } else {
            PressableOpacity = (require(5278) /* metro dependency 5278: Pressables */).PressableOpacity;
            var pressableOpacityProps = {'accessibilityRole': 'button', 'accessibilityLabel': null,
                'accessibilityHint': null,
                'activeOpacity': 0.6, 'androidRippleConfig': null, 'hitSlop': 8,
                accessibilityLabel: intl.formatToPlainString(t.FNtLb3, {category: category.name}),
                accessibilityHint: intl.string(t.F8ma9x)};
            object5 = {};
            object5.radius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
            pressableOpacityProps.androidRippleConfig = object5;
            pressableOpacityProps.onPress = onPress_106589;
            var viewBinding3Props = {style: styles.innerContainer};
            items4 = [
                heroLogoUrl != null && <View style={styles.heroLogoContainer}><Image style={styles.heroLogo} source={{uri: heroLogoUrl}} /></View>,
                    
                    
            ];
            items4[1] = (
                <View style={styles.heroViewAllIcon}>
                    {((ChevronSmallRightIcon) => <ChevronSmallRightIcon size="sm" color="white" />)((require(6818) /* metro dependency 6818: ChevronSmallRightIcon */).ChevronSmallRightIcon)}
                </View>
            );
            r14 = (
                <PressableOpacity {...pressableOpacityProps} key={category.storeListingId}>
                    <View {...viewBinding3Props}>
                        {items4}
                    </View>
                </PressableOpacity>
            );
        }
        items2[2] = (
            <View style={styles.heroInfoContainer}>
                {r14}
            </View>
        );
        const LayerScope = (LayerScopeNativeModule).LayerScope;
        if (r17) {
            FeedProductList = importDefault(14062) /* metro dependency 14062: FeedProductList */;
            length = value6.length;
            length = length === 0 ? 4 : value6.length;
            r17 = (
                <FeedProductList
                    products={value6}
                    loadingCardsNum={length}
                    preferVCPrice={preferVCPrice}
                    accessibilityLabel={intl.formatToPlainString((require(1244) /* metro dependency 1244: indexNative */).t.FNtLb3,
                        
                        {category: category.name})}
                />
            );
        } else {
            jsxRuntimeEnv0_12Binding = jsxRuntimeEnv0_12;
            if (value6.length === 0) {
                r21 = (
                    <SkeletonLoading
                        accessibilityLabel={intl.formatToPlainString((require(1244) /* metro dependency 1244: indexNative */).t.FNtLb3,
                            
                            
                            {category: category.name})}
                    />
                );
            } else {
                FlashList = (require(8416) /* metro dependency 8416: flashList */).FlashList;
                var flashListProps = {'horizontal': true, 'accessibilityLabel': null, 'accessibilityRole': 'list',
                    accessibilityLabel: intl.formatToPlainString((require(1244) /* metro dependency 1244: indexNative */).t.FNtLb3,
                        
                        
                    {category: category.name}), data: value6, onScroll: handleDismissCoachmarkOnScroll,
                    renderItem: renderItem_106590, decelerationRate: 'fast'};
                space = (importDefault(697) /* metro dependency 697: native */).space;
                PX_12 = space.PX_12;
                flashListProps.snapToInterval = COLLECTIBLES_SHOP_CARD_WIDTH + PX_12;
                space = (importDefault(697) /* metro dependency 697: native */).space;
                PX_12 = space.PX_12;
                flashListProps.estimatedItemSize = COLLECTIBLES_SHOP_CARD_WIDTH + PX_12;
                flashListProps.showsHorizontalScrollIndicator = false;
                flashListProps.ListHeaderComponent = ListHeaderComponent_106591;
                flashListProps.ListFooterComponent = ListFooterComponent_106592;
                flashListProps.ItemSeparatorComponent = ItemSeparatorComponent_106593;
                r21 = <FlashList {...flashListProps} />;
            }
            r17 = (
                <>
                    {r21}
                </>
            );
        }
        items2[3] = (
            <View style={styles.productCardsContainer}>
                <LayerScope>
                    {r17}
                </LayerScope>
            </View>
        );
        const items7 = [
            bannerBlock.mobileBackgroundImage != null && <Image style={styles.framesBannerBackgroundImage} source={{uri: bannerBlock.mobileBackgroundImage}} />,
                
        ];
        var Text = (TextModule).Text;
        items7[1] = (
            <View style={styles.framesBannerTextContainer}>
                <Text
                    variant="text-lg/bold"
                    color="control-overlay-secondary-text-default"
                    style={styles.framesBannerTitle}
                >
                    {bannerBlock.title}
                </Text>
                <Text variant="text-sm/normal" color="control-overlay-secondary-text-default">
                    {bannerBlock.body}
                </Text>
            </View>
        );
        items7[2] = bannerBlock.mobileForegroundImage != null && <Image style={styles.framesBannerForegroundImage} source={{uri: bannerBlock.mobileForegroundImage}} />;
        items2[4] = (
            <View style={styles.framesBannerWrapper}>
                {items7}
            </View>
        );
        return (
            <AnalyticsLocationProvider value={analyticsLocations}>
                <VisibilitySensor onChange={handleCardVisibilityChange}>
                    <View style={styles.heroContainer}>
                        {items2}
                    </View>
                </VisibilitySensor>
            </AnalyticsLocationProvider>
        );
        function _fun106587() { // fn#106587, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14252:3108, offset: 0x022e232c, size: 26 bytes, params: 1, frame: 11
            return env0_5(heroBlock.rankedSkuIds);
        }

        function _default_106585OnPress() { // fn#106588, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14252:4376, owner: _default_106585.onPress, offset: 0x022e2346, size: 76 bytes, params: 1, frame: 15
            let value = environment.__proto__;
            value = require(9480) /* metro dependency 9480: QuestUtilsNative */;
            const openQuestHome = value.openQuestHome;
            const QuestContent = (QuestContentModule).QuestContent;
            const ORBS_SHOP_HERO_CTA = QuestContent.ORBS_SHOP_HERO_CTA;
            Reflect.apply(openQuestHome, value, [{mergeExistingRoutes: true, fromContent: ORBS_SHOP_HERO_CTA}]);
        }

        function _default_106585OnPress_106589() { // fn#106589, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14252:4774, owner: _default_106585.onPress, offset: 0x022e2392, size: 266 bytes, params: 1, frame: 21
            const categoryBinding = category;
            const value3 = undefined;
            const defaultImport = AnalyticsUtils;
            const track = defaultImport.track;
            const COLLECTIBLES_SHOP_ELEMENT_CLICKED = AnalyticEvents.COLLECTIBLES_SHOP_ELEMENT_CLICKED;
            const object = {};
            object.collectibles_shop_session_id = env0_3 == null ? value3 : env0_3.sessionId;
            object.sku_id = heroBlock.categoryStoreListingId;
            object.page_type = 'mobile_home';
            object.page_section = env0_3 == null ? value3 : env0_3.pageSection;
            object.page_category = env0_3 == null ? value3 : env0_3.pageCategory;
            object.tile_type = 'HERO_BLOCK';
            const String = global.String;
            object.tile_position = String(env0_3 == null ? value3 : env0_3.tilePosition);
            object.cta_name = null;
            Reflect.apply(track, defaultImport, [COLLECTIBLES_SHOP_ELEMENT_CLICKED, object]);
            const binding = env0_2;
            const push = binding.push;
            const COLLECTIBLES_SHOP_VIEW_ALL_CATEGORY_ITEMS = UserSettingsSections.COLLECTIBLES_SHOP_VIEW_ALL_CATEGORY_ITEMS;
            Reflect.apply(push, binding, [COLLECTIBLES_SHOP_VIEW_ALL_CATEGORY_ITEMS, {category: categoryBinding,
                analyticsContext: env0_3}]);
            return value3;
        }

        function _default_106585RenderItem({item, index}) { // fn#106590, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14252:6041, owner: _default_106585.renderItem, offset: 0x022e249c, size: 198 bytes, params: 2, frame: 21
            var r5;
            let value = environment.__proto__;
            const value3 = ((Component) => <Component solidBackground product={item} unpublishedAt={category.unpublishedAt} preferVCPrice={preferVCPrice} />)(CollectiblesShopCardV2);
            const CollectiblesAnalyticsProvider = (CollectiblesAnalyticsContextModule).CollectiblesAnalyticsProvider;
            const object2 = {tilePosition: index};
            if (index !== 0) {
                r5 = value3;
            } else if (env0_6) {
                value = importDefault(14065) /* metro dependency 14065: FeaturedFirstCardCoachmarkAnchor */;
                value = ((Component) => <Component>{value3}</Component>)(value);
                r5 = value;
            } else {
                r5 = value3;
            }
            return (
                <CollectiblesAnalyticsProvider newValue={object2} key={item.skuId}>
                    {r5}
                </CollectiblesAnalyticsProvider>
            );
        }

        function _default_106585ListHeaderComponent() { // fn#106591, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14252:6512, owner: _default_106585.ListHeaderComponent, offset: 0x022e2562, size: 63 bytes, params: 1, frame: 16
            const PX_16 = (Native).space.PX_16;
            return <View style={{width: PX_16}} />;
        }

        function _default_106585ListFooterComponent() { // fn#106592, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14252:6577, owner: _default_106585.ListFooterComponent, offset: 0x022e2562, size: 63 bytes, params: 1, frame: 16
            const PX_16 = (Native).space.PX_16;
            return <View style={{width: PX_16}} />;
        }

        function _default_106585ItemSeparatorComponent() { // fn#106593, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14252:6645, owner: _default_106585.ItemSeparatorComponent, offset: 0x022e25a1, size: 64 bytes, params: 1, frame: 16
            const PX_12 = (Native).space.PX_12;
            return <View style={{width: PX_12}} />;
        }

    }

}

global.__d(_fun106582, 14055, [31, 27, 5121, 663, 661, 33, 10020, 4501, 697, 14056, 14057, 1484, 10023, 566, 4048,
        10154, 14058, 14049, 6771, 6789, 683, 4002, 14060, 14061, 10155, 10089, 4589, 4573, 4578, 1244, 9480, 6533,
        5278, 6818, 6517, 14062, 8416, 14065,
        2]) /* metro module 14055, dependencies: [31, 27, 5121, 663, 661, 33, 10020, 4501, 697, 14056, 14057, 1484, 10023, 566, 4048, 10154, 14058, 14049, 6771, 6789, 683, 4002, 14060, 14061, 10155, 10089, 4589, 4573, 4578, 1244, 9480, 6533, 5278, 6818, 6517, 14062, 8416, 14065, 2] */;