@pisell/private-materials 3.4.60 → 3.4.62

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

@@ -90,11 +90,11 @@ var PaymentList = (props, ref) => {
     var _a2, _b2;
     return (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.isAppEnv) == null ? void 0 : _b2.call(_a2);
   }, []);
-  const init = (list) => {
+  const init = (list, amount) => {
     var _a2, _b2;
     setLoading(true);
     const platform = ((_b2 = (_a2 = context.appHelper) == null ? void 0 : _a2.constants) == null ? void 0 : _b2.platform) || "h5";
-    const { paymentList: paymentList2, walletPass } = (0, import_serve.filterPaymentList)(list, platform, isApp);
+    const { paymentList: paymentList2, walletPass } = (0, import_serve.filterPaymentList)(list, platform, isApp, amount);
     if (paymentList2.length > 0) {
       let first = paymentList2[0];
       setPaymentList(paymentList2);
@@ -147,6 +147,24 @@ var PaymentList = (props, ref) => {
       }
     ));
   };
+  const renderCreditCardToast = (_item) => {
+    var _a2;
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "surcharge-modal-wrap surcharge-modal-wrap-credit-card" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "surcharge-modal-lists" }, (_a2 = _item == null ? void 0 : _item.surcharge_config_result) == null ? void 0 : _a2.map((d) => {
+      var _a3, _b2;
+      return /* @__PURE__ */ import_react.default.createElement("div", { key: d.name, className: "surcharge-modal-list-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "surcharge-modal-list-item-header" }, (_a3 = d == null ? void 0 : d.icons) == null ? void 0 : _a3.map((icon) => {
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_materials.Image,
+          {
+            src: icon,
+            className: "header-icon",
+            isPreview: false
+          }
+        );
+      }), /* @__PURE__ */ import_react.default.createElement("span", null, d.name)), /* @__PURE__ */ import_react.default.createElement("div", { className: "surcharge-modal-list-item-content" }, (_b2 = d == null ? void 0 : d.lists) == null ? void 0 : _b2.map((item) => {
+        return /* @__PURE__ */ import_react.default.createElement("div", { key: item.name, className: "content-item" }, /* @__PURE__ */ import_react.default.createElement("span", null, import_utils2.locales.getText(item.area_text)), /* @__PURE__ */ import_react.default.createElement("span", { className: "item-fee" }, item.surcharge_fee), /* @__PURE__ */ import_react.default.createElement("span", null, item.surcharge_text));
+      })));
+    })));
+  };
   const content = (0, import_react.useMemo)(() => {
     if (loading) {
       return null;
@@ -172,8 +190,9 @@ var PaymentList = (props, ref) => {
         onChange: paymentTypeChange,
         optionClassName: "payment-item",
         renderOption: (d, active) => {
-          var _a2, _b2;
+          var _a2, _b2, _c2;
           const showIcon = d.surcharge && d.service !== "pisell.other.cashmanual" && d.service !== "pisell.custom_payment" || ((_a2 = d == null ? void 0 : d.params) == null ? void 0 : _a2.description) && (d.service === "pisell.other.cashmanual" || d.service === "pisell.custom_payment");
+          const showCreditCardToast = (d == null ? void 0 : d.service) === "mw.credit_card" && ((_b2 = d == null ? void 0 : d.surcharge_config_result) == null ? void 0 : _b2.length) > 0;
           return /* @__PURE__ */ import_react.default.createElement(
             import_materials.PisellRow,
             {
@@ -199,12 +218,24 @@ var PaymentList = (props, ref) => {
                   d.title,
                   " "
                 ),
-                /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, (((_b2 = d == null ? void 0 : d.params) == null ? void 0 : _b2.description) || d.surcharge) && d.service !== "pisell.offline_payment" ? /* @__PURE__ */ import_react.default.createElement(
+                /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, (((_c2 = d == null ? void 0 : d.params) == null ? void 0 : _c2.description) || d.surcharge) && d.service !== "pisell.offline_payment" ? /* @__PURE__ */ import_react.default.createElement(
                   import_materials.PisellTooltip,
                   {
-                    title: renderToast(d),
+                    title: showCreditCardToast ? renderCreditCardToast(d) : renderToast(d),
                     onClick: (e) => {
                       e.stopPropagation();
+                    },
+                    overlayClassName: showCreditCardToast ? "surcharge-tooltip-overlay-wrap" : "",
+                    getPopupContainer: (triggerNode) => {
+                      var _a3;
+                      if (showCreditCardToast) {
+                        const modalContainer = (_a3 = triggerNode == null ? void 0 : triggerNode.closest) == null ? void 0 : _a3.call(
+                          triggerNode,
+                          ".toc-pay-modal-content .pisell-lowcode-modal"
+                        );
+                        return modalContainer || document.body;
+                      }
+                      return document.body;
                     }
                   },
                   /* @__PURE__ */ import_react.default.createElement(

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

@@ -109,4 +109,61 @@
     font-style: normal;
     font-weight: 500;
   }
-}
+}
+
+.surcharge-tooltip-overlay-wrap{
+  max-width: 92% !important;
+  width: 92%;
+  left: 4% !important;
+  .pisell-lowcode-tooltip-inner{
+    background: #F2F4F7 !important;
+  }
+}
+
+.surcharge-modal-wrap-credit-card {
+  .surcharge-modal-lists {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    .surcharge-modal-list-item {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      .surcharge-modal-list-item-header {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        color: #101828;
+        font-size: 14px;
+        font-weight: 600;
+        line-height: 20px;
+        .header-icon{
+          width: 58px;
+        }
+      }
+      .surcharge-modal-list-item-content {
+        display: flex;
+        gap: 12px;
+        .content-item {
+          display: flex;
+          flex-direction: column;
+          flex: 1;
+          padding: 8px 12px;
+          border-radius: 8px;
+          box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
+          background: white;
+          color: #475467;
+          font-size: 12px;
+          font-weight: 400;
+          line-height: 18px;
+          .item-fee {
+            color: black;
+            font-size: 24px;
+            font-weight: 700;
+            line-height: 32px;
+          }
+        }
+      }
+    }
+  }
+}

package/lib/components/pay/toC/PaymentList/serve.d.ts

@@ -20,7 +20,7 @@ export declare const getPaymentList: (values: any) => Promise<{
  * @Author: zhiwei.Wang
  * @Date: 2024-08-16 10:57
  */
-export declare const filterPaymentList: (list: any[], platform: string | undefined, isApp: boolean) => {
+export declare const filterPaymentList: (list: any[], platform: string | undefined, isApp: boolean, amount?: number) => {
     message: string;
     status: string;
     paymentList: any[];

package/lib/components/pay/toC/PaymentList/serve.js

@@ -27,6 +27,7 @@ var import_utils = require("../../../../utils");
 var import_status = require("./status");
 var import_utils2 = require("@pisell/utils");
 var import_status2 = require("./status");
+var import_utils3 = require("./utils");
 var getPaymentList = async (values) => {
   let { data = [] } = await import_utils.request.getRequest().get("/h5/pay/order/payments", values);
   return filterPaymentList(data);
@@ -43,7 +44,7 @@ var sortArr = [
   "pisell.other.cashmanual",
   "pisell.custom_payment"
 ];
-var filterPaymentList = (list, platform = "h5", isApp) => {
+var filterPaymentList = (list, platform = "h5", isApp, amount) => {
   let paymentList = [...list];
   let _paymentKeys = [...import_status.paymentKeys];
   const walletPass = paymentList.find((d) => d.service === "pisell.wallet_pass");
@@ -82,6 +83,10 @@ var filterPaymentList = (list, platform = "h5", isApp) => {
     if ((0, import_status2.isCustomPayment)(d.service)) {
       service = service + "|" + d.params.custom_payment_id;
     }
+    if (service === "mw.credit_card") {
+      d.surcharge = (0, import_utils3.formatCreditCardSurchargeText)(d == null ? void 0 : d.surcharge_config, d == null ? void 0 : d.surcharge_text);
+      d.surcharge_config_result = (0, import_utils3.formatCreditCardSurchargeList)(d, amount ?? 0);
+    }
     return {
       ...d,
       service,

package/lib/components/pay/toC/PaymentList/utils.d.ts

@@ -1,3 +1,29 @@
+/**
+ * @description: visa/master手续费是否一致
+ * @param {any} creditCardConfig
+ * @return {*}
+ */
+export declare const isCreditCardSurchargeSame: (creditCardConfig: any[]) => boolean;
+/**
+ * @description: 格式化visa/master手续费
+ * @param {any} item 支付列表项
+ * @param {number} amount 订单金额
+ * @param {boolean} isSame 手续费是否一致
+ * @return {*}
+ */
+export declare const formatCreditCardSurcharge: (item: any, amount: number, isSame: boolean) => any;
+/**
+ * @description: 格式化visa/master手续费列表
+ * @param {any} item
+ * @param {number} amount
+ * @return {*}
+ */
+export declare const formatCreditCardSurchargeList: (item: any, amount: number) => any;
+/**
+ * @description: 格式化visa/master手续费文案，只显示百分比区间
+ * @return {*}
+ */
+export declare const formatCreditCardSurchargeText: (surcharge_config: any[], surcharge_text: string) => string;
 /**
  * @title: 计算支付列表的手续费
  * @description:

package/lib/components/pay/toC/PaymentList/utils.js

@@ -1,6 +1,8 @@
+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)
@@ -14,14 +16,147 @@ var __copyProps = (to, from, except, desc) => {
   }
   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/PaymentList/utils.ts
 var utils_exports = {};
 __export(utils_exports, {
-  calculateSurcharge: () => calculateSurcharge
+  calculateSurcharge: () => calculateSurcharge,
+  formatCreditCardSurcharge: () => formatCreditCardSurcharge,
+  formatCreditCardSurchargeList: () => formatCreditCardSurchargeList,
+  formatCreditCardSurchargeText: () => formatCreditCardSurchargeText,
+  isCreditCardSurchargeSame: () => isCreditCardSurchargeSame
 });
 module.exports = __toCommonJS(utils_exports);
+var import_visa = __toESM(require("./payment/visa.png"));
+var import_credit_card = __toESM(require("./payment/credit_card.png"));
+var isCreditCardSurchargeSame = (creditCardConfig) => {
+  try {
+    const configMap = {};
+    creditCardConfig.forEach((config) => {
+      const key = `${(config == null ? void 0 : config.credit_card_type) || "-"}_${(config == null ? void 0 : config.area) || "-"}`;
+      configMap[key] = config;
+    });
+    const visaDomestic = configMap["visa_domestic"];
+    const visaWorld = configMap["visa_world"];
+    const masterDomestic = configMap["master_domestic"];
+    const masterWorld = configMap["master_world"];
+    const formatFee = (config) => {
+      if (!config) return null;
+      const percent = parseFloat(config.percent ?? config.percentage ?? "0");
+      const amount = parseFloat(config.amount ?? "0");
+      return {
+        percentStr: percent,
+        amountStr: amount
+      };
+    };
+    const visaDomesticFee = formatFee(visaDomestic);
+    const visaWorldFee = formatFee(visaWorld);
+    const masterDomesticFee = formatFee(masterDomestic);
+    const masterWorldFee = formatFee(masterWorld);
+    const isFeeSame = (fee1, fee2) => {
+      if (!fee1 || !fee2) return false;
+      return fee1.percentStr === fee2.percentStr && fee1.amountStr === fee2.amountStr;
+    };
+    const isDomesticSame = isFeeSame(visaDomesticFee, masterDomesticFee);
+    const isWorldSame = isFeeSame(visaWorldFee, masterWorldFee);
+    const isAllSame = isDomesticSame && isWorldSame;
+    return isAllSame;
+  } catch (error) {
+    return false;
+  }
+};
+var totalFee = (config, amount) => {
+  const percentageFee = parseFloat(config.percent ?? config.percentage) * Number(amount);
+  const totalFee2 = percentageFee + parseFloat(config.amount);
+  return totalFee2;
+};
+var formatCreditCardSurcharge = (item, amount, isSame) => {
+  try {
+    const { surcharge_config, currency_symbol } = item;
+    const formatSurchargeList = (list) => {
+      return list == null ? void 0 : list.map((config) => {
+        const percentageFee = parseFloat(
+          (config == null ? void 0 : config.percent) ?? (config == null ? void 0 : config.percentage) ?? 0
+        );
+        const percent = (percentageFee * 100).toFixed(2);
+        const amountFee = parseFloat(config == null ? void 0 : config.amount).toFixed(2);
+        const _totalFee = totalFee(config, amount).toFixed(2);
+        const areaText = (config == null ? void 0 : config.area) === "world" ? "tocPay.text.rest-of-world" : "tocPay.text.domestic";
+        return {
+          ...config,
+          area_text: areaText,
+          surcharge_text: `${percent}% + ${currency_symbol}${amountFee}`,
+          surcharge_fee: `${currency_symbol}${_totalFee}`
+        };
+      });
+    };
+    if (isSame) {
+      const visaResult = surcharge_config.filter((config) => {
+        return config.credit_card_type === "visa";
+      });
+      return [
+        {
+          icons: [import_visa.default, import_credit_card.default],
+          name: "Visa / Mastercard",
+          lists: formatSurchargeList(visaResult)
+        }
+      ];
+    } else {
+      const visaResult = surcharge_config.filter((config) => {
+        return config.credit_card_type === "visa";
+      });
+      const masterResult = surcharge_config.filter((config) => {
+        return config.credit_card_type === "master";
+      });
+      return [
+        {
+          icons: [import_visa.default],
+          name: "Visa",
+          lists: formatSurchargeList(visaResult)
+        },
+        {
+          icons: [import_credit_card.default],
+          name: "Mastercard",
+          lists: formatSurchargeList(masterResult)
+        }
+      ];
+    }
+  } catch (error) {
+    console.error(error);
+    return [];
+  }
+};
+var formatCreditCardSurchargeList = (item, amount) => {
+  const isSame = isCreditCardSurchargeSame((item == null ? void 0 : item.surcharge_config) || []);
+  return formatCreditCardSurcharge(item || {}, amount, isSame);
+};
+var formatCreditCardSurchargeText = (surcharge_config, surcharge_text) => {
+  try {
+    if (!Array.isArray(surcharge_config) || surcharge_config.length === 0) {
+      return surcharge_text;
+    }
+    const percentList = surcharge_config.map((config) => {
+      return parseFloat(config.percent ?? config.percentage ?? "0") * 100;
+    });
+    const minPercent = Math.min(...percentList);
+    const maxPercent = Math.max(...percentList);
+    if (minPercent === maxPercent) {
+      return `${surcharge_text}${minPercent}%`;
+    }
+    return `${surcharge_text}${minPercent}% ~ ${maxPercent}%`;
+  } catch (error) {
+    return surcharge_text;
+  }
+};
 var calculateSurcharge = (paymentList, amount) => {
   return paymentList.map((payment) => {
     const { surcharge_config, currency_symbol, surcharge_text } = payment;
@@ -30,23 +165,36 @@ var calculateSurcharge = (paymentList, amount) => {
       return payment;
     }
     const fees = surcharge_config.map((config) => {
-      const percentageFee = parseFloat(config.percent ?? config.percentage) * Number(amount);
-      const totalFee = percentageFee + parseFloat(config.amount);
-      return totalFee;
+      return totalFee(config, amount);
     });
     const minFee = Math.min(...fees);
     const maxFee = Math.max(...fees);
     if (minFee === 0 && maxFee === 0) {
       payment.surcharge = "";
     } else if (minFee === maxFee) {
-      payment.surcharge = `${surcharge_text}${currency_symbol}${minFee.toFixed(2)}`;
+      payment.surcharge = `${surcharge_text}${currency_symbol}${minFee.toFixed(
+        2
+      )}`;
     } else {
-      payment.surcharge = `${surcharge_text}${currency_symbol}${minFee.toFixed(2)} ~ ${currency_symbol}${maxFee.toFixed(2)}`;
+      payment.surcharge = `${surcharge_text}${currency_symbol}${minFee.toFixed(
+        2
+      )} ~ ${currency_symbol}${maxFee.toFixed(2)}`;
+    }
+    if (payment.service === "mw.credit_card") {
+      payment.surcharge = formatCreditCardSurchargeText(surcharge_config, surcharge_text);
+      payment.surcharge_config_result = formatCreditCardSurchargeList(
+        payment,
+        amount
+      );
     }
     return payment;
   });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  calculateSurcharge
+  calculateSurcharge,
+  formatCreditCardSurcharge,
+  formatCreditCardSurchargeList,
+  formatCreditCardSurchargeText,
+  isCreditCardSurchargeSame
 });

package/lib/components/pay/toC/PaymentMethods/MWCreditCard/tds2.js

@@ -75,14 +75,38 @@ var log = (data) => {
     content: [{ key: "res", value: JSON.stringify(_template) }]
   });
 };
+var setHistoryLog = (log2) => {
+  if (!paymentData.logList) {
+    paymentData.logList = [];
+  }
+  paymentData.logList.push(log2);
+};
+var getCurrentTime = () => {
+  return (0, import_dayjs.default)().format("YYYY-MM-DD HH:mm:ss");
+};
 var startPayment = async ({ orderId, cardInfo, payData }, callback) => {
   let paymentInfo2 = {
     amount: 0,
     order_id: 0
   };
   try {
-    paymentData = {};
+    paymentData = {
+      orderId,
+      logList: []
+    };
+    setHistoryLog({
+      msg: "startPayment 开始",
+      time: getCurrentTime(),
+      hasPayData: !!payData,
+      payDataOrderId: payData == null ? void 0 : payData.order_id,
+      payDataPayNumber: payData == null ? void 0 : payData.pay_number
+    });
     const step2 = payData ? payData : await checkEnrollment(orderId, cardInfo, callback);
+    setHistoryLog({
+      msg: "步骤2完成: 提交卡信息到后端",
+      time: getCurrentTime(),
+      hasStep2: !!step2
+    });
     if (step2 === 0) {
       return;
     }
@@ -90,22 +114,62 @@ var startPayment = async ({ orderId, cardInfo, payData }, callback) => {
     paymentInfo2.amount = step2.amount;
     paymentInfo2.order_id = step2.order_id;
     console.log("第三步");
+    setHistoryLog({
+      msg: "步骤3开始: 创建iframe监听postMessage",
+      time: getCurrentTime()
+    });
     let step3 = await createThreeDSMethodIframe(step2, callback);
     paymentData.step3 = step3;
+    setHistoryLog({
+      msg: "步骤3完成: iframe监听结束",
+      time: getCurrentTime(),
+      step3Result: step3
+    });
     if (step3 === "N") {
       return;
     }
+    setHistoryLog({
+      msg: "步骤4开始: 调用checkTDSAuth",
+      time: getCurrentTime(),
+      order_id: step2 == null ? void 0 : step2.order_id,
+      pay_number: step2 == null ? void 0 : step2.pay_number
+    });
     const step4 = await checkTDSAuth(step2, step3, callback);
+    setHistoryLog({
+      msg: "步骤4完成: checkTDSAuth 返回",
+      time: getCurrentTime(),
+      hasStep4: !!step4
+    });
     if (step4 === 0) {
       return;
     }
     paymentData.step4 = step4;
     if (step4) {
+      setHistoryLog({
+        msg: "步骤5开始: 创建challenge iframe",
+        time: getCurrentTime()
+      });
       const step5 = await createChallengeIframe(step4, callback);
       paymentData.step5 = step5;
+      setHistoryLog({
+        msg: "步骤5完成: challenge iframe结束",
+        time: getCurrentTime()
+      });
+      setHistoryLog({
+        msg: "步骤6开始: 调用check_pares接口",
+        time: getCurrentTime()
+      });
       await checkPARes(step2, step4, step5);
+      setHistoryLog({
+        msg: "步骤6完成: check_pares接口返回",
+        time: getCurrentTime()
+      });
     }
     callback({ key: "hideModal" });
+    setHistoryLog({
+      msg: "支付成功",
+      time: getCurrentTime()
+    });
     paymentEnd(
       {
         status: "success",
@@ -116,6 +180,11 @@ var startPayment = async ({ orderId, cardInfo, payData }, callback) => {
     return true;
   } catch (err) {
     console.log("error", err);
+    setHistoryLog({
+      msg: "支付异常",
+      time: getCurrentTime(),
+      error: err
+    });
     callback({ key: "hideModal" });
     closeIframe();
     if (err === 0) return;
@@ -229,6 +298,12 @@ var checkTDSAuth = async (step2, step3, callback) => {
     if (REACT_APP_API_ENV === "pre" && pay_info.check_tds_auth.card_name === "aa bb") {
       isPre = true;
     }
+    setHistoryLog({
+      msg: "步骤4开始: 调用tds_auth_pay接口",
+      time: getCurrentTime(),
+      order_id,
+      pay_number
+    });
     let { data } = await import_utils.request.getRequest().post("/h5/pay/order/mw-3ds-pay/v2/tds_auth_pay", {
       order_id,
       pay_number,
@@ -266,11 +341,20 @@ var checkTDSAuth = async (step2, step3, callback) => {
         notifyURL
       }
     });
+    setHistoryLog({
+      msg: "步骤4完成: tds_auth_pay接口返回",
+      time: getCurrentTime(),
+      hasStep4: !!data
+    });
     if (!data) {
       return null;
     }
     return data;
   } catch (err) {
+    setHistoryLog({
+      msg: "步骤4异常",
+      time: getCurrentTime()
+    });
     log({
       msg: err,
       data: paymentData

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/StripeSDK/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const StripeSDK: ({ public_key, client_secret, children, lang, }: {
     public_key: string;
     client_secret?: string | undefined;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/components/SetupForm/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const SetupForm: ({ onReady, amount, order_id, payment_method, scene, }: any) => JSX.Element;
 export default SetupForm;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.module.less';
 declare const StripePayment: () => JSX.Element;
 export default StripePayment;

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

@@ -206,7 +206,7 @@ var ToCPay = (props, ref) => {
           wait_amount: remain_amount
         }
       });
-      await ((_b2 = paymentListRef.current) == null ? void 0 : _b2.init(payment_list));
+      await ((_b2 = paymentListRef.current) == null ? void 0 : _b2.init(payment_list, remain_amount || 0));
       setTimeout(() => {
         setLoading(false);
       }, 100);
@@ -515,6 +515,7 @@ var ToCPay = (props, ref) => {
         open,
         cancelVisible: false,
         okText,
+        wrapClassName: "toc-pay-modal-content",
         bodyStyle: {
           padding: 24
         },

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

@@ -98,6 +98,8 @@ declare const _default: {
         'tocPay.text.paymentCompletedAndViewOrder': string;
         'tocPay.text.paymentFailed': string;
         'tocPay.text.weAreVerifyingYourPaymentPleaseCheckYourOrderStatusLater': string;
+        'tocPay.text.domestic': string;
+        'tocPay.text.rest-of-world': string;
     };
     'zh-CN': {
         'tocPay.text.checkout': string;
@@ -197,6 +199,8 @@ declare const _default: {
         'tocPay.text.paymentCompletedAndViewOrder': string;
         'tocPay.text.paymentFailed': string;
         'tocPay.text.weAreVerifyingYourPaymentPleaseCheckYourOrderStatusLater': string;
+        'tocPay.text.domestic': string;
+        'tocPay.text.rest-of-world': string;
     };
     'zh-HK': {
         'tocPay.text.checkout': string;
@@ -296,6 +300,8 @@ declare const _default: {
         'tocPay.text.paymentCompletedAndViewOrder': string;
         'tocPay.text.paymentFailed': string;
         'tocPay.text.weAreVerifyingYourPaymentPleaseCheckYourOrderStatusLater': string;
+        'tocPay.text.domestic': string;
+        'tocPay.text.rest-of-world': string;
     };
 };
 export default _default;

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

@@ -121,7 +121,9 @@ var locales_default = {
     "tocPay.text.returnAndSelectOtherPaymentMethod": "Go Back / Choose Another Payment",
     "tocPay.text.paymentCompletedAndViewOrder": "Payment Completed / View Order",
     "tocPay.text.paymentFailed": "Not paid yet, please check if the payment is successful",
-    "tocPay.text.weAreVerifyingYourPaymentPleaseCheckYourOrderStatusLater": "We are verifying your payment. Please check your order status later."
+    "tocPay.text.weAreVerifyingYourPaymentPleaseCheckYourOrderStatusLater": "We are verifying your payment. Please check your order status later.",
+    "tocPay.text.domestic": "Domestic",
+    "tocPay.text.rest-of-world": "Rest of world"
   },
   "zh-CN": {
     "tocPay.text.checkout": "结账",
@@ -220,7 +222,9 @@ var locales_default = {
     "tocPay.text.returnAndSelectOtherPaymentMethod": "返回 / 选择其他支付方式",
     "tocPay.text.paymentCompletedAndViewOrder": "支付完成 / 查看订单",
     "tocPay.text.paymentFailed": "未支付完成，请检查是否支付成功",
-    "tocPay.text.weAreVerifyingYourPaymentPleaseCheckYourOrderStatusLater": "我们正在确认您的支付状态，请稍后查看订单状态。"
+    "tocPay.text.weAreVerifyingYourPaymentPleaseCheckYourOrderStatusLater": "我们正在确认您的支付状态，请稍后查看订单状态。",
+    "tocPay.text.domestic": "本国",
+    "tocPay.text.rest-of-world": "国外"
   },
   "zh-HK": {
     "tocPay.text.checkout": "結帳",
@@ -319,6 +323,8 @@ var locales_default = {
     "tocPay.text.returnAndSelectOtherPaymentMethod": "返回 / 選擇其他支付方式",
     "tocPay.text.paymentCompletedAndViewOrder": "支付完成 / 查看訂單",
     "tocPay.text.paymentFailed": "未支付完成，请检查是否支付成功",
-    "tocPay.text.weAreVerifyingYourPaymentPleaseCheckYourOrderStatusLater": "我們正在確認您的支付狀態，請稍後查看訂單狀態。"
+    "tocPay.text.weAreVerifyingYourPaymentPleaseCheckYourOrderStatusLater": "我們正在確認您的支付狀態，請稍後查看訂單狀態。",
+    "tocPay.text.domestic": "本國",
+    "tocPay.text.rest-of-world": "國外"
   }
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface FormState {
     platform: 'pc' | 'h5' | '' | undefined;
     order: any;
@@ -30,11 +29,4 @@ export interface PayGroup {
     _order: any;
     front_order_uuid?: string;
 }
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: FormState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
+export declare const Provider: any, Context: any;