@pisell/private-materials 6.7.7 → 6.7.8

package/lib/components/checkout/PaymentPlugin.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const PaymentPlugin: () => React.JSX.Element;
+export default PaymentPlugin;

package/lib/components/checkout/PaymentPlugin.js

@@ -0,0 +1,181 @@
+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/checkout/PaymentPlugin.tsx
+var PaymentPlugin_exports = {};
+__export(PaymentPlugin_exports, {
+  default: () => PaymentPlugin_default
+});
+module.exports = __toCommonJS(PaymentPlugin_exports);
+var import_react = require("react");
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_useModal = __toESM(require("../../hooks/useModal"));
+var import_content = __toESM(require("./content"));
+var import_utils = require("@pisell/utils");
+var import_locales = __toESM(require("./locales"));
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_react2 = __toESM(require("react"));
+var modalStyle = document.createElement("style");
+modalStyle.textContent = `
+  :where(.payment-modal-wrapper) .ant-modal .ant-modal-content,
+  .payment-modal-wrapper .ant-modal .ant-modal-content,
+  .payment-modal-wrapper .ant-modal-content {
+    padding: 12px 36px 36px 36px !important;
+  }
+`;
+if (!document.querySelector(".payment-modal-style")) {
+  modalStyle.className = "payment-modal-style";
+  document.head.appendChild(modalStyle);
+}
+var PaymentPlugin = () => {
+  var _a;
+  const context = (0, import_useEngineContext.default)();
+  const { pisellos } = (_a = context.appHelper) == null ? void 0 : _a.utils;
+  const paymentRef = (0, import_react.useRef)();
+  const callback = (0, import_react.useRef)();
+  const [totalAmount, setTotalAmount] = (0, import_react.useState)(0);
+  const translation = (key, fallback) => {
+    var _a2;
+    const currentLang = import_utils.locales.locale || "en";
+    const checkoutText = (_a2 = import_locales.default[currentLang]) == null ? void 0 : _a2[key];
+    if (checkoutText) {
+      return checkoutText;
+    }
+    return import_utils.locales.getText(key) || fallback;
+  };
+  const handlePaymentComplete = (result) => {
+    var _a2;
+    console.log("Payment completed:", result);
+    (_a2 = callback.current) == null ? void 0 : _a2.call(callback, result);
+    hideModal();
+  };
+  const handlePaymentCancel = () => {
+    var _a2;
+    console.log("Payment cancelled");
+    hideModal();
+    (_a2 = callback.current) == null ? void 0 : _a2.call(callback, { status: "cancelled" });
+  };
+  const CustomHeader = () => /* @__PURE__ */ import_react2.default.createElement("div", { style: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    padding: "16px 0",
+    marginBottom: "16px",
+    borderBottom: "1px solid #f0f0f0",
+    backgroundColor: "#fafafa",
+    margin: "-12px -36px 16px -36px",
+    // 扩展到modal边缘
+    paddingLeft: "36px",
+    paddingRight: "36px"
+  } }, /* @__PURE__ */ import_react2.default.createElement("div", { style: {
+    display: "flex",
+    alignItems: "center",
+    gap: "12px"
+  } }, "硬件状态"), /* @__PURE__ */ import_react2.default.createElement("div", null, translation("order.total"), "：", totalAmount), /* @__PURE__ */ import_react2.default.createElement("div", { style: {
+    display: "flex",
+    alignItems: "center",
+    gap: "8px"
+  } }, /* @__PURE__ */ import_react2.default.createElement(
+    import_antd.Button,
+    {
+      type: "text",
+      size: "small",
+      icon: /* @__PURE__ */ import_react2.default.createElement(import_icons.CloseOutlined, null),
+      onClick: handlePaymentCancel,
+      style: {
+        color: "#8c8c8c",
+        border: "none",
+        boxShadow: "none"
+      }
+    }
+  )));
+  const { showModal, hideModal, content } = (0, import_useModal.default)({
+    title: null,
+    // 移除默认标题，使用自定义头部
+    children: /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(CustomHeader, null), /* @__PURE__ */ import_react2.default.createElement(
+      import_content.default,
+      {
+        paymentData: paymentRef.current,
+        moduleConfig: {
+          showWalletPass: true,
+          showCashPayment: true,
+          showAdditionalModule: true,
+          showPaymentOptions: true
+        },
+        onPaymentComplete: handlePaymentComplete,
+        onPaymentCancel: handlePaymentCancel,
+        onStatusChange: (status) => console.log("Status changed:", status),
+        open_deposit: true
+      }
+    )),
+    width: 880,
+    // 808px 内容宽度 + 36px 左右内边距
+    destroyOnClose: true,
+    maskClosable: false,
+    footer: null,
+    // 移除默认的确定/取消按钮，让组件内部处理
+    closeIcon: null,
+    // 移除默认关闭图标，使用自定义的
+    onCancel: handlePaymentCancel,
+    wrapClassName: "payment-modal-wrapper"
+  });
+  const onOpen = async (props) => {
+    var _a2, _b, _c;
+    const checkout = pisellos.getModule("checkout");
+    if (checkout) {
+      await checkout.createLocalOrderAsync({
+        orderData: (_a2 = props.data) == null ? void 0 : _a2.order_info,
+        cartSummary: (_c = (_b = props.data) == null ? void 0 : _b.subtotal_info) == null ? void 0 : _c.subTotalList,
+        autoPayment: true
+      });
+      const orderInfo = checkout.getCurrentOrderInfo();
+      if (orderInfo && orderInfo.totalAmount) {
+        setTotalAmount(orderInfo.totalAmount);
+      }
+    }
+    paymentRef.current = props == null ? void 0 : props.data;
+    callback.current = props == null ? void 0 : props.callback;
+    showModal();
+  };
+  const onClose = () => {
+    hideModal();
+  };
+  const init = () => {
+    const state = {
+      open: onOpen,
+      close: onClose
+    };
+    console.log("PaymentPlugin", state);
+  };
+  (0, import_react.useEffect)(() => {
+    init();
+  }, []);
+  return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, content);
+};
+var PaymentPlugin_default = PaymentPlugin;

