@pisell/private-materials 6.3.14 → 6.4.1

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

@@ -0,0 +1,517 @@
+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/components/AmountSummary/index.tsx
+var AmountSummary_exports = {};
+__export(AmountSummary_exports, {
+  default: () => AmountSummary_default
+});
+module.exports = __toCommonJS(AmountSummary_exports);
+var import_react = require("react");
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_icon = require("@pisell/icon");
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_decimal = __toESM(require("decimal.js"));
+var import_locales = __toESM(require("../../locales"));
+var import_PaymentDetailModal = __toESM(require("../PaymentDetailModal"));
+var import_pisellPriceKeyboardPopover = __toESM(require("../../../../pro/pisellPriceKeyboardPopover"));
+var import_index = require("./index.less");
+var import_classnames = __toESM(require("classnames"));
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
+var import_materials2 = require("@pisell/materials");
+var import_useToast = __toESM(require("../../../../hooks/useToast"));
+var import_react2 = __toESM(require("react"));
+var ChevronSelectorVertical = ({
+  style
+}) => /* @__PURE__ */ import_react2.default.createElement(
+  "svg",
+  {
+    width: "36",
+    height: "36",
+    viewBox: "0 0 36 36",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    style
+  },
+  /* @__PURE__ */ import_react2.default.createElement(
+    "path",
+    {
+      d: "M21 15L18 12L15 15M15 21L18 24L21 21",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  )
+);
+function AmountSummary({
+  amountSymbol = "$",
+  orderInfo,
+  open_deposit = false,
+  customAmount,
+  balanceDueAmount,
+  clientInfo,
+  onAmountChange,
+  onDepositStatusChange,
+  onConfirm,
+  paymentItems,
+  cartData,
+  walletPassData,
+  totalAmount = 0
+}) {
+  var _a;
+  const context = (0, import_useEngineContext.default)();
+  const { pisellos, action, token, store, getApp } = (_a = context.appHelper) == null ? void 0 : _a.utils;
+  const Toast = (0, import_useToast.default)();
+  const getText = (key, fallback) => {
+    var _a2, _b, _c, _d, _e, _f, _g, _h;
+    const currentLang = ((_e = (_d = (_c = (_b = (_a2 = context.appHelper.utils) == null ? void 0 : _a2.getApp) == null ? void 0 : _b.call(_a2)) == null ? void 0 : _c.locales) == null ? void 0 : _d.getLocale) == null ? void 0 : _e.call(_d)) || ((_g = (_f = context.appHelper.utils) == null ? void 0 : _f.storage) == null ? void 0 : _g.get("umi_locale")) || "en";
+    const checkoutText = (_h = import_locales.default[currentLang]) == null ? void 0 : _h[key];
+    if (checkoutText) {
+      return checkoutText;
+    }
+    return import_utils.locales.getText(key) || fallback;
+  };
+  const [paymentType, setPaymentType] = (0, import_react.useState)("regular");
+  const [isPaymentDetailOpen, setIsPaymentDetailOpen] = (0, import_react.useState)(false);
+  const [summaryData, setSummaryData] = (0, import_react.useState)([]);
+  const [partialPaidAmount, setPartialPaidAmount] = (0, import_react.useState)("0");
+  const checkoutModule = pisellos.getModule("checkout");
+  const labelMaps = {
+    deposit: getText("pisell2.subtotal.deposit") || "Deposit",
+    total: getText("pisell2.subtotal.total") || "Total",
+    sub_total: getText("pisell2.subtotal.subtotal") || "Subtotal",
+    tax: getText("pisell2.subtotal.tax") || "Tax",
+    delivery_fee: getText("pisell2.subtotal.delivery-fee") || "Delivery Fee",
+    discount: getText("pisell2.subtotal.discount") || "Discount",
+    point_deduction: getText("pisell2.subtotal.point-deduction") || "Point Deduction",
+    member_deduction: getText("pisell2.subtotal.member-deduction") || "Member Deduction",
+    expect_amount: getText("pisell2.subtotal.expect-amount") || "Expected Amount"
+  };
+  const getBalanceDueAmount = () => {
+    const expectAmountItem = summaryData.find(
+      (item) => item.key === "expect_amount"
+    );
+    if (expectAmountItem) {
+      return expectAmountItem.value;
+    }
+    return 0;
+  };
+  const parseFormattedAmount = (formattedAmount) => {
+    if (typeof formattedAmount === "number") {
+      return formattedAmount;
+    }
+    if (typeof formattedAmount === "string") {
+      const numericString = formattedAmount.replace(/[^-0-9.]/g, "");
+      try {
+        const parsed = new import_decimal.default(numericString || "0");
+        return parsed.toNumber();
+      } catch {
+        return 0;
+      }
+    }
+    return 0;
+  };
+  const [currentAmount, setCurrentAmount] = (0, import_react.useState)(
+    customAmount && customAmount !== "" ? customAmount : parseFormattedAmount(getBalanceDueAmount())
+  );
+  (0, import_react.useEffect)(() => {
+    if (customAmount && customAmount !== "") {
+      setCurrentAmount(customAmount);
+    }
+  }, [customAmount]);
+  (0, import_react.useEffect)(() => {
+    if (checkoutModule && orderInfo) {
+      try {
+        const summary = checkoutModule.getCartSummary();
+        if (Array.isArray(summary)) {
+          setSummaryData(summary);
+        }
+      } catch (error) {
+        console.warn("Failed to get cart summary:", error);
+      }
+    }
+  }, [checkoutModule, orderInfo]);
+  (0, import_react.useEffect)(() => {
+    if (summaryData.length > 0 && (!customAmount || customAmount === "")) {
+      setCurrentAmount(parseFormattedAmount(getBalanceDueAmount()));
+    }
+  }, [summaryData, customAmount]);
+  (0, import_react.useEffect)(() => {
+    var _a2;
+    const nonWalletPassAmount = ((_a2 = paymentItems == null ? void 0 : paymentItems.reduce((acc, item) => {
+      if (!item.voucher_id) {
+        let itemAmount = new import_decimal.default(item.amount || "0");
+        if (item.rounding_amount) {
+          const roundingAmount = new import_decimal.default(item.rounding_amount);
+          if (roundingAmount.isNegative()) {
+            itemAmount = itemAmount.plus(roundingAmount.abs());
+            console.log("添加抹零金额到已付:", roundingAmount.abs().toNumber(), "项目:", item);
+          }
+        }
+        return acc.plus(itemAmount);
+      }
+      return acc;
+    }, new import_decimal.default(0))) == null ? void 0 : _a2.toNumber()) || 0;
+    setPartialPaidAmount(nonWalletPassAmount);
+  }, [paymentItems]);
+  const paymentOptions = [
+    {
+      key: "regular",
+      label: /* @__PURE__ */ import_react2.default.createElement("div", { className: (0, import_classnames.default)("amount-summary-dropdown-option") }, /* @__PURE__ */ import_react2.default.createElement(import_icons.CheckCircleOutlined, { className: (0, import_classnames.default)("dropdown-icon") }), getText("regular.payment") || "普通支付")
+    },
+    {
+      key: "deposit",
+      label: /* @__PURE__ */ import_react2.default.createElement("div", { className: (0, import_classnames.default)("amount-summary-dropdown-option") }, /* @__PURE__ */ import_react2.default.createElement(import_icons.PieChartOutlined, { className: (0, import_classnames.default)("dropdown-icon") }), getText("deposit.payment") || "定金支付")
+    }
+    // Bond Collection选项暂时隐藏
+  ];
+  const handlePaymentTypeChange = (key) => {
+    const newPaymentType = key;
+    setPaymentType(newPaymentType);
+    if (onDepositStatusChange) {
+      onDepositStatusChange(newPaymentType === "deposit");
+    }
+  };
+  const getWalletTotalAmount = () => {
+    if (!(walletPassData == null ? void 0 : walletPassData.selectedWallet) || !Array.isArray(walletPassData.selectedWallet)) {
+      return 0;
+    }
+    const totalDecimal = walletPassData.selectedWallet.reduce((totalDecimal2, wallet) => {
+      try {
+        const redeemDecimal = new import_decimal.default(wallet.redeem || "0");
+        return totalDecimal2.plus(redeemDecimal);
+      } catch {
+        return totalDecimal2;
+      }
+    }, new import_decimal.default(0));
+    return totalDecimal.toNumber();
+  };
+  const getOrderDueAmount = () => {
+    const expectAmountItem = summaryData.find(
+      (item) => item.key === "expect_amount"
+    );
+    if (expectAmountItem) {
+      return expectAmountItem.value;
+    }
+    return paymentType === "deposit" ? 15.1 : 130.2;
+  };
+  const getKeyboardLimits = () => {
+    const walletTotal = getWalletTotalAmount();
+    const orderDue = getOrderDueAmount();
+    const walletTotalDecimal = new import_decimal.default(walletTotal);
+    const orderDueDecimal = new import_decimal.default(orderDue);
+    const minDecimal = new import_decimal.default(0.01);
+    const diffDecimal = orderDueDecimal.minus(walletTotalDecimal);
+    const maxAmountDecimal = import_decimal.default.max(minDecimal, diffDecimal);
+    return {
+      min: minDecimal.toNumber(),
+      max: maxAmountDecimal.toNumber()
+    };
+  };
+  const _formatInputAmount = (value) => {
+    try {
+      const num = new import_decimal.default(value || "0");
+      return num.toFixed(2);
+    } catch {
+      return value;
+    }
+  };
+  const handleKeyboardConfirm = (value) => {
+    const inputStr = String(value).trim();
+    let numericValue;
+    try {
+      numericValue = new import_decimal.default(inputStr || "0").toNumber();
+    } catch {
+      numericValue = 0;
+    }
+    const limits = getKeyboardLimits();
+    if (numericValue === 0) {
+      Toast.fail(getText("pisell2.amount-summary.amount-cannot-be-zero", "The amount cannot be 0"));
+      return;
+    }
+    if (!inputStr || numericValue <= 0) {
+      numericValue = getOrderDueAmount();
+    }
+    const minDecimal = new import_decimal.default(limits.min);
+    const maxDecimal = new import_decimal.default(limits.max);
+    const valueDecimal = new import_decimal.default(numericValue);
+    const clampedValue = import_decimal.default.min(
+      import_decimal.default.max(valueDecimal, minDecimal),
+      maxDecimal
+    ).toNumber();
+    const formattedValue = _formatInputAmount(String(clampedValue));
+    setCurrentAmount(parseFormattedAmount(`$${formattedValue}`));
+    if (onAmountChange) {
+      onAmountChange(formattedValue);
+    }
+  };
+  const handleMoreClick = async () => {
+    setIsPaymentDetailOpen(true);
+  };
+  const handlePaymentDetailClose = () => {
+    setIsPaymentDetailOpen(false);
+  };
+  const getPaymentButtonClassName = () => {
+    const baseClass = open_deposit ? "payment-button-with-dropdown" : "payment-button-without-dropdown";
+    const typeClass = paymentType === "deposit" ? "payment-button-deposit" : "payment-button-regular";
+    return (0, import_classnames.default)(baseClass, typeClass);
+  };
+  const shouldShowPartialPaidCard = () => {
+    var _a2;
+    const partialPaidAmountDecimal = new import_decimal.default(partialPaidAmount || "0");
+    const voucherPaymentAmount = ((_a2 = paymentItems == null ? void 0 : paymentItems.reduce((acc, item) => {
+      if (item.voucher_id) {
+        try {
+          const amount = new import_decimal.default(item.amount || "0");
+          const roundingAmount = new import_decimal.default(item.rounding_amount || "0");
+          return acc.plus(amount).plus(roundingAmount);
+        } catch {
+          return acc;
+        }
+      }
+      return acc;
+    }, new import_decimal.default(0))) == null ? void 0 : _a2.toNumber()) || 0;
+    const totalPaidAmount = partialPaidAmountDecimal.plus(voucherPaymentAmount).toNumber();
+    if (totalPaidAmount >= totalAmount) {
+      return false;
+    }
+    return partialPaidAmountDecimal.toNumber() > 0;
+  };
+  const renderSummaryItems = () => {
+    if (!summaryData || summaryData.length === 0) {
+      return null;
+    }
+    const maxVisibleItems = shouldShowPartialPaidCard() ? 2 : 3;
+    const hasMoreItems2 = summaryData.length > maxVisibleItems;
+    const visibleItems = hasMoreItems2 ? summaryData.slice(0, maxVisibleItems) : summaryData;
+    return visibleItems.map((item) => {
+      const displayLabel = item.label || labelMaps[item.key] || item.key;
+      return /* @__PURE__ */ import_react2.default.createElement("div", { key: item.key, className: (0, import_classnames.default)("payment-detail-row") }, /* @__PURE__ */ import_react2.default.createElement("span", { className: (0, import_classnames.default)("payment-detail-label") }, displayLabel), /* @__PURE__ */ import_react2.default.createElement("span", { className: (0, import_classnames.default)("payment-detail-amount") }, (0, import_utils.formatAmount)(item.value, 2, amountSymbol)));
+    });
+  };
+  const hasMoreItems = () => {
+    if (!summaryData) return false;
+    const maxVisibleItems = shouldShowPartialPaidCard() ? 2 : 3;
+    return summaryData.length > maxVisibleItems;
+  };
+  const shouldShowConfirmMode = () => {
+    var _a2;
+    if (!customAmount) return false;
+    let amount;
+    try {
+      amount = new import_decimal.default(customAmount).toNumber();
+    } catch {
+      return false;
+    }
+    if (amount <= 0) {
+      const allItemsHaveVoucherId = paymentItems == null ? void 0 : paymentItems.every(
+        (item) => item.voucher_id
+      );
+      return allItemsHaveVoucherId || (((_a2 = walletPassData == null ? void 0 : walletPassData.selectedDiscountList) == null ? void 0 : _a2.length) ?? 0) > 0;
+    }
+    return false;
+  };
+  const handleConfirmClick = () => {
+    if (onConfirm) {
+      onConfirm();
+    }
+  };
+  const handleVoidPayment = async (paymentItem) => {
+    console.log("Void payment:", paymentItem);
+    await (checkoutModule == null ? void 0 : checkoutModule.deletePaymentItemAsync(paymentItem.uuid));
+    console.log("支付项已删除");
+  };
+  const renderConfirmMode = () => {
+    let balanceAmountValue = parseFormattedAmount(getBalanceDueAmount());
+    let balanceDecimal = new import_decimal.default(balanceAmountValue);
+    const finalBalanceAmount = (0, import_utils.formatAmount)(balanceDecimal.toNumber(), 2, amountSymbol);
+    return /* @__PURE__ */ import_react2.default.createElement("div", { className: (0, import_classnames.default)("confirm-payment-container") }, /* @__PURE__ */ import_react2.default.createElement("div", { className: (0, import_classnames.default)("confirm-payment-content") }, /* @__PURE__ */ import_react2.default.createElement("div", { className: (0, import_classnames.default)("confirm-payment-text") }, getText("will.be.paid.in.full") || "Will be paid in full", " ", /* @__PURE__ */ import_react2.default.createElement("span", { className: (0, import_classnames.default)("amount-text") }, finalBalanceAmount), " ", getText("by.wallet") || "by Wallet"), /* @__PURE__ */ import_react2.default.createElement(
+      import_antd.Button,
+      {
+        className: (0, import_classnames.default)("confirm-button"),
+        onClick: handleConfirmClick,
+        type: "primary"
+      },
+      getText("confirm") || "Confirm"
+    )));
+  };
+  const getMiddleContent = () => {
+    if (paymentType === "deposit") {
+      return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement("div", { className: (0, import_classnames.default)("payment-details") }, shouldShowPartialPaidCard() && /* @__PURE__ */ import_react2.default.createElement("div", { className: (0, import_classnames.default)("partial-paid-card") }, /* @__PURE__ */ import_react2.default.createElement("span", { className: (0, import_classnames.default)("partial-paid-label") }, getText("partial.paid") || "Partial Paid"), /* @__PURE__ */ import_react2.default.createElement("span", { className: (0, import_classnames.default)("partial-paid-amount") }, (0, import_utils.formatAmount)(partialPaidAmount, 2, amountSymbol))), renderSummaryItems(), hasMoreItems() && /* @__PURE__ */ import_react2.default.createElement(
+        "div",
+        {
+          className: (0, import_classnames.default)("more-section"),
+          onClick: handleMoreClick,
+          style: { cursor: "pointer" },
+          role: "button"
+        },
+        /* @__PURE__ */ import_react2.default.createElement("span", { className: (0, import_classnames.default)("more-text") }, getText("more") || "更多"),
+        /* @__PURE__ */ import_react2.default.createElement(
+          import_materials2.Iconfont,
+          {
+            type: "pisell2-TriangleFill",
+            style: { fontSize: "12px" }
+          }
+        )
+      )));
+    } else {
+      return /* @__PURE__ */ import_react2.default.createElement("div", { className: (0, import_classnames.default)("payment-details") }, shouldShowPartialPaidCard() && /* @__PURE__ */ import_react2.default.createElement("div", { className: (0, import_classnames.default)("partial-paid-card") }, /* @__PURE__ */ import_react2.default.createElement("span", { className: (0, import_classnames.default)("partial-paid-label") }, getText("partial.paid") || "Partial Paid"), /* @__PURE__ */ import_react2.default.createElement("span", { className: (0, import_classnames.default)("partial-paid-amount") }, (0, import_utils.formatAmount)(partialPaidAmount, 2, amountSymbol))), renderSummaryItems(), hasMoreItems() && /* @__PURE__ */ import_react2.default.createElement(
+        "div",
+        {
+          className: (0, import_classnames.default)("more-section"),
+          onClick: handleMoreClick,
+          style: { cursor: "pointer" },
+          role: "button"
+        },
+        /* @__PURE__ */ import_react2.default.createElement("span", { className: (0, import_classnames.default)("more-text") }, getText("more") || "更多"),
+        /* @__PURE__ */ import_react2.default.createElement(
+          import_materials2.Iconfont,
+          {
+            type: "pisell2-TriangleFill",
+            style: { fontSize: "24px", color: "#C3B2E7" }
+          }
+        )
+      ));
+    }
+  };
+  return /* @__PURE__ */ import_react2.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)(
+        "amount-summary-module",
+        "amount-summary-container"
+      )
+    },
+    /* @__PURE__ */ import_react2.default.createElement("div", { className: (0, import_classnames.default)("left-section") }, open_deposit ? /* @__PURE__ */ import_react2.default.createElement(
+      import_antd.Dropdown,
+      {
+        menu: {
+          items: paymentOptions,
+          onClick: ({ key }) => handlePaymentTypeChange(key),
+          style: {
+            backgroundColor: "#7F56DA",
+            border: "1px solid #C3B2E7",
+            borderRadius: "8px",
+            padding: "8px 16px"
+          }
+        },
+        trigger: ["click"],
+        placement: "bottomLeft",
+        overlayClassName: "amount-summary-dropdown"
+      },
+      /* @__PURE__ */ import_react2.default.createElement(import_antd.Button, { className: getPaymentButtonClassName() }, /* @__PURE__ */ import_react2.default.createElement("div", { className: (0, import_classnames.default)("button-content") }, /* @__PURE__ */ import_react2.default.createElement("span", { className: (0, import_classnames.default)("button-text") }, paymentType === "deposit" ? getText("deposit.payment.short") || "定金\n支付" : getText("regular.payment.short") || "普通\n支付"), /* @__PURE__ */ import_react2.default.createElement(
+        ChevronSelectorVertical,
+        {
+          style: { width: "36px", height: "36px" }
+        }
+      )))
+    ) : /* @__PURE__ */ import_react2.default.createElement(import_antd.Button, { className: getPaymentButtonClassName() }, /* @__PURE__ */ import_react2.default.createElement("div", null, paymentType === "deposit" ? getText("deposit.text") || "定金" : getText("regular.text") || "普通"), /* @__PURE__ */ import_react2.default.createElement("div", null, getText("payment.text") || "支付")), /* @__PURE__ */ import_react2.default.createElement(import_materials2.Iconfont, { type: "pisell2-arrow-right", style: { fontSize: "20px" } })),
+    /* @__PURE__ */ import_react2.default.createElement("div", { className: (0, import_classnames.default)("middle-section") }, getMiddleContent()),
+    /* @__PURE__ */ import_react2.default.createElement(
+      "div",
+      { className: (0, import_classnames.default)("balance-due-card") },
+      // 如果应该显示确认模式，直接返回确认界面
+      shouldShowConfirmMode() ? renderConfirmMode() : /* @__PURE__ */ import_react2.default.createElement("div", { className: (0, import_classnames.default)("balance-due-info") }, /* @__PURE__ */ import_react2.default.createElement("div", { className: (0, import_classnames.default)("balance-due-label") }, paymentType === "deposit" ? getText("deposit.due") || "Deposit Due" : getText("balance.due") || "Balance Due"), /* @__PURE__ */ import_react2.default.createElement("div", { className: (0, import_classnames.default)("balance-due-amount") }, (0, import_utils.formatAmount)(balanceDueAmount, 2, amountSymbol))),
+      !shouldShowConfirmMode() && /* @__PURE__ */ import_react2.default.createElement(
+        import_pisellPriceKeyboardPopover.default,
+        {
+          value: (() => {
+            try {
+              return new import_decimal.default(currentAmount || "0").toNumber();
+            } catch {
+              return 0;
+            }
+          })(),
+          onConfirm: handleKeyboardConfirm,
+          showCurrencySymbol: true,
+          useThousandsSeparator: false,
+          selectType: "dark",
+          overlayClassName: "amount-summary-keyboard-popover"
+        },
+        /* @__PURE__ */ import_react2.default.createElement(
+          "div",
+          {
+            className: (0, import_classnames.default)("pay-section"),
+            style: { cursor: "pointer" },
+            role: "button"
+          },
+          /* @__PURE__ */ import_react2.default.createElement("span", { className: (0, import_classnames.default)("pay-text") }, getText("pay") || "支付"),
+          /* @__PURE__ */ import_react2.default.createElement("span", { className: (0, import_classnames.default)("pay-amount") }, (0, import_utils.formatAmount)((() => {
+            try {
+              return new import_decimal.default(currentAmount || "0").toNumber();
+            } catch {
+              return 0;
+            }
+          })(), 2, amountSymbol)),
+          /* @__PURE__ */ import_react2.default.createElement(
+            import_icon.Edit05,
+            {
+              className: (0, import_classnames.default)("edit-icon"),
+              style: { color: "#7F56DA" }
+            }
+          )
+        )
+      )
+    ),
+    /* @__PURE__ */ import_react2.default.createElement(
+      import_materials.PisellModal,
+      {
+        open: isPaymentDetailOpen,
+        onCancel: handlePaymentDetailClose,
+        footer: null,
+        closable: true,
+        mask: true,
+        maskClosable: true,
+        centered: true,
+        width: 600,
+        wrapClassName: "payment-detail-modal-wrapper",
+        title: getText("order.and.payment.summary") || "Order and Payment Summary"
+      },
+      isPaymentDetailOpen && /* @__PURE__ */ import_react2.default.createElement(
+        import_PaymentDetailModal.default,
+        {
+          amountSymbol,
+          orderInfo,
+          cartData,
+          onClose: handlePaymentDetailClose,
+          summaryData,
+          labelMaps,
+          paymentItems,
+          customAmount,
+          voidPayment: handleVoidPayment,
+          walletPassData,
+          clientInfo
+        }
+      )
+    )
+  );
+}
+var AmountSummary_default = AmountSummary;