@pisell/private-materials 3.0.111 → 3.0.113

package/lib/components/pay/toC/index.js

@@ -0,0 +1,366 @@
+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/index.tsx
+var toC_exports = {};
+__export(toC_exports, {
+  default: () => toC_default
+});
+module.exports = __toCommonJS(toC_exports);
+var import_react = __toESM(require("react"));
+var import_decimal = require("decimal.js");
+var import_ahooks = require("ahooks");
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_PayCountdown = __toESM(require("./PayCountdown"));
+var import_PayAmount = __toESM(require("./PayAmount"));
+var import_WalletPassBlock = __toESM(require("./WalletPassBlock"));
+var import_PaymentList = __toESM(require("./PaymentList"));
+var import_PaymentMethods = __toESM(require("./PaymentMethods"));
+var import_serve = require("./serve");
+var import_model = require("./model");
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var import_utils2 = require("../../../utils");
+var import_payGroup = require("./payGroup");
+var import_locales = __toESM(require("./locales"));
+var import_index = require("./index.less");
+var ToCPay = (props, ref) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+  const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
+  const paymentListRef = (0, import_react.useRef)();
+  const paymentMethodsRef = (0, import_react.useRef)();
+  const [loading, setLoading] = (0, import_react.useState)(true);
+  const [submitLoading, setSubmitLoading] = (0, import_react.useState)(false);
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [renderType, setRenderType] = (0, import_react.useState)("modal");
+  const context = (0, import_useEngineContext.default)();
+  const [showInformation, setShowInformation] = (0, import_react.useState)(false);
+  const utils = context.appHelper.utils || {};
+  const dvaStore = (_c = (_b = (_a = context.appHelper.utils) == null ? void 0 : _a.getStore) == null ? void 0 : _b.call(_a)) == null ? void 0 : _c.getState();
+  const customer_id = (_i = (_h = (_g = (_f = (_e = (_d = context.appHelper.utils) == null ? void 0 : _d.getStore()) == null ? void 0 : _e.getState) == null ? void 0 : _f.call(_e)) == null ? void 0 : _g.global) == null ? void 0 : _h.userInfo) == null ? void 0 : _i.id;
+  import_utils.locales.init(import_locales.default, ((_j = dvaStore.core) == null ? void 0 : _j.translateLocale) || "en");
+  import_utils2.request.setRequest(utils == null ? void 0 : utils.request);
+  const _initStore = (initProps) => {
+    var _a2, _b2, _c2, _d2;
+    dispatch({
+      type: "init",
+      payload: {
+        ...initProps,
+        status: "init",
+        // 将支付回调储存在store, 方便其他模块调用
+        payCallback: props.callback,
+        history: (_a2 = context.appHelper.utils) == null ? void 0 : _a2.history,
+        // 支付组
+        payGroup: {
+          order_id: (_b2 = initProps == null ? void 0 : initProps.order) == null ? void 0 : _b2.order_id,
+          total_amount: (_c2 = initProps == null ? void 0 : initProps.order) == null ? void 0 : _c2.amount,
+          // 原订单信息
+          _order: initProps == null ? void 0 : initProps.order,
+          payment_group_id: (_d2 = initProps == null ? void 0 : initProps.order) == null ? void 0 : _d2.payment_group_id
+        }
+      }
+    });
+  };
+  const init = async (initProps) => {
+    const { renderType: renderType2 } = initProps;
+    setRenderType(renderType2 ?? "modal");
+    setOpen(true);
+    setSubmitLoading(false);
+    setLoading(true);
+    _initStore(initProps);
+    (0, import_payGroup.removePayGroupFromStorage)(initProps.order.order_id);
+    await _getPaymentsAndWalletPass(initProps.order);
+  };
+  const _getPaymentsAndWalletPass = async (order) => {
+    var _a2, _b2;
+    try {
+      const data = await (0, import_serve.getPaymentsAndWalletPass)({
+        order_id: order.order_id,
+        total_amount: order.amount,
+        sale_channel: order.sale_channel || "online-store"
+      });
+      const {
+        remain_amount = 0,
+        wallet_pass_recommend_list,
+        wallet_pass_amount,
+        payment_list,
+        walletPass
+      } = data || {};
+      dispatch({
+        type: "setPayGroup",
+        payload: {
+          ...state.payGroup,
+          // 支付方式没有walletPass时walletPass设置null
+          walletPass: walletPass ? {
+            ...(_a2 = state.payGroup) == null ? void 0 : _a2.walletPass,
+            ...walletPass,
+            amount: wallet_pass_amount,
+            cards: wallet_pass_recommend_list
+          } : null,
+          total_amount: order.amount,
+          wait_amount: remain_amount
+        }
+      });
+      await ((_b2 = paymentListRef.current) == null ? void 0 : _b2.init(payment_list));
+      setTimeout(() => {
+        setLoading(false);
+      }, 100);
+    } catch (err) {
+      console.log("err", err);
+      payCallback({ key: "fail", data: {} });
+    }
+  };
+  const handlePaymentByType = async (type, payGroup) => {
+    var _a2, _b2, _c2;
+    setSubmitLoading(true);
+    await ((_c2 = paymentMethodsRef.current) == null ? void 0 : _c2.onPay({
+      type: type || ((_b2 = (_a2 = state.payGroup) == null ? void 0 : _a2.otherPayment) == null ? void 0 : _b2.service),
+      payGroup: payGroup || state.payGroup
+    }));
+    setSubmitLoading(false);
+  };
+  const paymentInit = async (newOrderId) => {
+    var _a2, _b2;
+    const orderId = newOrderId || ((_a2 = state.payGroup) == null ? void 0 : _a2.order_id);
+    setSubmitLoading(true);
+    try {
+      const data = await (0, import_serve.getPaymentInit)({
+        order_id: orderId,
+        amount: (_b2 = state.payGroup) == null ? void 0 : _b2.total_amount
+      });
+      dispatch({
+        type: "setPayGroup",
+        payload: {
+          order_id: orderId,
+          total_amount: data.amount,
+          payment_group_id: data.payment_group_id,
+          payment_priority: data.payment_priority
+        }
+      });
+      return {
+        ...state.payGroup,
+        order_id: orderId,
+        total_amount: data.amount,
+        payment_group_id: data.payment_group_id,
+        payment_priority: data.payment_priority
+      };
+    } catch (err) {
+      setSubmitLoading(false);
+      payCallback({ key: "fail", data: {} });
+    }
+  };
+  const waitAmount = (0, import_react.useMemo)(() => {
+    var _a2;
+    return ((_a2 = state.payGroup) == null ? void 0 : _a2.wait_amount) || 0;
+  }, [(_k = state.payGroup) == null ? void 0 : _k.wait_amount]);
+  const isWalletPassPay = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2;
+    const isWalletPass = (_c2 = (_b2 = (_a2 = state.payGroup) == null ? void 0 : _a2.walletPass) == null ? void 0 : _b2.cards) == null ? void 0 : _c2.length;
+    return waitAmount <= 0 && isWalletPass;
+  }, [state.payGroup, waitAmount]);
+  const isDisabled = (0, import_react.useMemo)(() => {
+    var _a2, _b2;
+    if (waitAmount > 0) {
+      const isOtherPayment = (_b2 = (_a2 = state.payGroup) == null ? void 0 : _a2.otherPayment) == null ? void 0 : _b2.service;
+      return !isOtherPayment;
+    } else {
+      return !isWalletPassPay;
+    }
+  }, [state.payGroup, waitAmount, isWalletPassPay]);
+  const onSubmit = async (newOrderId) => {
+    var _a2;
+    let newPayGroup = state.payGroup;
+    if (!((_a2 = state.payGroup) == null ? void 0 : _a2.payment_group_id)) {
+      newPayGroup = await paymentInit(newOrderId);
+    }
+    handlePaymentByType(void 0, newPayGroup);
+  };
+  const paymentTypeChange = (payload) => {
+    dispatch({
+      type: "setPayGroup",
+      payload: {
+        otherPayment: payload
+      }
+    });
+  };
+  const okText = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2, _d2;
+    let current = (_a2 = state.payGroup) == null ? void 0 : _a2.otherPayment;
+    if (((_b2 = state.payGroup) == null ? void 0 : _b2.wait_amount) == 0) {
+      return import_utils.locales.getText("tocPay.text.submit");
+    }
+    if (current == null ? void 0 : current.surcharge) {
+      return /* @__PURE__ */ import_react.default.createElement("span", { className: "" }, import_utils.locales.getText("tocPay.text.pay"), " ", /* @__PURE__ */ import_react.default.createElement(import_materials.PisellText.Amount, { value: ((_c2 = state.payGroup) == null ? void 0 : _c2.wait_amount) || 0 }), " +", import_utils.locales.getText("tocPay.text.surcharge"));
+    } else {
+      return /* @__PURE__ */ import_react.default.createElement("span", { className: "" }, import_utils.locales.getText("tocPay.text.pay"), " ", /* @__PURE__ */ import_react.default.createElement(import_materials.PisellText.Amount, { value: ((_d2 = state.payGroup) == null ? void 0 : _d2.wait_amount) || 0 }));
+    }
+  }, [state.payGroup]);
+  const payCallback = async (res) => {
+    var _a2;
+    if (res.key === "cancel") {
+      setOpen(false);
+    }
+    (_a2 = props.callback) == null ? void 0 : _a2.call(props, res);
+  };
+  const onCancel = () => {
+    var _a2;
+    (0, import_payGroup.removePayGroupFromStorage)((_a2 = state.payGroup) == null ? void 0 : _a2.order_id);
+    setShowInformation(false);
+    setOpen(false);
+    payCallback({
+      key: "cancel",
+      data: {}
+    });
+  };
+  (0, import_ahooks.useUpdateEffect)(() => {
+    var _a2, _b2;
+    (_b2 = paymentListRef.current) == null ? void 0 : _b2.calculateSurcharge(
+      ((_a2 = state.payGroup) == null ? void 0 : _a2.wait_amount) || 0
+    );
+  }, [(_l = state.payGroup) == null ? void 0 : _l.wait_amount]);
+  (0, import_react.useImperativeHandle)(ref, () => {
+    return {
+      init,
+      payCallback,
+      onSubmit
+    };
+  });
+  const renderPaymentListTitle = () => {
+    var _a2, _b2;
+    if (waitAmount == 0) {
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "custom-payment-list-title" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, import_utils.locales.getText("tocPay.text.clickSubmitToComplete")), /* @__PURE__ */ import_react.default.createElement("div", { className: "custom-payment-list-title-desc" }, import_utils.locales.getText("tocPay.text.noExtraPayNeeded")));
+    }
+    if (((_a2 = state.payGroup) == null ? void 0 : _a2.total_amount) !== waitAmount) {
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "custom-payment-list-title" }, import_utils.locales.getText("tocPay.text.continuePayment"), " ", /* @__PURE__ */ import_react.default.createElement(
+        import_materials.PisellText.Amount,
+        {
+          className: "custom-payment-list-title-price",
+          value: ((_b2 = state.payGroup) == null ? void 0 : _b2.wait_amount) || 0
+        }
+      ));
+    }
+    return import_utils.locales.getText("tocPay.text.paymentMethod");
+  };
+  const onWalletPassChange = (0, import_ahooks.useMemoizedFn)(
+    (walletPass) => {
+      var _a2, _b2;
+      const _waitAmount = new import_decimal.Decimal(String(((_a2 = state.payGroup) == null ? void 0 : _a2.total_amount) || 0)).minus(new import_decimal.Decimal(String(walletPass.amount || 0))).toNumber();
+      dispatch({
+        type: "setPayGroup",
+        payload: {
+          walletPass: {
+            ...(_b2 = state.payGroup) == null ? void 0 : _b2.walletPass,
+            ...walletPass
+          },
+          wait_amount: _waitAmount
+        }
+      });
+    }
+  );
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellContainer,
+    {
+      renderType,
+      props: {
+        forceRender: true,
+        title: /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText("tocPay.text.checkout")),
+        open,
+        cancelVisible: false,
+        okText,
+        bodyStyle: {
+          padding: 24
+        },
+        onCancel: () => {
+          setShowInformation(true);
+        },
+        okButtonProps: {
+          disabled: isDisabled,
+          loading: submitLoading,
+          className: "toc-pay-submit-btn"
+        },
+        onOk: () => {
+          onSubmit();
+        }
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellModal.Information,
+      {
+        open: showInformation,
+        title: import_utils.locales.getText("tocPay.text.prompt"),
+        describe: import_utils.locales.getText("tocPay.text.confirmLeave"),
+        okText: import_utils.locales.getText("tocPay.text.continuePay"),
+        cancelText: import_utils.locales.getText("tocPay.text.leave"),
+        closable: true,
+        cancelButtonProps: {
+          onClick: () => {
+            onCancel();
+          }
+        },
+        maskClosable: false,
+        onCancel: () => {
+          setShowInformation(false);
+        },
+        onOk: () => {
+          setShowInformation(false);
+        }
+      }
+    ),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellLoading,
+      {
+        loading,
+        mask: true
+      },
+      ((_m = state.order) == null ? void 0 : _m.countdown) && /* @__PURE__ */ import_react.default.createElement(import_PayCountdown.default, { time: (_n = state.order) == null ? void 0 : _n.countdown }),
+      /* @__PURE__ */ import_react.default.createElement(import_PayAmount.default, { amount: ((_o = state.payGroup) == null ? void 0 : _o.total_amount) || 0 }),
+      ((_p = state.payGroup) == null ? void 0 : _p.walletPass) && /* @__PURE__ */ import_react.default.createElement(
+        import_WalletPassBlock.default,
+        {
+          customer_id,
+          payGroup: state.payGroup,
+          onWalletPassChange
+        }
+      ),
+      /* @__PURE__ */ import_react.default.createElement(
+        import_PaymentList.default,
+        {
+          ref: paymentListRef,
+          handlePayment: () => {
+            handlePaymentByType();
+          },
+          paymentTypeChange,
+          hide: ((_q = state.payGroup) == null ? void 0 : _q.wait_amount) == 0,
+          renderTitle: renderPaymentListTitle
+        }
+      )
+    ),
+    /* @__PURE__ */ import_react.default.createElement(import_PaymentMethods.default, { ref: paymentMethodsRef, payCallback })
+  );
+};
+var toC_default = (0, import_model.Provider)((0, import_react.forwardRef)(ToCPay));

