var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
  // If the importer is in node compatibility mode or this is not an ESM
  // file that has been converted to a CommonJS file using a Babel-
  // compatible transform (i.e. "__esModule" has not been set), then set
  // "default" to the CommonJS "module.exports" for node compatibility.
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
  mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);

// src/components/pay/toC/PaymentMethods/MWCreditCard/index.tsx
var MWCreditCard_exports = {};
__export(MWCreditCard_exports, {
  default: () => MWCreditCard_default
});
module.exports = __toCommonJS(MWCreditCard_exports);
var import_react = __toESM(require("react"));
var import_List = __toESM(require("./List"));
var import_Add = __toESM(require("./Add"));
var import_serve = require("./List/serve");
var import_TDSPay = __toESM(require("./TDSPay"));
var import_model = require("../../model");
var import_tds2 = require("./tds2");
var import_payGroup = require("../../payGroup");
var import_utils = require("@pisell/utils");
var import_materials = require("@pisell/materials");
var import_TDSErrorModal = __toESM(require("./components/TDSErrorModal"));
var import_index = require("./index.less");
var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
var MWCreditCard = (props, ref) => {
  const MWCreditCardListRef2 = (0, import_react.useRef)();
  const AddMWCreditCardRef2 = (0, import_react.useRef)();
  const TDSPayRef2 = (0, import_react.useRef)();
  const context = (0, import_useEngineContext.default)();
  const utils = context.appHelper.utils || {};
  const { token } = utils;
  const [order, setOrder] = (0, import_react.useState)(null);
  const [tdsErrorVisible, setTdsErrorVisible] = (0, import_react.useState)(false);
  const [bankVerifyFailVisible, setBankVerifyFailVisible] = (0, import_react.useState)(false);
  const [loading, setLoading] = (0, import_react.useState)(false);
  const { state } = (0, import_react.useContext)(import_model.Context);
  const init = async (res) => {
    var _a;
    setOrder(res.order);
    (_a = MWCreditCardListRef2.current) == null ? void 0 : _a.init(order);
  };
  const closeAll = () => {
    var _a, _b;
    (_a = MWCreditCardListRef2.current) == null ? void 0 : _a.close();
    (_b = AddMWCreditCardRef2.current) == null ? void 0 : _b.close();
  };
  const fastPay = async (card) => {
    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
    try {
      setLoading(true);
      (_b = (_a = utils == null ? void 0 : utils.Toast) == null ? void 0 : _a.loading) == null ? void 0 : _b.call(_a, import_utils.locales.getText("tocPay.text.checkingCard"), 0, void 0, true);
      const params = (0, import_payGroup.getPayGroupParamsFromStorage)(
        (_c = state.payGroup) == null ? void 0 : _c.order_id,
        { card_id: card.id }
      );
      if (!params) {
        (_d = state.payCallback) == null ? void 0 : _d.call(state, {
          key: "fail",
          data: {
            res: card,
            fn: "MWCreditCard.fastPay.noParams",
            message: import_utils.locales.getText("tocPay.text.getParamsFail")
          }
        });
        return;
      }
      const { data } = await (0, import_serve.fastPayNew)({
        order_id: (_e = state.payGroup) == null ? void 0 : _e.order_id,
        params
      });
      await (0, import_payGroup.setPayNumber)(
        (_f = state.payGroup) == null ? void 0 : _f.order_id,
        data == null ? void 0 : data.pay_number,
        (_g = token == null ? void 0 : token.get) == null ? void 0 : _g.call(token)
      );
      if ((data == null ? void 0 : data.type) === "token") {
        (_h = TDSPayRef2.current) == null ? void 0 : _h.init(card, order, data);
        return;
      }
      if ((data == null ? void 0 : data.type) === "3ds") {
        (_i = TDSPayRef2.current) == null ? void 0 : _i.init(card, order, data);
        return;
      }
    } catch (e) {
      if ((e == null ? void 0 : e.code) === 700500) {
        setTdsErrorVisible(true);
      } else {
        (0, import_materials.PisellToast)({ content: (e == null ? void 0 : e.message) || "", duration: 2 });
      }
    } finally {
      setLoading(false);
      (_k = (_j = utils == null ? void 0 : utils.Toast) == null ? void 0 : _j.hide) == null ? void 0 : _k.call(_j);
    }
  };
  const onCreate = async (res) => {
    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
    try {
      setLoading(true);
      (_b = (_a = utils == null ? void 0 : utils.Toast) == null ? void 0 : _a.loading) == null ? void 0 : _b.call(_a, import_utils.locales.getText("tocPay.text.checkingCard"), 0, void 0, true);
      let _cardInfo = {
        card_name: res.card_name,
        card_number: res.card_number,
        card_expiry_month: res.date.format("MM"),
        card_expiry_year: res.date.format("YY"),
        card_ccv: res.card_ccv,
        is_save: res.is_save ? 1 : 0
      };
      _cardInfo = (0, import_payGroup.getPayGroupParamsFromStorage)(
        (_c = state.payGroup) == null ? void 0 : _c.order_id,
        _cardInfo
      );
      if (!_cardInfo) {
        (_d = state.payCallback) == null ? void 0 : _d.call(state, {
          key: "fail",
          data: {
            _cardInfo,
            message: import_utils.locales.getText("tocPay.text.getParamsFail"),
            fn: "MWCreditCard.onCreate.noCardInfo"
          }
        });
        return;
      }
      const preCheckData = await (0, import_tds2.preCheckEnrollment)(
        (_e = state.payGroup) == null ? void 0 : _e.order_id,
        _cardInfo,
        (_f = token == null ? void 0 : token.get) == null ? void 0 : _f.call(token)
      );
      (_g = TDSPayRef2.current) == null ? void 0 : _g.init(res, order, preCheckData);
    } catch (e) {
      if ((e == null ? void 0 : e.code) === 700500) {
        setTdsErrorVisible(true);
      } else {
        (0, import_materials.PisellToast)({ content: (e == null ? void 0 : e.message) || "", duration: 2 });
      }
    } finally {
      setLoading(false);
      (_i = (_h = utils == null ? void 0 : utils.Toast) == null ? void 0 : _h.hide) == null ? void 0 : _i.call(_h);
    }
  };
  const handleTDSPayChange = (res) => {
    var _a;
    if ((res == null ? void 0 : res.key) === "bankVerifyFailed") {
      setBankVerifyFailVisible(true);
      return;
    }
    (_a = state.payCallback) == null ? void 0 : _a.call(state, res);
  };
  const handleUseAnotherCard = () => {
    setTdsErrorVisible(false);
    setBankVerifyFailVisible(false);
  };
  const handleUseAnotherPayment = () => {
    setTdsErrorVisible(false);
    setBankVerifyFailVisible(false);
    closeAll();
  };
  const handlePayLater = () => {
    var _a;
    setTdsErrorVisible(false);
    setBankVerifyFailVisible(false);
    closeAll();
    (_a = state.payCallback) == null ? void 0 : _a.call(state, { key: "cancel" });
  };
  (0, import_react.useImperativeHandle)(
    ref,
    () => ({
      init
    })
  );
  (0, import_react.useEffect)(() => {
  }, []);
  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
    import_List.default,
    {
      ref: MWCreditCardListRef2,
      onAdd: () => {
        var _a;
        (_a = AddMWCreditCardRef2.current) == null ? void 0 : _a.init();
      },
      onChange: fastPay,
      btnLoading: loading
    }
  ), /* @__PURE__ */ import_react.default.createElement(import_Add.default, { ref: AddMWCreditCardRef2, onCreate, shopName: props.shopName, btnLoading: loading }), /* @__PURE__ */ import_react.default.createElement(import_TDSPay.default, { ref: TDSPayRef2, onChange: handleTDSPayChange, closeAll }), /* @__PURE__ */ import_react.default.createElement(
    import_TDSErrorModal.default,
    {
      open: tdsErrorVisible,
      type: "tds-not-supported",
      shopPhone: props.shopPhone,
      shopEmail: props.shopEmail,
      onUseAnotherCard: handleUseAnotherCard,
      onUseAnotherPayment: handleUseAnotherPayment,
      onPayLater: handlePayLater
    }
  ), /* @__PURE__ */ import_react.default.createElement(
    import_TDSErrorModal.default,
    {
      open: bankVerifyFailVisible,
      type: "bank-verify-failed",
      shopPhone: props.shopPhone,
      shopEmail: props.shopEmail,
      onUseAnotherCard: handleUseAnotherCard,
      onUseAnotherPayment: handleUseAnotherPayment,
      onPayLater: handlePayLater
    }
  ));
};
var MWCreditCard_default = (0, import_react.forwardRef)(MWCreditCard);
