57 lines
2.3 KiB
TypeScript
57 lines
2.3 KiB
TypeScript
// Metro module 9788 (f9789).
|
|
import { useCallback } from "react";
|
|
import { View } from "react-native";
|
|
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
|
|
import Module712 from "../../../../_bundle/Module712";
|
|
import { useNativeGiftContext } from "../../../payments/native/NativeGiftContext";
|
|
import { useNavigation } from "../../../../design/components/Navigator/native/useNavigation.native";
|
|
import { GiftingBadgeExperiment } from "../../gifting/experiments/GiftingBadgeExperiment";
|
|
import { PremiumGiftScreens } from "./PremiumGiftModal";
|
|
import { Button } from "../../../../design/components/Button/native/Button.native";
|
|
import { intl, t } from "../../../../intl/index.native";
|
|
import PremiumGifting_messages from "../../gifting/PremiumGifting.messages";
|
|
import PremiumGiftBackgroundAnimation_android from "./PremiumGiftBackgroundAnimation.android";
|
|
import { Text } from "../../../../design/components/Text/native/Text";
|
|
const useStyles = createStyles({
|
|
title: {
|
|
marginTop: Module712.space.PX_24,
|
|
textAlign: "center"
|
|
},
|
|
description: {
|
|
marginTop: Module712.space.PX_8,
|
|
textAlign: "center"
|
|
}
|
|
});
|
|
export default function PremiumGiftDMSuccessBody() {
|
|
const styles = useStyles();
|
|
return <>
|
|
<View>
|
|
<PremiumGiftBackgroundAnimation_android giftStyle={useNativeGiftContext().giftStyle} />
|
|
</View>
|
|
<Text style={styles.title} variant="heading-lg/bold">
|
|
{intl.string(t.MqZXbv)}
|
|
</Text>
|
|
<Text style={styles.description} variant="text-md/medium">
|
|
{intl.string(t.Y1keV0)}
|
|
</Text>
|
|
</>;
|
|
};
|
|
export function PremiumGiftDMSuccessActions() {
|
|
const nativeGiftContext = useNativeGiftContext();
|
|
const { onClose, prePurchaseGiftingBadgeProgress } = nativeGiftContext;
|
|
const navigation = useNavigation();
|
|
const enabled = GiftingBadgeExperiment.useConfig({
|
|
location: "PremiumGiftDMSuccessActions"
|
|
}).enabled;
|
|
const callback = useCallback(() => {
|
|
if (enabled && prePurchaseGiftingBadgeProgress != null) {
|
|
navigation.navigate(PremiumGiftScreens.GIFTING_BADGE, {
|
|
currentProgress: prePurchaseGiftingBadgeProgress
|
|
});
|
|
} else {
|
|
onClose();
|
|
}
|
|
}, [enabled, prePurchaseGiftingBadgeProgress, navigation, onClose]);
|
|
return <Button text={intl.string(PremiumGifting_messages.bGKjmg)} variant="primary" onPress={callback} />;
|
|
}
|