414 lines
17 KiB
TypeScript
414 lines
17 KiB
TypeScript
// Module ID: 16245
|
|
// Function ID: 16246
|
|
// Name: ShelfBlock
|
|
// Dependencies: [19, 17, 7264, 1087, 1085, 21, 5092, 587, 558, 576, 1503, 8971, 16217, 6852, 6879, 504, 16219, 15351, 7263, 8968, 6157, 5088, 5379, 1126, 6846, 8625, 2]
|
|
|
|
// Module 16245 (ShelfBlock)
|
|
import react_native from "react-native" /* 17 */;
|
|
import react2 from "react" /* 576 */;
|
|
import nativeDefault from "native" /* 587 */;
|
|
import Constants from "Constants" /* 1085 */;
|
|
import CollectiblesShopConstants from "CollectiblesShopConstants" /* 1087 */;
|
|
import AnalyticsLocationDefault from "AnalyticsLocation" /* 6879 */;
|
|
import CollectiblesActionCreators from "CollectiblesActionCreators" /* 7263 */;
|
|
import CollectiblesShopCardV2Default from "CollectiblesShopCardV2" /* 8968 */;
|
|
import CollectiblesAnalyticsContext from "CollectiblesAnalyticsContext" /* 8971 */;
|
|
import react from "react" /* 19 */;
|
|
import CollectiblesCategoryStore from "CollectiblesCategoryStore" /* 7264 */;
|
|
import Fragment from "Fragment" /* 21 */;
|
|
import createStyles_mod from "createStyles" /* 5092 */;
|
|
import ReactCompilerGating_mod from "ReactCompilerGating" /* 558 */;
|
|
import size from "module_2" /* 2 */;
|
|
|
|
let block, navigation;
|
|
|
|
let c9;
|
|
let metroImportAll;
|
|
let obj2;
|
|
let obj3;
|
|
let obj4;
|
|
let obj5;
|
|
let obj6;
|
|
const View = react_native.View;
|
|
const constants = CollectiblesShopConstants.CollectiblesMobileShopScreen;
|
|
const UserSettingsSections = Constants.UserSettingsSections;
|
|
({ jsx: metroImportAll, jsxs: c9 } = Fragment);
|
|
let c10 = "#ffffff";
|
|
let createStyles = createStyles_mod;
|
|
let obj = { container: obj2, containerWithBackground: obj3, backgroundImage: { position: "absolute", top: 0, left: 0, bottom: 0, minWidth: "100%", aspectRatio: 2.5, resizeMode: "cover" }, header: obj4, headingWrapper: { flexShrink: 1 }, listEdgeSpacer: obj5, listItemSeparator: obj6 };
|
|
obj2 = { width: "100%", paddingTop: nativeDefault.space.PX_16, paddingBottom: nativeDefault.space.PX_16 };
|
|
createStyles = createStyles.createStyles;
|
|
obj3 = { marginTop: nativeDefault.space.PX_24, paddingTop: nativeDefault.space.PX_24, paddingBottom: nativeDefault.space.PX_24, overflow: "hidden" };
|
|
obj4 = { flexDirection: "row", alignItems: "center", justifyContent: "space-between", gap: nativeDefault.space.PX_12, paddingHorizontal: nativeDefault.space.PX_16, marginBottom: nativeDefault.space.PX_16, zIndex: 1 };
|
|
obj5 = { width: nativeDefault.space.PX_16 };
|
|
obj6 = { width: nativeDefault.space.PX_12 };
|
|
let closure_11 = createStyles(obj);
|
|
let ReactCompilerGating = ReactCompilerGating_mod;
|
|
let closure_12 = ReactCompilerGating.isReactCompilerEnabled() ? (function ListEdgeSpacer() {
|
|
let tmp3;
|
|
const obj = react2;
|
|
const cResult = obj.c(2);
|
|
const tmp2 = closure_11();
|
|
if (cResult[0] !== tmp2.listEdgeSpacer) {
|
|
const obj2 = { style: tmp2.listEdgeSpacer };
|
|
const tmp6 = metroImportAll(View, obj2);
|
|
cResult[0] = tmp2.listEdgeSpacer;
|
|
cResult[1] = tmp6;
|
|
tmp3 = tmp6;
|
|
} else {
|
|
tmp3 = cResult[1];
|
|
}
|
|
return tmp3;
|
|
}) : (function ListEdgeSpacer() {
|
|
const obj = { style: closure_11().listEdgeSpacer };
|
|
return metroImportAll(View, obj);
|
|
});
|
|
ReactCompilerGating = ReactCompilerGating_mod;
|
|
const ItemSeparatorComponent = ReactCompilerGating.isReactCompilerEnabled() ? (function ListItemSeparator() {
|
|
let tmp3;
|
|
const obj = react2;
|
|
const cResult = obj.c(2);
|
|
const tmp2 = closure_11();
|
|
if (cResult[0] !== tmp2.listItemSeparator) {
|
|
const obj2 = { style: tmp2.listItemSeparator };
|
|
const tmp6 = metroImportAll(View, obj2);
|
|
cResult[0] = tmp2.listItemSeparator;
|
|
cResult[1] = tmp6;
|
|
tmp3 = tmp6;
|
|
} else {
|
|
tmp3 = cResult[1];
|
|
}
|
|
return tmp3;
|
|
}) : (function ListItemSeparator() {
|
|
const obj = { style: closure_11().listItemSeparator };
|
|
return metroImportAll(View, obj);
|
|
});
|
|
ReactCompilerGating = ReactCompilerGating_mod;
|
|
const tmp4 = ReactCompilerGating.isReactCompilerEnabled() ? ((block) => {
|
|
let first;
|
|
let tmp11;
|
|
const tmp = block;
|
|
let obj = block(navigation[9]);
|
|
const cResult = obj.c(54);
|
|
block = block.block;
|
|
const preferVCPrice = block.preferVCPrice;
|
|
closure_11();
|
|
let obj2 = block(navigation[10]);
|
|
navigation = obj2.useNavigation();
|
|
let obj3 = block(navigation[11]);
|
|
const collectiblesAnalyticsContext = obj3.useCollectiblesAnalyticsContext();
|
|
const obj4 = block(navigation[12]);
|
|
const handleDismissCoachmarkOnScroll = obj4.useCollectiblesCoachmarkScrollDismissContext().handleDismissCoachmarkOnScroll;
|
|
const tmp8 = preferVCPrice(navigation[13]);
|
|
const analyticsLocations = tmp8(preferVCPrice(navigation[14]).COLLECTIBLES_SHOP_SHELF).analyticsLocations;
|
|
const tmp7 = preferVCPrice;
|
|
if (cResult[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
let items = [CollectiblesCategoryStore];
|
|
cResult[0] = items;
|
|
first = items;
|
|
} else {
|
|
first = cResult[0];
|
|
}
|
|
if (cResult[1] !== block.categorySkuId) {
|
|
const fn = function y() {
|
|
let category;
|
|
if (null != block.categorySkuId) {
|
|
category = CollectiblesCategoryStore.getCategory(tmp.categorySkuId);
|
|
}
|
|
return category;
|
|
};
|
|
cResult[1] = block.categorySkuId;
|
|
cResult[2] = fn;
|
|
tmp11 = fn;
|
|
} else {
|
|
tmp11 = cResult[2];
|
|
}
|
|
const tmpResult = tmp(navigation[15]);
|
|
const stateFromStores = tmpResult.useStateFromStores(first, tmp11);
|
|
const tmp13 = tmp7(navigation[16])();
|
|
const rankedSkuIds = block.rankedSkuIds;
|
|
if (cResult[3] === tmp13) {
|
|
let tmp14;
|
|
let tmp16;
|
|
if (cResult[4] === rankedSkuIds) {
|
|
tmp14 = cResult[5];
|
|
}
|
|
if (cResult[6] !== tmp14) {
|
|
const obj5 = { products: tmp14 };
|
|
cResult[6] = tmp14;
|
|
class A {
|
|
constructor() {
|
|
let items;
|
|
if (null != stateFromStores) {
|
|
if (stateFromStores.isOrbsExclusive) {
|
|
const obj2 = { analyticsLocations: items, analyticsSource: AnalyticsLocationDefault.COLLECTIBLES_SHOP, screen: constants.ORBS };
|
|
const openCollectiblesShopMobile = CollectiblesActionCreators.openCollectiblesShopMobile;
|
|
items = [];
|
|
CollectiblesActionCreators;
|
|
items[0] = AnalyticsLocationDefault.COLLECTIBLES_SHOP;
|
|
const result = openCollectiblesShopMobile(obj2);
|
|
} else {
|
|
const obj = { category: stateFromStores, analyticsContext: collectiblesAnalyticsContext };
|
|
navigation.navigate(UserSettingsSections.COLLECTIBLES_SHOP_VIEW_ALL_CATEGORY_ITEMS, obj);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
tmp16 = obj5;
|
|
} else {
|
|
tmp16 = cResult[7];
|
|
}
|
|
const tmpResult2 = tmp(navigation[17]);
|
|
const filteredAndSortedProducts = tmpResult2.useFilteredAndSortedProducts(tmp16);
|
|
if (cResult[8] === collectiblesAnalyticsContext) {
|
|
if (cResult[9] === stateFromStores) {
|
|
if (cResult[12] === block.name) {
|
|
const _Symbol = Symbol;
|
|
class F {
|
|
constructor(arg0) {
|
|
let index;
|
|
let item;
|
|
let obj2;
|
|
let obj3;
|
|
({ item, index } = arg0);
|
|
const obj = { newValue: obj2, children: metroImportAll(CollectiblesShopCardV2Default, obj3) };
|
|
obj2 = { tilePosition: index, pageSection: block.name };
|
|
const CollectiblesAnalyticsProvider = CollectiblesAnalyticsContext.CollectiblesAnalyticsProvider;
|
|
obj3 = { product: item, preferVCPrice };
|
|
return metroImportAll(CollectiblesAnalyticsProvider, obj);
|
|
}
|
|
}
|
|
if (tmp20 === Symbol.for("react.memo_cache_sentinel")) {
|
|
class X {
|
|
constructor(skuId) {
|
|
return skuId.skuId;
|
|
}
|
|
}
|
|
class F {
|
|
constructor(arg0) {
|
|
let index;
|
|
let item;
|
|
let obj2;
|
|
let obj3;
|
|
({ item, index } = arg0);
|
|
const obj = { newValue: obj2, children: metroImportAll(CollectiblesShopCardV2Default, obj3) };
|
|
obj2 = { tilePosition: index, pageSection: block.name };
|
|
const CollectiblesAnalyticsProvider = CollectiblesAnalyticsContext.CollectiblesAnalyticsProvider;
|
|
obj3 = { product: item, preferVCPrice };
|
|
return metroImportAll(CollectiblesAnalyticsProvider, obj);
|
|
}
|
|
}
|
|
} else {
|
|
class X {
|
|
constructor(skuId) {
|
|
return skuId.skuId;
|
|
}
|
|
}
|
|
}
|
|
class A {
|
|
constructor() {
|
|
let items;
|
|
if (null != stateFromStores) {
|
|
if (stateFromStores.isOrbsExclusive) {
|
|
const obj2 = { analyticsLocations: items, analyticsSource: AnalyticsLocationDefault.COLLECTIBLES_SHOP, screen: constants.ORBS };
|
|
const openCollectiblesShopMobile = CollectiblesActionCreators.openCollectiblesShopMobile;
|
|
items = [];
|
|
CollectiblesActionCreators;
|
|
items[0] = AnalyticsLocationDefault.COLLECTIBLES_SHOP;
|
|
const result = openCollectiblesShopMobile(obj2);
|
|
} else {
|
|
const obj = { category: stateFromStores, analyticsContext: collectiblesAnalyticsContext };
|
|
navigation.navigate(UserSettingsSections.COLLECTIBLES_SHOP_VIEW_ALL_CATEGORY_ITEMS, obj);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
class F {
|
|
constructor(arg0) {
|
|
let index;
|
|
let item;
|
|
let obj2;
|
|
let obj3;
|
|
({ item, index } = arg0);
|
|
const obj = { newValue: obj2, children: metroImportAll(CollectiblesShopCardV2Default, obj3) };
|
|
obj2 = { tilePosition: index, pageSection: block.name };
|
|
const CollectiblesAnalyticsProvider = CollectiblesAnalyticsContext.CollectiblesAnalyticsProvider;
|
|
obj3 = { product: item, preferVCPrice };
|
|
return metroImportAll(CollectiblesAnalyticsProvider, obj);
|
|
}
|
|
}
|
|
cResult[12] = block.name;
|
|
class A {
|
|
constructor() {
|
|
let items;
|
|
if (null != stateFromStores) {
|
|
if (stateFromStores.isOrbsExclusive) {
|
|
const obj2 = { analyticsLocations: items, analyticsSource: AnalyticsLocationDefault.COLLECTIBLES_SHOP, screen: constants.ORBS };
|
|
const openCollectiblesShopMobile = CollectiblesActionCreators.openCollectiblesShopMobile;
|
|
items = [];
|
|
CollectiblesActionCreators;
|
|
items[0] = AnalyticsLocationDefault.COLLECTIBLES_SHOP;
|
|
const result = openCollectiblesShopMobile(obj2);
|
|
} else {
|
|
const obj = { category: stateFromStores, analyticsContext: collectiblesAnalyticsContext };
|
|
navigation.navigate(UserSettingsSections.COLLECTIBLES_SHOP_VIEW_ALL_CATEGORY_ITEMS, obj);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
cResult[13] = preferVCPrice;
|
|
cResult[14] = F;
|
|
}
|
|
}
|
|
class A {
|
|
constructor() {
|
|
let items;
|
|
if (null != stateFromStores) {
|
|
if (stateFromStores.isOrbsExclusive) {
|
|
const obj2 = { analyticsLocations: items, analyticsSource: AnalyticsLocationDefault.COLLECTIBLES_SHOP, screen: constants.ORBS };
|
|
const openCollectiblesShopMobile = CollectiblesActionCreators.openCollectiblesShopMobile;
|
|
items = [];
|
|
CollectiblesActionCreators;
|
|
items[0] = AnalyticsLocationDefault.COLLECTIBLES_SHOP;
|
|
const result = openCollectiblesShopMobile(obj2);
|
|
} else {
|
|
const obj = { category: stateFromStores, analyticsContext: collectiblesAnalyticsContext };
|
|
navigation.navigate(UserSettingsSections.COLLECTIBLES_SHOP_VIEW_ALL_CATEGORY_ITEMS, obj);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
cResult[8] = collectiblesAnalyticsContext;
|
|
cResult[9] = stateFromStores;
|
|
cResult[10] = navigation;
|
|
cResult[11] = A;
|
|
}
|
|
const tmp13Result = tmp13(rankedSkuIds);
|
|
cResult[3] = tmp13;
|
|
cResult[4] = rankedSkuIds;
|
|
cResult[5] = tmp13Result;
|
|
tmp14 = tmp13Result;
|
|
}) : ((block) => {
|
|
let FlashList;
|
|
let Heading;
|
|
let intl;
|
|
let items5;
|
|
let items6;
|
|
let obj13;
|
|
let obj16;
|
|
let obj7;
|
|
let obj9;
|
|
block = block.block;
|
|
const preferVCPrice = block.preferVCPrice;
|
|
navigation = undefined;
|
|
let closure_5;
|
|
const tmp = closure_11();
|
|
let obj = block(navigation[10]);
|
|
navigation = obj.useNavigation();
|
|
let obj2 = block(navigation[11]);
|
|
const collectiblesAnalyticsContext = obj2.useCollectiblesAnalyticsContext();
|
|
let obj3 = block(navigation[12]);
|
|
const handleDismissCoachmarkOnScroll = obj3.useCollectiblesCoachmarkScrollDismissContext().handleDismissCoachmarkOnScroll;
|
|
const tmp7 = preferVCPrice(navigation[13]);
|
|
const analyticsLocations = tmp7(preferVCPrice(navigation[14]).COLLECTIBLES_SHOP_SHELF).analyticsLocations;
|
|
let items = [closure_5];
|
|
const obj4 = block(navigation[15]);
|
|
const stateFromStores = obj4.useStateFromStores(items, () => {
|
|
let category;
|
|
if (null != block.categorySkuId) {
|
|
category = CollectiblesCategoryStore.getCategory(tmp.categorySkuId);
|
|
}
|
|
return category;
|
|
});
|
|
const tmp9 = preferVCPrice(navigation[16])();
|
|
closure_5 = tmp9;
|
|
const items1 = [block.rankedSkuIds, tmp9];
|
|
const memo = collectiblesAnalyticsContext.useMemo(() => closure_5(block.rankedSkuIds), items1);
|
|
const obj5 = block(navigation[17]);
|
|
const filteredAndSortedProducts = obj5.useFilteredAndSortedProducts({ products: memo });
|
|
const items2 = [stateFromStores, navigation, collectiblesAnalyticsContext];
|
|
const items3 = [block.name, preferVCPrice];
|
|
const callback = collectiblesAnalyticsContext.useCallback(() => {
|
|
let items;
|
|
if (null != stateFromStores) {
|
|
if (stateFromStores.isOrbsExclusive) {
|
|
const obj2 = { analyticsLocations: items, analyticsSource: AnalyticsLocationDefault.COLLECTIBLES_SHOP, screen: constants.ORBS };
|
|
const openCollectiblesShopMobile = CollectiblesActionCreators.openCollectiblesShopMobile;
|
|
items = [];
|
|
CollectiblesActionCreators;
|
|
items[0] = AnalyticsLocationDefault.COLLECTIBLES_SHOP;
|
|
const result = openCollectiblesShopMobile(obj2);
|
|
} else {
|
|
const obj = { category: stateFromStores, analyticsContext: collectiblesAnalyticsContext };
|
|
navigation.navigate(UserSettingsSections.COLLECTIBLES_SHOP_VIEW_ALL_CATEGORY_ITEMS, obj);
|
|
}
|
|
}
|
|
}, items2);
|
|
const callback1 = collectiblesAnalyticsContext.useCallback((arg0) => {
|
|
let index;
|
|
let item;
|
|
let obj2;
|
|
let obj3;
|
|
({ item, index } = arg0);
|
|
const obj = { newValue: obj2, children: metroImportAll(CollectiblesShopCardV2Default, obj3) };
|
|
obj2 = { tilePosition: index, pageSection: block.name };
|
|
const CollectiblesAnalyticsProvider = CollectiblesAnalyticsContext.CollectiblesAnalyticsProvider;
|
|
obj3 = { product: item, preferVCPrice };
|
|
return metroImportAll(CollectiblesAnalyticsProvider, obj);
|
|
}, items3);
|
|
if (0 === filteredAndSortedProducts.length) {
|
|
return null;
|
|
} else {
|
|
const items4 = [tmp.container, null != block.mobileBackgroundImage && tmp.containerWithBackground];
|
|
const obj6 = { value: analyticsLocations, children: closure_9(stateFromStores, obj7) };
|
|
let tmp14Result = tmp24;
|
|
obj7 = { style: items4, children: items5 };
|
|
const AnalyticsLocationProvider = tmp2(tmp3[13]).AnalyticsLocationProvider;
|
|
if (null != block.mobileBackgroundImage) {
|
|
tmp14Result = null != block.mobileBackgroundImage;
|
|
}
|
|
if (tmp14Result) {
|
|
const obj8 = { style: tmp.backgroundImage, source: obj9 };
|
|
obj9 = { uri: block.mobileBackgroundImage };
|
|
tmp14Result = tmp14(tmp6(tmp3[20]), obj8);
|
|
}
|
|
items5 = [tmp14Result, , ];
|
|
const obj10 = { style: tmp.header, children: items6 };
|
|
let tmp18;
|
|
const obj11 = { style: tmp.headingWrapper, children: closure_8(Heading, obj13) };
|
|
Heading = tmp2(tmp3[21]).Heading;
|
|
if (null != block.mobileBackgroundImage) {
|
|
let titleColor = block.titleColor;
|
|
if (titleColor == null) {
|
|
titleColor = c10;
|
|
}
|
|
tmp18 = { color: titleColor };
|
|
const obj12 = { color: titleColor };
|
|
}
|
|
obj13 = { variant: "text-md/semibold", style: tmp18, children: block.name };
|
|
items6 = [closure_8(stateFromStores, obj11), ];
|
|
let tmp14Result2 = block.showButton && null != stateFromStores;
|
|
if (tmp14Result2) {
|
|
let str = "secondary";
|
|
const Button = tmp2(tmp3[22]).Button;
|
|
if (null != block.mobileBackgroundImage) {
|
|
str = "primary-overlay";
|
|
}
|
|
const obj14 = { variant: str, size: "sm", shrink: true, grow: false, text: intl.string(block(navigation[23]).t.xFcotU), onPress: callback };
|
|
intl = tmp2(tmp3[23]).intl;
|
|
tmp14Result2 = tmp14(Button, obj14);
|
|
}
|
|
items6[1] = tmp14Result2;
|
|
items5[1] = closure_9(stateFromStores, obj10);
|
|
const obj15 = { children: closure_8(FlashList, obj16) };
|
|
const LayerScope = tmp2(tmp3[24]).LayerScope;
|
|
obj16 = { horizontal: true, accessibilityRole: "list", accessibilityLabel: block.name, data: filteredAndSortedProducts, keyExtractor: tmp13, onScroll: handleDismissCoachmarkOnScroll, renderItem: callback1, decelerationRate: "fast", snapToInterval: block(navigation[19]).COLLECTIBLES_SHOP_CARD_WIDTH + preferVCPrice(navigation[7]).space.PX_12, showsHorizontalScrollIndicator: false, ListHeaderComponent: ListFooterComponent, ListFooterComponent, ItemSeparatorComponent };
|
|
FlashList = tmp2(tmp3[25]).FlashList;
|
|
items5[2] = closure_8(LayerScope, obj15);
|
|
return closure_8(AnalyticsLocationProvider, obj6);
|
|
}
|
|
});
|
|
let result = size.fileFinishedImporting("modules/collectibles/native/ShelfBlock.tsx");
|
|
|
|
export default tmp4;
|