365 lines
15 KiB
TypeScript
365 lines
15 KiB
TypeScript
// Module ID: 16857
|
|
// Function ID: 16858
|
|
// Name: QuestActivityUnenrolledModal
|
|
// Dependencies: [5, 32, 19, 17, 7116, 16856, 5756, 21, 4836, 576, 1365, 4767, 4538, 504, 6589, 7137, 10681, 10750, 5759, 1397, 10683, 7141, 5039, 4548, 10749, 14649, 5279, 5899, 10745, 4832, 1115, 5281, 5929, 6795, 6413, 10753, 10769, 2]
|
|
// Exports: default
|
|
|
|
// Module 16857 (QuestActivityUnenrolledModal)
|
|
import nativeDefault from "native" /* 576 */;
|
|
import intl7 from "intl" /* 1115 */;
|
|
import utils_PlatformUtils from "utils/PlatformUtils" /* 1365 */;
|
|
import AvatarUtilsDefault from "AvatarUtils" /* 1397 */;
|
|
import ModalActionCreatorsDefault from "ModalActionCreators" /* 5039 */;
|
|
import QuestConstants from "QuestConstants" /* 5756 */;
|
|
import QuestTypes from "QuestTypes" /* 5759 */;
|
|
import AssetRegistryDefault from "AssetRegistry" /* 6413 */;
|
|
import HeaderActionButton2 from "HeaderActionButton" /* 6795 */;
|
|
import AnalyticsTypes from "AnalyticsTypes" /* 7141 */;
|
|
import QuestActionCreators from "QuestActionCreators" /* 10683 */;
|
|
import QuestContentImpressionTracker from "QuestContentImpressionTracker" /* 10753 */;
|
|
import openQuestAccessSuspendedBottomSheetDefault from "openQuestAccessSuspendedBottomSheet" /* 14649 */;
|
|
import _asyncToGenerator from "_asyncToGenerator" /* 5 */;
|
|
import _slicedToArray from "_slicedToArray" /* 32 */;
|
|
import react from "react" /* 19 */;
|
|
import react_native from "react-native" /* 17 */;
|
|
import QuestStore from "QuestStore" /* 7116 */;
|
|
import UnenrolledActivityQuestStore from "UnenrolledActivityQuestStore" /* 16856 */;
|
|
import Fragment from "Fragment" /* 21 */;
|
|
import createStyles from "createStyles" /* 4836 */;
|
|
import size_mod from "module_2" /* 2 */;
|
|
|
|
let c2, dependencyMap;
|
|
|
|
let closure_12;
|
|
let metroImportDefault;
|
|
let metroRequire;
|
|
let unpackModuleId;
|
|
function QuestActivityUnenrolledModalInner(quest) {
|
|
let accessibilityRole;
|
|
let accessibilityState;
|
|
let closure_2;
|
|
let intl;
|
|
let intl3;
|
|
let intl4;
|
|
let intl5;
|
|
let intl6;
|
|
let items10;
|
|
let items11;
|
|
let items4;
|
|
let items5;
|
|
let items6;
|
|
let items7;
|
|
let items8;
|
|
let items9;
|
|
let obj14;
|
|
let obj16;
|
|
let obj17;
|
|
let state;
|
|
let tmp22;
|
|
quest = quest.quest;
|
|
dependencyMap = undefined;
|
|
let trackQuestContentClickedWithImpression;
|
|
let tmp = quest;
|
|
const tmp2 = dependencyMap;
|
|
let obj = quest(4767);
|
|
const theme = obj.useTheme();
|
|
let obj2 = quest(4538);
|
|
const tmp4 = closure_14(obj2.isThemeDark(theme));
|
|
let obj3 = quest(504);
|
|
const items = [UnenrolledActivityQuestStore];
|
|
const tmp5 = trackQuestContentClickedWithImpression(react.useState(obj3.useStateFromStores(items, () => state.getState().autoEnroll)), 2);
|
|
let checked = tmp5[0];
|
|
dependencyMap = tmp5[1];
|
|
const useGetOrFetchApplication = quest(6589).useGetOrFetchApplication;
|
|
quest(6589);
|
|
let obj4 = quest(7137);
|
|
const getOrFetchApplication = useGetOrFetchApplication(obj4.getActivityApplicationId(quest));
|
|
let obj5 = quest(10681);
|
|
const questTaskDetails = obj5.useQuestTaskDetails(quest);
|
|
const items1 = [getOrFetchApplication];
|
|
const obj6 = quest(10750);
|
|
const obj7 = { quest, taskDetails: questTaskDetails, location: QuestsExperimentLocations.QUEST_ACTIVITY_UNENROLLED_MODAL, sourceQuestContent: quest(5759).QuestContent.QUEST_ACTIVITY_UNENROLLED_MODAL };
|
|
const questsInstructionsToWinReward = obj6.useQuestsInstructionsToWinReward(obj7);
|
|
const memo = react.useMemo(() => {
|
|
let applicationIconURL = null;
|
|
const tmp = getOrFetchApplication;
|
|
if (null != getOrFetchApplication) {
|
|
const obj3 = { id: null, icon: null, size: 87 };
|
|
({ id: obj2.id, icon: obj2.icon } = tmp);
|
|
const obj = AvatarUtilsDefault;
|
|
applicationIconURL = obj.getApplicationIconURL(obj3);
|
|
}
|
|
return applicationIconURL;
|
|
}, items1);
|
|
const items2 = [quest.id];
|
|
const callback = react.useCallback(getOrFetchApplication(function*(arg0, value) {
|
|
let closure_0;
|
|
let v1;
|
|
if (c2 === 2) {
|
|
c2 = 3;
|
|
throw new TypeError("Generator functions may not be called on executing generators");
|
|
} else if (tmp2 === 3) {
|
|
if (arg0 === 1) {
|
|
throw value;
|
|
} else if (arg0 === 2) {
|
|
const obj2 = { value, done: true };
|
|
return obj2;
|
|
} else {
|
|
return { value: "HermesInternal", done: null };
|
|
}
|
|
} else {
|
|
try {
|
|
c2 = 2;
|
|
if (0 === checked) {
|
|
if (arg0 === 1) {
|
|
c2 = 3;
|
|
throw value;
|
|
} else if (arg0 === 2) {
|
|
c2 = 3;
|
|
const obj3 = { value, done: true };
|
|
return obj3;
|
|
} else {
|
|
const obj4 = { questContent: tmp3(c2[18]).QuestContent.QUEST_ACTIVITY_UNENROLLED_MODAL, questContentCTA: tmp3(c2[21]).QuestContentCTA.START_QUEST, sourceQuestContent: tmp3(c2[18]).QuestContent.QUEST_ACTIVITY_UNENROLLED_MODAL };
|
|
const enrollInQuest = tmp3(c2[20]).enrollInQuest;
|
|
const id = quest.id;
|
|
const tmp14 = tmp3(c2[20]);
|
|
checked = 1;
|
|
c2 = 1;
|
|
const obj5 = { value: enrollInQuest(id, obj4), done: false };
|
|
return obj5;
|
|
}
|
|
} else if (arg0 === 1) {
|
|
c2 = 3;
|
|
throw value;
|
|
} else if (arg0 === 2) {
|
|
c2 = 3;
|
|
const obj = { value, done: true };
|
|
return obj;
|
|
} else {
|
|
const arr = checked(c2[22]);
|
|
arr.pop();
|
|
c2 = 3;
|
|
return { value: "HermesInternal", done: null };
|
|
}
|
|
} catch (tmp8) {
|
|
c2 = 3;
|
|
throw tmp8;
|
|
}
|
|
}
|
|
}), items2);
|
|
const obj8 = quest(4548);
|
|
const checkboxA11yNative = obj8.useCheckboxA11yNative({ checked });
|
|
({ accessibilityRole, accessibilityState } = checkboxA11yNative);
|
|
const obj9 = quest(10681);
|
|
const isQuestAccessSuspended = obj9.useIsQuestAccessSuspended();
|
|
const obj10 = quest(10749);
|
|
trackQuestContentClickedWithImpression = obj10.useTrackQuestContentClickedWithImpression();
|
|
const items3 = [quest.id, trackQuestContentClickedWithImpression];
|
|
const callback1 = react.useCallback(() => {
|
|
const obj = { questId: quest.id, questContent: QuestTypes.QuestContent.QUEST_ACTIVITY_UNENROLLED_MODAL, questContentCTA: AnalyticsTypes.QuestContentCTA.QUEST_ACCESS_SUSPENDED, sourceQuestContent: QuestTypes.QuestContent.QUEST_ACTIVITY_UNENROLLED_MODAL };
|
|
trackQuestContentClickedWithImpression(obj);
|
|
openQuestAccessSuspendedBottomSheetDefault();
|
|
}, items3);
|
|
const obj11 = { direction: "vertical", align: "center", justify: "center", style: tmp4.container, children: items8 };
|
|
const obj12 = { style: tmp4.content, children: items5 };
|
|
const obj13 = { style: tmp4.baseShadow, children: closure_12(closure_7, obj14) };
|
|
let tmp19Result = null != memo;
|
|
obj14 = { style: tmp4.imagesContainer, children: items4 };
|
|
const Stack = quest(5279).Stack;
|
|
if (tmp19Result) {
|
|
const obj15 = { style: tmp4.appIconContainer, children: closure_11(checked(5899), obj16) };
|
|
obj16 = { source: obj17, style: tmp4.appIcon };
|
|
obj17 = { uri: memo };
|
|
tmp19Result = tmp19(tmp18, obj15);
|
|
}
|
|
items4 = [tmp19Result, ];
|
|
const obj18 = { style: tmp4.rewardTileContainer, children: closure_11(checked(10745), size) };
|
|
size = { quest, height: 87, width: 87, style: tmp4.questRewardTile };
|
|
items4[1] = closure_11(closure_7, obj18);
|
|
items5 = [closure_11(tmp18, obj13), ];
|
|
const obj19 = { style: tmp4.textContainer, children: items6 };
|
|
const obj20 = { variant: "heading-xl/bold", color: "mobile-text-heading-primary", style: { textAlign: "center" }, children: intl.string(tmp(1115).t.IrNgN4) };
|
|
const Text = tmp(4832).Text;
|
|
intl = tmp(1115).intl;
|
|
items6 = [closure_11(Text, obj20), ];
|
|
const obj21 = { variant: "text-sm/normal", color: "text-subtle", style: { textAlign: "center" }, children: items7 };
|
|
const Text2 = tmp(4832).Text;
|
|
const intl2 = tmp(1115).intl;
|
|
items7 = [, , ];
|
|
const obj22 = { questName: quest.config.messages.questName };
|
|
items7[0] = intl2.format(tmp(1115).t.V3NSJx, obj22);
|
|
items7[1] = "\u00A0";
|
|
items7[2] = questsInstructionsToWinReward;
|
|
items6[1] = closure_12(Text2, obj21);
|
|
items5[1] = closure_12(closure_7, obj19);
|
|
items8 = [tmp17(tmp18, obj12), ];
|
|
const obj23 = { style: tmp4.footer, children: items10 };
|
|
const obj24 = { style: tmp4.buttonsContainer, children: items9 };
|
|
const obj25 = { size: "lg", text: intl3.string(tmp(1115).t.l7E81v), onPress: callback, disabled: isQuestAccessSuspended, onPressDisabled: tmp22 };
|
|
const Button = tmp(5281).Button;
|
|
intl3 = tmp(1115).intl;
|
|
tmp22 = undefined;
|
|
if (isQuestAccessSuspended) {
|
|
tmp22 = callback1;
|
|
}
|
|
items9 = [closure_11(Button, obj25), ];
|
|
const obj26 = {
|
|
size: "lg",
|
|
text: intl4.string(tmp(1115).t.fyT2ol),
|
|
onPress() {
|
|
const obj = QuestActionCreators;
|
|
const result = obj.dismissQuestActivityModal(quest.id);
|
|
const arr = ModalActionCreatorsDefault;
|
|
arr.pop();
|
|
},
|
|
variant: "secondary"
|
|
};
|
|
const Button2 = tmp(5281).Button;
|
|
intl4 = tmp(1115).intl;
|
|
items9[1] = closure_11(Button2, obj26);
|
|
items10 = [tmp17(tmp18, obj24), ];
|
|
const obj27 = {
|
|
accessibilityRole,
|
|
accessibilityLabel: intl5.string(tmp(1115).t["931n1T"]),
|
|
accessibilityState,
|
|
onPress() {
|
|
closure_2(!first);
|
|
const obj = QuestActionCreators;
|
|
obj.setAutoEnroll(!first);
|
|
},
|
|
style: { alignSelf: "center", flexDirection: "row", alignItems: "center", gap: 8 },
|
|
children: items11
|
|
};
|
|
intl5 = tmp(1115).intl;
|
|
items11 = [closure_11(tmp(5929).FormCheckbox, { checked }), ];
|
|
const obj28 = { variant: "text-sm/normal", color: "text-subtle", children: intl6.string(tmp(1115).t["931n1T"]) };
|
|
const Text3 = tmp(4832).Text;
|
|
intl6 = tmp(1115).intl;
|
|
items11[1] = closure_11(Text3, obj28);
|
|
items10[1] = closure_12(closure_6, obj27);
|
|
items8[1] = closure_12(closure_7, obj23);
|
|
return closure_12(Stack, obj11);
|
|
}
|
|
function CloseButton() {
|
|
let intl;
|
|
const obj = {
|
|
source: AssetRegistryDefault,
|
|
onPress() {
|
|
const arr = ModalActionCreatorsDefault;
|
|
return arr.pop();
|
|
},
|
|
accessibilityLabel: intl.string(intl7.t.cpT0Cq)
|
|
};
|
|
const HeaderActionButton = HeaderActionButton2.HeaderActionButton;
|
|
intl = intl7.intl;
|
|
return unpackModuleId(HeaderActionButton, obj);
|
|
}
|
|
({ Pressable: metroRequire, View: metroImportDefault } = react_native);
|
|
const QuestsExperimentLocations = QuestConstants.QuestsExperimentLocations;
|
|
({ jsx: unpackModuleId, jsxs: closure_12 } = Fragment);
|
|
const constants = { MAIN: "main" };
|
|
let closure_14 = createStyles.createStyles((arg0) => {
|
|
let items2;
|
|
let items3;
|
|
let obj13;
|
|
let obj14;
|
|
let obj3;
|
|
let obj9;
|
|
let tmp5;
|
|
const obj = { container: { flex: 1, paddingHorizontal: nativeDefault.space.PX_24, paddingVertical: nativeDefault.space.PX_16, paddingBottom: nativeDefault.space.PX_48 }, content: { marginTop: "auto" }, imagesContainer: obj3, baseShadow: tmp5, appIconContainer: obj13, appIcon: size, rewardTileContainer: obj14, questRewardTile: { borderRadius: nativeDefault.radii.xl - 2.18 }, textContainer: { alignItems: "center", gap: nativeDefault.space.PX_8 }, buttonsContainer: { flexDirection: "column", gap: nativeDefault.space.PX_8, marginBottom: 20 }, footer: { flexDirection: "column", width: "100%", marginTop: "auto" } };
|
|
({ flex: 1, paddingHorizontal: nativeDefault.space.PX_24, paddingVertical: nativeDefault.space.PX_16, paddingBottom: nativeDefault.space.PX_48 });
|
|
obj3 = { flexDirection: "row", justifyContent: "center", alignItems: "center", marginBottom: nativeDefault.space.PX_32 };
|
|
const obj4 = utils_PlatformUtils;
|
|
if (obj4.isIOS()) {
|
|
let obj6;
|
|
if (arg0) {
|
|
obj6 = { shadowColor: "rgb(144, 144, 251)", shadowOffset: { width: 0, height: 0 }, shadowOpacity: 0.6, shadowRadius: 85 };
|
|
const obj5 = { shadowColor: "rgb(144, 144, 251)", shadowOffset: { width: 0, height: 0 }, shadowOpacity: 0.6, shadowRadius: 85 };
|
|
} else {
|
|
obj6 = {};
|
|
}
|
|
obj9 = obj6;
|
|
} else {
|
|
let items1;
|
|
if (arg0) {
|
|
const items = [{ dropShadow: { standardDeviation: "85px", color: "rgba(144, 144, 251, 0.65)", offsetX: 0, offsetY: 0 } }, ];
|
|
const obj7 = { dropShadow: { standardDeviation: "85px", color: "rgba(144, 144, 251, 0.65)", offsetX: 0, offsetY: 0 } };
|
|
const obj8 = { dropShadow: { standardDeviation: "85px", color: "rgba(144, 144, 250, 0.41)", offsetX: 0, offsetY: 0 } };
|
|
items[1] = obj8;
|
|
items1 = items;
|
|
} else {
|
|
items1 = [];
|
|
}
|
|
obj9 = { filter: items1 };
|
|
}
|
|
const merged = Object.assign(obj9);
|
|
const obj10 = {};
|
|
const tmp3Result = utils_PlatformUtils;
|
|
if (tmp3Result.isIOS()) {
|
|
let obj12;
|
|
if (arg0) {
|
|
obj12 = { shadowColor: "rgb(144, 144, 250)", shadowOffset: { width: 0, height: 16 }, shadowOpacity: 0.4, shadowRadius: 85 };
|
|
const obj11 = { shadowColor: "rgb(144, 144, 250)", shadowOffset: { width: 0, height: 16 }, shadowOpacity: 0.4, shadowRadius: 85 };
|
|
} else {
|
|
obj12 = {};
|
|
}
|
|
const merged1 = Object.assign(obj12);
|
|
tmp5 = obj10;
|
|
} else {
|
|
tmp5 = obj10;
|
|
}
|
|
obj13 = { borderRadius: nativeDefault.radii.xl, borderWidth: 2.18, borderColor: "rgba(151, 151, 159, 0.24)", borderStyle: "solid", transform: items2, overflow: "hidden" };
|
|
items2 = [{ rotate: "-12.41deg" }];
|
|
size = { width: 87, height: 87, borderRadius: tmp(576).radii.xl - 2.18 };
|
|
obj14 = { borderWidth: 2.18, borderColor: "rgba(151, 151, 159, 0.24)", borderRadius: nativeDefault.radii.xl, borderStyle: "solid", transform: items3, overflow: "hidden" };
|
|
items3 = [{ translateX: -10 }, { rotate: "7.81deg" }];
|
|
({ borderRadius: nativeDefault.radii.xl - 2.18 });
|
|
({ alignItems: "center", gap: nativeDefault.space.PX_8 });
|
|
({ flexDirection: "column", gap: nativeDefault.space.PX_8, marginBottom: 20 });
|
|
return obj;
|
|
});
|
|
let size = size_mod;
|
|
let result = size.fileFinishedImporting("modules/quests/native/QuestActivityUnenrolledModal.tsx");
|
|
|
|
export default function QuestActivityUnenrolledModal(questId) {
|
|
questId = questId.questId;
|
|
let obj = questId(504);
|
|
const items = [QuestStore];
|
|
const stateFromStores = obj.useStateFromStores(items, () => QuestStore.getQuest(questId));
|
|
const tmp = questId;
|
|
if (null == stateFromStores) {
|
|
return null;
|
|
} else {
|
|
const obj2 = {};
|
|
const obj3 = {
|
|
headerLeft: CloseButton,
|
|
headerRight() {
|
|
return null;
|
|
},
|
|
headerTitle() {
|
|
let intl;
|
|
const obj = { variant: "redesign/heading-18/bold", color: "mobile-text-heading-primary", children: intl.string(questId(dependencyMap[30]).t.l7E81v) };
|
|
const Text = questId(dependencyMap[29]).Text;
|
|
intl = questId(dependencyMap[30]).intl;
|
|
return closure_1_11(Text, obj);
|
|
},
|
|
render() {
|
|
let quest;
|
|
let obj = {
|
|
questOrQuests: stateFromStores,
|
|
questContent: QuestTypes.QuestContent.QUEST_ACTIVITY_UNENROLLED_MODAL,
|
|
sourceQuestContent: QuestTypes.QuestContent.QUEST_ACTIVITY_UNENROLLED_MODAL,
|
|
children() {
|
|
const obj = { quest };
|
|
return closure_2_11(QuestActivityUnenrolledModalInner, obj);
|
|
}
|
|
};
|
|
const QuestContentImpressionTrackerNative = QuestContentImpressionTracker.QuestContentImpressionTrackerNative;
|
|
return unpackModuleId(QuestContentImpressionTrackerNative, obj);
|
|
}
|
|
};
|
|
obj2[constants.MAIN] = obj3;
|
|
const obj4 = { screens: obj2, initialRouteName: constants.MAIN };
|
|
return closure_11(tmp(10769).Modal, obj4);
|
|
}
|
|
};
|