573 lines
23 KiB
TypeScript
573 lines
23 KiB
TypeScript
// Module ID: 16216
|
|
// Function ID: 16217
|
|
// Name: HeroBlock
|
|
// Dependencies: [19, 17, 7264, 1087, 1085, 21, 8968, 5092, 587, 558, 576, 9087, 16217, 1503, 8971, 504, 9166, 5031, 16218, 4818, 4967, 16219, 15351, 6852, 6879, 16229, 1265, 9168, 5977, 4969, 16231, 16232, 5391, 6157, 5088, 5379, 1126, 6185, 6906, 6846, 16233, 8625, 16236, 2]
|
|
|
|
// Module 16216 (HeroBlock)
|
|
import react_native from "react-native" /* 17 */;
|
|
import react2 from "react" /* 576 */;
|
|
import nativeDefault from "native" /* 587 */;
|
|
import CollectiblesShopConstants from "CollectiblesShopConstants" /* 1087 */;
|
|
import AnalyticsUtilsDefault from "AnalyticsUtils" /* 1265 */;
|
|
import CollectiblesShopCardV2 from "CollectiblesShopCardV2" /* 8968 */;
|
|
import CollectiblesAnalyticsContext from "CollectiblesAnalyticsContext" /* 8971 */;
|
|
import SkeletonCardDefault from "SkeletonCard" /* 9087 */;
|
|
import react_mod from "react" /* 19 */;
|
|
import CollectiblesCategoryStore_mod from "CollectiblesCategoryStore" /* 7264 */;
|
|
import Constants from "Constants" /* 1085 */;
|
|
import Fragment from "Fragment" /* 21 */;
|
|
import createStyles_mod from "createStyles" /* 5092 */;
|
|
import ReactCompilerGating_mod from "ReactCompilerGating" /* 558 */;
|
|
import size_mod from "module_2" /* 2 */;
|
|
|
|
const require = globalThis.__r;
|
|
let CollectiblesAnalyticsProvider, dependencyMap, heroBlock, navigation, obj1, tmp3, tmpResult1;
|
|
|
|
let c10;
|
|
let c9;
|
|
let closure_12;
|
|
let metroImportAll;
|
|
let metroImportDefault;
|
|
let obj2;
|
|
let obj3;
|
|
let obj4;
|
|
let rect;
|
|
let size;
|
|
let tmp2;
|
|
let unpackModuleId;
|
|
const FeaturedFirstCardCoachmarkAnchorDefault = tmp2(16229);
|
|
let react = react_mod;
|
|
const View = react_native.View;
|
|
let CollectiblesCategoryStore = CollectiblesCategoryStore_mod;
|
|
let constants = CollectiblesShopConstants.CollectiblesMobileShopScreen;
|
|
({ AnalyticEvents: metroImportDefault, UserSettingsSections: metroImportAll, VerticalGradient: c9 } = Constants);
|
|
({ jsx: c10, Fragment: unpackModuleId, jsxs: closure_12 } = Fragment);
|
|
const result = 0.75 * CollectiblesShopCardV2.COLLECTIBLES_SHOP_CARD_WIDTH;
|
|
let createStyles = createStyles_mod;
|
|
let obj = { heroContainer: { width: "100%" }, heroBannerContainer: rect, heroBannerImage: { width: "100%", height: "100%", resizeMode: "cover" }, orbsBackgroundGradient: { position: "absolute", top: 0, left: 0, bottom: 0, right: 0 }, fadeOutGradient: { position: "absolute", bottom: 0, height: "50%", width: "100%", zIndex: 1 }, heroInfoContainer: { display: "flex", justifyContent: "center", flex: 1, minWidth: "100%", maxHeight: 240, aspectRatio: 2.2 }, innerContainer: size, heroLogoContainer: { flex: 1, maxWidth: "80%", maxHeight: "80%" }, heroLogo: { resizeMode: "contain", maxHeight: "100%", maxWidth: "100%", aspectRatio: 1 }, heroViewAllIcon: obj2, orbsInnerContainer: obj3, orbsTitle: { fontSize: 24, lineHeight: 30 }, productCardsContainer: { zIndex: 1 }, skeletonContainer: obj4 };
|
|
rect = { position: "absolute", top: 0, left: 0, width: "100%", maxHeight: 240 + result, aspectRatio: 1.4883720930232558 };
|
|
size = { flexDirection: "row", alignItems: "center", justifyContent: "space-between", paddingHorizontal: nativeDefault.space.PX_16, width: "100%", height: "100%" };
|
|
createStyles = createStyles.createStyles;
|
|
obj2 = { backgroundColor: nativeDefault.colors.CONTROL_OVERLAY_SECONDARY_BACKGROUND_DEFAULT, padding: nativeDefault.space.PX_8, borderRadius: nativeDefault.radii.round };
|
|
obj3 = { paddingHorizontal: nativeDefault.space.PX_16, alignItems: "flex-start", gap: nativeDefault.space.PX_16 };
|
|
obj4 = { flexDirection: "row", gap: nativeDefault.space.PX_12, paddingHorizontal: nativeDefault.space.PX_16 };
|
|
let closure_13 = createStyles(obj);
|
|
let ReactCompilerGating = ReactCompilerGating_mod;
|
|
let closure_14 = ReactCompilerGating.isReactCompilerEnabled() ? (function SkeletonLoading(accessibilityLabel) {
|
|
let first;
|
|
let tmp4;
|
|
let obj = react2;
|
|
const cResult = obj.c(5);
|
|
accessibilityLabel = accessibilityLabel.accessibilityLabel;
|
|
const tmp2 = closure_13();
|
|
const skeletonContainer = tmp2.skeletonContainer;
|
|
if (cResult[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
const obj2 = { busy: true };
|
|
cResult[0] = obj2;
|
|
first = obj2;
|
|
} else {
|
|
first = cResult[0];
|
|
}
|
|
if (cResult[1] === Symbol.for("react.memo_cache_sentinel")) {
|
|
const _Array = Array;
|
|
const arr = Array.from({ length: 10 });
|
|
const mapped = arr.map((item, index) => {
|
|
const obj = { width: require("CollectiblesShopCardV2").COLLECTIBLES_SHOP_CARD_WIDTH };
|
|
const tmp = SkeletonCardDefault;
|
|
return closure_1_10(tmp, obj, index);
|
|
});
|
|
cResult[1] = mapped;
|
|
tmp4 = mapped;
|
|
} else {
|
|
tmp4 = cResult[1];
|
|
}
|
|
if (cResult[2] === accessibilityLabel) {
|
|
let tmp6;
|
|
if (cResult[3] === tmp2.skeletonContainer) {
|
|
tmp6 = cResult[4];
|
|
}
|
|
return tmp6;
|
|
}
|
|
const tmp7 = authStore(View, { style: skeletonContainer, accessibilityRole: "list", accessibilityLabel, accessibilityState: first, accessible: true, children: tmp4 });
|
|
cResult[2] = accessibilityLabel;
|
|
cResult[3] = tmp2.skeletonContainer;
|
|
cResult[4] = tmp7;
|
|
tmp6 = tmp7;
|
|
}) : (function SkeletonLoading(accessibilityLabel) {
|
|
let arr;
|
|
let obj = {
|
|
style: closure_13().skeletonContainer,
|
|
accessibilityRole: "list",
|
|
accessibilityLabel: accessibilityLabel.accessibilityLabel,
|
|
accessibilityState: { busy: true },
|
|
accessible: true,
|
|
children: arr.map((item, index) => {
|
|
const obj = { width: require("CollectiblesShopCardV2").COLLECTIBLES_SHOP_CARD_WIDTH };
|
|
const tmp = SkeletonCardDefault;
|
|
return closure_1_10(tmp, obj, index);
|
|
})
|
|
};
|
|
arr = Array.from({ length: 10 });
|
|
return authStore(View, obj);
|
|
});
|
|
ReactCompilerGating = ReactCompilerGating_mod;
|
|
let tmp6 = ReactCompilerGating.isReactCompilerEnabled() ? ((heroBlock) => {
|
|
let closure_5;
|
|
let first;
|
|
let tmp24;
|
|
let tmp8;
|
|
const tmp = heroBlock;
|
|
let tmp2 = navigation;
|
|
let obj = heroBlock(navigation[10]);
|
|
const cResult = obj.c(70);
|
|
heroBlock = heroBlock.heroBlock;
|
|
const preferVCPrice = heroBlock.preferVCPrice;
|
|
const screen = heroBlock.screen;
|
|
let obj2 = heroBlock(navigation[12]);
|
|
const handleDismissCoachmarkOnScroll = obj2.useCollectiblesCoachmarkScrollDismissContext().handleDismissCoachmarkOnScroll;
|
|
let obj3 = heroBlock(navigation[13]);
|
|
navigation = obj3.useNavigation();
|
|
const obj4 = heroBlock(navigation[14]);
|
|
const collectiblesAnalyticsContext = obj4.useCollectiblesAnalyticsContext();
|
|
let heroBannerUrl = heroBlock.mobileHeroUrl;
|
|
if (heroBannerUrl == null) {
|
|
heroBannerUrl = heroBlock.heroBannerUrl;
|
|
}
|
|
if (cResult[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
const items = [CollectiblesCategoryStore];
|
|
cResult[0] = items;
|
|
first = items;
|
|
} else {
|
|
first = cResult[0];
|
|
}
|
|
if (cResult[1] !== heroBlock.categorySkuId) {
|
|
class C {
|
|
constructor() {
|
|
return closure_5.getCategory(heroBlock.categorySkuId);
|
|
}
|
|
}
|
|
cResult[1] = heroBlock.categorySkuId;
|
|
cResult[2] = C;
|
|
tmp8 = C;
|
|
} else {
|
|
class C {
|
|
constructor() {
|
|
return closure_5.getCategory(heroBlock.categorySkuId);
|
|
}
|
|
}
|
|
}
|
|
let tmpResult = tmp(tmp2[15]);
|
|
const stateFromStores = tmpResult.useStateFromStores(first, tmp8);
|
|
if (cResult[3] === Symbol.for("react.memo_cache_sentinel")) {
|
|
class C {
|
|
constructor() {
|
|
return closure_5.getCategory(heroBlock.categorySkuId);
|
|
}
|
|
}
|
|
const isEligibleForQuests = obj6.getIsEligibleForQuests();
|
|
cResult[3] = isEligibleForQuests;
|
|
} else {
|
|
class C {
|
|
constructor() {
|
|
return closure_5.getCategory(heroBlock.categorySkuId);
|
|
}
|
|
}
|
|
}
|
|
preferVCPrice(tmp2[17])();
|
|
const tmpResult6 = tmp(tmp2[18]);
|
|
const handleCardVisibilityChange = tmpResult6.useTrackProductCardImpression(heroBlock.categoryStoreListingId, "mobile_home", "hero_block").handleCardVisibilityChange;
|
|
closure_13();
|
|
const tmpResult7 = tmp(tmp2[19]);
|
|
const token = tmpResult7.useToken(preferVCPrice(tmp2[8]).colors.BACKGROUND_BASE_LOW);
|
|
if (cResult[4] !== token) {
|
|
class C {
|
|
constructor() {
|
|
return closure_5.getCategory(heroBlock.categorySkuId);
|
|
}
|
|
}
|
|
const hexToRgbaString = tmp18.hexToRgbaString;
|
|
const tmpResult8 = tmp(tmp2[20]);
|
|
cResult[4] = token;
|
|
cResult[5] = hexToRgbaString(tmpResult8.hexWithOpacity(token, 0));
|
|
const hexToRgbaStringResult = hexToRgbaString(tmpResult8.hexWithOpacity(token, 0));
|
|
} else {
|
|
class C {
|
|
constructor() {
|
|
return closure_5.getCategory(heroBlock.categorySkuId);
|
|
}
|
|
}
|
|
}
|
|
const tmpResult9 = tmp(tmp2[19]);
|
|
const token1 = tmpResult9.useToken(tmp13(tmp2[8]).colors.BACKGROUND_BASE_LOWEST);
|
|
const tmp21 = preferVCPrice(tmp2[21])();
|
|
const rankedSkuIds = heroBlock.rankedSkuIds;
|
|
if (cResult[6] === tmp21) {
|
|
class C {
|
|
constructor() {
|
|
return closure_5.getCategory(heroBlock.categorySkuId);
|
|
}
|
|
}
|
|
if (cResult[9] === tmp22) {
|
|
class C {
|
|
constructor() {
|
|
return closure_5.getCategory(heroBlock.categorySkuId);
|
|
}
|
|
}
|
|
const tmpResult10 = tmp(tmp2[22]);
|
|
const filteredAndSortedProducts = tmpResult10.useFilteredAndSortedProducts(tmp24);
|
|
CollectiblesCategoryStore = tmp27;
|
|
const tmp13Result = preferVCPrice(tmp2[23]);
|
|
const analyticsLocations = tmp13Result(tmp13(tmp2[24]).COLLECTIBLES_SHOP_HERO).analyticsLocations;
|
|
const tmp29 = cResult[12];
|
|
if (stateFromStores != null) {
|
|
class C {
|
|
constructor() {
|
|
return closure_5.getCategory(heroBlock.categorySkuId);
|
|
}
|
|
}
|
|
}
|
|
if (tmp29 === undefined) {
|
|
class C {
|
|
constructor() {
|
|
return closure_5.getCategory(heroBlock.categorySkuId);
|
|
}
|
|
}
|
|
}
|
|
if (stateFromStores != null) {
|
|
class C {
|
|
constructor() {
|
|
return closure_5.getCategory(heroBlock.categorySkuId);
|
|
}
|
|
}
|
|
}
|
|
class M {
|
|
constructor(arg0) {
|
|
index = heroBlock.index;
|
|
tmp = jsx;
|
|
tmp3 = closure_2;
|
|
tmp2 = closure_1;
|
|
obj = { solidBackground: true, product: heroBlock.item, unpublishedAt: null, preferVCPrice: null };
|
|
unpublishedAt = undefined;
|
|
tmp4 = closure_1(closure_2[6]);
|
|
if (closure_4 != null) {
|
|
unpublishedAt = closure_4.unpublishedAt;
|
|
}
|
|
obj.unpublishedAt = unpublishedAt;
|
|
obj.preferVCPrice = preferVCPrice;
|
|
tmpResult = tmp(tmp4, obj);
|
|
obj1 = { newValue: { tilePosition: index }, children: null };
|
|
tmpResult1 = tmpResult;
|
|
CollectiblesAnalyticsProvider = closure_0(tmp3[14]).CollectiblesAnalyticsProvider;
|
|
if (0 === index) {
|
|
tmp8 = closure_5;
|
|
tmpResult1 = tmpResult;
|
|
if (closure_5) {
|
|
obj4 = { children: null };
|
|
obj4.children = tmpResult;
|
|
tmpResult1 = tmp(tmp2(tmp3[25]), obj4);
|
|
}
|
|
}
|
|
obj1.children = tmpResult1;
|
|
return tmp(CollectiblesAnalyticsProvider, obj1);
|
|
}
|
|
}
|
|
cResult[12] = undefined;
|
|
cResult[13] = screen === constants.FEATURED_PAGE;
|
|
cResult[14] = preferVCPrice;
|
|
cResult[15] = M;
|
|
}
|
|
const obj5 = { products: tmp22, bypassAndroidUnsyncedFilter: null != stateFromStores && stateFromStores.isOrbsExclusive };
|
|
cResult[9] = tmp22;
|
|
cResult[10] = null != stateFromStores && stateFromStores.isOrbsExclusive;
|
|
cResult[11] = obj5;
|
|
tmp24 = obj5;
|
|
}
|
|
cResult[6] = tmp21;
|
|
cResult[7] = rankedSkuIds;
|
|
cResult[8] = tmp21(rankedSkuIds);
|
|
const tmp21Result = tmp21(rankedSkuIds);
|
|
}) : ((heroBlock) => {
|
|
let LayerScope;
|
|
let analyticsContext;
|
|
let closure_6;
|
|
let intl;
|
|
let intl2;
|
|
let intl3;
|
|
let intl4;
|
|
let intl5;
|
|
let intl6;
|
|
let items3;
|
|
let items4;
|
|
let items5;
|
|
let items7;
|
|
let items8;
|
|
let num;
|
|
let obj11;
|
|
let obj22;
|
|
let obj23;
|
|
let obj24;
|
|
let obj26;
|
|
let obj27;
|
|
let obj31;
|
|
let obj33;
|
|
let obj35;
|
|
let obj37;
|
|
let obj5;
|
|
let obj6;
|
|
let tmp24Result;
|
|
let tmp24Result2;
|
|
let tmp6Result3;
|
|
heroBlock = heroBlock.heroBlock;
|
|
const preferVCPrice = heroBlock.preferVCPrice;
|
|
dependencyMap = undefined;
|
|
let stateFromStores;
|
|
let closure_5;
|
|
constants = undefined;
|
|
let tmp = heroBlock;
|
|
let tmp2 = dependencyMap;
|
|
const screen = heroBlock.screen;
|
|
let obj = heroBlock(16217);
|
|
const handleDismissCoachmarkOnScroll = obj.useCollectiblesCoachmarkScrollDismissContext().handleDismissCoachmarkOnScroll;
|
|
let obj2 = heroBlock(1503);
|
|
dependencyMap = obj2.useNavigation();
|
|
let obj3 = heroBlock(8971);
|
|
react = obj3.useCollectiblesAnalyticsContext();
|
|
let heroBannerUrl = heroBlock.mobileHeroUrl;
|
|
if (heroBannerUrl == null) {
|
|
heroBannerUrl = heroBlock.heroBannerUrl;
|
|
}
|
|
const heroLogoUrl = heroBlock.heroLogoUrl;
|
|
let tmpResult = tmp(504);
|
|
const items = [closure_5];
|
|
stateFromStores = tmpResult.useStateFromStores(items, () => CollectiblesCategoryStore.getCategory(heroBlock.categorySkuId));
|
|
let tmp4 = null != stateFromStores && stateFromStores.isOrbsExclusive;
|
|
const tmpResult9 = tmp(9166);
|
|
let isEligibleForQuests = tmpResult9.getIsEligibleForQuests();
|
|
const tmp7 = preferVCPrice(5031)();
|
|
const tmpResult10 = tmp(16218);
|
|
const handleCardVisibilityChange = tmpResult10.useTrackProductCardImpression(heroBlock.categoryStoreListingId, "mobile_home", "hero_block").handleCardVisibilityChange;
|
|
const tmp8 = closure_13();
|
|
const tmpResult11 = tmp(4818);
|
|
const token = tmpResult11.useToken(preferVCPrice(587).colors.BACKGROUND_BASE_LOW);
|
|
const hexToRgbaString = tmp(4967).hexToRgbaString;
|
|
tmp(4967);
|
|
const tmpResult13 = tmp(4967);
|
|
const hexToRgbaStringResult = hexToRgbaString(tmpResult13.hexWithOpacity(token, 0));
|
|
const tmpResult14 = tmp(4818);
|
|
const token1 = tmpResult14.useToken(preferVCPrice(587).colors.BACKGROUND_BASE_LOWEST);
|
|
const tmp13 = preferVCPrice(16219)();
|
|
closure_5 = tmp13;
|
|
const items1 = [heroBlock.rankedSkuIds, tmp13];
|
|
const memo = react.useMemo(() => closure_5(heroBlock.rankedSkuIds), items1);
|
|
const tmpResult15 = tmp(15351);
|
|
const filteredAndSortedProducts = tmpResult15.useFilteredAndSortedProducts({ products: memo, bypassAndroidUnsyncedFilter: tmp4 });
|
|
constants = tmp15;
|
|
let unpublishedAt;
|
|
const tmp16 = preferVCPrice(6852);
|
|
const analyticsLocations = tmp16(preferVCPrice(6879).COLLECTIBLES_SHOP_HERO).analyticsLocations;
|
|
if (stateFromStores != null) {
|
|
unpublishedAt = stateFromStores.unpublishedAt;
|
|
}
|
|
const items2 = [unpublishedAt, preferVCPrice, screen === constants.FEATURED_PAGE];
|
|
if (undefined === stateFromStores) {
|
|
return null;
|
|
} else {
|
|
let tmp22Result9;
|
|
const tmp19 = null != heroBlock.mobileTitle ? heroBlock.mobileTitle : heroBlock.title;
|
|
const tmp20 = null != heroBlock.mobileSummary ? heroBlock.mobileSummary : heroBlock.summary;
|
|
if (tmp4) {
|
|
let tmp6Result;
|
|
const tmpResult16 = tmp(4969);
|
|
if (tmpResult16.isThemeDark(tmp7)) {
|
|
tmp6Result = tmp6(16231);
|
|
} else {
|
|
tmp6Result = tmp6(16232);
|
|
}
|
|
heroBannerUrl = tmp6Result;
|
|
}
|
|
const obj4 = { value: analyticsLocations, children: closure_10(tmp6Result3, obj5) };
|
|
const AnalyticsLocationProvider = tmp(6852).AnalyticsLocationProvider;
|
|
obj5 = { onChange: handleCardVisibilityChange, resetKey: heroBlock.categoryStoreListingId, children: closure_12(stateFromStores, obj6) };
|
|
const obj7 = { style: tmp8.heroBannerContainer, children: tmp24Result };
|
|
tmp24Result = null != heroBannerUrl;
|
|
obj6 = { style: tmp8.heroContainer, children: items5 };
|
|
tmp6Result3 = preferVCPrice(16236);
|
|
if (tmp24Result) {
|
|
let tmp22Result = tmp4;
|
|
const tmp27 = closure_11;
|
|
if (tmp4) {
|
|
const obj8 = { colors: ["rgba(39, 30, 173, 0.3)", "transparent"], start: null, end: null, style: tmp8.orbsBackgroundGradient };
|
|
({ START: obj16.start, END: obj16.end } = closure_9);
|
|
tmp22Result = tmp22(tmp6(5391), obj8);
|
|
}
|
|
const obj9 = { children: items3 };
|
|
items3 = [tmp22Result, , ];
|
|
const obj10 = { style: tmp8.heroBannerImage, source: obj11 };
|
|
obj11 = { uri: heroBannerUrl };
|
|
items3[1] = closure_10(preferVCPrice(6157), obj10);
|
|
const obj12 = { colors: items4, start: null, end: null, style: tmp8.fadeOutGradient };
|
|
items4 = [hexToRgbaStringResult, token1];
|
|
({ START: obj20.start, END: obj20.end } = closure_9);
|
|
items3[2] = closure_10(preferVCPrice(5391), obj12);
|
|
tmp24Result = tmp24(tmp27, obj9);
|
|
}
|
|
items5 = [closure_10(stateFromStores, obj7), , ];
|
|
const obj13 = { style: tmp8.heroInfoContainer, children: tmp24Result2 };
|
|
if (tmp4) {
|
|
let tmp22Result6 = null != tmp19;
|
|
const obj14 = { style: tmp8.orbsInnerContainer, children: items7 };
|
|
if (tmp22Result6) {
|
|
const obj15 = { variant: "display-md", color: "mobile-text-heading-primary", style: tmp8.orbsTitle, children: tmp19 };
|
|
tmp22Result6 = tmp22(tmp(5088).Text, obj15);
|
|
}
|
|
const items6 = [tmp22Result6, ];
|
|
let tmp22Result7 = null != tmp20 && "" !== tmp20;
|
|
if (tmp22Result7) {
|
|
const obj17 = { variant: "text-md/medium", children: tmp20 };
|
|
tmp22Result7 = tmp22(tmp(5088).Text, obj17);
|
|
}
|
|
const obj18 = { children: items6 };
|
|
items6[1] = tmp22Result7;
|
|
items7 = [closure_12(stateFromStores, obj18), ];
|
|
if (isEligibleForQuests) {
|
|
const obj19 = {
|
|
variant: "tertiary",
|
|
shrink: true,
|
|
grow: false,
|
|
size: "sm",
|
|
text: intl3.string(tmp(1126).t.ynollq),
|
|
onPress: function onTapEarnOrbs() {
|
|
const obj = heroBlock(navigation[27]);
|
|
const obj2 = { mergeExistingRoutes: true, fromContent: heroBlock(navigation[28]).QuestContent.ORBS_SHOP_HERO_CTA };
|
|
obj.openQuestHome(obj2);
|
|
}
|
|
};
|
|
const Button = tmp(5379).Button;
|
|
intl3 = tmp(1126).intl;
|
|
isEligibleForQuests = tmp22(Button, obj19);
|
|
}
|
|
items7[1] = isEligibleForQuests;
|
|
tmp24Result2 = tmp24(tmp25, obj14);
|
|
} else {
|
|
const obj21 = {
|
|
accessibilityRole: "button",
|
|
accessibilityLabel: intl.formatToPlainString(tmp(1126).t.FNtLb3, obj22),
|
|
accessibilityHint: intl2.string(tmp(1126).t.F8ma9x),
|
|
activeOpacity: 0.6,
|
|
androidRippleConfig: obj23,
|
|
hitSlop: 8,
|
|
onPress() {
|
|
let _String;
|
|
let pageCategory;
|
|
let pageSection;
|
|
let tilePosition;
|
|
let sessionId;
|
|
const track = AnalyticsUtilsDefault.track;
|
|
const COLLECTIBLES_SHOP_ELEMENT_CLICKED = metroImportDefault.COLLECTIBLES_SHOP_ELEMENT_CLICKED;
|
|
AnalyticsUtilsDefault;
|
|
const tmp = stateFromStores;
|
|
if (analyticsContext != null) {
|
|
sessionId = tmp3.sessionId;
|
|
}
|
|
const obj = { collectibles_shop_session_id: sessionId, sku_id: heroBlock.categoryStoreListingId, page_type: "mobile_home", page_section: pageSection, page_category: pageCategory, tile_type: "HERO_BLOCK", tile_position: _String(tilePosition), cta_name: null };
|
|
pageSection = undefined;
|
|
if (analyticsContext != null) {
|
|
pageSection = tmp3.pageSection;
|
|
}
|
|
pageCategory = undefined;
|
|
if (analyticsContext != null) {
|
|
pageCategory = tmp3.pageCategory;
|
|
}
|
|
tilePosition = undefined;
|
|
_String = String;
|
|
if (analyticsContext != null) {
|
|
tilePosition = tmp3.tilePosition;
|
|
}
|
|
track(COLLECTIBLES_SHOP_ELEMENT_CLICKED, obj);
|
|
navigation.navigate(metroImportAll.COLLECTIBLES_SHOP_VIEW_ALL_CATEGORY_ITEMS, { category: tmp, analyticsContext });
|
|
},
|
|
children: closure_12(stateFromStores, obj24)
|
|
};
|
|
const PressableOpacity = tmp(6185).PressableOpacity;
|
|
intl = tmp(1126).intl;
|
|
obj22 = { category: stateFromStores.name };
|
|
intl2 = tmp(1126).intl;
|
|
let tmp22Result8 = null != heroLogoUrl;
|
|
obj23 = { radius: preferVCPrice(587).radii.lg };
|
|
obj24 = { style: tmp8.innerContainer, children: items8 };
|
|
if (tmp22Result8) {
|
|
const obj25 = { style: tmp8.heroLogoContainer, children: closure_10(preferVCPrice(6157), obj26) };
|
|
obj26 = { style: tmp8.heroLogo, source: obj27 };
|
|
obj27 = { uri: heroLogoUrl };
|
|
tmp22Result8 = tmp22(tmp25, obj25);
|
|
}
|
|
items8 = [tmp22Result8, ];
|
|
const obj28 = { style: tmp8.heroViewAllIcon, children: closure_10(tmp(6906).ChevronSmallRightIcon, { size: "sm", color: "white" }) };
|
|
items8[1] = closure_10(stateFromStores, obj28);
|
|
tmp24Result2 = tmp22(PressableOpacity, obj21, stateFromStores.storeListingId);
|
|
}
|
|
items5[1] = closure_10(stateFromStores, obj13);
|
|
const obj29 = { style: tmp8.productCardsContainer, children: closure_10(LayerScope, obj37) };
|
|
LayerScope = tmp(6846).LayerScope;
|
|
if (tmp4) {
|
|
const obj30 = { products: filteredAndSortedProducts, loadingCardsNum: num, preferVCPrice, accessibilityLabel: intl5.formatToPlainString(tmp(1126).t.FNtLb3, obj31) };
|
|
num = 4;
|
|
const tmp6Result4 = preferVCPrice(16233);
|
|
if (0 !== filteredAndSortedProducts.length) {
|
|
num = filteredAndSortedProducts.length;
|
|
}
|
|
intl5 = tmp(1126).intl;
|
|
obj31 = { category: stateFromStores.name };
|
|
tmp22Result9 = tmp22(tmp6Result4, obj30);
|
|
} else {
|
|
let tmp22Result10;
|
|
const tmp35 = closure_11;
|
|
if (0 === filteredAndSortedProducts.length) {
|
|
const obj32 = { accessibilityLabel: intl4.formatToPlainString(tmp(1126).t.FNtLb3, obj33) };
|
|
intl4 = tmp(1126).intl;
|
|
obj33 = { category: stateFromStores.name };
|
|
tmp22Result10 = tmp22(closure_14, obj32);
|
|
} else {
|
|
const obj34 = {
|
|
horizontal: true,
|
|
accessibilityLabel: intl6.formatToPlainString(tmp(1126).t.FNtLb3, obj35),
|
|
accessibilityRole: "list",
|
|
data: filteredAndSortedProducts,
|
|
onScroll: handleDismissCoachmarkOnScroll,
|
|
renderItem: tmp18,
|
|
decelerationRate: "fast",
|
|
snapToInterval: tmp(8968).COLLECTIBLES_SHOP_CARD_WIDTH + preferVCPrice(587).space.PX_12,
|
|
showsHorizontalScrollIndicator: false,
|
|
ListHeaderComponent() {
|
|
const obj = { style: { width: preferVCPrice(navigation[8]).space.PX_16 } };
|
|
({ width: preferVCPrice(navigation[8]).space.PX_16 });
|
|
return closure_1_10(stateFromStores, obj);
|
|
},
|
|
ListFooterComponent() {
|
|
const obj = { style: { width: preferVCPrice(navigation[8]).space.PX_16 } };
|
|
({ width: preferVCPrice(navigation[8]).space.PX_16 });
|
|
return closure_1_10(stateFromStores, obj);
|
|
},
|
|
ItemSeparatorComponent() {
|
|
const obj = { style: { width: preferVCPrice(navigation[8]).space.PX_12 } };
|
|
({ width: preferVCPrice(navigation[8]).space.PX_12 });
|
|
return closure_1_10(stateFromStores, obj);
|
|
}
|
|
};
|
|
const FlashList = tmp(8625).FlashList;
|
|
intl6 = tmp(1126).intl;
|
|
obj35 = { category: stateFromStores.name };
|
|
tmp22Result10 = tmp22(FlashList, obj34);
|
|
}
|
|
const obj36 = { children: tmp22Result10 };
|
|
tmp22Result9 = tmp22(tmp35, obj36);
|
|
}
|
|
obj37 = { children: tmp22Result9 };
|
|
items5[2] = closure_10(stateFromStores, obj29);
|
|
return closure_10(AnalyticsLocationProvider, obj4);
|
|
}
|
|
});
|
|
size = size_mod;
|
|
const result1 = size.fileFinishedImporting("modules/collectibles/native/HeroBlock.tsx");
|
|
|
|
export default tmp6;
|