package/lib/components/pay/toC/index.less

@@ -0,0 +1,22 @@
+.custom-payment-list-title {
+  .custom-payment-list-title-price {
+    color: var(--theme-color);
+    ;
+  }
+
+
+  .custom-payment-list-title-desc {
+    color: var(--Gray-700, #344054);
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 24px;
+  }
+}
+
+.toc-pay-submit-btn {
+  color: var(--Base-White, #FFF);
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 600;
+}

package/lib/components/pay/toC/locales.d.ts

@@ -0,0 +1,208 @@
+declare const _default: {
+    en: {
+        'tocPay.text.checkout': string;
+        'tocPay.text.total': string;
+        'tocPay.text.completePaymentIn': string;
+        'tocPay.text.paymentInstruction': string;
+        'tocPay.text.serviceCharge': string;
+        'tocPay.text.noAvailablePaymentMethods': string;
+        'tocPay.text.paymentMethod': string;
+        'tocPay.text.connectingApplePay': string;
+        'tocPay.text.connectingGooglePay': string;
+        'tocPay.text.enterName': string;
+        'tocPay.text.enterValidName': string;
+        'tocPay.text.enterCardNumber': string;
+        'tocPay.text.enterValidCardNumber': string;
+        'tocPay.text.enterExpirationDate': string;
+        'tocPay.text.enterCVV': string;
+        'tocPay.text.enterValidCVV': string;
+        'tocPay.text.addCard': string;
+        'tocPay.text.creditorDebitCard': string;
+        'tocPay.text.addCreditOrDebitCard': string;
+        'tocPay.text.cardNumber': string;
+        'tocPay.text.incorrectCardNumber': string;
+        'tocPay.text.expiration': string;
+        'tocPay.text.incorrectExpiryDate': string;
+        'tocPay.text.securityCode': string;
+        'tocPay.text.incorrectSecurityCode': string;
+        'tocPay.text.cardholderName': string;
+        'tocPay.text.enterEnglishName': string;
+        'tocPay.text.incorrectName': string;
+        'tocPay.text.saveCardForNextTime': string;
+        'tocPay.text.secureBankInfo': string;
+        'tocPay.text.pay': string;
+        'tocPay.text.surcharge': string;
+        'tocPay.text.done': string;
+        'tocPay.text.manageCard': string;
+        'tocPay.text.waitingForBankVerification': string;
+        'tocPay.text.redirectingToAlipay': string;
+        'tocPay.text.redirectingToPaypal': string;
+        'tocPay.text.redirectingToWeChatPay': string;
+        'tocPay.text.submit': string;
+        'tocPay.text.clickSubmitToComplete': string;
+        'tocPay.text.noExtraPayNeeded': string;
+        'tocPay.text.continuePayment': string;
+        'tocPay.text.prompt': string;
+        'tocPay.text.confirmLeave': string;
+        'tocPay.text.continuePay': string;
+        'tocPay.text.leave': string;
+        'tocPay.text.getParamsFail': string;
+        'tocPay.text.walletPass': string;
+        'tocPay.text.searchResult': string;
+        'tocPay.text.select': string;
+        'tocPay.text.couponCodesAdded': string;
+        'tocPay.text.redeem': string;
+        'tocPay.text.howToPay': string;
+        'tocPay.text.congrats': string;
+        'tocPay.text.creditHaveBeen': string;
+        'tocPay.text.walletPassCodesTitle': string;
+        'tocPay.text.scanBarQrCode': string;
+        'tocPay.text.enterCodes': string;
+        'tocPay.text.searchDescribe': string;
+        'tocPay.text.walletPassEmpty': string;
+        'tocPay.text.walletPassDisabled': string;
+        'tocPay.text.walletPassPermanent': string;
+        'tocPay.text.walletPassCompleteTitle': string;
+        'tocPay.text.walletPassNoExtraPay': string;
+        'tocPay.text.walletCanPay': string;
+        'tocPay.text.paymentInstructions': string;
+        'tocPay.text.walletSearchEmpty': string;
+    };
+    'zh-CN': {
+        'tocPay.text.checkout': string;
+        'tocPay.text.total': string;
+        'tocPay.text.completePaymentIn': string;
+        'tocPay.text.paymentInstructions': string;
+        'tocPay.text.serviceCharge': string;
+        'tocPay.text.noAvailablePaymentMethods': string;
+        'tocPay.text.paymentMethod': string;
+        'tocPay.text.connectingApplePay': string;
+        'tocPay.text.connectingGooglePay': string;
+        'tocPay.text.enterName': string;
+        'tocPay.text.enterValidName': string;
+        'tocPay.text.enterCardNumber': string;
+        'tocPay.text.enterValidCardNumber': string;
+        'tocPay.text.enterExpirationDate': string;
+        'tocPay.text.enterCVV': string;
+        'tocPay.text.enterValidCVV': string;
+        'tocPay.text.addCard': string;
+        'tocPay.text.creditorDebitCard': string;
+        'tocPay.text.addCreditOrDebitCard': string;
+        'tocPay.text.cardNumber': string;
+        'tocPay.text.incorrectCardNumber': string;
+        'tocPay.text.expiration': string;
+        'tocPay.text.incorrectExpiryDate': string;
+        'tocPay.text.securityCode': string;
+        'tocPay.text.incorrectSecurityCode': string;
+        'tocPay.text.cardholderName': string;
+        'tocPay.text.enterEnglishName': string;
+        'tocPay.text.incorrectName': string;
+        'tocPay.text.saveCardForNextTime': string;
+        'tocPay.text.secureBankInfo': string;
+        'tocPay.text.pay': string;
+        'tocPay.text.surcharge': string;
+        'tocPay.text.done': string;
+        'tocPay.text.manageCard': string;
+        'tocPay.text.waitingForBankVerification': string;
+        'tocPay.text.redirectingToAlipay': string;
+        'tocPay.text.redirectingToPaypal': string;
+        'tocPay.text.redirectingToWeChatPay': string;
+        'tocPay.text.submit': string;
+        'tocPay.text.clickSubmitToComplete': string;
+        'tocPay.text.noExtraPayNeeded': string;
+        'tocPay.text.continuePayment': string;
+        'tocPay.text.prompt': string;
+        'tocPay.text.confirmLeave': string;
+        'tocPay.text.continuePay': string;
+        'tocPay.text.leave': string;
+        'tocPay.text.getParamsFail': string;
+        'tocPay.text.walletPass': string;
+        'tocPay.text.searchResult': string;
+        'tocPay.text.select': string;
+        'tocPay.text.couponCodesAdded': string;
+        'tocPay.text.redeem': string;
+        'tocPay.text.howToPay': string;
+        'tocPay.text.congrats': string;
+        'tocPay.text.creditHaveBeen': string;
+        'tocPay.text.walletPassCodesTitle': string;
+        'tocPay.text.scanBarQrCode': string;
+        'tocPay.text.enterCodes': string;
+        'tocPay.text.searchDescribe': string;
+        'tocPay.text.walletPassEmpty': string;
+        'tocPay.text.walletPassDisabled': string;
+        'tocPay.text.walletPassPermanent': string;
+        'tocPay.text.walletPassCompleteTitle': string;
+        'tocPay.text.walletPassNoExtraPay': string;
+        'tocPay.text.walletCanPay': string;
+        'tocPay.text.walletSearchEmpty': string;
+    };
+    'zh-HK': {
+        'tocPay.text.checkout': string;
+        'tocPay.text.total': string;
+        'tocPay.text.completePaymentIn': string;
+        'tocPay.text.paymentInstructions': string;
+        'tocPay.text.serviceCharge': string;
+        'tocPay.text.noAvailablePaymentMethods': string;
+        'tocPay.text.paymentMethod': string;
+        'tocPay.text.connectingApplePay': string;
+        'tocPay.text.connectingGooglePay': string;
+        'tocPay.text.enterName': string;
+        'tocPay.text.enterValidName': string;
+        'tocPay.text.enterCardNumber': string;
+        'tocPay.text.enterValidCardNumber': string;
+        'tocPay.text.enterExpirationDate': string;
+        'tocPay.text.enterCVV': string;
+        'tocPay.text.enterValidCVV': string;
+        'tocPay.text.addCard': string;
+        'tocPay.text.creditorDebitCard': string;
+        'tocPay.text.addCreditOrDebitCard': string;
+        'tocPay.text.cardNumber': string;
+        'tocPay.text.incorrectCardNumber': string;
+        'tocPay.text.expiration': string;
+        'tocPay.text.incorrectExpiryDate': string;
+        'tocPay.text.securityCode': string;
+        'tocPay.text.incorrectSecurityCode': string;
+        'tocPay.text.cardholderName': string;
+        'tocPay.text.enterEnglishName': string;
+        'tocPay.text.incorrectName': string;
+        'tocPay.text.saveCardForNextTime': string;
+        'tocPay.text.secureBankInfo': string;
+        'tocPay.text.pay': string;
+        'tocPay.text.surcharge': string;
+        'tocPay.text.done': string;
+        'tocPay.text.manageCard': string;
+        'tocPay.text.waitingForBankVerification': string;
+        'tocPay.text.redirectingToAlipay': string;
+        'tocPay.text.redirectingToPaypal': string;
+        'tocPay.text.redirectingToWeChatPay': string;
+        'tocPay.text.submit': string;
+        'tocPay.text.clickSubmitToComplete': string;
+        'tocPay.text.noExtraPayNeeded': string;
+        'tocPay.text.continuePayment': string;
+        'tocPay.text.prompt': string;
+        'tocPay.text.confirmLeave': string;
+        'tocPay.text.continuePay': string;
+        'tocPay.text.leave': string;
+        'tocPay.text.getParamsFail': string;
+        'tocPay.text.walletPass': string;
+        'tocPay.text.searchResult': string;
+        'tocPay.text.select': string;
+        'tocPay.text.couponCodesAdded': string;
+        'tocPay.text.redeem': string;
+        'tocPay.text.howToPay': string;
+        'tocPay.text.congrats': string;
+        'tocPay.text.creditHaveBeen': string;
+        'tocPay.text.walletPassCodesTitle': string;
+        'tocPay.text.scanBarQrCode': string;
+        'tocPay.text.enterCodes': string;
+        'tocPay.text.searchDescribe': string;
+        'tocPay.text.walletPassEmpty': string;
+        'tocPay.text.walletPassDisabled': string;
+        'tocPay.text.walletPassPermanent': string;
+        'tocPay.text.walletPassCompleteTitle': string;
+        'tocPay.text.walletPassNoExtraPay': string;
+        'tocPay.text.walletCanPay': string;
+        'tocPay.text.walletSearchEmpty': string;
+    };
+};
+export default _default;