@pisell/private-materials 6.8.75 → 6.8.76

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,11 +27,24 @@ 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);
 };
-var filterPaymentList = (list, platform = "h5", isApp) => {
+var sortArr = [
+  "mw.google",
+  "mw.apple",
+  "mw.credit_card",
+  "stripe",
+  "pisell.bank_deposit",
+  "superpay.alipay.h5",
+  "superpay.wechat.h5",
+  "pisell.offline_payment",
+  "pisell.other.cashmanual",
+  "pisell.custom_payment"
+];
+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");
@@ -61,12 +74,19 @@ var filterPaymentList = (list, platform = "h5", isApp) => {
       walletPass
     };
   }
+  paymentList = paymentList.sort((a, b) => {
+    return sortArr.indexOf(a.service) - sortArr.indexOf(b.service);
+  });
   paymentList = paymentList.map((d) => {
     let _item = import_status2.paymentTypes.find((t) => t.service === d.service);
     let service = d.service;
     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/TDSPay/ThreedsLoading/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const ThreedsLoading: ({ title, showSuccessBackButton, onSuccessBack }: any) => JSX.Element;
+declare const ThreedsLoading: ({ title, showSuccessBackButton, onSuccessBack }: any) => React.JSX.Element;
 export default ThreedsLoading;

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

@@ -159,15 +159,15 @@ var checkEnrollment = async (orderId, cardInfo, callback) => {
   }
 };
 var createThreeDSMethodIframe = async (threeDSMethodData, callback) => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   const defaultReturnParams = {
-    threeDSServerTransID: ((_a = threeDSMethodData == null ? void 0 : threeDSMethodData.pay_info) == null ? void 0 : _a.threeDSServerTransID) || "",
-    threeDSCompInd: ((_b = threeDSMethodData == null ? void 0 : threeDSMethodData.pay_info) == null ? void 0 : _b.threeDSCompInd) || ""
+    threeDSServerTransID: ((_a = threeDSMethodData == null ? void 0 : threeDSMethodData.pay_info) == null ? void 0 : _a.threeDSServerTransID) || ((_b = threeDSMethodData == null ? void 0 : threeDSMethodData.pay_info) == null ? void 0 : _b.paReq) || "",
+    threeDSCompInd: ((_c = threeDSMethodData == null ? void 0 : threeDSMethodData.pay_info) == null ? void 0 : _c.threeDSCompInd) || "N"
   };
-  if (((_c = threeDSMethodData == null ? void 0 : threeDSMethodData.pay_info) == null ? void 0 : _c.threeDSServerTransID) && ((_d = threeDSMethodData == null ? void 0 : threeDSMethodData.pay_info) == null ? void 0 : _d.threeDSCompInd)) {
+  if (((_d = threeDSMethodData == null ? void 0 : threeDSMethodData.pay_info) == null ? void 0 : _d.threeDSServerTransID) && ((_e = threeDSMethodData == null ? void 0 : threeDSMethodData.pay_info) == null ? void 0 : _e.threeDSCompInd)) {
     return defaultReturnParams;
   }
-  if (!(threeDSMethodData == null ? void 0 : threeDSMethodData.pay_info.acsURL) || typeof ((_e = threeDSMethodData == null ? void 0 : threeDSMethodData.pay_info) == null ? void 0 : _e.acsURL) !== "string") {
+  if (!(threeDSMethodData == null ? void 0 : threeDSMethodData.pay_info.acsURL) || typeof ((_f = threeDSMethodData == null ? void 0 : threeDSMethodData.pay_info) == null ? void 0 : _f.acsURL) !== "string") {
     return defaultReturnParams;
   }
   const displayBox = document.getElementById("threeds-container");
@@ -193,13 +193,14 @@ var createThreeDSMethodIframe = async (threeDSMethodData, callback) => {
   form.submit();
   let timer = null;
   return new Promise((res, rej) => {
+    var _a2;
     timer = setTimeout(() => {
       res(defaultReturnParams);
       log({
         msg: "第三步: 10秒超时则走N逻辑",
         data: threeDSMethodData
       });
-    }, 1e4);
+    }, ((_a2 = threeDSMethodData == null ? void 0 : threeDSMethodData.pay_info) == null ? void 0 : _a2.tdsMethodTimeoutMS) || 1e4);
     window.addEventListener(
       "message",
       (event) => {

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

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

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 declare const StripeSDK: ({ public_key, client_secret, children, lang, }: {
     public_key: string;
     client_secret?: string | undefined;
     children: any;
     lang?: string | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default StripeSDK;

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 declare const StripeSDK: ({ public_key, client_secret, children, lang, }: {
     public_key: string;
     client_secret?: string | undefined;
     children: any;
     lang?: string | undefined;
-}) => JSX.Element;
+}) => import("react").JSX.Element;
 export default StripeSDK;

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

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

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './index.less';
-declare const PaymentRequestForm: () => JSX.Element | null;
+declare const PaymentRequestForm: () => React.JSX.Element | null;
 export default PaymentRequestForm;

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

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

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

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

package/lib/components/pay/toC/PaymentMethods/WalletPass/MultiModeSearch/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 export interface MultiModeSearchProps {
     onChange: (val: string) => void;
 }
-declare const _default: React.MemoExoticComponent<(props: MultiModeSearchProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: MultiModeSearchProps) => React.JSX.Element>;
 export default _default;

package/lib/components/pay/toC/WalletPassBlock/components/WalletUseList/index.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { WalletPassDataType } from '../../../PaymentMethods/WalletPass/serve';
 import './index.less';
 interface WalletUseListProps {
     walletPass: WalletPassDataType[];
 }
-declare const WalletUseList: (props: WalletUseListProps) => JSX.Element;
+declare const WalletUseList: (props: WalletUseListProps) => React.JSX.Element;
 export default WalletUseList;

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/pisellSelectCustomerModal/CustomerCard/index.d.ts

@@ -8,5 +8,5 @@ export interface CustomerCardProps {
     onRemove?: (value?: any) => void;
     customIcon?: React.ReactNode;
 }
-declare const CustomerCard: ({ onClickItem, customer, showIcon, customIcon, onRemove, className, }: CustomerCardProps) => JSX.Element;
+declare const CustomerCard: ({ onClickItem, customer, showIcon, customIcon, onRemove, className, }: CustomerCardProps) => React.JSX.Element;
 export default CustomerCard;

package/lib/components/pisellSelectCustomerModal/RightPanel/Add/BirthdayField/index.d.ts

@@ -1,2 +1,3 @@
-declare const DateSectionCom: ({ value, onChange, showTime, className, style, useSpace, format, itemStyle, }: any) => JSX.Element;
+import React from 'react';
+declare const DateSectionCom: ({ value, onChange, showTime, className, style, useSpace, format, itemStyle, }: any) => React.JSX.Element;
 export default DateSectionCom;