yeet

modules/quests/native/QuestEnrollmentBlockedBottomSheet/QuestEnrollmentBlockedBottomSheet.tsx

@@ -0,0 +1,63 @@
+// Metro module 14191 (f14192).
+import { View } from "react-native";
+import QuestStore from "../../QuestStore";
+import { createStyles } from "../../../../design/components/Styles/native/createStyles";
+import Module712 from "../../../../_bundle/Module712";
+import { useStateFromStores } from "../../../../_bundle/Module589";
+import { QuestContentImpressionTrackerNative } from "../QuestContentImpressionTracker.native";
+import { QuestContent } from "../../QuestTypes";
+import useCountdown from "../../../../hooks/useCountdown";
+import { BottomSheet } from "../../../../design/components/Sheet/native/BottomSheet.native";
+import { Text } from "../../../../design/components/Text/native/Text";
+import { intl, t } from "../../../../intl/index.native";
+let useStyles;
+const QuestEnrollmentBlockedBottomSheet = function QuestEnrollmentBlockedBottomSheet(props) {
+  const questEnrollmentBlockedUntil2 = props.questEnrollmentBlockedUntil;
+  const styles = useStyles();
+  let r30 = questEnrollmentBlockedUntil2;
+  if (r30 == null) {
+    r30 = new Date();
+  }
+  const countdown = useCountdown(r30);
+  const { hours, minutes, seconds } = countdown;
+  const r20 = String(hours).padStart(2, "0");
+  const r19 = String(minutes).padStart(2, "0");
+  const r18 = String(seconds).padStart(2, "0");
+  return questEnrollmentBlockedUntil2 == null ? null : <BottomSheet header={<View style={styles.heading}>
+    <Text variant="heading-xl/bold">
+      {intl.string(t["XEHDT/"])}
+    </Text>
+  </View>} footer={null} startExpanded>
+    <View style={styles.container}>
+      <Text variant="text-md/normal">
+        {intl.formatToPlainString(t["+5XVH+"], {
+          countdownString: `${r20}:${r19}:${r18}`
+        })}
+      </Text>
+    </View>
+  </BottomSheet>;
+};
+useStyles = createStyles({
+  heading: {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    paddingHorizontal: Module712.space.PX_16,
+    paddingTop: Module712.space.PX_16,
+    gap: Module712.space.PX_24
+  },
+  container: {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    paddingHorizontal: Module712.space.PX_16,
+    paddingBottom: Module712.space.PX_32
+  }
+});
+export default function QuestEnrollmentBlockedBottomSheetConnected(props) {
+  const { questId, questEnrollmentBlockedUntil, questContentPosition, sourceQuestContent } = props;
+  const stateFromStores = useStateFromStores([QuestStore], () => QuestStore.getQuest(questId));
+  return stateFromStores != null ? <QuestContentImpressionTrackerNative overrideVisibility questOrQuests={stateFromStores} questContent={QuestContent.QUEST_ENROLLMENT_BLOCKED_BOTTOM_SHEET} questContentPosition={questContentPosition} sourceQuestContent={sourceQuestContent}>
+    {() => <QuestEnrollmentBlockedBottomSheet questId={questId} questEnrollmentBlockedUntil={questEnrollmentBlockedUntil} sourceQuestContent={sourceQuestContent} />}
+  </QuestContentImpressionTrackerNative> : null;
+};