// Module ID: 15158 // Function ID: 15159 // Name: BountiesCtaHeader // Dependencies: [19, 17, 4597, 15159, 5494, 21, 576, 5030, 4605, 504, 8372, 15131, 5025, 1114, 4601, 15144, 15160, 5501, 7769, 5497, 7779, 15080, 15082, 1178, 15161, 15162, 15157, 11845, 4315, 13472, 11849, 2] // Module 15158 (BountiesCtaHeader) import initialize from "initialize" /* 504 */; import nativeDefault from "native" /* 576 */; import util from "util" /* 1114 */; import components_Button_Button from "components/Button/Button" /* 5025 */; import QuestTypes from "QuestTypes" /* 5497 */; import AdCreativeType from "AdCreativeType" /* 5501 */; import AnalyticsActions from "AnalyticsActions" /* 7769 */; import AnalyticsTypes from "AnalyticsTypes" /* 7779 */; import common_Video from "common/Video" /* 8372 */; import BountiesModalActionCreatorsDefault from "BountiesModalActionCreators" /* 15080 */; import BountiesModalTypes from "BountiesModalTypes" /* 15082 */; import _modDef15131 from "module_15131" /* 15131 */; import openBountiesNuxPromoSheetDefault from "openBountiesNuxPromoSheet" /* 15144 */; import BountiesBannerBackgroundDefault from "BountiesBannerBackground" /* 15161 */; import _modDef15162 from "module_15162" /* 15162 */; import noop from "module_19" /* 19 */; import AccessibilityStore from "AccessibilityStore" /* 4597 */; import AdContentSeenStore from "AdContentSeenStore" /* 15159 */; 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: _modDef15131 }; 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; } const t = util.t; if (isEmptyOrCompleted) { let AZGGo1 = t.q4wlOE; let tmp5 = tmp2; } else { AZGGo1 = t.AZGGo1; tmp5 = tmp2; } let str = "text-subtle"; if (inlineLearnMore) { str = "text-default"; } const obj = { variant: "text-sm/medium", color: str, children: null }; const intl = tmp5(1114).intl; obj.children = intl.string(AZGGo1); const tmp7 = closure_1_10(tmp5(4601).Text, obj); const intl2 = tmp5(1114).intl; const tmp = closure_16(); const tmp6 = closure_1_10; const formatResult = intl2.format(tmp5(1114).t.fjSvsC, { onClick: openBountiesNuxPromoSheetDefault }); if (!isEmptyOrCompleted) { if (!inlineLearnMore) { const obj3 = { style: tmp.description, children: null }; const items = [tmp7, ]; const obj4 = { variant: "text-sm/medium", children: formatResult }; items[1] = tmp6(tmp5(4601).Text, obj4); obj3.children = items; let tmp11 = closure_1_11(hasOwnProperty, obj3); } return tmp11; } const obj5 = { variant: "text-sm/medium", children: null }; const items1 = [tmp7, " ", formatResult]; obj5.children = items1; tmp11 = closure_1_11(tmp5(4601).Text, obj5); } 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 tmp11Result8 = !flag; const bountiesEntryPointButtonVariant = bounties(15160).getBountiesEntryPointButtonVariant(shopCarouselButtonVariant); let obj = bounties(15160); const items = [AdContentSeenStore]; const items1 = [bounties]; const stateFromStores = bounties(504).useStateFromStores(items, () => bounties.some((id) => !closure_1_7.hasSeen(bounties(closure_1_2[17]).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 }; let tmp11Result = stateFromStores; if (stateFromStores) { ({ newPillInline: obj13.containerStyle, newPillText: obj13.textStyle } = tmp); tmp11Result = tmp11(tmp4(1178).NewTag, { variant: "text-xs/bold", containerStyle: null, textStyle: null }); const obj9 = { variant: "text-xs/bold", containerStyle: null, textStyle: null }; } const items6 = [tmp11Result, ]; const obj10 = { style: tmp.headerHeadingContent, children: null }; const obj11 = { variant: "text-lg/semibold", color: "text-strong", children: null }; const intl2 = tmp4(1114).intl; obj11.children = intl2.string(tmp4(1114).t.qetVDw); const items7 = [tmp11(tmp4(4601).Text, obj11), ]; const obj12 = { isEmptyOrCompleted: flag, inlineLearnMore: true }; items7[1] = tmp11(BountiesCtaDescription, obj12); obj10.children = items7; items6[1] = tmp9(tmp10, obj10); obj8.children = items6; obj7.children = tmp9(tmp10, obj8); items5[1] = tmp11(tmp10, obj7); items5[2] = replaceHeaderMediaWith; let tmp11Result5 = tmp11Result8; if (!flag) { tmp11Result5 = tmp12; } if (tmp11Result5) { const obj14 = { style: tmp.headerReplaceMediaCta, children: null }; const obj15 = { variant: bountiesEntryPointButtonVariant, onPress: callback }; obj14.children = tmp11(StartEarningOrbsButton, obj15); tmp11Result5 = tmp11(tmp10, obj14); } items5[3] = tmp11Result5; obj6.children = items5; let tmp9Result = tmp9(tmp10, obj6); } else { const obj16 = { uri: _modDef15162, style: null, children: null }; const items8 = [tmp.header, , ]; let headerWithFooter = tmp9Result2; if (tmp9Result2) { headerWithFooter = tmp.headerWithFooter; } items8[1] = headerWithFooter; let headerRoundedBottom2 = tmp12; if (!tmp9Result2) { headerRoundedBottom2 = tmp.headerRoundedBottom; } items8[2] = headerRoundedBottom2; obj16.style = items8; let tmp11Result6 = stateFromStores; if (stateFromStores) { ({ newPill: obj5.containerStyle, newPillText: obj5.textStyle } = tmp); tmp11Result6 = tmp11(tmp4(1178).NewTag, { variant: "text-xs/bold", containerStyle: null, textStyle: null }); const obj17 = { variant: "text-xs/bold", containerStyle: null, textStyle: null }; } const items9 = [tmp11Result6, ]; const items10 = [tmp.headerTextBox, ]; let headerTextBoxWithFooter = tmp9Result2; if (tmp9Result2) { headerTextBoxWithFooter = tmp.headerTextBoxWithFooter; } const obj18 = { style: null, children: null }; items10[1] = headerTextBoxWithFooter; obj18.style = items10; const obj19 = { variant: "text-lg/semibold", color: "text-strong", children: null }; const intl = tmp4(1114).intl; obj19.children = intl.string(tmp4(1114).t.qetVDw); const items11 = [tmp11(tmp4(4601).Text, obj19), , ]; const obj20 = { isEmptyOrCompleted: flag }; items11[1] = tmp11(BountiesCtaDescription, obj20); let tmp11Result7 = tmp11Result8; if (!flag) { tmp11Result7 = tmp12; } if (tmp11Result7) { const obj21 = { variant: bountiesEntryPointButtonVariant, onPress: callback }; tmp11Result7 = tmp11(StartEarningOrbsButton, obj21); } items11[2] = tmp11Result7; obj18.children = items11; items9[1] = tmp9(tmp10, obj18); obj16.children = items9; tmp9Result = tmp9(BountiesBannerBackgroundDefault, obj16); } obj4.children = tmp9Result; const items12 = [closure_10(closure_5, obj4), ]; if (tmp9Result2) { const obj22 = { style: tmp.footerClip, children: null }; const items13 = [tmp11(StarfieldBackground, {}), footer, ]; if (!flag) { const obj42 = { style: tmp.footerCta, children: null }; const obj43 = { variant: bountiesEntryPointButtonVariant, onPress: callback }; obj42.children = tmp11(StartEarningOrbsButton, obj43); tmp11Result8 = tmp11(tmp10, obj42); } items13[2] = tmp11Result8; obj22.children = items13; tmp9Result2 = tmp9(tmp10, obj22); } items12[1] = tmp9Result2; obj3.children = items12; return closure_11(closure_5, obj3); } get_ActivityIndicator = fn(17); ({ StyleSheet: closure_4, View: hasOwnProperty } = get_ActivityIndicator); const QuestConstants = fn(5494); ({ 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(5030).MEDIUM_BUTTON_HEIGHT + PX_20 + 170); const createStyles = fn(4605); 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(15157)(); 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.DARKER, 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(5501).AdCreativeType.BOUNTY, questContent: tmp7(5497).QuestContent.QUEST_HOME_ENTRYPOINT_MOBILE, questContentPosition: 0, overrideVisibility: tmp2.isInView, sourceQuestContent: tmp7(5497).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(11849).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; } });