// Module ID: 14723 // Function ID: 14724 // Name: feedBlock // Dependencies: [19, 17, 4247, 1302, 5723, 678, 676, 21, 4255, 712, 589, 4101, 14193, 14724, 14195, 6894, 5615, 5595, 1236, 4251, 4797, 4223, 14725, 1959, 4211, 4665, 14718, 14726, 500, 8079, 14727, 5221, 14728, 14729, 2] // Exports: default // Module 14723 (feedBlock) import Text from "Text"; import get_ActivityIndicator from "context"; import maybeApplyNoTextColorForLightCustomTheme from "maybeApplyNoTextColorForLightCustomTheme"; import handleThemeChange from "handleThemeChange"; import hasConsented from "hasConsented"; import { CollectiblesMobileShopScreen as closure_9 } from "items"; import { Consents } from "ME"; import jsxProd from "ACTION_SHEET_HEIGHT_HALF"; import createCacheKey from "createCacheKey"; let c4; let c5; let closure_12; let unpackModuleId; const require = arg1; ({ Image: c4, View: c5 } = get_ActivityIndicator); ({ jsx: unpackModuleId, jsxs: closure_12 } = jsxProd); createCacheKey = { feedContainer: null, feedHeader: null, feedTitle: null, feedFooter: null, feedFooterImage: null, feedFooterOrbImage: null }; createCacheKey = { display: "flex", flexDirection: "column", height: "100%", gap: require("Themes").space.PX_16 }; createCacheKey[0] = createCacheKey; createCacheKey[1] = { display: "flex", flexDirection: "row", flexWrap: "wrap", justifyContent: "space-between", alignItems: "center", gap: require("Themes").space.PX_12, paddingHorizontal: require("Themes").space.PX_16 }; let obj1 = { display: "flex", flexDirection: "row", flexWrap: "wrap", justifyContent: "space-between", alignItems: "center", gap: require("Themes").space.PX_12, paddingHorizontal: require("Themes").space.PX_16 }; createCacheKey[2] = { display: "flex", flexDirection: "row", alignItems: "center", flexShrink: 1, gap: require("Themes").space.PX_8 }; let obj2 = { display: "flex", flexDirection: "row", alignItems: "center", flexShrink: 1, gap: require("Themes").space.PX_8 }; createCacheKey[3] = { display: "flex", gap: require("Themes").space.PX_16, flexDirection: "column", justifyContent: "center", alignItems: "center" }; createCacheKey[4] = { width: "100%", resizeMode: "cover" }; createCacheKey[5] = { width: "100%", alignSelf: "center", resizeMode: "contain", height: 130 }; createCacheKey = createCacheKey.createStyles(createCacheKey); let obj3 = { display: "flex", gap: require("Themes").space.PX_16, flexDirection: "column", justifyContent: "center", alignItems: "center" }; let result = require("maybeApplyNoTextColorForLightCustomTheme").fileFinishedImporting("modules/collectibles/native/FeedBlock.tsx"); export default function _default(feedBlock) { let disableBundleStaticBackground; let feedProducts; let isPersonalized; let preferVCPrice; feedBlock = feedBlock.feedBlock; const screen = feedBlock.screen; let stateFromStores1; let dependencyMap; ({ preferVCPrice, disableBundleStaticBackground } = feedBlock); let feedFooterOrbImage = createCacheKey(); let tmp5Result = dependencyMap; let obj = feedBlock(589); let items = [handleThemeChange]; const stateFromStores = obj.useStateFromStores(items, () => feedBlock(_undefined[11]).isThemeDark(theme.theme)); let obj1 = feedBlock(589); let items1 = [hasConsented]; stateFromStores1 = obj1.useStateFromStores(items1, () => hasConsented.hasConsented(constants2.PERSONALIZATION)); let tmp6 = stateFromStores1(14193)(); dependencyMap = tmp6; const items2 = [feedBlock.sortedSkuIds, tmp6, stateFromStores1]; const memo = React.useMemo(() => { const sortedSkuIds = feedBlock.sortedSkuIds; let items; if (sortedSkuIds != null) { items = sortedSkuIds[feedBlock(undefined, _undefined[13]).ShopHomeSortType.RECOMMENDED]; } if (items == null) { items = []; } const sortedSkuIds2 = feedBlock.sortedSkuIds; let items1; if (sortedSkuIds2 != null) { items1 = sortedSkuIds2[feedBlock(undefined, _undefined[13]).ShopHomeSortType.POPULAR]; } if (items1 == null) { items1 = []; } let tmp6 = stateFromStores1; if (stateFromStores1) { tmp6 = items.length > 0; } if (tmp6) { items1 = items; } return { feedProducts: _undefined(items1), isPersonalized: tmp6 }; }, items2); ({ isPersonalized, feedProducts } = memo); let obj2 = feedBlock(14195); const filteredAndSortedProducts = obj2.useFilteredAndSortedProducts({ products: feedProducts, maxProducts: 36, screen }); let obj3 = feedBlock(589); const items3 = [maybeApplyNoTextColorForLightCustomTheme]; const stateFromStores2 = obj3.useStateFromStores(items3, () => useReducedMotion.useReducedMotion); const intl = feedBlock(1236).intl; const string = intl.string; const t = feedBlock(1236).t; if (isPersonalized) { let stringResult = string(t.NSv5KV); } else { stringResult = string(t.ivaAA7); } obj = { value: stateFromStores1(5595)(stateFromStores1(5615).COLLECTIBLES_SHOP_POPULAR_PICKS).analyticsLocations, children: null }; obj = { style: feedFooterOrbImage.feedContainer, children: null }; obj1 = { style: feedFooterOrbImage.feedHeader, children: null }; obj2 = { style: feedFooterOrbImage.feedTitle, children: null }; const items4 = [callback(feedBlock(4251).Heading, { variant: "heading-lg/semibold", children: stringResult }), ]; if (isPersonalized) { obj3 = { onPress: null, hitSlop: 14, "aria-label": null, children: null }; obj3[0] = function onPress() { return stateFromStores1(_undefined[21]).openLazy(feedBlock(_undefined[23])(_undefined[22], _undefined.paths), "PersonalizationDisclaimerActionSheet", {}); }; const intl2 = tmp(1236).intl; obj3[2] = intl2.string(tmp(1236).t.hvVgAZ); obj3[3] = tmp12(tmp(4211).CircleInformationIcon, { size: "xs" }); isPersonalized = tmp12(tmp(4797).PressableOpacity, obj3); } function goToShopAll() { let obj = feedBlock(_undefined[15]); obj = { analyticsLocations: null, analyticsSource: null, screen: null }; const items = [stateFromStores1(_undefined[16]).COLLECTIBLES_MOBILE_SHOP_ALL_BUTTON]; obj[0] = items; obj[1] = stateFromStores1(_undefined[16]).COLLECTIBLES_MOBILE_SHOP_ALL_BUTTON; obj[2] = constants.SHOP_ALL; const result = obj.openCollectiblesShopMobile(obj); } items4[1] = isPersonalized; obj2[1] = items4; const items5 = [closure_12(closure_5, obj2), ]; let tmp12Result = !tmp15; if (screen !== constants.ORBS) { const obj4 = { onPress: null, text: null, variant: "primary", size: "sm" }; obj4[0] = goToShopAll; const intl3 = tmp(1236).intl; obj4[1] = intl3.string(tmp(1236).t.xFcotU); tmp12Result = tmp12(tmp(4665).Button, obj4); } items5[1] = tmp12Result; obj1[1] = items5; const items6 = [closure_12(closure_5, obj1), callback(stateFromStores1(14718), { products: filteredAndSortedProducts, loadingCardsNum: 36, preferVCPrice, accessibilityLabel: stringResult, disableBundleStaticBackground }), ]; const obj5 = { style: feedFooterOrbImage.feedFooter, children: null }; const obj6 = { variant: "heading-lg/bold", accessibilityRole: "header", children: null }; const intl4 = tmp(1236).intl; obj6[2] = intl4.string(feedBlock(1236).t.Yr70c4); const items7 = [callback(feedBlock(4251).Text, obj6), , ]; const obj7 = { onPress: goToShopAll, text: null, variant: "primary", size: "md" }; const intl5 = tmp(1236).intl; obj7[1] = intl5.string(feedBlock(1236).t.AfrvRD); items7[1] = callback(feedBlock(4665).Button, obj7); if (screen === constants.ORBS) { if (stateFromStores2) { const obj8 = { source: null, style: null, accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants" }; const obj9 = { uri: null }; tmp5Result = tmp5(14726); obj9[0] = tmp5Result; obj8[0] = obj9; feedFooterOrbImage = feedFooterOrbImage.feedFooterOrbImage; obj8[1] = feedFooterOrbImage; tmp12Result = tmp12(closure_4, obj8); } else { if (tmpResult.isAndroid()) { const obj10 = { url: null, autoplay: true, style: null, accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants" }; tmp5Result = tmp5(8079); obj10[0] = tmp5(14727); obj10[2] = feedFooterOrbImage.feedFooterOrbImage; tmp12Result = tmp12(tmp5Result, obj10); } else { const obj11 = { source: null, enableAnimation: true, resizeMode: "contain", style: null, accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants" }; const obj12 = { uri: null }; obj12[0] = tmp5(14727); obj11[0] = obj12; obj11[3] = feedFooterOrbImage.feedFooterOrbImage; tmp12Result = tmp12(tmp5(5221), obj11); const tmp5Result1 = tmp5(5221); } tmpResult = tmp(500); } } else { const obj13 = { source: null, style: null, accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants" }; if (stateFromStores) { obj13[0] = tmp(14728); obj13[1] = feedFooterOrbImage.feedFooterImage; let tmp18 = obj13; } else { obj13[0] = tmp(14729); obj13[1] = feedFooterOrbImage.feedFooterImage; tmp18 = obj13; } items7[2] = tmp12(closure_4, tmp18); obj5[1] = items7; items6[2] = tmp13(tmp14, obj5); obj[1] = items6; obj[1] = tmp13(tmp14, obj); return tmp12(tmp(5595).AnalyticsLocationProvider, obj); } };