20a21ad13f
Skipped 1 file(s) >100MB (GitHub limit): source/__polyfill/04xxx/module_4791.js (118.4 MB)
311 lines
16 KiB
TypeScript
311 lines
16 KiB
TypeScript
// Module ID: 15137
|
|
// Function ID: 15138
|
|
// Name: BountiesCtaHeader
|
|
// Dependencies: [19, 17, 4598, 15138, 5495, 21, 576, 5031, 4606, 504, 8393, 15108, 5026, 1114, 15109, 4602, 15125, 15139, 5502, 7790, 5498, 7800, 15057, 15059, 1178, 15140, 15141, 15136, 11867, 4317, 15118, 11871, 2]
|
|
|
|
// Module 15137 (BountiesCtaHeader)
|
|
import initialize from "initialize" /* 504 */;
|
|
import nativeDefault from "native" /* 576 */;
|
|
import util from "util" /* 1114 */;
|
|
import components_Button_Button from "components/Button/Button" /* 5026 */;
|
|
import QuestTypes from "QuestTypes" /* 5498 */;
|
|
import AdCreativeType from "AdCreativeType" /* 5502 */;
|
|
import AnalyticsActions from "AnalyticsActions" /* 7790 */;
|
|
import AnalyticsTypes from "AnalyticsTypes" /* 7800 */;
|
|
import common_Video from "common/Video" /* 8393 */;
|
|
import BountiesModalActionCreatorsDefault from "BountiesModalActionCreators" /* 15057 */;
|
|
import BountiesModalTypes from "BountiesModalTypes" /* 15059 */;
|
|
import _modDef15108 from "module_15108" /* 15108 */;
|
|
import openBountiesNuxPromoSheetDefault from "openBountiesNuxPromoSheet" /* 15125 */;
|
|
import BountiesBannerBackgroundDefault from "BountiesBannerBackground" /* 15140 */;
|
|
import _modDef15141 from "module_15141" /* 15141 */;
|
|
import noop from "module_19" /* 19 */;
|
|
import AccessibilityStore from "AccessibilityStore" /* 4598 */;
|
|
import AdContentSeenStore from "AdContentSeenStore" /* 15138 */;
|
|
|
|
const require = globalThis.__r;
|
|
|
|
require = fn;
|
|
function StarfieldBackground() {
|
|
const items = [AccessibilityStore];
|
|
const stateFromStores = initialize.useStateFromStores(items, () => useReducedMotion.useReducedMotion);
|
|
const obj2 = { source: null, style: null, resizeMode: "cover", muted: true, disableFocus: true, paused: null, importantForAccessibility: "no-hide-descendants" };
|
|
obj2.source = { uri: _modDef15108 };
|
|
obj2.style = absoluteFillObject.absoluteFillObject;
|
|
obj2.paused = stateFromStores;
|
|
return closure_1_10(common_Video.VideoComponent, obj2);
|
|
}
|
|
function StartEarningOrbsButton(arg0) {
|
|
({ variant, onPress } = arg0);
|
|
const obj = { grow: true, size: "md", variant, text: null, onPress: null };
|
|
const intl = util.intl;
|
|
obj.text = intl.string(util.t["1kkbKw"]);
|
|
obj.onPress = onPress;
|
|
return closure_1_10(components_Button_Button.Button, obj);
|
|
}
|
|
function BountiesCtaDescription(arg0) {
|
|
({ isEmptyOrCompleted, inlineLearnMore } = arg0);
|
|
if (inlineLearnMore === undefined) {
|
|
inlineLearnMore = false;
|
|
}
|
|
let str = "text-subtle";
|
|
if (inlineLearnMore) {
|
|
str = "text-default";
|
|
}
|
|
const intl = util.intl;
|
|
if (isEmptyOrCompleted) {
|
|
let formatResult = intl.format(tmp2(1114).t.VHM37p, tmp2(15109).bountyProductNameIntlParams());
|
|
let tmp6 = tmp2;
|
|
const tmp2Result = tmp2(15109);
|
|
} else {
|
|
formatResult = intl.string(tmp2(1114).t.q3NQDg);
|
|
tmp6 = tmp2;
|
|
}
|
|
const tmp8 = closure_1_10(tmp6(4602).Text, { variant: "text-sm/medium", color: str, children: formatResult });
|
|
const intl2 = tmp6(1114).intl;
|
|
const tmp = closure_16();
|
|
const tmp7 = closure_1_10;
|
|
const formatResult1 = intl2.format(tmp6(1114).t.fjSvsC, { onClick: openBountiesNuxPromoSheetDefault });
|
|
if (!isEmptyOrCompleted) {
|
|
if (!inlineLearnMore) {
|
|
const obj2 = { style: tmp.description, children: null };
|
|
const items = [tmp8, ];
|
|
const obj3 = { variant: "text-sm/medium", children: formatResult1 };
|
|
items[1] = tmp7(tmp6(4602).Text, obj3);
|
|
obj2.children = items;
|
|
let tmp12 = closure_1_11(hasOwnProperty, obj2);
|
|
}
|
|
return tmp12;
|
|
}
|
|
const obj4 = { variant: "text-sm/medium", children: null };
|
|
const items1 = [tmp8, " ", formatResult1];
|
|
obj4.children = items1;
|
|
tmp12 = closure_1_11(tmp6(4602).Text, obj4);
|
|
}
|
|
function BountiesCtaHeaderInner(bounties) {
|
|
bounties = bounties.bounties;
|
|
let flag = bounties.isEmptyOrCompleted;
|
|
if (flag === undefined) {
|
|
flag = false;
|
|
}
|
|
({ footer, replaceHeaderMediaWith, shopCarouselButtonVariant, containerRef } = bounties);
|
|
if (shopCarouselButtonVariant === undefined) {
|
|
shopCarouselButtonVariant = "default";
|
|
}
|
|
const tmp = closure_16();
|
|
let tmp9Result2 = null != footer;
|
|
let tmp11Result6 = !flag;
|
|
const bountiesEntryPointButtonVariant = bounties(15139).getBountiesEntryPointButtonVariant(shopCarouselButtonVariant);
|
|
let obj = bounties(15139);
|
|
const items = [AdContentSeenStore];
|
|
const items1 = [bounties];
|
|
let stateFromStores = bounties(504).useStateFromStores(items, () => bounties.some((id) => !closure_1_7.hasSeen(bounties(closure_1_2[18]).AdCreativeType.BOUNTY, id.id)), items1);
|
|
const items2 = [bounties];
|
|
const callback = noop.useCallback(() => {
|
|
const obj = AnalyticsActions;
|
|
const result = obj.trackAdContentClicked({ adContentId, adCreativeType: AdCreativeType.AdCreativeType.BOUNTY, questContent: QuestTypes.QuestContent.QUEST_HOME_ENTRYPOINT_MOBILE, questContentCTA: AnalyticsTypes.QuestContentCTA.START_BOUNTY, sourceQuestContent: QuestTypes.QuestContent.QUEST_HOME_ENTRYPOINT_MOBILE, questContentPosition: 0 });
|
|
const obj2 = { adContentId, adCreativeType: AdCreativeType.AdCreativeType.BOUNTY, questContent: QuestTypes.QuestContent.QUEST_HOME_ENTRYPOINT_MOBILE, questContentCTA: AnalyticsTypes.QuestContentCTA.START_BOUNTY, sourceQuestContent: QuestTypes.QuestContent.QUEST_HOME_ENTRYPOINT_MOBILE, questContentPosition: 0 };
|
|
const obj3 = BountiesModalActionCreatorsDefault;
|
|
obj3.showModal({ bountyId: bounties[0].id, sourceQuestContent: QuestTypes.QuestContent.VIDEO_MODAL_MOBILE, variant: BountiesModalTypes.BountiesModalVariant.VERTICAL_SCROLL });
|
|
}, items2);
|
|
let obj3 = { ref: containerRef, style: tmp.container, children: null };
|
|
const items3 = [tmp.bannerClip, ];
|
|
let headerRoundedBottom = tmp12;
|
|
if (!tmp9Result2) {
|
|
headerRoundedBottom = tmp.headerRoundedBottom;
|
|
}
|
|
const obj4 = { style: items3, children: null };
|
|
items3[1] = headerRoundedBottom;
|
|
if (null != replaceHeaderMediaWith) {
|
|
const items4 = [tmp.headerReplaceMedia, ];
|
|
let headerRoundedBottom3 = tmp12;
|
|
if (!tmp9Result2) {
|
|
headerRoundedBottom3 = tmp.headerRoundedBottom;
|
|
}
|
|
const obj6 = { style: null, children: null };
|
|
items4[1] = headerRoundedBottom3;
|
|
obj6.style = items4;
|
|
const items5 = [tmp11(StarfieldBackground, {}), , , ];
|
|
const obj7 = { style: tmp.headerTitleSection, children: null };
|
|
const obj8 = { style: tmp.headerHeadingGroup, children: null };
|
|
if (stateFromStores) {
|
|
({ newPillInline: obj12.containerStyle, newPillText: obj12.textStyle } = tmp);
|
|
stateFromStores = tmp11(tmp4(1178).NewTag, { variant: "text-xs/bold", containerStyle: null, textStyle: null });
|
|
const obj9 = { variant: "text-xs/bold", containerStyle: null, textStyle: null };
|
|
}
|
|
const items6 = [stateFromStores, ];
|
|
const obj10 = { style: tmp.headerHeadingContent, children: null };
|
|
const obj11 = { isEmptyOrCompleted: flag, inlineLearnMore: true };
|
|
obj10.children = tmp11(BountiesCtaDescription, obj11);
|
|
items6[1] = tmp11(tmp10, obj10);
|
|
obj8.children = items6;
|
|
obj7.children = tmp9(tmp10, obj8);
|
|
items5[1] = tmp11(tmp10, obj7);
|
|
items5[2] = replaceHeaderMediaWith;
|
|
let tmp11Result = tmp11Result6;
|
|
if (!flag) {
|
|
tmp11Result = tmp12;
|
|
}
|
|
if (tmp11Result) {
|
|
const obj13 = { style: tmp.headerReplaceMediaCta, children: null };
|
|
const obj14 = { variant: bountiesEntryPointButtonVariant, onPress: callback };
|
|
obj13.children = tmp11(StartEarningOrbsButton, obj14);
|
|
tmp11Result = tmp11(tmp10, obj13);
|
|
}
|
|
items5[3] = tmp11Result;
|
|
obj6.children = items5;
|
|
let tmp9Result = tmp9(tmp10, obj6);
|
|
} else {
|
|
const obj15 = { uri: _modDef15141, style: null, children: null };
|
|
const items7 = [tmp.header, , ];
|
|
let headerWithFooter = tmp9Result2;
|
|
if (tmp9Result2) {
|
|
headerWithFooter = tmp.headerWithFooter;
|
|
}
|
|
items7[1] = headerWithFooter;
|
|
let headerRoundedBottom2 = tmp12;
|
|
if (!tmp9Result2) {
|
|
headerRoundedBottom2 = tmp.headerRoundedBottom;
|
|
}
|
|
items7[2] = headerRoundedBottom2;
|
|
obj15.style = items7;
|
|
let tmp11Result4 = stateFromStores;
|
|
if (stateFromStores) {
|
|
({ newPill: obj5.containerStyle, newPillText: obj5.textStyle } = tmp);
|
|
tmp11Result4 = tmp11(tmp4(1178).NewTag, { variant: "text-xs/bold", containerStyle: null, textStyle: null });
|
|
const obj16 = { variant: "text-xs/bold", containerStyle: null, textStyle: null };
|
|
}
|
|
const items8 = [tmp11Result4, ];
|
|
const items9 = [tmp.headerTextBox, ];
|
|
let headerTextBoxWithFooter = tmp9Result2;
|
|
if (tmp9Result2) {
|
|
headerTextBoxWithFooter = tmp.headerTextBoxWithFooter;
|
|
}
|
|
const obj17 = { style: null, children: null };
|
|
items9[1] = headerTextBoxWithFooter;
|
|
obj17.style = items9;
|
|
const obj18 = { isEmptyOrCompleted: flag };
|
|
const items10 = [tmp11(BountiesCtaDescription, obj18), ];
|
|
let tmp11Result5 = tmp11Result6;
|
|
if (!flag) {
|
|
tmp11Result5 = tmp12;
|
|
}
|
|
if (tmp11Result5) {
|
|
const obj19 = { variant: bountiesEntryPointButtonVariant, onPress: callback };
|
|
tmp11Result5 = tmp11(StartEarningOrbsButton, obj19);
|
|
}
|
|
items10[1] = tmp11Result5;
|
|
obj17.children = items10;
|
|
items8[1] = tmp9(tmp10, obj17);
|
|
obj15.children = items8;
|
|
tmp9Result = tmp9(BountiesBannerBackgroundDefault, obj15);
|
|
}
|
|
obj4.children = tmp9Result;
|
|
const items11 = [closure_10(closure_5, obj4), ];
|
|
if (tmp9Result2) {
|
|
const obj20 = { style: tmp.footerClip, children: null };
|
|
const items12 = [tmp11(StarfieldBackground, {}), footer, ];
|
|
if (!flag) {
|
|
const obj38 = { style: tmp.footerCta, children: null };
|
|
const obj39 = { variant: bountiesEntryPointButtonVariant, onPress: callback };
|
|
obj38.children = tmp11(StartEarningOrbsButton, obj39);
|
|
tmp11Result6 = tmp11(tmp10, obj38);
|
|
}
|
|
items12[2] = tmp11Result6;
|
|
obj20.children = items12;
|
|
tmp9Result2 = tmp9(tmp10, obj20);
|
|
}
|
|
items11[1] = tmp9Result2;
|
|
obj3.children = items11;
|
|
return closure_11(closure_5, obj3);
|
|
}
|
|
get_ActivityIndicator = fn(17);
|
|
({ StyleSheet: closure_4, View: hasOwnProperty } = get_ActivityIndicator);
|
|
const QuestConstants = fn(5495);
|
|
({ BountyCarouselEmptyStateReason: closure_8, DEFAULT_PLACEHOLDER_ENTRYPOINT_BOUNTY_ID: closure_9 } = QuestConstants);
|
|
const jsxProd = fn(21);
|
|
({ jsx: c10, jsxs: closure_11 } = jsxProd);
|
|
const PX_16 = nativeDefault.space.PX_16;
|
|
const PX_20 = nativeDefault.space.PX_20;
|
|
const sum = 26 + nativeDefault.space.PX_8 + PX_16;
|
|
const minHeight = 472 - (sum + fn(5031).MEDIUM_BUTTON_HEIGHT + PX_20 + 170);
|
|
const createStyles = fn(4606);
|
|
let closure_16 = createStyles.createStyles(() => {
|
|
const obj = { container: { width: "100%", backgroundColor: nativeDefault.colors.BACKGROUND_SURFACE_HIGH, borderLeftWidth: 1, borderRightWidth: 1, borderBottomWidth: 1, borderColor: nativeDefault.colors.BORDER_MUTED, borderBottomLeftRadius: nativeDefault.radii.xxl, borderBottomRightRadius: nativeDefault.radii.xxl, overflow: "hidden" }, bannerClip: { overflow: "hidden" }, footerClip: null, header: null, headerWithFooter: null, headerReplaceMedia: null, headerTitleSection: null, headerHeadingGroup: null, headerHeadingContent: null, headerReplaceMediaCta: null, headerRoundedBottom: null, newPill: null, newPillInline: null, newPillText: null, headerTextBox: null, headerTextBoxWithFooter: null, description: null, footerCta: null };
|
|
const obj2 = { width: "100%", backgroundColor: nativeDefault.colors.BACKGROUND_SURFACE_HIGH, borderLeftWidth: 1, borderRightWidth: 1, borderBottomWidth: 1, borderColor: nativeDefault.colors.BORDER_MUTED, borderBottomLeftRadius: nativeDefault.radii.xxl, borderBottomRightRadius: nativeDefault.radii.xxl, overflow: "hidden" };
|
|
obj.footerClip = { overflow: "hidden", borderBottomLeftRadius: nativeDefault.radii.xxl, borderBottomRightRadius: nativeDefault.radii.xxl };
|
|
const obj3 = { overflow: "hidden", borderBottomLeftRadius: nativeDefault.radii.xxl, borderBottomRightRadius: nativeDefault.radii.xxl };
|
|
obj.header = { width: "100%", minHeight: 296, justifyContent: "flex-end", overflow: "hidden", backgroundColor: nativeDefault.colors.BACKGROUND_SURFACE_HIGH };
|
|
obj.headerWithFooter = { minHeight };
|
|
obj.headerReplaceMedia = { width: "100%", overflow: "hidden" };
|
|
const obj4 = { width: "100%", minHeight: 296, justifyContent: "flex-end", overflow: "hidden", backgroundColor: nativeDefault.colors.BACKGROUND_SURFACE_HIGH };
|
|
const obj5 = { minHeight };
|
|
obj.headerTitleSection = { paddingTop: nativeDefault.space.PX_12, paddingBottom: nativeDefault.space.PX_16, paddingHorizontal: nativeDefault.space.PX_20 };
|
|
const obj6 = { paddingTop: nativeDefault.space.PX_12, paddingBottom: nativeDefault.space.PX_16, paddingHorizontal: nativeDefault.space.PX_20 };
|
|
obj.headerHeadingGroup = { gap: nativeDefault.space.PX_24 };
|
|
const obj7 = { gap: nativeDefault.space.PX_24 };
|
|
obj.headerHeadingContent = { gap: nativeDefault.space.PX_4 };
|
|
obj.headerReplaceMediaCta = { paddingTop: PX_16, paddingBottom: PX_20, paddingHorizontal: PX_20 };
|
|
const obj8 = { gap: nativeDefault.space.PX_4 };
|
|
const obj9 = { paddingTop: PX_16, paddingBottom: PX_20, paddingHorizontal: PX_20 };
|
|
obj.headerRoundedBottom = { borderBottomLeftRadius: nativeDefault.radii.xxl, borderBottomRightRadius: nativeDefault.radii.xxl };
|
|
const rect = { position: "absolute", top: nativeDefault.space.PX_20, left: nativeDefault.space.PX_20, zIndex: 1, backgroundColor: nativeDefault.colors.CONTROL_OVERLAY_PRIMARY_BACKGROUND_DEFAULT, borderRadius: nativeDefault.radii.round, paddingHorizontal: nativeDefault.space.PX_8, paddingVertical: 2 };
|
|
obj.newPill = rect;
|
|
const obj10 = { borderBottomLeftRadius: nativeDefault.radii.xxl, borderBottomRightRadius: nativeDefault.radii.xxl };
|
|
obj.newPillInline = { alignSelf: "flex-start", backgroundColor: nativeDefault.colors.CONTROL_OVERLAY_PRIMARY_BACKGROUND_DEFAULT, borderRadius: nativeDefault.radii.round, paddingHorizontal: nativeDefault.space.PX_8, paddingVertical: 2 };
|
|
const obj11 = { alignSelf: "flex-start", backgroundColor: nativeDefault.colors.CONTROL_OVERLAY_PRIMARY_BACKGROUND_DEFAULT, borderRadius: nativeDefault.radii.round, paddingHorizontal: nativeDefault.space.PX_8, paddingVertical: 2 };
|
|
obj.newPillText = { color: nativeDefault.colors.CONTROL_OVERLAY_PRIMARY_TEXT_DEFAULT };
|
|
const obj12 = { color: nativeDefault.colors.CONTROL_OVERLAY_PRIMARY_TEXT_DEFAULT };
|
|
obj.headerTextBox = { paddingBottom: nativeDefault.space.PX_24, paddingHorizontal: nativeDefault.space.PX_20, gap: nativeDefault.space.PX_8 };
|
|
const obj13 = { paddingBottom: nativeDefault.space.PX_24, paddingHorizontal: nativeDefault.space.PX_20, gap: nativeDefault.space.PX_8 };
|
|
obj.headerTextBoxWithFooter = { paddingBottom: nativeDefault.space.PX_12 };
|
|
obj.description = { marginBottom: 16 };
|
|
const obj14 = { paddingBottom: nativeDefault.space.PX_12 };
|
|
obj.footerCta = { paddingTop: nativeDefault.space.PX_16, paddingBottom: nativeDefault.space.PX_20, paddingHorizontal: nativeDefault.space.PX_20 };
|
|
return obj;
|
|
});
|
|
const size = fn(2);
|
|
let result = size.fileFinishedImporting("modules/quests/native/BountiesCtaHeader.tsx");
|
|
|
|
export default noop.memo(function BountiesCtaHeader(isEmptyOrCompleted) {
|
|
_require = isEmptyOrCompleted;
|
|
const tmp2 = containerRef(15136)();
|
|
containerRef = tmp2.containerRef;
|
|
isEmptyOrCompleted = isEmptyOrCompleted.isEmptyOrCompleted;
|
|
let tmp3 = undefined !== isEmptyOrCompleted;
|
|
if (tmp3) {
|
|
tmp3 = isEmptyOrCompleted;
|
|
}
|
|
if (!tmp3) {
|
|
const bountyCarouselEmptyStateAnalytics = require("AnalyticsHooks").useBountyCarouselEmptyStateAnalytics(null);
|
|
const obj2 = { theme: require("shared/ThemeTypes").ThemeTypes.DARK, children: null };
|
|
if (tmp3) {
|
|
const obj3 = {};
|
|
let merged = Object.assign(isEmptyOrCompleted);
|
|
obj3.containerRef = containerRef;
|
|
let tmp9Result = tmp9(BountiesCtaHeaderInner, obj3);
|
|
} else {
|
|
const obj4 = {
|
|
adContentId,
|
|
adCreativeType: tmp7(5502).AdCreativeType.BOUNTY,
|
|
questContent: tmp7(5498).QuestContent.QUEST_HOME_ENTRYPOINT_MOBILE,
|
|
questContentPosition: 0,
|
|
overrideVisibility: tmp2.isInView,
|
|
sourceQuestContent: tmp7(5498).QuestContent.QUEST_HOME_ENTRYPOINT_MOBILE,
|
|
children() {
|
|
const obj = {};
|
|
const merged = Object.assign(closure_0);
|
|
obj.containerRef = containerRef;
|
|
return closure_2_10(BountiesCtaHeaderInner, obj);
|
|
}
|
|
};
|
|
tmp9Result = tmp9(tmp7(11871).QuestContentImpressionTrackerNative, obj4);
|
|
}
|
|
obj2.children = tmp9Result;
|
|
return closure_10(require("native").ThemeContextProvider, obj2);
|
|
} else if (0 === isEmptyOrCompleted.bounties.length) {
|
|
let COMPLETED = constants.EMPTY;
|
|
} else {
|
|
COMPLETED = constants.COMPLETED;
|
|
}
|
|
});
|