// 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;
};