211 lines
10 KiB
TypeScript
211 lines
10 KiB
TypeScript
// Module ID: 10755
|
|
// Function ID: 10756
|
|
// Name: PremiumGiftPlanSelectPromotionDetails
|
|
// Dependencies: [19, 17, 10670, 1373, 1085, 21, 576, 4560, 5524, 504, 10747, 9375, 10756, 10757, 8838, 9389, 9387, 4556, 1114, 9396, 4975, 10758, 4271, 4987, 10759, 1925, 2]
|
|
|
|
// Module 10755 (PremiumGiftPlanSelectPromotionDetails)
|
|
import initialize from "initialize" /* 504 */;
|
|
import ThemesDefault from "Themes" /* 576 */;
|
|
import getSystemLocale from "getSystemLocale" /* 1114 */;
|
|
import isNullOrEmpty from "isNullOrEmpty" /* 1925 */;
|
|
import ManaContext from "ManaContext" /* 4271 */;
|
|
import Text from "Text" /* 4556 */;
|
|
import Button from "Button" /* 4975 */;
|
|
import LinearGradientDefault from "LinearGradient" /* 4987 */;
|
|
import createTextStyleDefault from "createTextStyle" /* 5524 */;
|
|
import usePremiumFeaturesDefault from "usePremiumFeatures" /* 9375 */;
|
|
import PremiumFeaturesLogoDefault from "PremiumFeaturesLogo" /* 9387 */;
|
|
import PremiumFeaturesWumpusDefault from "PremiumFeaturesWumpus" /* 9389 */;
|
|
import PremiumFeatureListDefault from "PremiumFeatureList" /* 9396 */;
|
|
import usePremiumProductPricingStringDefault from "usePremiumProductPricingString" /* 10756 */;
|
|
import useShouldShowGiftingPromotionDecoDefault from "useShouldShowGiftingPromotionDeco" /* 10757 */;
|
|
import useThemeAndReducedMotionAwareAssetUrl from "useThemeAndReducedMotionAwareAssetUrl" /* 10758 */;
|
|
import PremiumGiftPromotionDetailsBaseDefault from "PremiumGiftPromotionDetailsBase" /* 10759 */;
|
|
import { View } from "get ActivityIndicator" /* 17 */;
|
|
import closure_4 from "createEmptyPromotionsByType" /* 10670 */;
|
|
import GuildFeatures from "GuildFeatures" /* 1373 */;
|
|
import { Fonts } from "sum" /* 1085 */;
|
|
import jsxProd from "jsxProd" /* 21 */;
|
|
import importAllResult from "noop" /* 19 */;
|
|
import createCacheKey from "createCacheKey" /* 4560 */;
|
|
|
|
require = arg1;
|
|
function PremiumGiftPlanSelectPromotionDetails(config) {
|
|
config = config.config;
|
|
({ numClaimableRewards, isSelected, onPress } = config);
|
|
obj = useThemeAndReducedMotionAwareAssetUrl;
|
|
const themeAndReducedMotionAwareAssetUrl = obj.useThemeAndReducedMotionAwareAssetUrl(config.avatarAsset, true);
|
|
obj = { style: callback2(config.isLargeSize).promotionDetailsContainer, colors: [4294967102, 4294967053], children: null };
|
|
const tmp = callback2(config.isLargeSize);
|
|
const tmp6 = closure_9;
|
|
obj = { imageUrl: themeAndReducedMotionAwareAssetUrl, title: null, subtitle: null, subtitleColor: "text-default", shouldAnimate: null };
|
|
const tmp7 = LinearGradientDefault;
|
|
let obj3 = isNullOrEmpty;
|
|
if (obj3.isNullOrEmpty(config.header)) {
|
|
const intl = tmp2(1114).intl;
|
|
let header = intl.string(tmp2(1114).t.OEtqpm);
|
|
} else {
|
|
header = config.header;
|
|
}
|
|
obj[1] = header;
|
|
const tmp8 = PremiumGiftPromotionDetailsBaseDefault;
|
|
if (tmp2Result.isNullOrEmpty(config.mobileBody)) {
|
|
const intl2 = tmp2(1114).intl;
|
|
obj1 = { availableCount: null };
|
|
obj1[0] = numClaimableRewards;
|
|
let mobileBody = intl2.formatToPlainString(tmp2(1114).t["2h5M+X"], obj1);
|
|
} else {
|
|
mobileBody = config.mobileBody;
|
|
}
|
|
obj2 = { theme: "dark", children: null };
|
|
obj[2] = mobileBody;
|
|
obj[4] = isSelected;
|
|
const items = [closure_8(tmp8, obj), ];
|
|
obj3 = { variant: "primary-overlay", text: null, onPress: null };
|
|
const intl3 = tmp2(1114).intl;
|
|
obj3[1] = intl3.string(getSystemLocale.t.Ve9Ge6);
|
|
obj3[2] = onPress;
|
|
items[1] = closure_8(Button.Button, obj3);
|
|
obj[2] = items;
|
|
obj2[1] = tmp6(tmp7, obj);
|
|
return closure_8(ManaContext.ThemeContextProvider, obj2);
|
|
}
|
|
({ PremiumTypes: c5, SubscriptionIntervalTypes: closure_6 } = GuildFeatures);
|
|
({ jsx: closure_8, jsxs: c9 } = jsxProd);
|
|
let obj = { default: null, compact: null, smallCompact: null };
|
|
obj = { paddingVertical: ThemesDefault.space.PX_8 };
|
|
obj[0] = obj;
|
|
obj[1] = { paddingVertical: ThemesDefault.space.PX_4 };
|
|
obj[2] = { paddingVertical: 2 };
|
|
let obj2 = { default: null, compact: null, smallCompact: null };
|
|
let obj1 = { paddingVertical: ThemesDefault.space.PX_4 };
|
|
obj2[0] = { marginTop: ThemesDefault.space.PX_24 };
|
|
let obj3 = { marginTop: ThemesDefault.space.PX_24 };
|
|
obj2[1] = { marginTop: ThemesDefault.space.PX_12 };
|
|
let obj4 = { marginTop: ThemesDefault.space.PX_12 };
|
|
obj2[2] = { marginTop: ThemesDefault.space.PX_8 };
|
|
let obj6 = { default: null, compact: null, smallCompact: null };
|
|
let obj5 = { marginTop: ThemesDefault.space.PX_8 };
|
|
obj6[0] = { marginTop: ThemesDefault.space.PX_8 };
|
|
const obj7 = { marginTop: ThemesDefault.space.PX_8 };
|
|
obj6[1] = { marginTop: ThemesDefault.space.PX_12 };
|
|
const obj8 = { marginTop: ThemesDefault.space.PX_12 };
|
|
obj6[2] = { marginTop: ThemesDefault.space.PX_8 };
|
|
const obj10 = { default: null, compact: null, smallCompact: null };
|
|
const obj9 = { marginTop: ThemesDefault.space.PX_8 };
|
|
obj10[0] = { marginTop: ThemesDefault.space.PX_24 };
|
|
const obj11 = { marginTop: ThemesDefault.space.PX_24 };
|
|
obj10[1] = { marginTop: ThemesDefault.space.PX_12 };
|
|
const obj12 = { marginTop: ThemesDefault.space.PX_12 };
|
|
obj10[2] = { marginTop: ThemesDefault.space.PX_8 };
|
|
let closure_14 = createCacheKey.createStyles(() => {
|
|
obj = { card: null, logo: null, pricing: null, featureTitle: null, features: null, button: null, featureIcon: null, featureText: null, promotionDetailsContainer: null };
|
|
obj = { justifyContent: "flex-start", borderRadius: ThemesDefault.radii.sm, backgroundColor: ThemesDefault.colors.BG_SURFACE_RAISED };
|
|
const merged = Object.assign(ThemesDefault.shadows.SHADOW_LOW);
|
|
obj[0] = obj;
|
|
obj = { marginTop: ThemesDefault.space.PX_40, marginStart: ThemesDefault.space.PX_24 };
|
|
obj[1] = obj;
|
|
obj[2] = { maxWidth: 140, marginStart: ThemesDefault.space.PX_24 };
|
|
obj1 = { maxWidth: 140, marginStart: ThemesDefault.space.PX_24 };
|
|
obj[3] = { marginStart: ThemesDefault.space.PX_24 };
|
|
obj2 = { marginStart: ThemesDefault.space.PX_24 };
|
|
obj[4] = { marginTop: ThemesDefault.space.PX_8, marginHorizontal: ThemesDefault.space.PX_24 };
|
|
const obj3 = { marginTop: ThemesDefault.space.PX_8, marginHorizontal: ThemesDefault.space.PX_24 };
|
|
obj[5] = { marginHorizontal: ThemesDefault.space.PX_24, marginBottom: ThemesDefault.space.PX_24 };
|
|
obj[6] = { width: 24, height: 24 };
|
|
const obj5 = {};
|
|
const obj4 = { marginHorizontal: ThemesDefault.space.PX_24, marginBottom: ThemesDefault.space.PX_24 };
|
|
const merged1 = Object.assign(createTextStyleDefault(Fonts.PRIMARY_NORMAL, ThemesDefault.colors.WHITE, 16));
|
|
obj5.marginStart = -8;
|
|
obj[7] = obj5;
|
|
const tmp2 = createTextStyleDefault;
|
|
obj[8] = { marginHorizontal: ThemesDefault.space.PX_24, marginTop: ThemesDefault.space.PX_20, marginBottom: ThemesDefault.space.PX_32, padding: ThemesDefault.space.PX_12, gap: ThemesDefault.space.PX_12, borderRadius: ThemesDefault.radii.sm };
|
|
return obj;
|
|
});
|
|
const obj13 = { marginTop: ThemesDefault.space.PX_8 };
|
|
const memoResult = importAllResult.memo(function PremiumGiftFeaturesCard(variant) {
|
|
({ premiumType, onPress, style, claimableRewards, isSelected } = variant);
|
|
if (isSelected === undefined) {
|
|
isSelected = true;
|
|
}
|
|
let str = variant.variant;
|
|
if (str === undefined) {
|
|
str = "default";
|
|
}
|
|
const merged = Object.assign(variant, Object.create(null));
|
|
obj = initialize;
|
|
const items = [closure_4];
|
|
const stateFromStores = obj.useStateFromStores(items, () => {
|
|
marketingComponentByType = marketingComponentByType.getMarketingComponentByType(callback(table[10]).MarketingComponentType.GIFT_PLAN_SELECTION_CARD_BANNER);
|
|
let prop = null;
|
|
if (null != marketingComponentByType) {
|
|
prop = null;
|
|
if ("giftPlanSelectionCardBanner" === marketingComponentByType.properties.properties.oneofKind) {
|
|
prop = marketingComponentByType.properties.properties.giftPlanSelectionCardBanner;
|
|
}
|
|
}
|
|
return prop;
|
|
});
|
|
let tmp5 = null != claimableRewards;
|
|
if (tmp5) {
|
|
tmp5 = 1 === claimableRewards.length;
|
|
}
|
|
const tmp6 = callback2(tmp5);
|
|
const tmp8 = usePremiumFeaturesDefault(premiumType);
|
|
const tmp9 = usePremiumProductPricingStringDefault(premiumType, constants.MONTH);
|
|
let tmp11 = useShouldShowGiftingPromotionDecoDefault(premiumType) && null != claimableRewards;
|
|
if (tmp11) {
|
|
tmp11 = claimableRewards.length > 0;
|
|
}
|
|
obj = { style: items1, children: null };
|
|
items1 = [tmp6.card, style];
|
|
obj = { premiumType, style: items2 };
|
|
items2 = [tmp6.card, style];
|
|
const tmp10 = usePremiumProductPricingStringDefault(premiumType, constants.YEAR);
|
|
const tmp14 = closure_9;
|
|
const merged1 = Object.assign(merged);
|
|
const items3 = [callback(PremiumFeaturesWumpusDefault, { premiumType }), callback(PremiumFeaturesLogoDefault, { style: tmp6.logo, premiumType }), , , , , ];
|
|
obj2 = { style: items4, variant: "text-sm/medium", color: "text-overlay-light", children: null };
|
|
items4 = [tmp6.pricing, obj6[str]];
|
|
const intl = tmp2(1114).intl;
|
|
obj2[3] = intl.format(getSystemLocale.t.Ob6fwp, { monthlyPrice: tmp9, yearlyPrice: tmp10 });
|
|
items3[2] = callback(Text.Text, obj2);
|
|
const obj3 = { style: items5, variant: "heading-sm/bold", color: "text-overlay-light", children: null };
|
|
items5 = [tmp6.featureTitle, obj2[str]];
|
|
const intl2 = tmp2(1114).intl;
|
|
obj3[3] = intl2.string(getSystemLocale.t.JgsVht);
|
|
items3[3] = callback(Text.Text, obj3);
|
|
items3[4] = callback(PremiumFeatureListDefault, { style: tmp6.features, features: tmp8, iconStyle: tmp6.featureIcon, labelStyle: tmp6.featureText, rowStyle: obj[str] });
|
|
items3[5] = callback(View, { style: { flexGrow: 1 } });
|
|
if (tmp11) {
|
|
if (null != stateFromStores) {
|
|
if (premiumType === closure_5.TIER_2) {
|
|
const obj5 = { config: null, numClaimableRewards: null, isLargeSize: null, isSelected: null, onPress: null };
|
|
obj5[0] = stateFromStores;
|
|
obj5[1] = claimableRewards.length;
|
|
obj5[2] = tmp5;
|
|
obj5[3] = isSelected;
|
|
obj5[4] = onPress;
|
|
let tmp12Result = tmp12(PremiumGiftPlanSelectPromotionDetails, obj5);
|
|
}
|
|
items3[6] = tmp12Result;
|
|
obj.children = items3;
|
|
obj[1] = tmp14(tmp7Result, obj);
|
|
return tmp12(tmp13, obj);
|
|
}
|
|
}
|
|
obj6 = { style: items6, children: null };
|
|
items6 = [tmp6.button, obj10[str]];
|
|
if (premiumType === closure_5.TIER_0) {
|
|
const intl4 = tmp2(1114).intl;
|
|
let stringResult = intl4.string(tmp2(1114).t.rk4Uu8);
|
|
} else {
|
|
const intl3 = tmp2(1114).intl;
|
|
stringResult = intl3.string(tmp2(1114).t.Ve9Ge6);
|
|
}
|
|
obj6[1] = callback(Button.Button, { variant: "primary-overlay", text: stringResult, onPress });
|
|
tmp12Result = tmp12(tmp13, obj6);
|
|
});
|
|
const result = require("set").fileFinishedImporting("modules/premium/native/gifting/PremiumGiftFeaturesCard.tsx");
|
|
|
|
export default memoResult;
|