366 lines
16 KiB
TypeScript
366 lines
16 KiB
TypeScript
// Module ID: 13829
|
|
// Function ID: 13830
|
|
// Name: PremiumSubscriptionUpsell
|
|
// Dependencies: [19, 17, 2129, 1390, 1085, 7152, 1392, 21, 5092, 587, 6196, 1126, 1901, 558, 576, 504, 4769, 5088, 6157, 13830, 13831, 9424, 5379, 5391, 1105, 2]
|
|
|
|
// Module 13829 (PremiumSubscriptionUpsell)
|
|
import get_initialized from "get initialized" /* 504 */;
|
|
import react2 from "react" /* 576 */;
|
|
import nativeDefault from "native" /* 587 */;
|
|
import Constants from "Constants" /* 1085 */;
|
|
import ConstantsIOS from "ConstantsIOS" /* 1105 */;
|
|
import intl5 from "intl" /* 1126 */;
|
|
import NumberUtils from "NumberUtils" /* 1901 */;
|
|
import PremiumUtilsDefault from "PremiumUtils" /* 4769 */;
|
|
import components_Button_Button from "components/Button/Button" /* 5379 */;
|
|
import LinearGradientDefault from "LinearGradient" /* 5391 */;
|
|
import FastImageDefault from "FastImage" /* 6157 */;
|
|
import CheckmarkLargeIcon from "CheckmarkLargeIcon" /* 6196 */;
|
|
import ColorConstants from "ColorConstants" /* 7152 */;
|
|
import PremiumFeatureListDefault from "PremiumFeatureList" /* 9424 */;
|
|
import AssetRegistryDefault from "AssetRegistry" /* 13830 */;
|
|
import AssetRegistryDefault2 from "AssetRegistry" /* 13831 */;
|
|
import react from "react" /* 19 */;
|
|
import react_native from "react-native" /* 17 */;
|
|
import LocaleStore from "LocaleStore" /* 2129 */;
|
|
import UserStore from "UserStore" /* 1390 */;
|
|
import PremiumConstants from "PremiumConstants" /* 1392 */;
|
|
import Fragment from "Fragment" /* 21 */;
|
|
import createStyles_mod from "createStyles" /* 5092 */;
|
|
import ReactCompilerGating from "ReactCompilerGating" /* 558 */;
|
|
import size from "module_2" /* 2 */;
|
|
|
|
let StyleSheet;
|
|
let c10;
|
|
let c3;
|
|
let c9;
|
|
let metroImportAll;
|
|
let metroImportDefault;
|
|
let obj2;
|
|
let obj3;
|
|
let obj4;
|
|
let obj5;
|
|
let obj6;
|
|
let unpackModuleId;
|
|
({ View: c3, StyleSheet } = react_native);
|
|
const Fonts = Constants.Fonts;
|
|
const Gradients = ColorConstants.Gradients;
|
|
({ NUM_FREE_GUILD_BOOSTS_WITH_PREMIUM: metroImportDefault, GUILD_BOOST_COST_FOR_PREMIUM_USER_DISCOUNT_PERCENT: metroImportAll } = PremiumConstants);
|
|
({ jsx: c9, Fragment: c10, jsxs: unpackModuleId } = Fragment);
|
|
let createStyles = createStyles_mod;
|
|
let obj = { title: { textAlign: "center" }, subtitle: { lineHeight: 20, marginTop: 8, textAlign: "center" }, upsell: obj2, upsellCard: obj3, upsellFeatures: obj4, upsellFeatureSubLogo: { alignSelf: "center", height: 10, width: 54 }, upsellFeatureList: { marginTop: 8 }, upsellButton: { marginTop: 16 }, upsellFeatureLogoTier2: { alignSelf: "center", height: 20, marginTop: 6, width: 84 }, upsellLabel: obj5, upsellRow: obj6 };
|
|
obj2 = { paddingTop: 32, borderTopWidth: 2 * StyleSheet.hairlineWidth, borderTopColor: nativeDefault.colors.BORDER_SUBTLE };
|
|
createStyles = createStyles.createStyles;
|
|
obj3 = { borderRadius: nativeDefault.radii.xs, padding: 16, alignItems: "center" };
|
|
obj4 = { borderRadius: nativeDefault.radii.sm, padding: 16, marginTop: 12, alignSelf: "stretch", backgroundColor: nativeDefault.colors.BORDER_SUBTLE };
|
|
obj5 = { color: nativeDefault.unsafe_rawColors.WHITE, fontFamily: Fonts.PRIMARY_SEMIBOLD, fontSize: 16, lineHeight: 20 };
|
|
obj6 = { paddingVertical: 0, marginTop: 8, color: nativeDefault.unsafe_rawColors.WHITE };
|
|
let closure_12 = createStyles(obj);
|
|
function FEATURES_UPSELL_PREMIUM_TIER_2() {
|
|
let P3aEj6;
|
|
let formatToPlainString;
|
|
let intl2;
|
|
let obj2;
|
|
let obj3;
|
|
let obj5;
|
|
const obj = { IconComponent: CheckmarkLargeIcon.CheckmarkLargeIcon, label: formatToPlainString(P3aEj6, obj2), color: nativeDefault.unsafe_rawColors.WHITE };
|
|
const intl = intl5.intl;
|
|
formatToPlainString = intl.formatToPlainString;
|
|
obj2 = { discountPercentage: obj3.formatPercent(LocaleStore.locale, metroImportAll / 100) };
|
|
P3aEj6 = intl5.t.P3aEj6;
|
|
const items = [obj, ];
|
|
obj3 = NumberUtils;
|
|
const obj4 = { IconComponent: CheckmarkLargeIcon.CheckmarkLargeIcon, label: intl2.formatToPlainString(intl5.t.Ntlzbd, obj5), color: nativeDefault.unsafe_rawColors.WHITE };
|
|
intl2 = intl5.intl;
|
|
obj5 = { numFreeGuildSubscriptions: metroImportDefault };
|
|
items[1] = obj4;
|
|
return items;
|
|
}
|
|
const tmp7 = ReactCompilerGating.isReactCompilerEnabled() ? (function PremiumSubscriptionUpsell(arg0) {
|
|
let currentUser;
|
|
let intl;
|
|
let intl2;
|
|
let intl3;
|
|
let items1;
|
|
let items2;
|
|
let items3;
|
|
let obj15;
|
|
let onLearnMorePremium;
|
|
let style;
|
|
let tmp5;
|
|
let tmp6;
|
|
const obj = react2;
|
|
const cResult = obj.c(37);
|
|
({ onLearnMorePremium, style } = arg0);
|
|
const tmp4 = closure_12();
|
|
if (cResult[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
const items = [UserStore];
|
|
const fn = function s() {
|
|
return currentUser.getCurrentUser();
|
|
};
|
|
cResult[0] = items;
|
|
cResult[1] = fn;
|
|
tmp5 = items;
|
|
tmp6 = fn;
|
|
} else {
|
|
[tmp5, tmp6] = cResult;
|
|
}
|
|
const tmpResult = get_initialized;
|
|
const stateFromStores = tmpResult.useStateFromStores(tmp5, tmp6);
|
|
const obj3 = PremiumUtilsDefault;
|
|
if (obj3.canUsePremiumGuildMemberProfile(stateFromStores)) {
|
|
return null;
|
|
} else {
|
|
if (cResult[2] === style) {
|
|
let tmp10;
|
|
let tmp14;
|
|
if (cResult[3] === tmp4.upsell) {
|
|
tmp10 = cResult[4];
|
|
}
|
|
if (cResult[5] === stateFromStores) {
|
|
if (cResult[6] === tmp4.subtitle) {
|
|
let tmp12;
|
|
let tmp19;
|
|
let tmp23;
|
|
let tmp27;
|
|
if (cResult[7] === tmp4.title) {
|
|
tmp12 = cResult[8];
|
|
}
|
|
const upsellFeatures = tmp4.upsellFeatures;
|
|
if (cResult[9] !== tmp4.upsellFeatureSubLogo) {
|
|
const obj2 = { style: tmp4.upsellFeatureSubLogo, source: AssetRegistryDefault };
|
|
const tmp9Result = FastImageDefault;
|
|
const tmp22 = React4(tmp9Result, obj2);
|
|
cResult[9] = tmp4.upsellFeatureSubLogo;
|
|
cResult[10] = tmp22;
|
|
tmp19 = tmp22;
|
|
} else {
|
|
tmp19 = cResult[10];
|
|
}
|
|
if (cResult[11] !== tmp4.upsellFeatureLogoTier2) {
|
|
const obj4 = { style: tmp4.upsellFeatureLogoTier2, source: AssetRegistryDefault2 };
|
|
const tmp9Result4 = FastImageDefault;
|
|
const tmp26 = React4(tmp9Result4, obj4);
|
|
cResult[11] = tmp4.upsellFeatureLogoTier2;
|
|
cResult[12] = tmp26;
|
|
tmp23 = tmp26;
|
|
} else {
|
|
tmp23 = cResult[12];
|
|
}
|
|
const _Symbol = Symbol;
|
|
const upsellFeatureList = tmp4.upsellFeatureList;
|
|
if (cResult[13] === Symbol.for("react.memo_cache_sentinel")) {
|
|
const tmp29 = FEATURES_UPSELL_PREMIUM_TIER_2();
|
|
cResult[13] = tmp29;
|
|
tmp27 = tmp29;
|
|
} else {
|
|
tmp27 = cResult[13];
|
|
}
|
|
if (cResult[14] === tmp4.upsellFeatureList) {
|
|
if (cResult[15] === tmp4.upsellLabel) {
|
|
let tmp30;
|
|
if (cResult[16] === tmp4.upsellRow) {
|
|
tmp30 = cResult[17];
|
|
}
|
|
if (cResult[18] === tmp4.upsellFeatures) {
|
|
if (cResult[19] === tmp30) {
|
|
if (cResult[20] === tmp19) {
|
|
let tmp33;
|
|
let tmp37;
|
|
let tmp39;
|
|
if (cResult[21] === tmp23) {
|
|
tmp33 = cResult[22];
|
|
}
|
|
const _Symbol2 = Symbol;
|
|
const upsellButton = tmp4.upsellButton;
|
|
if (cResult[23] === Symbol.for("react.memo_cache_sentinel")) {
|
|
const intl4 = tmp(1126).intl;
|
|
const stringResult = intl4.string(intl5.t.fJOECn);
|
|
cResult[23] = stringResult;
|
|
tmp37 = stringResult;
|
|
} else {
|
|
tmp37 = cResult[23];
|
|
}
|
|
if (cResult[24] !== onLearnMorePremium) {
|
|
const obj5 = { variant: "experimental_premium-secondary", text: tmp37, onPress: onLearnMorePremium };
|
|
const tmp41 = React4(components_Button_Button.Button, obj5);
|
|
cResult[24] = onLearnMorePremium;
|
|
cResult[25] = tmp41;
|
|
tmp39 = tmp41;
|
|
} else {
|
|
tmp39 = cResult[25];
|
|
}
|
|
if (cResult[26] === tmp4.upsellButton) {
|
|
let tmp42;
|
|
if (cResult[27] === tmp39) {
|
|
tmp42 = cResult[28];
|
|
}
|
|
if (cResult[29] === tmp4.upsellCard) {
|
|
if (cResult[30] === tmp33) {
|
|
if (cResult[31] === tmp42) {
|
|
let tmp46;
|
|
if (cResult[32] === tmp12) {
|
|
tmp46 = cResult[33];
|
|
}
|
|
if (cResult[34] === tmp46) {
|
|
let tmp51;
|
|
if (cResult[35] === tmp10) {
|
|
tmp51 = cResult[36];
|
|
}
|
|
return tmp51;
|
|
}
|
|
const obj6 = { style: tmp10, children: tmp46 };
|
|
const tmp54 = React4(_false, obj6);
|
|
cResult[34] = tmp46;
|
|
cResult[35] = tmp10;
|
|
cResult[36] = tmp54;
|
|
tmp51 = tmp54;
|
|
}
|
|
}
|
|
}
|
|
const obj7 = { style: tmp11, start: ConstantsIOS.HorizontalGradient.START, end: ConstantsIOS.HorizontalGradient.END, colors: Gradients.PREMIUM_GUILD, children: items1 };
|
|
items1 = [tmp12, tmp33, tmp42];
|
|
const tmp9Result5 = LinearGradientDefault;
|
|
const tmp50 = unpackModuleId(tmp9Result5, obj7);
|
|
cResult[29] = tmp4.upsellCard;
|
|
cResult[30] = tmp33;
|
|
cResult[31] = tmp42;
|
|
cResult[32] = tmp12;
|
|
cResult[33] = tmp50;
|
|
tmp46 = tmp50;
|
|
}
|
|
const obj8 = { style: upsellButton, children: tmp39 };
|
|
const tmp45 = React4(_false, obj8);
|
|
cResult[26] = tmp4.upsellButton;
|
|
cResult[27] = tmp39;
|
|
cResult[28] = tmp45;
|
|
tmp42 = tmp45;
|
|
}
|
|
}
|
|
}
|
|
const obj9 = { style: upsellFeatures, children: items2 };
|
|
items2 = [tmp19, tmp23, tmp30];
|
|
const tmp36 = unpackModuleId(_false, obj9);
|
|
cResult[18] = tmp4.upsellFeatures;
|
|
cResult[19] = tmp30;
|
|
cResult[20] = tmp19;
|
|
cResult[21] = tmp23;
|
|
cResult[22] = tmp36;
|
|
tmp33 = tmp36;
|
|
}
|
|
}
|
|
const obj10 = { style: upsellFeatureList, features: tmp27, labelStyle: null, rowStyle: null };
|
|
({ upsellLabel: obj12.labelStyle, upsellRow: obj12.rowStyle } = tmp4);
|
|
const tmp32 = React4(PremiumFeatureListDefault, obj10);
|
|
cResult[14] = tmp4.upsellFeatureList;
|
|
cResult[15] = tmp4.upsellLabel;
|
|
cResult[16] = tmp4.upsellRow;
|
|
cResult[17] = tmp32;
|
|
tmp30 = tmp32;
|
|
}
|
|
}
|
|
const tmp9Result6 = PremiumUtilsDefault;
|
|
if (tmp9Result6.isPremium(stateFromStores)) {
|
|
const obj11 = { children: items3 };
|
|
const obj13 = { style: tmp4.title, accessibilityRole: "header", variant: "heading-lg/semibold", color: "text-overlay-light", children: intl2.string(intl5.t.YYfHlx) };
|
|
const Text2 = tmp(5088).Text;
|
|
intl2 = tmp(1126).intl;
|
|
items3 = [React4(Text2, obj13), ];
|
|
const obj14 = { style: tmp4.subtitle, variant: "text-md/semibold", color: "text-overlay-light", children: intl3.format(intl5.t.Af0zEZ, obj15) };
|
|
const Text3 = tmp(5088).Text;
|
|
intl3 = tmp(1126).intl;
|
|
obj15 = { numFreeGuildSubscriptions: metroImportDefault };
|
|
items3[1] = React4(Text3, obj14);
|
|
tmp14 = unpackModuleId(authStore, obj11);
|
|
} else {
|
|
const obj16 = { style: tmp4.title, accessibilityRole: "header", variant: "heading-lg/semibold", color: "text-overlay-light", children: intl.string(intl5.t["qUl+K4"]) };
|
|
const Text = tmp(5088).Text;
|
|
intl = tmp(1126).intl;
|
|
tmp14 = React4(Text, obj16);
|
|
}
|
|
cResult[5] = stateFromStores;
|
|
cResult[6] = tmp4.subtitle;
|
|
cResult[7] = tmp4.title;
|
|
cResult[8] = tmp14;
|
|
tmp12 = tmp14;
|
|
}
|
|
const items4 = [tmp4.upsell, style];
|
|
cResult[2] = style;
|
|
cResult[3] = tmp4.upsell;
|
|
cResult[4] = items4;
|
|
tmp10 = items4;
|
|
}
|
|
}) : (function PremiumSubscriptionUpsell(arg0) {
|
|
let Button;
|
|
let currentUser;
|
|
let intl;
|
|
let intl2;
|
|
let intl3;
|
|
let intl4;
|
|
let items1;
|
|
let items2;
|
|
let items3;
|
|
let items4;
|
|
let obj16;
|
|
let obj4;
|
|
let obj8;
|
|
let onLearnMorePremium;
|
|
let style;
|
|
let tmp5Result;
|
|
({ onLearnMorePremium, style } = arg0);
|
|
const tmp = closure_12();
|
|
const items = [UserStore];
|
|
const obj = get_initialized;
|
|
const stateFromStores = obj.useStateFromStores(items, () => currentUser.getCurrentUser());
|
|
let tmp7Result = null;
|
|
const obj2 = PremiumUtilsDefault;
|
|
if (!obj2.canUsePremiumGuildMemberProfile(stateFromStores)) {
|
|
let tmp7Result1;
|
|
const obj3 = { style: items1, children: unpackModuleId(tmp5Result, obj4) };
|
|
items1 = [tmp.upsell, style];
|
|
obj4 = { style: tmp.upsellCard, start: ConstantsIOS.HorizontalGradient.START, end: ConstantsIOS.HorizontalGradient.END, colors: Gradients.PREMIUM_GUILD, children: items3 };
|
|
tmp5Result = LinearGradientDefault;
|
|
const tmp5Result5 = PremiumUtilsDefault;
|
|
if (tmp5Result5.isPremium(stateFromStores)) {
|
|
const obj5 = { children: items2 };
|
|
const obj6 = { style: tmp.title, accessibilityRole: "header", variant: "heading-lg/semibold", color: "text-overlay-light", children: intl2.string(intl5.t.YYfHlx) };
|
|
const Text2 = tmp2(5088).Text;
|
|
intl2 = tmp2(1126).intl;
|
|
items2 = [React4(Text2, obj6), ];
|
|
const obj7 = { style: tmp.subtitle, variant: "text-md/semibold", color: "text-overlay-light", children: intl3.format(intl5.t.Af0zEZ, obj8) };
|
|
const Text3 = tmp2(5088).Text;
|
|
intl3 = tmp2(1126).intl;
|
|
obj8 = { numFreeGuildSubscriptions: metroImportDefault };
|
|
items2[1] = React4(Text3, obj7);
|
|
tmp7Result1 = tmp9(authStore, obj5);
|
|
} else {
|
|
const obj9 = { style: tmp.title, accessibilityRole: "header", variant: "heading-lg/semibold", color: "text-overlay-light", children: intl.string(intl5.t["qUl+K4"]) };
|
|
const Text = tmp2(5088).Text;
|
|
intl = tmp2(1126).intl;
|
|
tmp7Result1 = tmp7(Text, obj9);
|
|
}
|
|
items3 = [tmp7Result1, , ];
|
|
const obj10 = { style: tmp.upsellFeatures, children: items4 };
|
|
const obj11 = { style: tmp.upsellFeatureSubLogo, source: AssetRegistryDefault };
|
|
const tmp5Result6 = FastImageDefault;
|
|
items4 = [React4(tmp5Result6, obj11), , ];
|
|
const obj12 = { style: tmp.upsellFeatureLogoTier2, source: AssetRegistryDefault2 };
|
|
const tmp5Result7 = FastImageDefault;
|
|
items4[1] = React4(tmp5Result7, obj12);
|
|
const obj13 = { style: tmp.upsellFeatureList, features: FEATURES_UPSELL_PREMIUM_TIER_2(), labelStyle: null, rowStyle: null };
|
|
({ upsellLabel: obj14.labelStyle, upsellRow: obj14.rowStyle } = tmp);
|
|
const tmp5Result8 = PremiumFeatureListDefault;
|
|
items4[2] = React4(tmp5Result8, obj13);
|
|
items3[1] = unpackModuleId(_false, obj10);
|
|
const obj15 = { style: tmp.upsellButton, children: React4(Button, obj16) };
|
|
obj16 = { variant: "experimental_premium-secondary", text: intl4.string(intl5.t.fJOECn), onPress: onLearnMorePremium };
|
|
Button = tmp2(5379).Button;
|
|
intl4 = tmp2(1126).intl;
|
|
items3[2] = React4(_false, obj15);
|
|
tmp7Result = tmp7(tmp8, obj3);
|
|
}
|
|
return tmp7Result;
|
|
});
|
|
const result = size.fileFinishedImporting("components_native/premium/PremiumSubscriptionUpsell.tsx");
|
|
|
|
export default tmp7;
|