package/lib/components/checkout/components/AdditionalModule/index.d.ts

@@ -8,8 +8,6 @@ interface AdditionalModuleProps {
     hasOrderNote?: boolean;
     disabled?: boolean;
     showCashPayment?: boolean;
-    isFullWidth?: boolean;
-    showMore?: boolean;
 }
-declare function AdditionalModule({ orderInfo, customAmount, handleButtonClick, hasOrderNote, disabled, showCashPayment, isFullWidth, showMore }: AdditionalModuleProps): React.JSX.Element;
+declare function AdditionalModule({ orderInfo, customAmount, handleButtonClick, hasOrderNote, disabled, showCashPayment, }: AdditionalModuleProps): React.JSX.Element;
 export default AdditionalModule;

package/lib/components/checkout/components/AdditionalModule/index.js

@@ -47,9 +47,7 @@ function AdditionalModule({
   handleButtonClick,
   hasOrderNote = false,
   disabled = false,
-  showCashPayment = false,
-  isFullWidth = false,
-  showMore = true
+  showCashPayment = false
 }) {
   import_utils.locales.init(import_locales2.default, (0, import_locales.getLocale)());
   const moreMenuItems = [
@@ -57,16 +55,11 @@ function AdditionalModule({
       key: "send-link",
       label: import_utils.locales.getText("pisell2.text.send-link"),
       icon: /* @__PURE__ */ import_react.default.createElement(import_icons.LinkOutlined, null)
-    },
-    {
-      key: "print-receipt",
-      label: import_utils.locales.getText("pisell2.text.print-receipt"),
-      icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "pisell2-printer" })
     }
   ];
   const Toast = (0, import_useToast.default)();
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "additional-module" }, showCashPayment && /* @__PURE__ */ import_react.default.createElement("div", { className: "additional-module-title" }, import_utils.locales.getText("pisell2.text.others")), /* @__PURE__ */ import_react.default.createElement("div", { className: "additional-module-buttons-container" }, showCashPayment && !isFullWidth ? (
-    // Grid布局模式：两行布局（显示现金支付模块且非全宽时）
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "additional-module" }, showCashPayment && /* @__PURE__ */ import_react.default.createElement("div", { className: "additional-module-title" }, import_utils.locales.getText("pisell2.text.others")), /* @__PURE__ */ import_react.default.createElement("div", { className: "additional-module-buttons-container" }, showCashPayment ? (
+    // Grid布局模式：两行布局（显示现金支付模块时）
     /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "additional-module-button-row" }, /* @__PURE__ */ import_react.default.createElement(
       import_antd.Button,
       {
@@ -90,18 +83,18 @@ function AdditionalModule({
       {
         className: "additional-module-button-base purple-theme",
         onClick: () => {
-          handleButtonClick("split-payment");
+          handleButtonClick("print-receipt");
         },
         icon: /* @__PURE__ */ import_react.default.createElement(
           import_materials.Icon,
           {
-            type: "pisell2-coins-01",
+            type: "pisell2-printer",
             className: "additional-module-button-icon"
           }
         ),
         size: "large"
       },
-      import_utils.locales.getText("split.payment")
+      import_utils.locales.getText("pisell2.text.print-receipt")
     )), /* @__PURE__ */ import_react.default.createElement("div", { className: "additional-module-button-row" }, /* @__PURE__ */ import_react.default.createElement(
       import_antd.Button,
       {
@@ -133,7 +126,7 @@ function AdditionalModule({
         icon: /* @__PURE__ */ import_react.default.createElement(import_icons.ClockCircleOutlined, { className: "additional-module-button-icon" })
       },
       import_utils.locales.getText("pisell2.text.save-pay-later")
-    ), showMore && /* @__PURE__ */ import_react.default.createElement(
+    ), /* @__PURE__ */ import_react.default.createElement(
       import_antd.Dropdown,
       {
         menu: {
@@ -150,12 +143,6 @@ function AdditionalModule({
                   )
                 );
               }
-            } else if (key === "print-receipt") {
-              handleButtonClick("print-receipt");
-            } else if (key === "split-payment") {
-              handleButtonClick("split-payment");
-            } else if (key === "print-receipt") {
-              handleButtonClick("print-receipt");
             }
           }
         },
@@ -176,33 +163,9 @@ function AdditionalModule({
           icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "pisell2-dots-vertical", size: 20 })
         }
       )
-    )), !showMore && /* @__PURE__ */ import_react.default.createElement("div", { className: "additional-module-button-row" }, /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Button,
-      {
-        className: "additional-module-button-base purple-theme",
-        onClick: () => {
-          handleButtonClick("send-link");
-        },
-        disabled,
-        size: "large",
-        icon: /* @__PURE__ */ import_react.default.createElement(import_icons.LinkOutlined, null)
-      },
-      import_utils.locales.getText("pisell2.text.send-link")
-    ), /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Button,
-      {
-        className: "additional-module-button-base purple-theme",
-        onClick: () => {
-          handleButtonClick("print-receipt");
-        },
-        disabled,
-        size: "large",
-        icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "pisell2-printer" })
-      },
-      import_utils.locales.getText("pisell2.text.print-receipt")
     )))
   ) : (
-    // Flex布局模式：一行布局（不显示现金支付模块或强制全宽时）
+    // Flex布局模式：一行布局（不显示现金支付模块时）
     /* @__PURE__ */ import_react.default.createElement("div", { className: "additional-module-button-row" }, /* @__PURE__ */ import_react.default.createElement(
       import_antd.Button,
       {
@@ -226,18 +189,18 @@ function AdditionalModule({
       {
         className: "additional-module-button-base purple-theme",
         onClick: () => {
-          handleButtonClick("split-payment");
+          handleButtonClick("print-receipt");
         },
         size: "large",
         icon: /* @__PURE__ */ import_react.default.createElement(
           import_materials.Icon,
           {
-            type: "pisell2-coins-01",
+            type: "pisell2-printer",
             className: "additional-module-button-icon"
           }
         )
       },
-      import_utils.locales.getText("split.payment")
+      import_utils.locales.getText("pisell2.text.print-receipt")
     ), /* @__PURE__ */ import_react.default.createElement(
       import_antd.Button,
       {
@@ -284,10 +247,6 @@ function AdditionalModule({
                   )
                 );
               }
-            } else if (key === "split-payment") {
-              handleButtonClick("split-payment");
-            } else if (key === "print-receipt") {
-              handleButtonClick("print-receipt");
             }
           }
         },

package/lib/components/checkout/components/AmountSummary/index.js

@@ -42,6 +42,7 @@ var import_decimal = __toESM(require("decimal.js"));
 var import_locales = __toESM(require("../../locales"));
 var import_PaymentDetailModal = __toESM(require("../PaymentDetailModal"));
 var import_pisellSimplePriceKeyboardPopover = __toESM(require("../../../../pro/pisellSimplePriceKeyboardPopover"));
+var import_priceKeyboard = require("../../../../pro/priceKeyboard");
 var import_index = require("./index.less");
 var import_classnames = __toESM(require("classnames"));
 var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
@@ -364,12 +365,12 @@ function AmountSummary({
     let balanceAmountValue = parseFormattedAmount(getBalanceDueAmount());
     let balanceDecimal = new import_decimal.default(balanceAmountValue);
     const syncedVoucherAmount = paymentItems == null ? void 0 : paymentItems.reduce((acc, item) => {
-      if ((item.isSynced || item.voucher_id) && (paymentType === "regular" && item.order_payment_type !== "deposit" || paymentType === "deposit" && item.order_payment_type === "deposit")) {
+      if (item.isSynced && (paymentType === "regular" && item.order_payment_type !== "deposit" || paymentType === "deposit" && item.order_payment_type === "deposit")) {
         return acc.plus(item.amount).plus(Number(item.rounding_amount) > 0 ? 0 : item.rounding_amount || 0);
       }
       return acc;
     }, new import_decimal.default(0)).toNumber();
-    balanceDecimal = new import_decimal.default(Math.abs(balanceDecimal.minus(new import_decimal.default(syncedVoucherAmount)).toNumber()));
+    balanceDecimal = balanceDecimal.minus(syncedVoucherAmount);
     const finalBalanceAmount = (0, import_utils.formatAmountWithOptions)(
       balanceDecimal.toNumber(),
       amountSymbol,
@@ -466,9 +467,8 @@ function AmountSummary({
     return balanceDueAmount !== customAmount && Number(balanceDueAmount) > 0 && Number(customAmount) > 0;
   }, [customAmount, balanceDueAmount]);
   const handleChangeDepositAmount = (value) => {
-    const valueStr = String(value);
-    console.log("handleChangeDepositAmount", valueStr);
-    checkoutModule == null ? void 0 : checkoutModule.setDepositAmountAsync(valueStr);
+    console.log("handleChangeDepositAmount", value);
+    checkoutModule == null ? void 0 : checkoutModule.setDepositAmountAsync(value);
   };
   const hasDepositPayment = (0, import_react.useMemo)(() => {
     return paymentItems == null ? void 0 : paymentItems.some((item) => item.order_payment_type === "deposit" && item.status !== "voided");
@@ -594,6 +594,47 @@ function AmountSummary({
         ))
       )
     ),
+    !shouldShowConfirmMode() && (showCancelSplitPayment ? /* @__PURE__ */ import_react2.default.createElement(import_antd.Button, { className: (0, import_classnames.default)("cancel-split-payment-button"), onClick: () => onAmountChange == null ? void 0 : onAmountChange(balanceDueAmount) }, getText("split.cancel") || "取消部\n分支付") : /* @__PURE__ */ import_react2.default.createElement(
+      import_antd.Popover,
+      {
+        content: /* @__PURE__ */ import_react2.default.createElement("div", { onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ import_react2.default.createElement(
+          import_priceKeyboard.PaymentKeyboard,
+          {
+            paymentOriginalValue: balanceDueAmount,
+            paymentDefaultValue: String(customAmount || 0),
+            enableExceedMaxAmount: false,
+            payment: {
+              enable: true
+            },
+            surcharge: {
+              enable: false
+            },
+            surchargeDefaultValue: {
+              percent: "0",
+              fixed: "0"
+            },
+            selectType: "light",
+            onChange: (value) => {
+              console.log(value);
+            },
+            doneText: getText("confirm"),
+            onPay: (args) => {
+              console.log(args);
+              setIsKeyboardVisible(false);
+              handleKeyboardConfirm(args.amount);
+            }
+          }
+        )),
+        trigger: "click",
+        open: isKeyboardVisible,
+        onOpenChange: setIsKeyboardVisible,
+        placement: "bottom",
+        overlayClassName: "payment-keyboard-popover",
+        arrow: true,
+        destroyTooltipOnHide: true
+      },
+      /* @__PURE__ */ import_react2.default.createElement(import_antd.Button, { className: (0, import_classnames.default)("split-payment-button") }, getText("split.payment") || "拆分支付")
+    )),
     /* @__PURE__ */ import_react2.default.createElement(
       import_materials.PisellModal,
       {

package/lib/components/checkout/components/AmountSummary/index.less

@@ -226,7 +226,7 @@
     border-radius: 16px;
     padding: 0 16px 0 16px;
     color: #1a1a1a;
-    width: 400px;
+    width: 350px;
     min-width: 200px;
     height: 80px;
     display: flex;
@@ -248,6 +248,7 @@
 
   .balance-due-label {
     font-size: 16px;
+    color: #7f56da;
     font-weight: 400;
     line-height: 1.5;
     margin-bottom: 4px;
@@ -255,7 +256,7 @@
 
   .balance-due-amount {
     font-size: 14px;
-    font-weight: 600;
+    font-weight: 400;
     color: #7f56da;
     line-height: 0.75;
     text-decoration: underline;
@@ -271,13 +272,13 @@
   .pay-text {
     font-size: 16px;
     font-weight: 500;
+    color: #7f56da;
     letter-spacing: 0.09375em;
-    margin-top: 12px;
   }
 
   .pay-amount {
-    font-size: 36px;
-    font-weight: 600;
+    font-size: 32px;
+    font-weight: 400;
     color: #1e1830;
     line-height: 0.75;
   }

package/lib/components/checkout/components/CashPaymentModule/index.d.ts

@@ -15,12 +15,10 @@ export interface CashPaymentModuleProps {
     balanceDueAmount?: string;
     balanceDueTotalAmount?: string;
     syncingLock?: boolean;
-    shortcutsSize?: 'default' | 'large';
 }
 export declare function CashPaymentModule({ amountSymbol, orderInfo, onPaymentComplete, customAmount, amountButtons, // 按钮列表，默认5个推荐金额
 disabled, // 禁用状态
 roundingFunction, balanceDueAmount, // 当前阶段剩余支付金额（定金或普通支付）
 balanceDueTotalAmount, // 完整订单剩余待付金额
-syncingLock, // 是否锁定
-shortcutsSize, }: CashPaymentModuleProps): React.JSX.Element;
+syncingLock, }: CashPaymentModuleProps): React.JSX.Element;
 export default CashPaymentModule;

package/lib/components/checkout/components/CashPaymentModule/index.js

@@ -55,10 +55,8 @@ function CashPaymentModule({
   // 当前阶段剩余支付金额（定金或普通支付）
   balanceDueTotalAmount = "0",
   // 完整订单剩余待付金额
-  syncingLock = false,
+  syncingLock = false
   // 是否锁定
-  shortcutsSize = "default"
-  // 预设大小
 }) {
   const [amount, setAmount] = (0, import_react.useState)(customAmount || "");
   const [roundingAmount, setRoundingAmount] = (0, import_react.useState)(0);
@@ -233,8 +231,7 @@ function CashPaymentModule({
         };
       }),
       onReset: handleReset,
-      onEnter: syncingLock ? void 0 : handleCashPay,
-      shortcutsSize
+      onEnter: syncingLock ? void 0 : handleCashPay
     }
   );
 }

package/lib/components/checkout/components/PaymentDetailModal/index.js

@@ -120,7 +120,7 @@ function PaymentDetailModal({
       hideDecimalForWholeNumbers: false,
       useThousandsSeparator: true,
       showCurrencySymbol: true
-    }))), depositPayments.map((item) => /* @__PURE__ */ import_react.default.createElement("div", { key: item.uuid, className: (0, import_classnames.default)("payment-item") }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-bullet") }), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-content") }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-text") }, item.name, " - ", item.created_at || (/* @__PURE__ */ new Date()).toLocaleDateString(), " ", getText("pisell2.checkout.payment-detail.by") || "by", " ", getCustomerInfo().nickname), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-actions") }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-amount") }, "-", (0, import_utils.formatAmountWithOptions)(
+    }))), depositPayments.map((item) => /* @__PURE__ */ import_react.default.createElement("div", { key: item.uuid, className: (0, import_classnames.default)("payment-item") }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-bullet") }), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-content") }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-text") }, item.name, " - ", (/* @__PURE__ */ new Date()).toLocaleDateString(), " ", getText("pisell2.checkout.payment-detail.by") || "by", " ", getCustomerInfo().nickname), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-actions") }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-amount") }, "-", (0, import_utils.formatAmountWithOptions)(
       new import_decimal.default(Math.abs(item.amount)).plus(new import_decimal.default(Number(item.rounding_amount) > 0 ? 0 : item.rounding_amount || 0)).toNumber(),
       amountSymbol,
       {
@@ -142,7 +142,7 @@ function PaymentDetailModal({
       hideDecimalForWholeNumbers: false,
       useThousandsSeparator: true,
       showCurrencySymbol: true
-    }))), regularPayments.map((item) => /* @__PURE__ */ import_react.default.createElement("div", { key: item.uuid, className: (0, import_classnames.default)("payment-item") }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-bullet") }), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-content") }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-text") }, item.name, " - ", item.created_at || (/* @__PURE__ */ new Date()).toLocaleDateString(), " ", getText("pisell2.checkout.payment-detail.by") || "by", " ", getCustomerInfo().nickname), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-actions") }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-amount") }, "-", (0, import_utils.formatAmountWithOptions)(
+    }))), regularPayments.map((item) => /* @__PURE__ */ import_react.default.createElement("div", { key: item.uuid, className: (0, import_classnames.default)("payment-item") }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-bullet") }), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-content") }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-text") }, item.name, " - ", (/* @__PURE__ */ new Date()).toLocaleDateString(), " ", getText("pisell2.checkout.payment-detail.by") || "by", " ", getCustomerInfo().nickname), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-actions") }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-amount") }, "-", (0, import_utils.formatAmountWithOptions)(
       new import_decimal.default(Math.abs(item.amount)).plus(new import_decimal.default(Number(item.rounding_amount) > 0 ? 0 : item.rounding_amount || 0)).toNumber(),
       amountSymbol,
       {

package/lib/components/checkout/components/PaymentOptionsModule/PaymentMethodItem.d.ts

@@ -24,8 +24,6 @@ export interface PaymentMethodItemProps {
     onClick?: (method: ExtendedPaymentMethod) => void;
     /** 获取文本的函数 */
     getText?: (key: string, fallback?: string) => string;
-    /** 大小 */
-    size?: 'default' | 'large';
 }
 declare const PaymentMethodItem: React.FC<PaymentMethodItemProps>;
 export default PaymentMethodItem;

package/lib/components/checkout/components/PaymentOptionsModule/PaymentMethodItem.js

@@ -45,8 +45,7 @@ var PaymentMethodItem = ({
   customAmount,
   disabled = false,
   onClick,
-  getText,
-  size = "default"
+  getText
 }) => {
   const [isKeyboardVisible, setIsKeyboardVisible] = (0, import_react.useState)(false);
   const calculateSurcharge = (method2) => {
@@ -101,9 +100,6 @@ var PaymentMethodItem = ({
           "payment-options-module-disabled": disabled
         }
       ),
-      style: {
-        height: size === "large" ? "82px" : "62px"
-      },
       onClick: showKeyboard,
       type: "button",
       disabled

package/lib/components/checkout/components/PaymentOptionsModule/index.d.ts

@@ -11,6 +11,5 @@ interface ExtendedPaymentOptionsModuleProps extends PaymentOptionsModuleProps {
     disabled?: boolean;
     showCashPayment?: boolean;
 }
-export declare const SHOW_METHODS_CODE: string[];
 declare function PaymentOptionsModule({ amountSymbol, orderInfo, onClick, paymentMethods, customAmount, title, disabled, showCashPayment, }: ExtendedPaymentOptionsModuleProps): React.JSX.Element;
 export default PaymentOptionsModule;

package/lib/components/checkout/components/PaymentOptionsModule/index.js

@@ -29,7 +29,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/checkout/components/PaymentOptionsModule/index.tsx
 var PaymentOptionsModule_exports = {};
 __export(PaymentOptionsModule_exports, {
-  SHOW_METHODS_CODE: () => SHOW_METHODS_CODE,
   default: () => PaymentOptionsModule_default
 });
 module.exports = __toCommonJS(PaymentOptionsModule_exports);
@@ -126,7 +125,6 @@ function PaymentOptionsModule({
       filteredPaymentMethods.map((method) => /* @__PURE__ */ import_react.default.createElement(
         import_PaymentMethodItem.default,
         {
-          size: (filteredPaymentMethods == null ? void 0 : filteredPaymentMethods.length) === 2 ? "large" : "default",
           key: method.id,
           method,
           amountSymbol,
@@ -140,7 +138,3 @@ function PaymentOptionsModule({
   );
 }
 var PaymentOptionsModule_default = PaymentOptionsModule;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  SHOW_METHODS_CODE
-});

package/lib/components/checkout/components/PaymentOptionsModule/index.less

@@ -234,10 +234,6 @@
 }
 
 .payment-options-module-pay-button{
-  width: 118px;
-  height: 40px;
-  font-weight: 600;
-  font-size: 18px;
   background: var(--theme-color, #7F56DA);
   &:disabled {
     background: #D0D5DD;

package/lib/components/checkout/components/PaymentResultToast/PaymentResultToastProvider.d.ts

@@ -23,10 +23,6 @@ interface ShowPaymentResultToastConfig {
     onClose?: () => void;
     /** 是否显示右上角关闭按钮 */
     closable?: boolean;
-    /** 是否启用点击外部区域关闭弹窗（使用纯JS实现） */
-    clickOutsideToClose?: boolean;
-    /** 是否显示遮罩 */
-    mask?: boolean;
 }
 interface PaymentResultToastContextType {
     /** 显示成功弹窗 */