112 lines
3.9 KiB
TypeScript
112 lines
3.9 KiB
TypeScript
// 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;
|
|
};
|