97 lines
4.0 KiB
TypeScript
97 lines
4.0 KiB
TypeScript
// Metro module 6226 (f6227).
|
|
import { View } from "react-native";
|
|
import { PremiumTypes, SubscriptionIntervalTypes } from "../PremiumConstants";
|
|
import { getPremiumGradientColor } from "../../colors/native/ColorConstants";
|
|
import { createStyles } from "../../../design/components/Styles/native/createStyles";
|
|
import Module6228 from "../../../_bundle/Module6228";
|
|
import Module6229 from "../../../_bundle/Module6229";
|
|
import PremiumUtils, { getPlanIdForPremiumType, getPremiumTypeDisplayName } from "../../../utils/PremiumUtils";
|
|
import Module4611 from "../../../_bundle/Module4611";
|
|
import { HorizontalGradient } from "../../../ConstantsIOS";
|
|
import FastImage from "../../../components_native/common/FastImage";
|
|
import Module6230 from "../../../_bundle/Module6230";
|
|
import Module6231 from "../../../_bundle/Module6231";
|
|
import Module6232 from "../../../_bundle/Module6232";
|
|
import { PremiumPill } from "../../user_settings/premium/native/PremiumPill";
|
|
import Module6246 from "../../../_bundle/Module6246";
|
|
import Module6247 from "../../../_bundle/Module6247";
|
|
import Module6248 from "../../../_bundle/Module6248";
|
|
const useStyles = createStyles({
|
|
header: {
|
|
height: 112,
|
|
justifyContent: "center",
|
|
alignItems: "center"
|
|
},
|
|
logoContainer: {
|
|
position: "absolute",
|
|
top: 16,
|
|
left: 16
|
|
},
|
|
imgWumpus: {
|
|
position: "absolute",
|
|
height: 90
|
|
},
|
|
imgWumpusRight: {
|
|
transform: [{
|
|
scaleX: -1
|
|
}]
|
|
},
|
|
imgWumpusBottom: {
|
|
bottom: 0
|
|
},
|
|
discountPill: {
|
|
marginTop: 10
|
|
}
|
|
});
|
|
export default function PremiumPlanActionSheetHeader(props) {
|
|
let r115, props3, style;
|
|
const { premiumType, trialOffer, discountOffer } = props;
|
|
const styles = useStyles();
|
|
const r1 = trialOffer != null && trialOffer.subscription_trial?.sku_id === PremiumUtils.getSkuIdForPremiumType(premiumType);
|
|
const planIdForPremiumType = getPlanIdForPremiumType(premiumType, SubscriptionIntervalTypes.MONTH);
|
|
let r17 = discountOffer != null;
|
|
if (r17) {
|
|
const discount = discountOffer.discount;
|
|
r17 = discount == null ? void 0 : discount.planIds.includes(planIdForPremiumType);
|
|
}
|
|
const props2 = {
|
|
style: styles.header,
|
|
colors: getPremiumGradientColor(premiumType),
|
|
start: HorizontalGradient.START,
|
|
end: HorizontalGradient.END,
|
|
accessible: true,
|
|
accessibilityRole: "header",
|
|
accessibilityLabel: getPremiumTypeDisplayName(premiumType),
|
|
children: null
|
|
};
|
|
const children = [(PremiumTypes.TIER_0 === premiumType ? Module6228 : PremiumTypes.TIER_1 !== premiumType ? PremiumTypes.TIER_2 === premiumType ? Module6229 : void 0 : null) && <FastImage source={PremiumTypes.TIER_0 === premiumType ? Module6228 : PremiumTypes.TIER_1 !== premiumType ? PremiumTypes.TIER_2 === premiumType ? Module6229 : void 0 : null} />, <View style={styles.logoContainer}>
|
|
<FastImage source={PremiumTypes.TIER_0 === premiumType ? Module6230 : PremiumTypes.TIER_1 === premiumType ? Module6231 : PremiumTypes.TIER_2 === premiumType ? Module6232 : void 0} resizeMode="contain" />
|
|
{r1 ? <PremiumPill style={styles.discountPill} trialOffer={trialOffer} premiumType={premiumType} useWhiteBackground hideTrialCountdown /> : null}
|
|
{r17 ? <PremiumPill style={styles.discountPill} discountOffer={discountOffer} premiumType={premiumType} shouldShowDiscountUpsell useWhiteBackground /> : null}
|
|
</View>, ,];
|
|
const source = PremiumTypes.TIER_0 === premiumType ? Module6246 : PremiumTypes.TIER_1 === premiumType ? Module6247 : PremiumTypes.TIER_2 === premiumType ? Module6248 : void 0;
|
|
L41: {
|
|
props3 = {
|
|
source,
|
|
style: null,
|
|
resizeMode: "contain"
|
|
};
|
|
style = [styles.imgWumpus, ,];
|
|
if (PremiumTypes.TIER_0 !== premiumType && PremiumTypes.TIER_1 !== premiumType) {
|
|
const TIER_2 = PremiumTypes.TIER_2;
|
|
r115 = void 0;
|
|
if (TIER_2 !== premiumType) {
|
|
break L41;
|
|
}
|
|
r115 = styles.imgWumpusRight;
|
|
} else {
|
|
r115 = styles.imgWumpusBottom;
|
|
}
|
|
}
|
|
style[1] = r115;
|
|
props3.style = style;
|
|
children[2] = <FastImage {...props3} />;
|
|
props2.children = children;
|
|
return <Module4611 {...props2} />;
|
|
};
|