/* Metro module 14078; source: modules/collectibles/native/ShelfBlock.tsx; dependencies: [31, 27, 5121, 663, 661, 33, 4501, 697, 1484, 10023, 14057, 6771, 6789, 566, 14058, 14049, 5120, 10020, 4573, 4578, 1244, 6517, 8416, 2] */
function _fun106686(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#106686, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14275:6, offset: 0x022e6904, size: 634 bytes, params: 8, frame: 23
    var object5;
    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.Image;
    const env0_5 = value.View;
    const collectiblesCategoryStore = importDefault(5121) /* metro dependency 5121: CollectiblesCategoryStore */;
    const env0_7 = (require(663) /* metro dependency 663: CollectiblesShopConstants */).CollectiblesMobileShopScreen;
    const env0_8 = (require(661) /* metro dependency 661: Constants */).UserSettingsSections;
    value = require(33) /* metro dependency 33 */;
    const env0_9 = value.jsx;
    const env0_10 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object5 = {};
    const object6 = {width: '100%'};
    let PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object6.paddingTop = PX_16;
    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object6.paddingBottom = PX_16;
    object5.container = object6;
    const object7 = {};
    let PX_24 = (importDefault(697) /* metro dependency 697: native */).space.PX_24;
    object7.marginTop = PX_24;
    PX_24 = (importDefault(697) /* metro dependency 697: native */).space.PX_24;
    object7.paddingTop = PX_24;
    PX_24 = (importDefault(697) /* metro dependency 697: native */).space.PX_24;
    object7.paddingBottom = PX_24;
    object7.overflow = 'hidden';
    object5.containerWithBackground = object7;
    object5.backgroundImage = {'position': 'absolute', 'top': 0, 'left': 0, 'bottom': 0, 'minWidth': '100%',
        'aspectRatio': 2.5, 'resizeMode': 'cover'};
    const object8 = {'flexDirection': 'row', 'alignItems': 'center', 'justifyContent': 'space-between'};
    let PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12;
    object8.gap = PX_12;
    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object8.paddingHorizontal = PX_16;
    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object8.marginBottom = PX_16;
    object8.zIndex = 1;
    object5.header = object8;
    object5.headingWrapper = {flexShrink: 1};
    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object5.listEdgeSpacer = {width: PX_16};
    PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12;
    object5.listItemSeparator = {width: PX_12};
    const env0_11 = Reflect.apply(createStyles, value, [object5]);
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/collectibles/native/ShelfBlock.tsx');
    exports.default = _default_106689;
}

function ListEdgeSpacer_106687() { // fn#106687, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14275:926, offset: 0x022e6b7e, size: 41 bytes, params: 1, frame: 14
    const styles = useStyles();
    return <View style={styles.listEdgeSpacer} />;
}

function ListItemSeparator_106688() { // fn#106688, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14275:997, offset: 0x022e6ba7, size: 41 bytes, params: 1, frame: 14
    const styles = useStyles();
    return <View style={styles.listItemSeparator} />;
}

