420 lines
18 KiB
TypeScript
420 lines
18 KiB
TypeScript
// Module ID: 9757
|
|
// Function ID: 75898
|
|
// Name: RewardPreview
|
|
// Dependencies: []
|
|
// Exports: default
|
|
|
|
// Module 9757 (RewardPreview)
|
|
function RewardPreview(arg0) {
|
|
let collectiblesItem;
|
|
let currentUser;
|
|
let gradientAngle;
|
|
let gradientColors;
|
|
({ collectiblesItem, gradientAngle } = arg0);
|
|
({ currentUser, gradientColors } = arg0);
|
|
const tmp = callback3(importDefault(dependencyMap[11])().insets.bottom);
|
|
if (isNameplateRecord(collectiblesItem)) {
|
|
let obj = {};
|
|
obj = { style: tmp.nameplateWrapper };
|
|
const obj1 = { "Bool(false)": null, "Bool(false)": null, "Bool(false)": null };
|
|
let obj8 = arg1(dependencyMap[13]);
|
|
obj1.nameplate = obj8.getNameplateData(collectiblesItem);
|
|
obj.children = callback(importDefault(dependencyMap[12]), obj1);
|
|
const items = [callback(closure_5, obj), , ];
|
|
const obj2 = { style: tmp.singleAvatarContainer };
|
|
const obj3 = { user: currentUser, guildId: undefined, size: arg1(dependencyMap[14]).AvatarSizes.SMALL, aria-hidden: true };
|
|
obj2.children = callback(arg1(dependencyMap[14]).Avatar, obj3);
|
|
items[1] = callback(closure_5, obj2);
|
|
const obj4 = { style: tmp.selectedRewardText, variant: "text-xs/medium" };
|
|
const intl2 = arg1(dependencyMap[16]).intl;
|
|
obj4.children = intl2.string(arg1(dependencyMap[16]).t.Rh4oem);
|
|
items[2] = callback(arg1(dependencyMap[15]).Text, obj4);
|
|
obj.children = items;
|
|
let tmp5Result = callback2(closure_13, obj);
|
|
const tmp26 = importDefault(dependencyMap[12]);
|
|
} else {
|
|
tmp5Result = null;
|
|
if (isAvatarDecorationRecord(collectiblesItem)) {
|
|
obj = {};
|
|
const obj5 = { style: tmp.selectedRewardBannerGradient, useAngle: true };
|
|
let num2 = 90;
|
|
if (null != gradientAngle) {
|
|
num2 = gradientAngle;
|
|
}
|
|
obj5.angle = num2;
|
|
obj5.angleCenter = {};
|
|
obj5.colors = gradientColors;
|
|
const items1 = [callback(importDefault(dependencyMap[17]), obj5), , ];
|
|
const obj6 = { style: tmp.singleAvatarContainer };
|
|
const obj7 = {};
|
|
const tmp10 = importDefault(dependencyMap[17]);
|
|
const tmp5 = callback2;
|
|
const tmp6 = closure_13;
|
|
const tmp7 = callback;
|
|
obj7.size = arg1(dependencyMap[14]).AvatarSizes.NORMAL;
|
|
obj7.asset = collectiblesItem.asset;
|
|
obj6.children = callback(importDefault(dependencyMap[18]), obj7);
|
|
items1[1] = callback(closure_5, obj6);
|
|
obj8 = { style: tmp.selectedRewardText };
|
|
const intl = arg1(dependencyMap[16]).intl;
|
|
obj8.children = intl.string(arg1(dependencyMap[16]).t.Rh4oem);
|
|
items1[2] = callback(arg1(dependencyMap[15]).Text, obj8);
|
|
obj.children = items1;
|
|
tmp5Result = tmp5(tmp6, obj);
|
|
const tmp16 = importDefault(dependencyMap[18]);
|
|
}
|
|
}
|
|
return tmp5Result;
|
|
}
|
|
let closure_3 = importAll(dependencyMap[0]);
|
|
({ StyleSheet: closure_4, View: closure_5 } = arg1(dependencyMap[1]));
|
|
let closure_6 = importDefault(dependencyMap[2]);
|
|
const isAvatarDecorationRecord = arg1(dependencyMap[3]).isAvatarDecorationRecord;
|
|
const isNameplateRecord = arg1(dependencyMap[4]).isNameplateRecord;
|
|
let closure_9 = importDefault(dependencyMap[5]);
|
|
let closure_10 = importDefault(dependencyMap[6]);
|
|
const HelpdeskArticles = arg1(dependencyMap[7]).HelpdeskArticles;
|
|
const tmp2 = arg1(dependencyMap[1]);
|
|
({ jsx: closure_12, Fragment: closure_13, jsxs: closure_14 } = arg1(dependencyMap[8]));
|
|
const tmp3 = arg1(dependencyMap[8]);
|
|
let closure_15 = arg1(dependencyMap[9]).createStyles((arg0) => {
|
|
let obj = {};
|
|
obj = { backgroundColor: importDefault(dependencyMap[10]).colors.BACKGROUND_BASE_LOW, paddingTop: importDefault(dependencyMap[10]).space.PX_12, paddingBottom: importDefault(dependencyMap[10]).space.PX_12 + arg0, paddingHorizontal: importDefault(dependencyMap[10]).space.PX_16, gap: importDefault(dependencyMap[10]).space.PX_8 };
|
|
const merged = Object.assign(importDefault(dependencyMap[10]).shadows.SHADOW_TOP_HIGH);
|
|
obj.container = obj;
|
|
obj.chooseRewardContainer = { width: 1, resizeMode: "tail", paddingRight: "text-md/semibold" };
|
|
obj = {};
|
|
const merged1 = Object.assign(closure_4.absoluteFillObject);
|
|
obj["borderRadius"] = importDefault(dependencyMap[10]).radii.sm;
|
|
obj["overflow"] = "hidden";
|
|
obj.gradientBackdrop = obj;
|
|
obj.chooseRewardText = { flex: 1, marginStart: importDefault(dependencyMap[10]).space.PX_8 };
|
|
obj.backgroundImage = { "Bool(false)": true, "Bool(false)": "/assets/modules/stage_channels/native/images", "Bool(false)": 25, "Bool(false)": 24, "Bool(false)": null, "Bool(false)": "b252f7dc065300671ba9347414eb0bad" };
|
|
const obj2 = { "Null": 0.00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000017800590884751058, "Null": 0.0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000009919227068175748, marginStart: importDefault(dependencyMap[10]).space.PX_8 };
|
|
obj.inAppFlowImage = obj2;
|
|
const obj3 = { "Null": null, "Null": null };
|
|
const items = [{ rotate: "-4deg" }, { translateY: -11 }];
|
|
obj3.transform = items;
|
|
obj.inAppFlowImageLargeTilted = obj3;
|
|
obj.singleAvatarContainer = {};
|
|
const obj4 = { "Null": 7, "Null": 370, gap: importDefault(dependencyMap[10]).space.PX_16 };
|
|
obj.selectedRewardRow = obj4;
|
|
obj.selectedRewardBannerContainer = { accessibilityRole: 16777216, PX_8: 369, hash: 1157517824, accessibilityRole: -314486001 };
|
|
const obj5 = {};
|
|
const merged2 = Object.assign(closure_4.absoluteFillObject);
|
|
obj5["borderRadius"] = importDefault(dependencyMap[10]).radii.sm;
|
|
obj5["top"] = importDefault(dependencyMap[10]).space.PX_4;
|
|
obj5["bottom"] = importDefault(dependencyMap[10]).space.PX_4;
|
|
obj5["start"] = importDefault(dependencyMap[10]).space.PX_4;
|
|
obj5["end"] = importDefault(dependencyMap[10]).space.PX_4;
|
|
obj5["marginStart"] = importDefault(dependencyMap[10]).space.PX_12;
|
|
obj.selectedRewardBannerGradient = obj5;
|
|
obj.selectedRewardText = { flex: 1 };
|
|
const obj6 = { 1414937445: null, 710171746: null, -1884505083: null, 1632514476: null, -1072868960: null, 1549977185: null, 651579746: null, borderRadius: importDefault(dependencyMap[10]).radii.sm };
|
|
obj.nameplateWrapper = obj6;
|
|
return obj;
|
|
});
|
|
const obj = arg1(dependencyMap[9]);
|
|
const result = arg1(dependencyMap[41]).fileFinishedImporting("modules/premium/native/gifting/PremiumGiftPurchaseButton.tsx");
|
|
|
|
export default function PremiumGiftPurchaseButton(defaultSelection) {
|
|
let claimableRewards;
|
|
let isPurchasing;
|
|
const arg1 = defaultSelection.defaultSelection;
|
|
let importDefault;
|
|
let React;
|
|
claimableRewards = undefined;
|
|
let closure_6;
|
|
let isAvatarDecorationRecord;
|
|
let isNameplateRecord;
|
|
let closure_9;
|
|
let closure_10;
|
|
function navigateToRewardSelection(selectedGiftingPromotionReward) {
|
|
let tmp = selectedGiftingPromotionReward;
|
|
if (tmp7) {
|
|
setCurrentAnalyticsStep(defaultSelection(closure_2[28]).PaymentFlowStep.REWARD_SKU_SELECT);
|
|
if (null == tmp) {
|
|
tmp = defaultSelection;
|
|
}
|
|
let navigateResult = {
|
|
defaultHighlightedReward: tmp,
|
|
allRewards: null != closure_3 ? closure_3 : [],
|
|
claimableRewards: null != claimableRewards ? claimableRewards : [],
|
|
onSelect(arg0) {
|
|
callback2(arg0);
|
|
navigation.navigate(callback(closure_2[29]).PremiumGiftScreens.CUSTOMIZATION);
|
|
}
|
|
};
|
|
navigateResult = navigation.navigate(defaultSelection(closure_2[29]).PremiumGiftScreens.REWARD_SELECT, navigateResult);
|
|
const tmp7 = navigation;
|
|
}
|
|
}
|
|
const tmp = callback3(importDefault(dependencyMap[11])().insets.bottom);
|
|
let obj = arg1(dependencyMap[19]);
|
|
importDefault = obj.useNavigation();
|
|
let obj1 = arg1(dependencyMap[20]);
|
|
const nativeGiftContext = obj1.useNativeGiftContext();
|
|
({ onPurchase: closure_2, isPurchasing, allRewards: closure_3, claimableRewards } = nativeGiftContext);
|
|
const selectedGiftingPromotionReward = nativeGiftContext.selectedGiftingPromotionReward;
|
|
const setSelectedGiftingPromotionReward = nativeGiftContext.setSelectedGiftingPromotionReward;
|
|
closure_6 = setSelectedGiftingPromotionReward;
|
|
isAvatarDecorationRecord = nativeGiftContext.setCurrentAnalyticsStep;
|
|
let obj2 = arg1(dependencyMap[21]);
|
|
const items = [closure_9];
|
|
const stateFromStores = obj2.useStateFromStores(items, () => tmp8.getCurrentUser());
|
|
let obj3 = arg1(dependencyMap[22]);
|
|
const canPurchaseIAP = obj3.useCanPurchaseIAP(nativeGiftContext.productId);
|
|
let obj4 = arg1(dependencyMap[21]);
|
|
const items1 = [closure_10];
|
|
const stateFromStores1 = obj4.useStateFromStores(items1, () => {
|
|
const marketingComponentByType = tmp10.getMarketingComponentByType(defaultSelection(closure_2[23]).MarketingComponentType.GIFT_CUSTOMIZATION_BANNER);
|
|
let prop = null;
|
|
if (null != marketingComponentByType) {
|
|
prop = null;
|
|
if ("giftCustomizationBanner" === marketingComponentByType.properties.properties.oneofKind) {
|
|
prop = marketingComponentByType.properties.properties.giftCustomizationBanner;
|
|
}
|
|
}
|
|
return prop;
|
|
});
|
|
let assetVariant;
|
|
if (null != stateFromStores1) {
|
|
assetVariant = stateFromStores1.assetVariant;
|
|
}
|
|
let inAppFlowImageLargeTilted = assetVariant === arg1(dependencyMap[24]).GiftCustomizationBanner_AssetVariant.LARGE_TILTED;
|
|
let tmp7 = null != claimableRewards;
|
|
if (tmp7) {
|
|
tmp7 = claimableRewards.length > 0;
|
|
}
|
|
isNameplateRecord = tmp7;
|
|
let tmp8 = null != claimableRewards;
|
|
if (tmp8) {
|
|
tmp8 = 1 === claimableRewards.length;
|
|
}
|
|
closure_9 = tmp8;
|
|
const tmp9 = importDefault(dependencyMap[25])();
|
|
let tmp10 = tmp9;
|
|
if (tmp9) {
|
|
tmp10 = null == selectedGiftingPromotionReward;
|
|
}
|
|
closure_10 = tmp10;
|
|
const GiftingBadgeExperiment = arg1(dependencyMap[26]).GiftingBadgeExperiment;
|
|
let obj5 = arg1(dependencyMap[21]);
|
|
const items2 = [closure_6];
|
|
const stateFromStoresObject = obj5.useStateFromStoresObject(items2, () => {
|
|
let getNextTier;
|
|
let getRemainingToNextTier;
|
|
({ getNextTier, getRemainingToNextTier } = setSelectedGiftingPromotionReward);
|
|
return { nextTier: getNextTier(defaultSelection(closure_2[27]).BadgeId.GIFTING), giftsToNextTier: getRemainingToNextTier(defaultSelection(closure_2[27]).BadgeId.GIFTING) };
|
|
});
|
|
const nextTier = stateFromStoresObject.nextTier;
|
|
const items3 = [tmp8, claimableRewards, setSelectedGiftingPromotionReward];
|
|
const effect = React.useEffect(() => {
|
|
if (tmp8) {
|
|
setSelectedGiftingPromotionReward(claimableRewards[0]);
|
|
}
|
|
}, items3);
|
|
let colors;
|
|
if (null != stateFromStores1) {
|
|
const gradient = stateFromStores1.gradient;
|
|
if (null != gradient) {
|
|
colors = gradient.colors;
|
|
}
|
|
}
|
|
if (null == colors) {
|
|
colors = [];
|
|
}
|
|
let tmp13 = colors;
|
|
if (colors.length <= 0) {
|
|
const _String = String;
|
|
const items4 = [String(importDefault(dependencyMap[10]).colors.BACKGROUND_BRAND), ];
|
|
const _String2 = String;
|
|
items4[1] = String(importDefault(dependencyMap[10]).colors.BACKGROUND_BRAND);
|
|
tmp13 = items4;
|
|
}
|
|
let obj6 = arg1(dependencyMap[30]);
|
|
const product = obj6.useFetchCollectiblesProduct(selectedGiftingPromotionReward).product;
|
|
const intl = arg1(dependencyMap[16]).intl;
|
|
const string = intl.string;
|
|
const t = arg1(dependencyMap[16]).t;
|
|
if (tmp10) {
|
|
let stringResult = string(t.gNZY/B);
|
|
} else {
|
|
stringResult = string(t.ouo4FK);
|
|
}
|
|
let str = "active";
|
|
if (tmp10) {
|
|
str = "primary";
|
|
}
|
|
let obj7 = arg1(dependencyMap[31]);
|
|
let prop;
|
|
if (null != stateFromStores1) {
|
|
prop = stateFromStores1.mobileBackgroundAsset;
|
|
}
|
|
const themeAndReducedMotionAwareAssetUrl = obj7.useThemeAndReducedMotionAwareAssetUrl(prop);
|
|
let obj8 = arg1(dependencyMap[31]);
|
|
let asset;
|
|
if (null != stateFromStores1) {
|
|
asset = stateFromStores1.asset;
|
|
}
|
|
const themeAndReducedMotionAwareAssetUrl1 = obj8.useThemeAndReducedMotionAwareAssetUrl(asset);
|
|
let first;
|
|
if (null != product) {
|
|
first = product.items[0];
|
|
}
|
|
obj = { style: tmp.container };
|
|
if (tmp10) {
|
|
if (tmp7) {
|
|
obj = { style: tmp.chooseRewardContainer };
|
|
obj1 = { style: tmp.gradientBackdrop, pointerEvents: "none" };
|
|
obj2 = { style: claimableRewards.absoluteFillObject, useAngle: true };
|
|
let angle;
|
|
if (null != stateFromStores1) {
|
|
const gradient3 = stateFromStores1.gradient;
|
|
if (null != gradient3) {
|
|
angle = gradient3.angle;
|
|
}
|
|
}
|
|
let num9 = 90;
|
|
if (null != angle) {
|
|
num9 = angle;
|
|
}
|
|
obj2.angle = num9;
|
|
obj2.angleCenter = {};
|
|
obj2.colors = colors;
|
|
const items5 = [callback(importDefault(dependencyMap[17]), obj2), ];
|
|
let tmp54 = null != themeAndReducedMotionAwareAssetUrl;
|
|
if (tmp54) {
|
|
obj3 = { style: tmp.backgroundImage, resizeMode: "cover" };
|
|
obj4 = { uri: themeAndReducedMotionAwareAssetUrl };
|
|
obj3.source = obj4;
|
|
tmp54 = callback(importDefault(dependencyMap[32]), obj3);
|
|
}
|
|
items5[1] = tmp54;
|
|
obj1.children = items5;
|
|
const items6 = [closure_14(selectedGiftingPromotionReward, obj1), , ];
|
|
let tmp59Result = null != themeAndReducedMotionAwareAssetUrl1;
|
|
if (tmp59Result) {
|
|
obj5 = {};
|
|
const items7 = [tmp.inAppFlowImage, ];
|
|
if (inAppFlowImageLargeTilted) {
|
|
inAppFlowImageLargeTilted = tmp.inAppFlowImageLargeTilted;
|
|
}
|
|
items7[1] = inAppFlowImageLargeTilted;
|
|
obj5.style = items7;
|
|
obj5.resizeMode = "contain";
|
|
obj6 = { uri: themeAndReducedMotionAwareAssetUrl1 };
|
|
obj5.source = obj6;
|
|
tmp59Result = callback(importDefault(dependencyMap[32]), obj5);
|
|
const tmp59 = callback;
|
|
const tmp62 = importDefault(dependencyMap[32]);
|
|
}
|
|
items6[1] = tmp59Result;
|
|
obj7 = { style: tmp.chooseRewardText };
|
|
const intl3 = arg1(dependencyMap[16]).intl;
|
|
obj7.children = intl3.string(arg1(dependencyMap[16]).t.cMiNit);
|
|
items6[2] = callback(arg1(dependencyMap[15]).Text, obj7);
|
|
obj.children = items6;
|
|
let tmp32Result = closure_14(selectedGiftingPromotionReward, obj);
|
|
const tmp44 = closure_14;
|
|
const tmp45 = selectedGiftingPromotionReward;
|
|
const tmp46 = closure_14;
|
|
const tmp47 = selectedGiftingPromotionReward;
|
|
const tmp48 = callback;
|
|
const tmp51 = importDefault(dependencyMap[17]);
|
|
}
|
|
const items8 = [tmp32Result, , ];
|
|
let tmp66 = !tmp10;
|
|
if (tmp66) {
|
|
obj8 = { variant: "text-sm/normal" };
|
|
const intl4 = arg1(dependencyMap[16]).intl;
|
|
const obj9 = { paidURL: importDefault(dependencyMap[38]).getArticleURL(navigateToRewardSelection.PAID_TERMS) };
|
|
obj8.children = intl4.format(arg1(dependencyMap[16]).t.hYoGUM, obj9);
|
|
tmp66 = callback(arg1(dependencyMap[37]).TextWithIOSLinkWorkaround, obj8);
|
|
const obj27 = importDefault(dependencyMap[38]);
|
|
}
|
|
items8[1] = tmp66;
|
|
const obj10 = { loading: isPurchasing, variant: str, text: stringResult };
|
|
let tmp75 = !canPurchaseIAP;
|
|
if (!tmp75) {
|
|
tmp75 = isPurchasing;
|
|
}
|
|
obj10.disabled = tmp75;
|
|
let fn;
|
|
if (!isPurchasing) {
|
|
fn = () => {
|
|
defaultSelection(callback[40]).dismissKeyboard();
|
|
if (tmp10) {
|
|
if (tmp7) {
|
|
navigateToRewardSelection();
|
|
}
|
|
}
|
|
callback(() => {
|
|
navigation.navigate(callback(closure_2[29]).PremiumGiftScreens.SUCCESS);
|
|
});
|
|
};
|
|
}
|
|
obj10.onPress = fn;
|
|
items8[2] = callback(arg1(dependencyMap[39]).Button, obj10);
|
|
obj.children = items8;
|
|
return tmp23(tmp24, obj);
|
|
}
|
|
if (null != first) {
|
|
if (tmp9) {
|
|
if (null != selectedGiftingPromotionReward) {
|
|
const obj11 = { style: tmp.selectedRewardRow };
|
|
const obj12 = { style: tmp.selectedRewardBannerContainer };
|
|
const obj13 = { collectiblesItem: first, currentUser: stateFromStores, gradientColors: tmp13 };
|
|
let angle1;
|
|
if (null != stateFromStores1) {
|
|
const gradient2 = stateFromStores1.gradient;
|
|
if (null != gradient2) {
|
|
angle1 = gradient2.angle;
|
|
}
|
|
}
|
|
obj13.gradientAngle = angle1;
|
|
obj12.children = callback(RewardPreview, obj13);
|
|
const items9 = [callback(selectedGiftingPromotionReward, obj12), ];
|
|
let tmp39 = !tmp8;
|
|
if (!tmp8) {
|
|
const obj14 = {};
|
|
const obj15 = { size: "sm" };
|
|
obj14.icon = callback(arg1(dependencyMap[34]).PencilIcon, obj15);
|
|
const intl2 = arg1(dependencyMap[16]).intl;
|
|
obj14.accessibilityLabel = intl2.string(arg1(dependencyMap[16]).t.bt75uw);
|
|
obj14.onPress = function onPress() {
|
|
navigateToRewardSelection(selectedGiftingPromotionReward);
|
|
};
|
|
tmp39 = callback(arg1(dependencyMap[33]).IconButton, obj14);
|
|
}
|
|
items9[1] = tmp39;
|
|
obj11.children = items9;
|
|
tmp32Result = closure_14(selectedGiftingPromotionReward, obj11);
|
|
const tmp32 = closure_14;
|
|
const tmp33 = selectedGiftingPromotionReward;
|
|
const tmp34 = callback;
|
|
const tmp35 = selectedGiftingPromotionReward;
|
|
const tmp36 = callback;
|
|
const tmp37 = RewardPreview;
|
|
}
|
|
}
|
|
}
|
|
tmp32Result = null;
|
|
if (GiftingBadgeExperiment.useConfig({ location: "PremiumGiftPurchaseButton" }).enabled) {
|
|
tmp32Result = null;
|
|
if (null != nextTier) {
|
|
const obj16 = { giftsToNextTier: stateFromStoresObject.giftsToNextTier };
|
|
const name = nextTier.name;
|
|
let str2 = "";
|
|
if (null != name) {
|
|
str2 = name;
|
|
}
|
|
obj16.nextTierName = str2;
|
|
obj16.nextTierIcon = nextTier.simple_icon_url;
|
|
obj16.analyticsLocation = importDefault(dependencyMap[36]).PREMIUM_GIFT_CUSTOMIZATION;
|
|
tmp32Result = callback(importDefault(dependencyMap[35]), obj16);
|
|
const tmp26 = callback;
|
|
const tmp29 = importDefault(dependencyMap[35]);
|
|
}
|
|
}
|
|
};
|