yeet

modules/user_profile/native/EditCollectiblesPreviewDetails.tsx

@@ -0,0 +1,111 @@
+// Metro module 7974 (f7975).
+import { View } from "react-native";
+import LocaleStore from "../../user_settings/LocaleStore";
+import { createStyles } from "../../../design/components/Styles/native/createStyles";
+import { useStateFromStores } from "../../../_bundle/Module589";
+import PremiumUtils from "../../../utils/PremiumUtils";
+import { isPremiumCollectiblesProduct, isPremiumCollectiblesPurchase } from "../../collectibles/CollectiblesUtils";
+import { diffAsUnits } from "../../../utils/DateUtils";
+import { Text } from "../../../design/components/Text/native/Text";
+import { intl, t } from "../../../intl/index.native";
+import useCollectiblesData from "../../collectibles/hooks/useCollectiblesData";
+let useStyles;
+const EditCollectiblesPreviewDescription = function EditCollectiblesPreviewDescription(props) {
+  let r130, r140;
+  const { user, product, purchase, nitroJoinCTA, nitroUpgradeCTA } = props;
+  const stateFromStores = useStateFromStores([LocaleStore], () => LocaleStore.locale);
+  const canUseCollectibles = PremiumUtils.canUseCollectibles(user);
+  const r41 = isPremiumCollectiblesProduct(product) || isPremiumCollectiblesPurchase(purchase);
+  const r45 = canUseCollectibles ? !canUseCollectibles : isPremiumCollectiblesPurchase(purchase);
+  if (purchase != null && !r45) {
+    const r22 = purchase?.expiresAt != null ? diffAsUnits(new Date(), purchase.expiresAt) : null;
+    return <>
+      {[r22 != null && <Text variant="text-sm/medium" color="text-default">
+        {intl.format(t.Io7ozn, {
+          days: r22.days.toString()
+        })}
+      </Text>, <Text variant="text-sm/medium" color="text-default">
+        {intl.format(t.gW9R4B, {
+          date: purchase == null ? void 0 : purchase.purchasedAt.toLocaleDateString(stateFromStores, {
+            month: "long",
+            year: "numeric"
+          })
+        })}
+      </Text>, purchase?.expiresAt != null && <Text variant="text-sm/medium" color="text-default">
+        {intl.format(t.eZSTa5, {
+          date: purchase.expiresAt.toLocaleDateString(stateFromStores, {
+            minute: "numeric",
+            hour: "numeric",
+            day: "numeric",
+            month: "long",
+            year: "numeric"
+          })
+        })}
+      </Text>]}
+    </>;
+  }
+  if (r41) {
+    if (canUseCollectibles) {
+      r140 = <Text variant="text-sm/medium" color="text-default">
+        {intl.string(t.hmyYK8)}
+      </Text>;
+    } else {
+      const isPremium = PremiumUtils.isPremium(user);
+      const props2 = {
+        variant: "text-sm/medium",
+        color: "text-default",
+        children: null
+      };
+      if (isPremium) {
+        props2.children = nitroUpgradeCTA;
+        r140 = <Text {...props2} />;
+      } else {
+        props2.children = nitroJoinCTA;
+        r140 = <Text {...props2} />;
+      }
+    }
+    r130 = r140;
+  } else {
+    r130 = <Text variant="text-sm/medium" color="text-default">
+      {intl.string(t.fEGjVQ)}
+    </Text>;
+  }
+  return r130;
+};
+useStyles = createStyles({
+  productDetailsContainer: {
+    width: "100%",
+    marginTop: 16,
+    alignItems: "center",
+    gap: 2
+  }
+});
+export default function EditCollectiblesPreviewDetails(props) {
+  let r21;
+  L10: {
+    const { user, previewSkuId, nitroJoinCTA, nitroUpgradeCTA } = props;
+    const styles = useStyles();
+    const collectiblesData = useCollectiblesData(previewSkuId);
+    const { product, purchase } = collectiblesData;
+    const r2 = previewSkuId == null;
+    r21 = null;
+    if (!r2) {
+      if (product == null) {
+        const r22 = purchase == null;
+        r21 = null;
+        if (r22) {
+          break L10;
+        }
+      }
+      let r16 = product?.name;
+      if (r16 == null) {
+        r16 = purchase?.name;
+      }
+      r21 = <View style={styles.productDetailsContainer}>
+        <Text variant="text-md/bold" color="text-default">{r16}</Text>
+        <EditCollectiblesPreviewDescription user={user} product={product} purchase={purchase} nitroJoinCTA={nitroJoinCTA} nitroUpgradeCTA={nitroUpgradeCTA} />
+      </View>;
+    }
+  }
+  return r21;
+};