function _default_106689({block, preferVCPrice}) { // fn#106689, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14275:1062, offset: 0x022e6bd0, size: 1134 bytes, params: 2, frame: 39
    var Button;
    var intl;
    const styles = useStyles();
    const value3 = (require(1484) /* metro dependency 1484: useNavigationNative */).useNavigation();
    const value4 = (require(10023) /* metro dependency 10023: CollectiblesAnalyticsContext */).useCollectiblesAnalyticsContext();
    const env0_3 = value4;
    const collectiblesCoachmarkScrollDismissContextModule = require(14057) /* metro dependency 14057: CollectiblesCoachmarkScrollDismissContext */;
    const useCollectiblesCoachmarkScrollDismissContext = collectiblesCoachmarkScrollDismissContextModule.useCollectiblesCoachmarkScrollDismissContext;
    const handleDismissCoachmarkOnScroll = Reflect.apply(useCollectiblesCoachmarkScrollDismissContext,
        collectiblesCoachmarkScrollDismissContextModule, []).handleDismissCoachmarkOnScroll;
    const defaultImport = importDefault(6771) /* metro dependency 6771: useAnalyticsLocations */;
    const COLLECTIBLES_SHOP_SHELF = (importDefault(6789) /* metro dependency 6789: AnalyticsLocation */).COLLECTIBLES_SHOP_SHELF;
    const analyticsLocations = defaultImport(COLLECTIBLES_SHOP_SHELF).analyticsLocations;
    const value5 = (require(566) /* metro dependency 566: flux */).useStateFromStores([CollectiblesCategoryStore],
        _fun106690);
    const value6 = (importDefault(14058) /* metro dependency 14058: useGetProductsFromSkus */)();
    const binding = env0_3;
    const value8 = (require(14049) /* metro dependency 14049: useFilteredAndSortedProducts */).useFilteredAndSortedProducts({products: binding.useMemo(_fun106691,
        [block.rankedSkuIds, value6])});
    const value9 = binding.useCallback(_fun106692, [value5, value3, value4]);
    const value10 = binding.useCallback(_fun106693, [block.name, preferVCPrice]);
    const value11 = binding.useCallback(function(a0) {
        return a0.skuId;
    }, []);
    if (value8.length === 0) {
        return null;
    }
    const value12 = block.mobileBackgroundImage != null;
    items = [styles.container];
    items[1] = value12 && styles.containerWithBackground;
    const AnalyticsLocationProvider = (require(6771) /* metro dependency 6771: useAnalyticsLocations */).AnalyticsLocationProvider;
    const object2 = {style: items};
    items = [value12 && block.mobileBackgroundImage != null && <Image style={styles.backgroundImage} source={{uri: block.mobileBackgroundImage}} />];
    const Heading = (require(4573) /* metro dependency 4573: Text */).Heading;
    const view = <View style={styles.headingWrapper}><Heading variant="text-md/semibold" style={value12 ? {color: block.titleColor ?? '#ffffff'} : undefined}>{block.name}</Heading></View>;
    let r12 = block.showButton && value5 != null;
    if (r12) {
        Button = (require(4578) /* metro dependency 4578: ButtonNative */).Button;
        var buttonProps = {'variant': null, 'size': 'sm', 'shrink': true, 'grow': false,
            variant: value12 ? 'primary-overlay' : 'secondary'};
        intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
        buttonProps.text = intl.string((require(1244) /* metro dependency 1244: indexNative */).t.xFcotU);
        buttonProps.onPress = value9;
        r12 = <Button {...buttonProps} />;
    }
    items[1] = <View style={styles.header}>{view}{r12}</View>;
    const LayerScope = (require(6517) /* metro dependency 6517: LayerScopeNative */).LayerScope;
    const FlashList = (require(8416) /* metro dependency 8416: flashList */).FlashList;
    const flashListProps = {'horizontal': true, 'accessibilityRole': 'list', accessibilityLabel: block.name,
        data: value8, keyExtractor: value11, onScroll: handleDismissCoachmarkOnScroll, renderItem: value10,
        decelerationRate: 'fast'};
    const COLLECTIBLES_SHOP_CARD_WIDTH = (require(10020) /* metro dependency 10020: CollectiblesShopCardV2 */).COLLECTIBLES_SHOP_CARD_WIDTH;
    const PX_12 = (importDefault(697) /* metro dependency 697: native */).space.PX_12;
    flashListProps.snapToInterval = COLLECTIBLES_SHOP_CARD_WIDTH + PX_12;
    flashListProps.estimatedItemSize = COLLECTIBLES_SHOP_CARD_WIDTH;
    flashListProps.showsHorizontalScrollIndicator = false;
    flashListProps.ListHeaderComponent = ListEdgeSpacer_106687;
    flashListProps.ListFooterComponent = ListEdgeSpacer_106687;
    flashListProps.ItemSeparatorComponent = ListItemSeparator_106688;
    items[2] = <LayerScope><FlashList {...flashListProps} /></LayerScope>;
    return (
        <AnalyticsLocationProvider value={analyticsLocations}>
            <View {...object2}>
                {items}
            </View>
        </AnalyticsLocationProvider>
    );
}

function _fun106690() { // fn#106690, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14275:1362, offset: 0x022e703e, size: 54 bytes, params: 1, frame: 12
    return block.categorySkuId != null ? CollectiblesCategoryStore.getCategory(block.categorySkuId) : undefined;
}

function _fun106692() { // fn#106692, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14275:1568, offset: 0x022e7074, size: 187 bytes, params: 1, frame: 19
    var isOrbsExclusive;
    var value2;
    var binding;
    var object2;
    var openCollectiblesShopMobile;
    var COLLECTIBLES_SHOP;
    var value;
    if (env0_4 != null) {
        isOrbsExclusive = env0_4.isOrbsExclusive;
        value2 = environment.__proto__;
        if (isOrbsExclusive) {
            value = require(5120) /* metro dependency 5120: CollectiblesActionCreators */;
            openCollectiblesShopMobile = value.openCollectiblesShopMobile;
            object2 = {};
            COLLECTIBLES_SHOP = (importDefault(6789) /* metro dependency 6789: AnalyticsLocation */).COLLECTIBLES_SHOP;
            object2.analyticsLocations = [COLLECTIBLES_SHOP];
            COLLECTIBLES_SHOP = (importDefault(6789) /* metro dependency 6789: AnalyticsLocation */).COLLECTIBLES_SHOP;
            object2.analyticsSource = COLLECTIBLES_SHOP;
            object2.screen = CollectiblesMobileShopScreen.ORBS;
            Reflect.apply(openCollectiblesShopMobile, value, [object2]);
        } else {
            binding = env0_2;
            binding.push(UserSettingsSections.COLLECTIBLES_SHOP_VIEW_ALL_CATEGORY_ITEMS, {category: env0_4,
                analyticsContext: env0_3});
        }
    }
}

function _fun106693({item, index}) { // fn#106693, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14275:1858, offset: 0x022e712f, size: 129 bytes, params: 2, frame: 19
    const value = environment.__proto__;
    const CollectiblesAnalyticsProvider = (require(10023) /* metro dependency 10023: CollectiblesAnalyticsContext */).CollectiblesAnalyticsProvider;
    return (
        <CollectiblesAnalyticsProvider newValue={{tilePosition: index, pageSection: block.name}}>
            {((Component) => <Component product={item} preferVCPrice={preferVCPrice} />)(importDefault(10020) /* metro dependency 10020: CollectiblesShopCardV2 */)}
        </CollectiblesAnalyticsProvider>
    );
}