// Module ID: 12582
// Function ID: 12583
// Name: PremiumPlanSelectYearlyUpsellModal
// Dependencies: [32, 19, 17, 1946, 5672, 12573, 1876, 505, 21, 4189, 5109, 5030, 6250, 589, 1851, 4618, 12583, 1297, 1236, 3835, 4600, 2]
// Exports: default

// Module 12582 (PremiumPlanSelectYearlyUpsellModal)
import _slicedToArray from "_slicedToArray";
import getPremiumPlanItem from "getPremiumPlanItem";
import get_ActivityIndicator from "Button";
import _getSystemLocale from "_getSystemLocale";
import updateProduct from "updateProduct";
import { usePremiumPlanSelectStore } from "usePremiumPlanSelectStore";
import { PREMIUM_YEARLY_DISCOUNT_PERCENT as closure_10 } from "GuildFeatures";
import jsxProd from "set";
import createCacheKey from "createCacheKey";

let c5;
let closure_12;
let closure_6;
let unpackModuleId;
const require = arg1;
({ Image: c5, View: closure_6 } = get_ActivityIndicator);
({ jsx: unpackModuleId, jsxs: closure_12 } = jsxProd);
createCacheKey = { container: { marginHorizontal: 26 }, image: { alignSelf: "center", marginVertical: 32 }, header: null, description: null, upsellButton: null, continueButton: null, cancelButton: null };
createCacheKey = {};
const merged = Object.assign(require("createTextStyle")(require("sum").Fonts.DISPLAY_EXTRABOLD, undefined, 24));
createCacheKey.alignSelf = "center";
createCacheKey.textAlign = "center";
createCacheKey.paddingBottom = 8;
createCacheKey.color = require("result").DARK_WHITE_500_LIGHT_BLACK_500;
createCacheKey[2] = createCacheKey;
createCacheKey[3] = { alignSelf: "center", textAlign: "center", paddingBottom: 32, color: require("result").DARK_WHITE_500_LIGHT_BLACK_500 };
createCacheKey[4] = { marginBottom: 16 };
createCacheKey[5] = { marginBottom: 4 };
createCacheKey[6] = { marginTop: 8, marginBottom: 4 };
createCacheKey = createCacheKey.createStyles(createCacheKey);
let obj1 = { alignSelf: "center", textAlign: "center", paddingBottom: 32, color: require("result").DARK_WHITE_500_LIGHT_BLACK_500 };
const result = require("get ActivityIndicator").fileFinishedImporting("modules/premium/native/PremiumPlanSelectYearlyUpsellModal.tsx");

export default function PremiumPlanSelectYearlyUpsellModal(arg0) {
  let c3;
  let dependencyMap;
  let importDefault;
  let onClose;
  let orderPriceString;
  let productId;
  let tmp4;
  ({ onClose, productId } = arg0);
  ({ orderPriceString, continueWithUpsell: importDefault, continueWithDefault: dependencyMap } = arg0);
  let callback;
  let React;
  const tmp = createCacheKey();
  const tmp2 = usePremiumPlanSelectStore((isPurchasing) => isPurchasing.isPurchasing);
  let obj = React;
  [tmp4, c3] = callback(React.useState(null), 2);
  let obj1 = productId(6250);
  const premiumBundledItemsFromProductId = obj1.getPremiumBundledItemsFromProductId(productId);
  let obj2 = productId(589);
  let items = [_getSystemLocale];
  const stateFromStores = obj2.useStateFromStores(items, () => locale.locale);
  let obj3 = productId(589);
  const items1 = [updateProduct];
  const tmp9 = callback(obj3.useStateFromStoresArray(items1, () => {
    const items = [outer1_8.getProduct(productId), outer1_8.isBusy()];
    return items;
  }), 2);
  const first = tmp9[0];
  let tmp11 = tmp2;
  if (!tmp2) {
    tmp11 = tmp9[1];
  }
  const premiumTier = premiumBundledItemsFromProductId.premiumTier;
  if (orderPriceString == null) {
    let priceString;
    if (first != null) {
      priceString = first.priceString;
    }
    orderPriceString = priceString;
  }
  React = tmp13;
  const effect = obj.useEffect(() => {
    if (c4) {
      callback2();
    }
  });
  if (null == premiumTier || null == orderPriceString) {
    return null;
  } else {
    let tmp5Result = tmp5(1851);
    const formatPercentResult = tmp5Result.formatPercent(stateFromStores, closure_10 / 100);
    obj = { onClose: null, noDefaultButtons: true, children: null };
    obj[0] = onClose;
    obj = { style: null, children: null };
    obj[0] = tmp.container;
    obj1 = { style: null, source: null };
    obj1[0] = tmp.image;
    obj1[1] = importDefault(12583);
    const items2 = [callback2(closure_5, obj1), , , , , ];
    obj2 = { style: null, accessibilityRole: "header", children: null };
    obj2[0] = tmp.header;
    const intl = tmp5(1236).intl;
    obj3 = { discountPercentage: null, planName: null };
    obj3[0] = formatPercentResult;
    tmp5Result = tmp5(3835);
    obj3[1] = tmp5Result.getPremiumTypeDisplayName(premiumTier);
    obj2[2] = intl.format(tmp5(1236).t.LQCVfK, obj3);
    items2[1] = callback2(tmp5(1297).LegacyText, obj2);
    const obj4 = { style: null, children: null };
    obj4[0] = tmp.description;
    const intl2 = tmp5(1236).intl;
    const obj5 = { discountPercentage: null };
    obj5[0] = formatPercentResult;
    obj4[1] = intl2.format(tmp5(1236).t["7chOVL"], obj5);
    items2[2] = callback2(tmp5(1297).LegacyText, obj4);
    const obj6 = { style: null, children: null };
    obj6[0] = tmp.upsellButton;
    const obj7 = { variant: "active", text: null, onPress: null, disabled: null, loading: null };
    const intl3 = tmp5(1236).intl;
    const obj8 = { price: null };
    obj8[0] = orderPriceString;
    obj7[1] = intl3.formatToPlainString(tmp5(1236).t.Qvq6GE, obj8);
    obj7[2] = function onPress() {
      _undefined("upsell");
      callback();
    };
    obj7[3] = tmp11;
    obj7[4] = "upsell" === tmp4 && tmp2;
    obj6[1] = callback2(tmp5(4600).Button, obj7);
    items2[3] = callback2(closure_6, obj6);
    const obj9 = { style: null, children: null };
    obj9[0] = tmp.continueButton;
    const obj10 = { variant: "secondary", text: null, onPress: null, disabled: null, loading: null };
    const intl4 = tmp5(1236).intl;
    obj10[1] = intl4.string(tmp5(1236).t.YwEyQM);
    obj10[2] = function onPress() {
      _undefined("default");
      callback2();
    };
    obj10[3] = tmp11;
    obj10[4] = "default" === tmp4 && tmp2;
    obj9[1] = callback2(tmp5(4600).Button, obj10);
    items2[4] = callback2(closure_6, obj9);
    const obj11 = { style: null, children: null };
    obj11[0] = tmp.cancelButton;
    const obj12 = { variant: "tertiary", text: null, onPress: null };
    const intl5 = tmp5(1236).intl;
    obj12[1] = intl5.string(tmp5(1236).t.cpT0Cq);
    obj12[2] = onClose;
    obj11[1] = callback2(tmp5(4600).Button, obj12);
    items2[5] = callback2(closure_6, obj11);
    obj[1] = items2;
    obj[2] = closure_12(closure_6, obj);
    return callback2(importDefault(4618), obj);
  }
  const tmp3 = callback(React.useState(null), 2);
};