yeet

modules/premium/fractional/native/BoostingCountDownPill.tsx

@@ -0,0 +1,63 @@
+// Metro module 12547 (f12548).
+import { TouchableOpacity, View } from "react-native";
+import { createStyles } from "../../../../design/components/Styles/native/createStyles";
+import Module712 from "../../../../_bundle/Module712";
+import ActionSheetActionCreators from "../../../action_sheet/native/ActionSheetActionCreators";
+import { intl, t } from "../../../../intl/index.native";
+import { Text } from "../../../../design/components/Text/native/Text";
+let useStyles;
+const handlePress = function handlePress() {
+  ActionSheetActionCreators.openLazy(import("./NitroCreditEducationActionSheet"), "NitroCreditEducationActionSheet", {
+    aboutText: intl.string(t["07lzz7"])
+  });
+};
+useStyles = createStyles({
+  fractionalPremiumBanner: {
+    backgroundColor: Module712.colors.BACKGROUND_SURFACE_HIGH,
+    flexDirection: "row",
+    gap: 12,
+    padding: 12,
+    justifyContent: "center",
+    borderColor: Module712.colors.STATUS_WARNING,
+    borderWidth: 1,
+    borderRadius: Module712.radii.lg,
+    marginBottom: 12
+  },
+  fpDurationPill: {
+    flex: 1,
+    paddingVertical: 12,
+    paddingHorizontal: 27,
+    backgroundColor: Module712.colors.BACKGROUND_MOD_STRONG,
+    borderRadius: Module712.radii.xxl,
+    justifyContent: "center"
+  },
+  fpDurationText: {
+    textAlign: "center",
+    color: "#FFEAA0"
+  },
+  fpUnavailable: {
+    flex: 1,
+    justifyContent: "center"
+  },
+  fpUnavailableTextNoCountdown: {
+    textAlign: "center"
+  }
+});
+export default function BoostingCountDownPill(props) {
+  const { fpDurationText, isInReverseTrial, style } = props;
+  const styles = useStyles();
+  return <TouchableOpacity activeOpacity={0.7} onPress={isInReverseTrial ? void 0 : handlePress}>
+    <View style={[styles.fractionalPremiumBanner, style]}>
+      {isInReverseTrial ? !isInReverseTrial : <View style={styles.fpDurationPill}>
+        <Text variant="text-sm/bold" style={styles.fpDurationText}>
+          {fpDurationText.toUpperCase()}
+        </Text>
+      </View>}
+      <View style={styles.fpUnavailable}>
+        <Text variant="text-md/normal" color="interactive-text-active" style={isInReverseTrial ? styles.fpUnavailableTextNoCountdown : void 0}>
+          {intl.string(t["5nrJDO"])}
+        </Text>
+      </View>
+    </View>
+  </TouchableOpacity>;
+};

modules/premium/fractional/native/LargeCountDownPill.tsx

@@ -0,0 +1,50 @@
+// Metro module 12493 (f12494).
+import { TouchableOpacity, View } from "react-native";
+import { createStyles } from "../../../../design/components/Styles/native/createStyles";
+import Module712 from "../../../../_bundle/Module712";
+import ToastActionCreators from "../../../toast/native/ToastActionCreators";
+import { intl, t } from "../../../../intl/index.native";
+import { CircleInformationIcon } from "../../../../design/components/Icon/native/redesign/generated/CircleInformationIcon";
+import { Text } from "../../../../design/components/Text/native/Text";
+const useStyles = createStyles({
+  largeCountdownPill: {
+    flexDirection: "row",
+    justifyContent: "center",
+    alignItems: "center",
+    borderRadius: Module712.radii.round,
+    backgroundColor: "rgba(255, 255, 255, 0.1)",
+    alignSelf: "center",
+    paddingHorizontal: 16,
+    marginBottom: 10
+  },
+  largeCountdownPillText: {
+    paddingVertical: 8,
+    color: Module712.colors.TEXT_STATUS_IDLE,
+    fontSize: 14,
+    lineHeight: 16,
+    marginRight: 8
+  },
+  iconStyle: {
+    width: 16,
+    height: 16
+  }
+});
+export default function LargeCountDownPill(props) {
+  const countdownText = props.countdownText;
+  const styles = useStyles();
+  return <TouchableOpacity onPress={function onPress() {
+    ToastActionCreators.open({
+      key: "LARGE_COUNTDOWN_PILL_TOAST",
+      content: intl.string(t["Mv4E/M"]),
+      icon: () => <CircleInformationIcon style={styles.iconStyle} color={Module712.colors.STATUS_WARNING} />,
+      iconColor: Module712.colors.STATUS_WARNING
+    });
+  }}>
+    <View style={styles.largeCountdownPill}>
+      <Text variant="text-xs/bold" style={styles.largeCountdownPillText}>
+        {countdownText.toUpperCase()}
+      </Text>
+      <CircleInformationIcon style={styles.iconStyle} color={Module712.colors.TEXT_STATUS_IDLE} />
+    </View>
+  </TouchableOpacity>;
+};

modules/premium/fractional/native/NitroCreditEducationActionSheet.tsx

@@ -0,0 +1,54 @@
+// Metro module 12548 (f12549).
+import { View } from "react-native";
+import { HelpdeskArticles } from "../../../../Constants";
+import { createStyles } from "../../../../design/components/Styles/native/createStyles";
+import Module712 from "../../../../_bundle/Module712";
+import { BottomSheet } from "../../../../design/components/Sheet/native/BottomSheet.native";
+import { CircleErrorIcon } from "../../../../design/components/Icon/native/redesign/generated/CircleErrorIcon";
+import { Text } from "../../../../design/components/Text/native/Text";
+import { intl, t } from "../../../../intl/index.native";
+import HelpdeskUtils from "../../../../utils/HelpdeskUtils";
+const useStyles = createStyles({
+  container: {
+    marginTop: 32,
+    marginHorizontal: 30
+  },
+  aboutContainer: {
+    flexDirection: "row",
+    backgroundColor: Module712.colors.BACKGROUND_MOD_SUBTLE,
+    justifyContent: "center",
+    borderRadius: Module712.radii.lg,
+    marginBottom: 12
+  },
+  warningIcon: {
+    margin: 16
+  },
+  aboutTextContainer: {
+    justifyContent: "center",
+    flex: 1,
+    marginRight: 30
+  },
+  helpdeskText: {
+    textAlign: "center",
+    marginBottom: 24
+  }
+});
+export default function NitroCreditEducationActionSheet(props) {
+  const aboutText = props.aboutText;
+  const styles = useStyles();
+  return <BottomSheet>
+    <View style={styles.container}>
+      <View style={styles.aboutContainer}>
+        <CircleErrorIcon size="lg" style={styles.warningIcon} />
+        <View style={styles.aboutTextContainer}>
+          <Text variant="text-sm/medium" color="text-overlay-light">{aboutText}</Text>
+        </View>
+      </View>
+      <Text variant="text-sm/medium" color="text-overlay-light" style={styles.helpdeskText}>
+        {intl.format(t.bg3jBj, {
+          helpCenterLink: HelpdeskUtils.getArticleURL(HelpdeskArticles.FRACTIONAL_PREMIUM_ABOUT)
+        })}
+      </Text>
+    </View>
+  </BottomSheet>;
+};