// Module ID: 15230 // Function ID: 15231 // Name: QuestDockInsetHeaderBody // Dependencies: [19, 17, 15125, 21, 576, 4574, 11802, 11801, 15122, 1611, 15194, 15191, 4570, 1178, 2] // Exports: QuestDockBodyQuestRewardTile, QuestDockBodyRewardTile // Module 15230 (QuestDockInsetHeaderBody) import nativeDefault from "native" /* 576 */; import native from "native" /* 1178 */; import useSafeAreaInsetsDefault from "useSafeAreaInsets" /* 1611 */; import Text_Text from "Text/Text" /* 4570 */; import QuestRewardTileDefault from "QuestRewardTile" /* 11801 */; import QuestDockRewardTileDefault from "QuestDockRewardTile" /* 11802 */; import QuestDockHooks from "QuestDockHooks" /* 15122 */; import QuestDockBlurredContentBackgroundDefault from "QuestDockBlurredContentBackground" /* 15191 */; import PremiumRewardGradientDefault from "PremiumRewardGradient" /* 15194 */; import noop from "module_19" /* 19 */; require = fn; const View = fn(17).View; const QuestDockConstants = fn(15125); const QUEST_DOCK_EXPANDED_PADDING_BOTTOM = QuestDockConstants.QUEST_DOCK_EXPANDED_PADDING_BOTTOM; const jsxProd = fn(21); ({ jsx: hasOwnProperty, jsxs: metroRequire } = jsxProd); const PX_80 = nativeDefault.space.PX_80; const createStyles = fn(4574); let obj = { rewardTile: { borderRadius: nativeDefault.radii.lg }, wrapper: { flexGrow: 1, flexShrink: 0, justifyContent: "flex-end", paddingHorizontal: QuestDockConstants.QUEST_DOCK_EXPANDED_PADDING_HORIZONTAL, paddingBottom: QUEST_DOCK_EXPANDED_PADDING_BOTTOM }, rewardContentWrapper: null, rewardContent: null, rewardContentCopy: null, premiumRewardPerkPill: null, titleRow: null, questDockCtaWrapper: null, questDockCta: null, questDockCtaRow: null, questDockCtaSaparator: null }; let obj3 = { borderRadius: nativeDefault.radii.lg }; obj.rewardContentWrapper = { borderRadius: nativeDefault.modules.mobile.QUEST_DOCK_BORDER_RADIUS, overflow: "hidden", padding: 8, paddingRight: 16 }; obj.rewardContent = { alignItems: "center", flexDirection: "row", gap: 16 }; obj.rewardContentCopy = { flexGrow: 1, flexShrink: 1, gap: 4 }; obj.premiumRewardPerkPill = { alignSelf: "flex-start" }; let obj4 = { borderRadius: nativeDefault.modules.mobile.QUEST_DOCK_BORDER_RADIUS, overflow: "hidden", padding: 8, paddingRight: 16 }; obj.titleRow = { flexDirection: "row", alignItems: "center", gap: nativeDefault.space.PX_8, flexWrap: "wrap" }; obj.questDockCtaWrapper = { marginTop: 12, paddingHorizontal: 4, paddingTop: 16, position: "relative" }; let obj5 = { flexDirection: "row", alignItems: "center", gap: nativeDefault.space.PX_8, flexWrap: "wrap" }; obj.questDockCta = { borderRadius: nativeDefault.radii.round }; obj.questDockCtaRow = { alignSelf: "stretch" }; const rect = { position: "absolute", left: -12, right: -12, top: 0, backgroundColor: nativeDefault.colors.BORDER_SUBTLE, height: 1, opacity: 1 }; obj.questDockCtaSaparator = rect; let closure_8 = createStyles.createStyles(obj); let obj6 = { borderRadius: nativeDefault.radii.round }; const size = fn(2); const result = size.fileFinishedImporting("modules/quests/native/QuestDock/QuestDockInsetHeaderBody.tsx"); export default noop.memo(function QuestDockInsetHeaderBody(showBonusOrbsGradient) { ({ premiumRewardPerkPill, ctaLoading } = showBonusOrbsGradient); ({ rewardTile, title, description, ctaText, onCtaPress, renderCtaIcon } = showBonusOrbsGradient); if (ctaLoading === undefined) { ctaLoading = false; } let flag = showBonusOrbsGradient.showBonusOrbsGradient; if (flag === undefined) { flag = false; } const tmp = closure_8(); const isQuestDockExpanded = QuestDockHooks.useIsQuestDockExpanded(); const obj2 = { visible: flag, glow: true, style: null, children: null }; const items = [tmp.wrapper, ]; const obj3 = { paddingBottom: null }; obj3.paddingBottom = Math.max(useSafeAreaInsetsDefault().bottom, QUEST_DOCK_EXPANDED_PADDING_BOTTOM); items[1] = obj3; obj2.style = items; const obj4 = { style: tmp.rewardContentWrapper, children: null }; const items1 = [hasOwnProperty(QuestDockBlurredContentBackgroundDefault, {}), ]; const obj5 = { style: tmp.rewardContent, children: null }; const items2 = [rewardTile, ]; const obj6 = { style: tmp.rewardContentCopy, children: null }; let tmp8Result = null != premiumRewardPerkPill; if (tmp8Result) { const obj7 = { style: tmp.premiumRewardPerkPill, children: premiumRewardPerkPill }; tmp8Result = tmp8(tmp7, obj7); } const items3 = [tmp8Result, , ]; const tmp6 = PremiumRewardGradientDefault; items3[1] = hasOwnProperty(View, { style: tmp.titleRow, children: hasOwnProperty(Text_Text.Text, { variant: "heading-md/medium", color: "mobile-text-heading-primary", children: title }) }); items3[2] = hasOwnProperty(Text_Text.Text, { color: "text-default", variant: "text-sm/normal", children: description }); obj6.children = items3; items2[1] = timestampProducer(View, obj6); obj5.children = items2; items1[1] = timestampProducer(View, obj5); obj4.children = items1; const items4 = [timestampProducer(View, obj4), ]; const obj9 = { style: tmp.questDockCtaWrapper, children: null }; const items5 = [hasOwnProperty(View, { style: tmp.questDockCtaSaparator }), ]; const obj11 = { style: tmp.questDockCtaRow, children: hasOwnProperty(native.ShinyButton, { style: tmp.questDockCta, onPress: onCtaPress, loading: ctaLoading, renderIcon: renderCtaIcon, text: ctaText, shineDisabled: !isQuestDockExpanded }) }; items5[1] = hasOwnProperty(View, obj11); obj9.children = items5; items4[1] = timestampProducer(View, obj9); obj2.children = items4; return timestampProducer(tmp6, obj2); }); export const QuestDockBodyRewardTile = function QuestDockBodyRewardTile(arg0) { const obj = {}; const tmp = closure_8(); const merged = Object.assign(arg0); obj.height = PX_80; obj.width = PX_80; obj.style = tmp.rewardTile; return hasOwnProperty(QuestDockRewardTileDefault, obj); }; export const QuestDockBodyQuestRewardTile = function QuestDockBodyQuestRewardTile(arg0) { const obj = {}; const tmp = closure_8(); const merged = Object.assign(arg0); obj.height = PX_80; obj.width = PX_80; obj.style = tmp.rewardTile; return hasOwnProperty(QuestRewardTileDefault, obj); };