@pisell/private-materials 6.3.15 → 6.4.2

package/es/components/checkout/PaymentModal.js

@@ -0,0 +1,2015 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useRef, useState, useEffect, useCallback, useMemo, useImperativeHandle, forwardRef } from 'react';
+import { locales, webPrint } from '@pisell/utils';
+import { getLocale } from "../../utils/locales";
+import { useMemoizedFn } from 'ahooks';
+import { createPortal } from 'react-dom';
+import checkoutLocales from "./locales";
+import { PisellContainer } from '@pisell/materials';
+import { PisellAdjustPrice } from '@pisell/materials';
+import useEngineContext from "../../hooks/useEngineContext";
+import NoteModal from "../../plus/noteModal";
+import SendPaymentLinkModal from "./components/SendPaymentLinkModal";
+import AmountSummary from "./components/AmountSummary/index";
+import SavePayLaterHandler from "./components/SavePayLaterHandler";
+import WalletPassModule from "./components/WalletPassModule";
+import PaymentOptionsModule from "./components/PaymentOptionsModule";
+import CashPaymentModule from "./components/CashPaymentModule";
+import AdditionalModule from "./components/AdditionalModule";
+import { getSumTotal } from "../booking/components/footer/amount";
+import { usePaymentResultToast, PaymentResultToastProvider, closePaymentResultToast } from "./components/PaymentResultToast";
+import { formatCurrency, calculateStatusClassName, calculateAutoCloseConfig, displayPaymentResultToast, createShowSuccessToast } from "./utils/PaymentResultToastUtils";
+import { Printer, FileCheck02, RefreshCw05, CreditCard02, MessageTextSquare02, ArrowLeft, DotsVertical } from '@pisell/icon';
+import { checkoutStyles } from "./styles";
+import PaymentMethods from "../pay/toB/paymentMethods";
+import { DeviceIconGroup } from "../../pro/comprehensiveSearch/components";
+import SearchAndClientModule from "./components/SearchAndClientModule";
+import useToast from "../../hooks/useToast";
+import "./index.less";
+import { WALLET_PASS_CODE_ARRAY, WALLET_PASS_CODE_MAP } from "./constants";
+import { cloneDeep } from 'lodash';
+import { getShopWalletPassId } from "./utils";
+import usePaymentLogger from "./hooks/usePaymentLogger";
+
+// Checkout 模块的事件常量
+var CheckoutHooks = {
+  OnStateAmountChanged: 'checkout:onStateAmountChanged',
+  OnBalanceDueAmountChanged: 'checkout:onBalanceDueAmountChanged',
+  OnOrderSubmitStart: 'checkout:onOrderSubmitStart',
+  OnOrderSubmitEnd: 'checkout:onOrderSubmitEnd',
+  OnOrderSyncFailed: 'checkout:onOrderSyncFailed'
+};
+
+// 从 PaymentOptionsModule 导入扩展支付方法类型
+
+// 支付弹窗的数据接口
+
+// 支付弹窗主体内容组件
+var PaymentContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _parentModuleConfig$s, _state$client2;
+  var cartData = _ref.cartData,
+    orderInfo = _ref.orderInfo,
+    onPaymentComplete = _ref.onPaymentComplete,
+    onPaymentCancel = _ref.onPaymentCancel,
+    onStatusChange = _ref.onStatusChange,
+    dispatch = _ref.dispatch,
+    state = _ref.state,
+    showingCashToastRef = _ref.showingCashToastRef,
+    onToastClose = _ref.onToastClose,
+    orderNote = _ref.orderNote,
+    setOrderNote = _ref.setOrderNote,
+    setNoteModalSource = _ref.setNoteModalSource,
+    setNoteModalOpen = _ref.setNoteModalOpen,
+    _ref$totalAmount = _ref.totalAmount,
+    totalAmount = _ref$totalAmount === void 0 ? 0 : _ref$totalAmount,
+    parentModuleConfig = _ref.moduleConfig,
+    onShowCashPaymentChange = _ref.onShowCashPaymentChange,
+    showSuccessToast = _ref.showSuccessToast,
+    _ref$dynamicMaxHeight = _ref.dynamicMaxHeight,
+    dynamicMaxHeight = _ref$dynamicMaxHeight === void 0 ? '600px' : _ref$dynamicMaxHeight;
+  var context = useEngineContext();
+  var utils = context.appHelper.utils || {};
+  var pisellos = utils.pisellos,
+    getData = utils.getData,
+    pisellosAllModule = utils.pisellosAllModule,
+    interaction = utils.interaction;
+  var Toast = useToast();
+  var paymentResultToast = usePaymentResultToast();
+  var checkoutRef = useRef(null);
+  var savePayLaterHandlerRef = useRef(null);
+  // 剩余待付金额-可自定义修改，也可认作支付方式付出去需要付多少钱
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    customAmount = _useState2[0],
+    setCustomAmount = _useState2[1];
+  // 剩余待付金额-完全由 OS 计算出来且不允许修改，实打实的当前订单还要付多少钱
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    balanceDueAmount = _useState4[0],
+    setBalanceDueAmount = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    recommendAmounts = _useState6[0],
+    setRecommendAmounts = _useState6[1];
+  var paymentMethodsRef = useRef(null);
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    paymentMethods = _useState8[0],
+    setPaymentMethods = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    showCashPayment = _useState10[0],
+    setShowCashPayment = _useState10[1];
+  var _useState11 = useState(locales.getText('cards.and.digitals') || 'Cards & Digitals'),
+    _useState12 = _slicedToArray(_useState11, 2),
+    paymentOptionsTitle = _useState12[0],
+    setPaymentOptionsTitle = _useState12[1];
+  var clientChangedRef = useRef(false);
+  var walletPassRef = useRef(null);
+  // 已保存的支付项数据
+  var _useState13 = useState([]),
+    _useState14 = _slicedToArray(_useState13, 2),
+    paymentItems = _useState14[0],
+    setPaymentItems = _useState14[1];
+  // 钱包卡券数据
+  var _useState15 = useState({}),
+    _useState16 = _slicedToArray(_useState15, 2),
+    walletPassData = _useState16[0],
+    setWalletPassData = _useState16[1];
+  var isOrderFree = useMemo(function () {
+    if (!customAmount) return false;
+    var amount = parseFloat(customAmount);
+    return amount <= 0;
+  }, [customAmount]);
+
+  // 新增状态：订单备注和手动折扣
+  var _useState17 = useState(false),
+    _useState18 = _slicedToArray(_useState17, 2),
+    paymentLinkModalOpen = _useState18[0],
+    setPaymentLinkModalOpen = _useState18[1];
+  var _useState19 = useState(false),
+    _useState20 = _slicedToArray(_useState19, 2),
+    showPriceAdjustModal = _useState20[0],
+    setShowPriceAdjustModal = _useState20[1];
+  var logger = usePaymentLogger();
+  var currency = getData('shop_currency_code') || 'USD';
+
+  // 从 store 中获取定金配置
+  var open_deposit = getData('bookingv2_deposit') || 0;
+
+  // 获取 checkout 模块
+  var checkoutModule = pisellos === null || pisellos === void 0 ? void 0 : pisellos.getModule('checkout');
+
+  // 代金券、充值卡、积分卡等wallet pass 详情
+  var walletPassDetail = useMemo(function () {
+    var map = paymentMethods.reduce(function (acc, item) {
+      if (WALLET_PASS_CODE_ARRAY.includes(item.code)) {
+        acc[item.code] = item;
+      }
+      return acc;
+    }, {});
+    return {
+      map: map,
+      isShow: true
+    };
+  }, [paymentMethods]);
+  var handleAddCashPayment = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(result) {
+      var cashPaymentMethod;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            // 从支付方式列表中查找现金支付方式
+            cashPaymentMethod = paymentMethods.find(function (method) {
+              var _method$name;
+              return method.code === 'cash' || method.type === 'cash' || ((_method$name = method.name) === null || _method$name === void 0 ? void 0 : _method$name.toLowerCase().includes('cash'));
+            });
+            _context.next = 3;
+            return checkoutModule === null || checkoutModule === void 0 ? void 0 : checkoutModule.addPaymentItemAsync({
+              amount: result.amount,
+              /** 支付类型，跟支付列表上对应的支付方式保持一致 */
+              code: result.type,
+              /** 支付类型id，跟支付列表上对应的支付方式保持一致 */
+              id: cashPaymentMethod === null || cashPaymentMethod === void 0 ? void 0 : cashPaymentMethod.id,
+              /** 支付类型名称，跟支付列表上对应的支付方式保持一致 */
+              name: cashPaymentMethod === null || cashPaymentMethod === void 0 ? void 0 : cashPaymentMethod.name,
+              /** 支付类型type，跟支付列表上对应的支付方式保持一致 */
+              type: cashPaymentMethod === null || cashPaymentMethod === void 0 ? void 0 : cashPaymentMethod.type,
+              /** 代金券、充值卡、积分卡等wallet pass id */
+              voucher_id: 0,
+              rounding_amount: result.roundingAmount
+            });
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleAddCashPayment(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var onPaymentOptionClick = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(method) {
+      var _ref4, id, code, name, type, eftposCodes, mx51Code, payType, _paymentMethodsRef$cu, data, isSynced, orderId, service_charge;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _ref4 = method || {}, id = _ref4.id, code = _ref4.code, name = _ref4.name, type = _ref4.type; // 这里需要根据支付方式来判断是 eftpos 还是 mx51
+            eftposCodes = ['EFTPOS_LINKLY', 'EFTPOS_PAYO', 'EFTPOS_WINDCAVE', 'EFTPOS_TYRO'];
+            mx51Code = 'EFTPOS';
+            payType = '';
+            if (eftposCodes.includes((method === null || method === void 0 ? void 0 : method.code) || '')) {
+              payType = 'eftpos';
+            } else if ((method === null || method === void 0 ? void 0 : method.code) === mx51Code) {
+              payType = 'mx51';
+            }
+            if (!payType) {
+              _context2.next = 22;
+              break;
+            }
+            _context2.next = 8;
+            return checkoutModule.isCurrentOrderSynced();
+          case 8:
+            isSynced = _context2.sent;
+            if (isSynced) {
+              _context2.next = 15;
+              break;
+            }
+            _context2.next = 12;
+            return checkoutModule.manualSyncOrderAsync();
+          case 12:
+            data = _context2.sent;
+            _context2.next = 19;
+            break;
+          case 15:
+            _context2.next = 17;
+            return checkoutModule.getCurrentOrderId();
+          case 17:
+            orderId = _context2.sent;
+            data = {
+              orderId: orderId
+            };
+          case 19:
+            (_paymentMethodsRef$cu = paymentMethodsRef.current) === null || _paymentMethodsRef$cu === void 0 || _paymentMethodsRef$cu.onPay(payType, {
+              source: 'normal',
+              data: {
+                payMethod: {
+                  id: id,
+                  code: code,
+                  name: name,
+                  type: type
+                },
+                params: {
+                  orderId: data.orderId,
+                  symbol: getData('shop_symbol'),
+                  amount: customAmount,
+                  surcharge: method.surcharge
+                },
+                mode: 'pay'
+              },
+              callback: function callback(_ref5) {
+                var status = _ref5.status,
+                  data = _ref5.data,
+                  msg = _ref5.msg;
+                console.log('eftpos_pay_result>>>>>>', status, data, msg);
+                if (status === 'success') {
+                  var payResultParams = {
+                    amount: Number(data === null || data === void 0 ? void 0 : data.amount),
+                    // 支付金额
+                    code: code,
+                    // 支付类型code
+                    id: id,
+                    // 支付类型id
+                    name: name,
+                    // 支付类型name
+                    type: type,
+                    // 支付类型type
+                    voucher_id: '',
+                    service_charge: {},
+                    metadata: {
+                      unique_payment_number: data === null || data === void 0 ? void 0 : data.uniquePaymentNumber
+                    }
+                  };
+                  if (payType === 'eftpos') {
+                    payResultParams.service_charge = {
+                      percentage: data === null || data === void 0 ? void 0 : data.surPercentRate,
+                      amount: data === null || data === void 0 ? void 0 : data.surMoney
+                    };
+                  } else if (payType === 'mx51') {
+                    // 如果支付服务费跟传入的手续费不一致，则以MX51的支付服务费为准
+                    if (Number((data === null || data === void 0 ? void 0 : data.surcharge) || 0) !== Number((method === null || method === void 0 ? void 0 : method.surcharge) || 0)) {
+                      payResultParams.service_charge = {
+                        amount: (data === null || data === void 0 ? void 0 : data.surcharge) || '0',
+                        percentage: '0'
+                      };
+                    } else {
+                      payResultParams.service_charge = {
+                        amount: (method === null || method === void 0 ? void 0 : method.fixed) || '0',
+                        percentage: (method === null || method === void 0 ? void 0 : method.percentage) || '0'
+                      };
+                    }
+                  }
+                  checkoutModule === null || checkoutModule === void 0 || checkoutModule.addPaymentItemAsync(payResultParams);
+                }
+              }
+            });
+            _context2.next = 26;
+            break;
+          case 22:
+            service_charge = null;
+            if (method !== null && method !== void 0 && method.fixed || method !== null && method !== void 0 && method.percentage) {
+              service_charge = {
+                amount: (method === null || method === void 0 ? void 0 : method.fixed) || '0',
+                percentage: (method === null || method === void 0 ? void 0 : method.percentage) || '0'
+              };
+            }
+            // 从支付方式列表中查找现金支付方式
+            _context2.next = 26;
+            return checkoutModule === null || checkoutModule === void 0 ? void 0 : checkoutModule.addPaymentItemAsync({
+              amount: customAmount,
+              /** 支付类型，跟支付列表上对应的支付方式保持一致 */
+              code: method.code,
+              /** 支付类型id，跟支付列表上对应的支付方式保持一致 */
+              id: method.id,
+              /** 支付类型名称，跟支付列表上对应的支付方式保持一致 */
+              name: method.name,
+              /** 支付类型type，跟支付列表上对应的支付方式保持一致 */
+              type: method.type,
+              /** 代金券、充值卡、积分卡等wallet pass id */
+              voucher_id: 0,
+              /** 支付手续费 */
+              service_charge: service_charge
+            });
+          case 26:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function onPaymentOptionClick(_x2) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  // 初始化自定义金额
+  useEffect(function () {
+    console.time('initCustomAmount');
+    if (checkoutModule && orderInfo) {
+      try {
+        var currentAmount = checkoutModule.getStateAmount();
+        if (currentAmount) {
+          var _cartData$order_info;
+          setCustomAmount(currentAmount);
+          setBalanceDueAmount(currentAmount);
+          // 设置订单备注默认值 - 优先从 checkoutModule 获取，如果没有则从购物车数据获取
+          var currentNote = checkoutModule.getOrderNote();
+          if (currentNote) {
+            setOrderNote(currentNote);
+          } else if (cartData !== null && cartData !== void 0 && (_cartData$order_info = cartData.order_info) !== null && _cartData$order_info !== void 0 && _cartData$order_info.order_note) {
+            setOrderNote(cartData.order_info.order_note);
+          }
+        }
+      } catch (error) {
+        console.warn('Failed to get initial custom amount:', error);
+      }
+    } else {
+      // 没有os 数据的时候先用外面传入的购物车数据展示
+      // setCustomAmount(cartData?.total?.expectAmount || 0);
+    }
+    console.timeEnd('initCustomAmount');
+    if (checkoutModule) {
+      checkoutModule.getPaymentMethodsAsync().then(function (paymentMethods) {
+        setPaymentMethods(paymentMethods);
+        // TODO: 现金枚举类型需要从os导入
+        var isShowCashPayment = paymentMethods.some(function (item) {
+          return item.code === 'CASHMANUAL';
+        });
+        setShowCashPayment(isShowCashPayment);
+        onShowCashPaymentChange === null || onShowCashPaymentChange === void 0 || onShowCashPaymentChange(isShowCashPayment);
+        if (!isShowCashPayment) {
+          setPaymentOptionsTitle(locales.getText('pisell2.checkout.payment.select-payment') || 'Select Payment');
+        }
+      });
+    }
+  }, [checkoutModule, orderInfo]);
+
+  // 初始化推荐金额
+  useEffect(function () {
+    if (customAmount && checkoutModule && currency && orderInfo) {
+      try {
+        setRecommendAmounts(checkoutModule.payment.cash.getRecommendedAmount(customAmount, currency));
+      } catch (error) {
+        console.warn('Failed to get recommended amounts:', error);
+      }
+    }
+  }, [customAmount, checkoutModule, currency, orderInfo]);
+
+  // 监听金额变化事件
+  useEffect(function () {
+    if (checkoutModule && checkoutModule.core) {
+      try {
+        var core = checkoutModule.core;
+        if (core.effects && typeof core.effects.on === 'function') {
+          var unsubscribe = core.effects.on(CheckoutHooks.OnStateAmountChanged, /*#__PURE__*/function () {
+            var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(data) {
+              var _Toast$success, _Toast$success2, items;
+              return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+                while (1) switch (_context3.prev = _context3.next) {
+                  case 0:
+                    console.log("Amount changed from ".concat(data.oldAmount, " to ").concat(data.newAmount));
+                    if (clientChangedRef.current) {
+                      clientChangedRef.current = false;
+                      if (data.newAmount !== data.oldAmount) {
+                        Toast === null || Toast === void 0 || (_Toast$success = Toast.success) === null || _Toast$success === void 0 || _Toast$success.call(Toast, locales.getText('pisell2.checkout.client-card.tip.wallet-updated'));
+                      } else {
+                        Toast === null || Toast === void 0 || (_Toast$success2 = Toast.success) === null || _Toast$success2 === void 0 || _Toast$success2.call(Toast, locales.getText('pisell2.checkout.client-card.tip.client-changed'));
+                      }
+                    }
+                    setCustomAmount(data.newAmount);
+                    _context3.next = 5;
+                    return checkoutModule.getCurrentOrderPaymentItemsAsync();
+                  case 5:
+                    items = _context3.sent;
+                    setPaymentItems(items);
+                  case 7:
+                  case "end":
+                    return _context3.stop();
+                }
+              }, _callee3);
+            }));
+            return function (_x3) {
+              return _ref6.apply(this, arguments);
+            };
+          }());
+          var amountChangedUnsubscribe = core.effects.on(CheckoutHooks.OnBalanceDueAmountChanged, function (data) {
+            setBalanceDueAmount(data.newAmount);
+          });
+          var orderSubmitStartUnsubscribe = core.effects.on(CheckoutHooks.OnOrderSubmitStart, function () {
+            var _Toast$loading;
+            Toast === null || Toast === void 0 || (_Toast$loading = Toast.loading) === null || _Toast$loading === void 0 || _Toast$loading.call(Toast);
+          });
+          var orderSubmitEndUnsubscribe = core.effects.on(CheckoutHooks.OnOrderSubmitEnd, function (res) {
+            if (res.success) {
+              var _Toast$hide;
+              Toast === null || Toast === void 0 || (_Toast$hide = Toast.hide) === null || _Toast$hide === void 0 || _Toast$hide.call(Toast);
+            } else {
+              Toast === null || Toast === void 0 || Toast.fail(locales.getText('pisell2.checkout.order-sync-failed') || 'Order sync failed');
+            }
+          });
+
+          // const orderSyncFailedUnsubscribe = core.effects.on(
+          //   CheckoutHooks.OnOrderSyncFailed,
+          //   () => {
+          //     debugger
+          //     Toast?.fail(locales.getText('pisell2.checkout.order-sync-failed') || 'Order sync failed');
+          //   }
+          // );
+
+          return function () {
+            if (unsubscribe && typeof unsubscribe === 'function') {
+              unsubscribe();
+            }
+            if (orderSubmitStartUnsubscribe && typeof orderSubmitStartUnsubscribe === 'function') {
+              orderSubmitStartUnsubscribe();
+            }
+            if (orderSubmitEndUnsubscribe && typeof orderSubmitEndUnsubscribe === 'function') {
+              orderSubmitEndUnsubscribe();
+            }
+            if (amountChangedUnsubscribe && typeof amountChangedUnsubscribe === 'function') {
+              amountChangedUnsubscribe();
+            }
+          };
+        }
+      } catch (error) {
+        console.warn('Failed to subscribe to amount change events:', error);
+      }
+    }
+  }, [checkoutModule]);
+
+  // 处理金额修改
+  var handleAmountChange = useCallback( /*#__PURE__*/function () {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(newAmount) {
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            if (!checkoutModule) {
+              _context4.next = 10;
+              break;
+            }
+            _context4.prev = 1;
+            _context4.next = 4;
+            return checkoutModule.setStateAmountAsync(newAmount);
+          case 4:
+            setCustomAmount(newAmount);
+            _context4.next = 10;
+            break;
+          case 7:
+            _context4.prev = 7;
+            _context4.t0 = _context4["catch"](1);
+            console.error('Failed to set custom amount:', _context4.t0);
+          case 10:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4, null, [[1, 7]]);
+    }));
+    return function (_x4) {
+      return _ref7.apply(this, arguments);
+    };
+  }(), [checkoutModule]);
+
+  // 处理押金状态变更
+  var handleDepositStatusChange = useCallback( /*#__PURE__*/function () {
+    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(isDeposit) {
+      var depositStatus;
+      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            if (!checkoutModule) {
+              _context5.next = 11;
+              break;
+            }
+            _context5.prev = 1;
+            depositStatus = isDeposit ? 1 : 0;
+            _context5.next = 5;
+            return checkoutModule.updateOrderDepositStatusAsync(depositStatus);
+          case 5:
+            console.log("Deposit status updated to: ".concat(depositStatus, " (").concat(isDeposit ? 'deposit' : 'regular', ")"));
+            _context5.next = 11;
+            break;
+          case 8:
+            _context5.prev = 8;
+            _context5.t0 = _context5["catch"](1);
+            console.error('Failed to update deposit status:', _context5.t0);
+          case 11:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5, null, [[1, 8]]);
+    }));
+    return function (_x5) {
+      return _ref8.apply(this, arguments);
+    };
+  }(), [checkoutModule]);
+
+  // 当 walletpass 直接就满足订单支付时，触发此方法
+  var handleWalletPassConfirmPay = /*#__PURE__*/function () {
+    var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(action) {
+      var result;
+      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            if (!(action === 'save-without-deduct')) {
+              _context6.next = 5;
+              break;
+            }
+            _context6.next = 3;
+            return checkoutModule.updateVoucherPaymentItemsAsync([]);
+          case 3:
+            _context6.next = 7;
+            break;
+          case 5:
+            if (!(action === 'cancel')) {
+              _context6.next = 7;
+              break;
+            }
+            return _context6.abrupt("return");
+          case 7:
+            _context6.next = 9;
+            return checkoutModule.manualSyncOrderAsync();
+          case 9:
+            result = _context6.sent;
+            showSuccessToast === null || showSuccessToast === void 0 || showSuccessToast(result);
+            // onPaymentCancel(true);
+          case 11:
+          case "end":
+            return _context6.stop();
+        }
+      }, _callee6);
+    }));
+    return function handleWalletPassConfirmPay(_x6) {
+      return _ref9.apply(this, arguments);
+    };
+  }();
+
+  // 处理 Save & Pay Later 的钱包余额确认
+  var handleSavePayLater = useCallback( /*#__PURE__*/function () {
+    var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(action) {
+      return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
+          case 0:
+            if (!(action === 'apply-deduct-now')) {
+              _context7.next = 4;
+              break;
+            }
+            console.log('立即应用并扣除钱包余额，然后保存稍后付款');
+            // 执行扣除逻辑
+            _context7.next = 13;
+            break;
+          case 4:
+            if (!(action === 'save-without-deduct')) {
+              _context7.next = 10;
+              break;
+            }
+            console.log('保存但不扣除钱包余额，稍后付款');
+            // 保存但不扣除，先把 os 里 voucher_id 的 payment 删除
+            _context7.next = 8;
+            return checkoutModule.updateVoucherPaymentItemsAsync([]);
+          case 8:
+            _context7.next = 13;
+            break;
+          case 10:
+            if (!(action === 'cancel')) {
+              _context7.next = 13;
+              break;
+            }
+            console.log('取消保存稍后付款');
+            return _context7.abrupt("return");
+          case 13:
+            if (!checkoutModule) {
+              _context7.next = 17;
+              break;
+            }
+            _context7.next = 16;
+            return checkoutModule.saveForLaterPaymentAsync();
+          case 16:
+            onPaymentCancel(true);
+          case 17:
+          case "end":
+            return _context7.stop();
+        }
+      }, _callee7);
+    }));
+    return function (_x7) {
+      return _ref10.apply(this, arguments);
+    };
+  }(), [checkoutModule, onPaymentCancel]);
+  var moduleConfig = {
+    showWalletPass: walletPassDetail.isShow,
+    showCashPayment: (_parentModuleConfig$s = parentModuleConfig === null || parentModuleConfig === void 0 ? void 0 : parentModuleConfig.showCashPayment) !== null && _parentModuleConfig$s !== void 0 ? _parentModuleConfig$s : true,
+    showAdditionalModule: true,
+    showPaymentOptions: true
+  };
+  var handleSearch = useCallback(function (keyword) {
+    if (walletPassRef.current) {
+      return walletPassRef.current.handleSearchIdentificationCode(keyword);
+    }
+  }, []);
+  var getDataFromHost = function getDataFromHost() {
+    try {
+      var is_price_include_tax = getData('is_price_include_tax');
+      var tax_rate = getData('tax_rate') || '10';
+      var tax_title = getData('tax_title') || 'GST';
+      var surcharge_list = getData('surcharge_list');
+      var schedule_list = getData('schedule_list');
+      var scheduleById = {};
+      // 提前转换，节省附加费计算时的遍历时间
+      if (Array.isArray(schedule_list)) {
+        var _iterator = _createForOfIteratorHelper(schedule_list),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var item = _step.value;
+            scheduleById[item.id] = item;
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      }
+      return {
+        is_price_include_tax: is_price_include_tax,
+        tax_rate: tax_rate,
+        tax_title: tax_title,
+        surcharge_list: surcharge_list,
+        schedule_list: schedule_list,
+        scheduleById: scheduleById
+      };
+    } catch (error) {
+      console.error(error);
+      return {};
+    }
+  };
+
+  // 计算当前订单总价(不包含税费那些，所以应该是产品总价)
+  var currentTotalPrice = useMemo(function () {
+    if (!showPriceAdjustModal) return 0;
+    var ScheduleModule = pisellosAllModule.ScheduleModule;
+    try {
+      var _getSumTotal = getSumTotal(state, _objectSpread({
+          isEdit: true,
+          ScheduleModule: ScheduleModule
+        }, getDataFromHost())),
+        productAmount = _getSumTotal.productAmount;
+      return productAmount;
+    } catch (error) {
+      console.error('计算总价失败:', error);
+      return 0;
+    }
+  }, [state, showPriceAdjustModal]);
+  var handleSelectWalletChange = useMemoizedFn( /*#__PURE__*/function () {
+    var _ref11 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(select) {
+      var voucherItems, data;
+      return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+        while (1) switch (_context8.prev = _context8.next) {
+          case 0:
+            if (!walletPassDetail.isShow) {
+              _context8.next = 7;
+              break;
+            }
+            voucherItems = [];
+            select.forEach(function (item) {
+              var mapCode = item.code ? WALLET_PASS_CODE_MAP[item.code] : null;
+              if (mapCode) {
+                var _walletPassDetail$map, _walletPassDetail$map2, _walletPassDetail$map3, _walletPassDetail$map4;
+                voucherItems.push({
+                  /** 支付金额 */
+                  amount: item.amount,
+                  /** 支付类型，跟支付列表上对应的支付方式保持一致 */
+                  code: (_walletPassDetail$map = walletPassDetail.map[mapCode]) === null || _walletPassDetail$map === void 0 ? void 0 : _walletPassDetail$map.code,
+                  /** 支付类型id，跟支付列表上对应的支付方式保持一致 */
+                  id: Number((_walletPassDetail$map2 = walletPassDetail.map[mapCode]) === null || _walletPassDetail$map2 === void 0 ? void 0 : _walletPassDetail$map2.id) || 0,
+                  /** 支付类型名称，跟支付列表上对应的支付方式保持一致 */
+                  name: (_walletPassDetail$map3 = walletPassDetail.map[mapCode]) === null || _walletPassDetail$map3 === void 0 ? void 0 : _walletPassDetail$map3.name,
+                  /** 支付类型type，跟支付列表上对应的支付方式保持一致 */
+                  type: (_walletPassDetail$map4 = walletPassDetail.map[mapCode]) === null || _walletPassDetail$map4 === void 0 ? void 0 : _walletPassDetail$map4.type,
+                  /** 代金券、充值卡、积分卡等wallet pass id */
+                  voucher_id: item.voucher_id
+                });
+              }
+            });
+            logger === null || logger === void 0 || logger.addLog({
+              type: 'info',
+              title: 'handleSelectWalletChange checkoutModule updateVoucherPaymentItemsAsync',
+              metadata: {
+                voucherItems: voucherItems
+              }
+            });
+            _context8.next = 6;
+            return checkoutModule.updateVoucherPaymentItemsAsync(voucherItems);
+          case 6:
+            // 更新钱包卡券数据
+            if (walletPassRef.current) {
+              data = walletPassRef.current.getWalletPassData(select);
+              setWalletPassData(data);
+            }
+          case 7:
+          case "end":
+            return _context8.stop();
+        }
+      }, _callee8);
+    }));
+    return function (_x8) {
+      return _ref11.apply(this, arguments);
+    };
+  }());
+
+  // 手动折扣相关处理函数
+  var handlePriceAdjustConfirm = /*#__PURE__*/function () {
+    var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(newPrice) {
+      var ScheduleModule, _getSumTotal2, productAmount, discountAmount;
+      return _regeneratorRuntime().wrap(function _callee9$(_context9) {
+        while (1) switch (_context9.prev = _context9.next) {
+          case 0:
+            try {
+              if (checkoutModule && orderInfo !== null && orderInfo !== void 0 && orderInfo.totalAmount) {
+                if (dispatch) {
+                  ScheduleModule = pisellosAllModule.ScheduleModule;
+                  _getSumTotal2 = getSumTotal(state, {
+                    isEdit: true,
+                    ScheduleModule: ScheduleModule
+                  }), productAmount = _getSumTotal2.productAmount; // 计算折扣金额（商品总金额 - 新价格）
+                  // 存储正数：正数表示折扣，0表示无折扣
+                  discountAmount = Math.max(0, productAmount - newPrice); // 转换为金额字符串格式（2位小数）
+                  // const discountAmountStr = formatAmount(discountAmount, 2, '');
+                  // 修改os 中折扣的数据
+                  // await checkoutModule.updateShopDiscountAsync(discountAmountStr);
+                  // 同步修改购物车的数据
+                  dispatch({
+                    type: 'setState',
+                    payload: {
+                      shop_discount: discountAmount
+                    }
+                  });
+                  // 修改 pisellos 中 shop_discount 的值
+                }
+              }
+            } catch (error) {
+              console.error('Failed to adjust price:', error);
+            }
+            setShowPriceAdjustModal(false);
+          case 2:
+          case "end":
+            return _context9.stop();
+        }
+      }, _callee9);
+    }));
+    return function handlePriceAdjustConfirm(_x9) {
+      return _ref12.apply(this, arguments);
+    };
+  }();
+  var handleButtonClick = /*#__PURE__*/function () {
+    var _ref13 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(key) {
+      var _savePayLaterHandlerR;
+      var data, isSynced, orderId, params, _paymentItems;
+      return _regeneratorRuntime().wrap(function _callee10$(_context10) {
+        while (1) switch (_context10.prev = _context10.next) {
+          case 0:
+            console.log('handleButtonClick', key);
+            _context10.t0 = key;
+            _context10.next = _context10.t0 === 'order-note' ? 4 : _context10.t0 === 'send-link' ? 6 : _context10.t0 === 'print-receipt' ? 8 : _context10.t0 === 'manual-discount' ? 24 : _context10.t0 === 'save-pay-later' ? 38 : 40;
+            break;
+          case 4:
+            setNoteModalOpen(true);
+            return _context10.abrupt("break", 40);
+          case 6:
+            setPaymentLinkModalOpen(true);
+            return _context10.abrupt("break", 40);
+          case 8:
+            _context10.next = 10;
+            return checkoutModule.isCurrentOrderSynced();
+          case 10:
+            isSynced = _context10.sent;
+            if (isSynced) {
+              _context10.next = 17;
+              break;
+            }
+            _context10.next = 14;
+            return checkoutModule.manualSyncOrderAsync();
+          case 14:
+            data = _context10.sent;
+            _context10.next = 21;
+            break;
+          case 17:
+            _context10.next = 19;
+            return checkoutModule.getCurrentOrderId();
+          case 19:
+            orderId = _context10.sent;
+            data = {
+              orderId: orderId
+            };
+          case 21:
+            console.log('handleButtonClick_print-receipt_data>>>>', data);
+            // data.orderId 就是订单号，可以用来打印小票
+            if (data.orderId) {
+              params = {
+                type: '0',
+                data: {
+                  order_id: data.orderId
+                }
+              };
+              try {
+                webPrint(params, function (res) {
+                  console.log('handleButtonClick_print-receipt_res>>>>', res);
+                  if (!(res !== null && res !== void 0 && res.result)) {
+                    Toast === null || Toast === void 0 || Toast.error((res === null || res === void 0 ? void 0 : res.msg) || '');
+                  }
+                });
+              } catch (error) {
+                console.error('handleButtonClick_print-receipt_error>>>>', error);
+              }
+            }
+            return _context10.abrupt("break", 40);
+          case 24:
+            if (orderInfo !== null && orderInfo !== void 0 && orderInfo.totalAmount) {
+              _context10.next = 27;
+              break;
+            }
+            Toast === null || Toast === void 0 || Toast.fail(locales.getText('pisell2.checkout.manual-discount.no-amount'));
+            return _context10.abrupt("return");
+          case 27:
+            _context10.next = 29;
+            return checkoutModule.getCurrentOrderPaymentItemsAsync();
+          case 29:
+            _paymentItems = _context10.sent;
+            if (!(_paymentItems !== null && _paymentItems !== void 0 && _paymentItems.length)) {
+              _context10.next = 33;
+              break;
+            }
+            Toast === null || Toast === void 0 || Toast.fail(locales.getText('pisell2.checkout.manual-discount.has-payment-items'));
+            return _context10.abrupt("return");
+          case 33:
+            if (!(Number(customAmount) <= 0 && Number(orderInfo === null || orderInfo === void 0 ? void 0 : orderInfo.totalAmount) >= 0)) {
+              _context10.next = 36;
+              break;
+            }
+            Toast === null || Toast === void 0 || Toast.fail(locales.getText('pisell2.checkout.manual-discount.no-amount'));
+            return _context10.abrupt("return");
+          case 36:
+            setShowPriceAdjustModal(true);
+            return _context10.abrupt("break", 40);
+          case 38:
+            // 通过 ref 调用 SavePayLaterHandler 的处理方法
+            (_savePayLaterHandlerR = savePayLaterHandlerRef.current) === null || _savePayLaterHandlerR === void 0 || _savePayLaterHandlerR.handleSavePayLaterClick();
+            return _context10.abrupt("break", 40);
+          case 40:
+          case "end":
+            return _context10.stop();
+        }
+      }, _callee10);
+    }));
+    return function handleButtonClick(_x10) {
+      return _ref13.apply(this, arguments);
+    };
+  }();
+
+  // 暴露方法给父组件
+  useImperativeHandle(ref, function () {
+    return {
+      handleButtonClick: handleButtonClick
+    };
+  });
+  var getCustomerInfo = function getCustomerInfo() {
+    var _state$client, _client$contacts;
+    var client = state === null || state === void 0 || (_state$client = state.client) === null || _state$client === void 0 ? void 0 : _state$client.value;
+
+    // 修复逻辑：只有在 undefined 或 null 时才使用默认值，空字符串应该保留
+    var getValidName = function getValidName(value) {
+      return value !== undefined && value !== null && String(value).trim() !== '' ? String(value).trim() : null;
+    };
+    var displayName = getValidName(client === null || client === void 0 ? void 0 : client.display_name) || getValidName(client === null || client === void 0 ? void 0 : client.name) || locales.getText('pisell2.checkout.customer.default-name') || 'Customer';
+    console.log('🔍 PaymentModal final displayName:', displayName);
+    return {
+      id: client === null || client === void 0 ? void 0 : client.id,
+      nickname: (client === null || client === void 0 ? void 0 : client.nickname) || locales.getText('pisell2.checkout.customer.default-name'),
+      display_name: displayName,
+      email: (client === null || client === void 0 ? void 0 : client.email) || (client === null || client === void 0 || (_client$contacts = client.contacts) === null || _client$contacts === void 0 ? void 0 : _client$contacts.email) || ''
+    };
+  };
+  var handleSendCustomerPaymentLink = /*#__PURE__*/function () {
+    var _ref14 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11(data) {
+      var isCurrentOrderSynced, res;
+      return _regeneratorRuntime().wrap(function _callee11$(_context11) {
+        while (1) switch (_context11.prev = _context11.next) {
+          case 0:
+            // 先检测订单是否同步过，如果没有，需要先手动下单
+            isCurrentOrderSynced = checkoutModule.isCurrentOrderSynced();
+            if (isCurrentOrderSynced) {
+              _context11.next = 4;
+              break;
+            }
+            _context11.next = 4;
+            return checkoutModule.manualSyncOrderAsync();
+          case 4:
+            _context11.next = 6;
+            return checkoutModule.sendCustomerPayLinkAsync({
+              emails: data.emails,
+              order_ids: [checkoutModule.getCurrentOrderId()]
+            });
+          case 6:
+            res = _context11.sent;
+            // 支付链接发送成功 转 toC，这边可以关掉了
+            if (res.success) {
+              Toast === null || Toast === void 0 || Toast.success(locales.getText('pisell2.checkout.send-payment-link.success'));
+              onPaymentCancel === null || onPaymentCancel === void 0 || onPaymentCancel(true);
+            } else {
+              Toast === null || Toast === void 0 || Toast.error(res.message || locales.getText('pisell2.checkout.send-payment-link.error'));
+            }
+          case 8:
+          case "end":
+            return _context11.stop();
+        }
+      }, _callee11);
+    }));
+    return function handleSendCustomerPaymentLink(_x11) {
+      return _ref14.apply(this, arguments);
+    };
+  }();
+  var searchAndClientProps = useMemo(function () {
+    if ((paymentItems === null || paymentItems === void 0 ? void 0 : paymentItems.length) > 0) {
+      return {
+        disabledSwitch: true
+      };
+    }
+    return {};
+  }, [paymentItems]);
+  var roundingFunction = /*#__PURE__*/function () {
+    var _ref15 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee12(amount) {
+      var res;
+      return _regeneratorRuntime().wrap(function _callee12$(_context12) {
+        while (1) switch (_context12.prev = _context12.next) {
+          case 0:
+            _context12.next = 2;
+            return checkoutModule.roundAmountAsync(amount);
+          case 2:
+            res = _context12.sent;
+            return _context12.abrupt("return", res);
+          case 4:
+          case "end":
+            return _context12.stop();
+        }
+      }, _callee12);
+    }));
+    return function roundingFunction(_x12) {
+      return _ref15.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/React.createElement("div", {
+    ref: checkoutRef,
+    style: _objectSpread(_objectSpread({}, checkoutStyles.container), {}, {
+      maxHeight: dynamicMaxHeight
+    })
+  }, /*#__PURE__*/React.createElement(SearchAndClientModule, _extends({
+    onClientChange: function onClientChange() {
+      // 同步记录客户信息变更情况
+      clientChangedRef.current = true;
+    },
+    onSearch: handleSearch
+  }, searchAndClientProps)), moduleConfig.showWalletPass && /*#__PURE__*/React.createElement(WalletPassModule, {
+    customAmount: customAmount,
+    orderInfo: orderInfo || undefined,
+    ref: walletPassRef,
+    paymentItems: paymentItems,
+    onSelectChange: handleSelectWalletChange
+  }), /*#__PURE__*/React.createElement(AmountSummary, {
+    amountSymbol: state.amountSymbol,
+    orderInfo: orderInfo || undefined,
+    cartData: cartData,
+    open_deposit: open_deposit,
+    customAmount: customAmount,
+    balanceDueAmount: balanceDueAmount,
+    paymentItems: paymentItems,
+    walletPassData: walletPassData,
+    clientInfo: state === null || state === void 0 || (_state$client2 = state.client) === null || _state$client2 === void 0 ? void 0 : _state$client2.value,
+    onAmountChange: handleAmountChange,
+    onDepositStatusChange: handleDepositStatusChange,
+    onConfirm: handleWalletPassConfirmPay,
+    totalAmount: totalAmount
+  }), /*#__PURE__*/React.createElement("div", {
+    className: showCashPayment ? 'payment-grid-layout' : 'payment-flex-layout'
+  }, showCashPayment && /*#__PURE__*/React.createElement("div", {
+    style: showCashPayment ? {
+      gridColumn: '1',
+      gridRow: '1'
+    } : {}
+  }, /*#__PURE__*/React.createElement(CashPaymentModule, {
+    amountSymbol: state.amountSymbol,
+    orderInfo: orderInfo || undefined,
+    onPaymentComplete: handleAddCashPayment,
+    amountButtons: recommendAmounts,
+    customAmount: customAmount,
+    roundingFunction: roundingFunction,
+    balanceDueAmount: balanceDueAmount
+  })), moduleConfig.showPaymentOptions && /*#__PURE__*/React.createElement("div", {
+    className: showCashPayment ? '' : 'payment-options-module-container',
+    style: showCashPayment ? {
+      gridColumn: '2',
+      gridRow: '1 / 3'
+    } : {}
+  }, /*#__PURE__*/React.createElement(PaymentOptionsModule, {
+    amountSymbol: state.amountSymbol,
+    orderInfo: orderInfo || undefined,
+    onClick: onPaymentOptionClick,
+    paymentMethods: paymentMethods,
+    customAmount: customAmount,
+    title: paymentOptionsTitle,
+    disabled: isOrderFree
+  })), moduleConfig.showAdditionalModule && /*#__PURE__*/React.createElement("div", {
+    className: showCashPayment ? '' : 'additional-module-container',
+    style: showCashPayment ? {
+      gridColumn: '1',
+      gridRow: '2'
+    } : {}
+  }, /*#__PURE__*/React.createElement(AdditionalModule, {
+    orderInfo: orderInfo || undefined,
+    customAmount: customAmount,
+    handleButtonClick: handleButtonClick,
+    hasOrderNote: !!orderNote && orderNote.trim().length > 0,
+    disabled: isOrderFree,
+    showCashPayment: showCashPayment
+  }))), /*#__PURE__*/React.createElement(PaymentMethods, {
+    ref: paymentMethodsRef,
+    dynamicMaxHeight: dynamicMaxHeight
+  }), paymentLinkModalOpen && /*#__PURE__*/React.createElement(SendPaymentLinkModal, {
+    balanceAmount: customAmount,
+    customerEmail: getCustomerInfo().email,
+    customerName: getCustomerInfo().display_name || getCustomerInfo().nickname,
+    customerId: getCustomerInfo().id,
+    onClose: function onClose() {
+      return setPaymentLinkModalOpen(false);
+    },
+    sendPaymentLink: handleSendCustomerPaymentLink
+  }), showPriceAdjustModal && /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
+    className: "pisell-price-adjust-overlay"
+  }, /*#__PURE__*/React.createElement("button", {
+    className: "pisell-price-adjust-backdrop",
+    style: {
+      cursor: 'pointer',
+      border: 'none',
+      background: 'transparent',
+      width: '100%',
+      height: '100%',
+      position: 'absolute',
+      top: 0,
+      left: 0
+    },
+    onClick: function onClick() {
+      return setShowPriceAdjustModal(false);
+    },
+    "aria-label": locales.getText('pisell2.checkout.modal.close-price-adjustment') || 'Close price adjustment modal'
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-price-adjust-container"
+  }, /*#__PURE__*/React.createElement(PisellAdjustPrice, {
+    selectType: "dark",
+    originValue: currentTotalPrice,
+    value: currentTotalPrice,
+    onChange: handlePriceAdjustConfirm,
+    resetText: locales.getText('pisell2.checkout.modal.reset-price-adjustment'),
+    doneText: locales.getText('pisell2.checkout.modal.done-price-adjustment')
+  }))), document.body), /*#__PURE__*/React.createElement(SavePayLaterHandler, {
+    ref: savePayLaterHandlerRef,
+    amountSymbol: state.amountSymbol,
+    walletPassData: walletPassData,
+    onSavePayLater: handleSavePayLater
+  }));
+});
+
+// 主要的支付弹窗组件
+
+var PaymentModal = function PaymentModal(_ref16) {
+  var _context$appHelper$ut, _context$appHelper$ut2, _context$appHelper$ut3, _context$appHelper$ut4, _context$appHelper;
+  var data = _ref16.data,
+    callback = _ref16.callback,
+    onClose = _ref16.onClose,
+    dispatch = _ref16.dispatch,
+    state = _ref16.state;
+  var context = useEngineContext();
+  locales.init(checkoutLocales, ((_context$appHelper$ut = context.appHelper.utils) === null || _context$appHelper$ut === void 0 || (_context$appHelper$ut2 = _context$appHelper$ut.getApp) === null || _context$appHelper$ut2 === void 0 || (_context$appHelper$ut2 = _context$appHelper$ut2.call(_context$appHelper$ut)) === null || _context$appHelper$ut2 === void 0 || (_context$appHelper$ut2 = _context$appHelper$ut2.locales) === null || _context$appHelper$ut2 === void 0 || (_context$appHelper$ut3 = _context$appHelper$ut2.getLocale) === null || _context$appHelper$ut3 === void 0 ? void 0 : _context$appHelper$ut3.call(_context$appHelper$ut2)) || ((_context$appHelper$ut4 = context.appHelper.utils) === null || _context$appHelper$ut4 === void 0 || (_context$appHelper$ut4 = _context$appHelper$ut4.storage) === null || _context$appHelper$ut4 === void 0 ? void 0 : _context$appHelper$ut4.get('umi_locale')) || 'en');
+  var _ref17 = (context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils) || {},
+    pisellos = _ref17.pisellos,
+    getData = _ref17.getData,
+    interaction = _ref17.interaction;
+  var _useState21 = useState(null),
+    _useState22 = _slicedToArray(_useState21, 2),
+    orderInfo = _useState22[0],
+    setOrderInfo = _useState22[1];
+  var _useState23 = useState(0),
+    _useState24 = _slicedToArray(_useState23, 2),
+    totalAmount = _useState24[0],
+    setTotalAmount = _useState24[1];
+  var _useState25 = useState(true),
+    _useState26 = _slicedToArray(_useState25, 2),
+    actualShowCashPayment = _useState26[0],
+    setActualShowCashPayment = _useState26[1];
+  var _useState27 = useState(0),
+    _useState28 = _slicedToArray(_useState27, 2),
+    windowHeight = _useState28[0],
+    setWindowHeight = _useState28[1];
+  var Toast = useToast();
+
+  // 初始化和监听窗口高度变化
+  useEffect(function () {
+    var updateHeight = function updateHeight() {
+      if (typeof window !== 'undefined') {
+        setWindowHeight(window.innerHeight);
+      }
+    };
+
+    // 初始化
+    updateHeight();
+
+    // 监听窗口大小变化
+    window.addEventListener('resize', updateHeight);
+    window.addEventListener('orientationchange', updateHeight);
+    return function () {
+      window.removeEventListener('resize', updateHeight);
+      window.removeEventListener('orientationchange', updateHeight);
+    };
+  }, []);
+
+  // 计算元素最大高度: window.innerHeight * 0.9 - 72
+  var dynamicMaxHeight = useMemo(function () {
+    if (windowHeight === 0) return '600px'; // 默认值
+    var bodyTransform = getComputedStyle(document.body).transform;
+    var scaleY = 1;
+    if (bodyTransform !== 'none') {
+      var matrix = new DOMMatrix(bodyTransform);
+      scaleY = matrix.d;
+    }
+    return "".concat(Math.floor((windowHeight * 0.9 - 72) / scaleY), "px");
+  }, [windowHeight]);
+
+  // 模块配置 - 控制显示哪些支付模块
+  var moduleConfig = {
+    showCashPayment: true // 控制是否显示现金支付模块
+  };
+
+  // 处理现金支付显示状态变化
+  var handleShowCashPaymentChange = useCallback(function (show) {
+    setActualShowCashPayment(show);
+  }, []);
+
+  // 订单备注相关状态
+  var _useState29 = useState(false),
+    _useState30 = _slicedToArray(_useState29, 2),
+    noteModalOpen = _useState30[0],
+    setNoteModalOpen = _useState30[1];
+  var _useState31 = useState(''),
+    _useState32 = _slicedToArray(_useState31, 2),
+    orderNote = _useState32[0],
+    setOrderNote = _useState32[1];
+  var _useState33 = useState('payment-content'),
+    _useState34 = _slicedToArray(_useState33, 2),
+    noteModalSource = _useState34[0],
+    setNoteModalSource = _useState34[1];
+
+  // 订单备注相关处理函数
+  var handleNoteConfirm = /*#__PURE__*/function () {
+    var _ref18 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee13(noteValue) {
+      var checkoutModule, orderId, _checkoutModule$editO, _checkoutModule, _checkoutModule$updat;
+      return _regeneratorRuntime().wrap(function _callee13$(_context13) {
+        while (1) switch (_context13.prev = _context13.next) {
+          case 0:
+            if (!(noteModalSource === 'payment-result-toast')) {
+              _context13.next = 6;
+              break;
+            }
+            checkoutModule = pisellos === null || pisellos === void 0 ? void 0 : pisellos.getModule('checkout');
+            orderId = checkoutModule === null || checkoutModule === void 0 ? void 0 : checkoutModule.getCurrentOrderId();
+            if (checkoutModule) {
+              (_checkoutModule$editO = checkoutModule.editOrderNoteByOrderIdAsync) === null || _checkoutModule$editO === void 0 || _checkoutModule$editO.call(checkoutModule, orderId, noteValue);
+              setOrderNote(noteValue);
+              Toast === null || Toast === void 0 || Toast.success(locales.getText('pisell2.checkout.order-note.updated-successfully'));
+            }
+            setNoteModalOpen(false);
+            return _context13.abrupt("return");
+          case 6:
+            _context13.prev = 6;
+            _checkoutModule = pisellos === null || pisellos === void 0 ? void 0 : pisellos.getModule('checkout');
+            if (!_checkoutModule) {
+              _context13.next = 13;
+              break;
+            }
+            _context13.next = 11;
+            return (_checkoutModule$updat = _checkoutModule.updateOrderNoteAsync) === null || _checkoutModule$updat === void 0 ? void 0 : _checkoutModule$updat.call(_checkoutModule, noteValue);
+          case 11:
+            setOrderNote(noteValue);
+            Toast === null || Toast === void 0 || Toast.success(locales.getText('pisell2.checkout.order-note.updated-successfully'));
+          case 13:
+            // 同时把购物车的也给改了
+            if (dispatch) {
+              dispatch({
+                type: 'setNotes',
+                payload: {
+                  orderNote: noteValue,
+                  edit: true
+                }
+              });
+            }
+
+            // 根据打开来源执行不同的逻辑
+            if (noteModalSource === 'payment-result-toast') {
+              console.log('Note added from payment result toast');
+              // 在支付结果toast中打开的，可以添加特殊处理逻辑
+              // 比如：记录分析数据、显示特殊提示等
+            } else if (noteModalSource === 'payment-content') {
+              console.log('Note added from payment content');
+              // 在支付内容中打开的，执行常规处理逻辑
+            }
+            _context13.next = 21;
+            break;
+          case 17:
+            _context13.prev = 17;
+            _context13.t0 = _context13["catch"](6);
+            console.error('Failed to update order note:', _context13.t0);
+            Toast === null || Toast === void 0 || Toast.error(locales.getText('pisell2.checkout.order-note.update-failed'));
+          case 21:
+            setNoteModalOpen(false);
+          case 22:
+          case "end":
+            return _context13.stop();
+        }
+      }, _callee13, null, [[6, 17]]);
+    }));
+    return function handleNoteConfirm(_x13) {
+      return _ref18.apply(this, arguments);
+    };
+  }();
+  var handleNoteDelete = /*#__PURE__*/function () {
+    var _ref19 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee14() {
+      var checkoutModule, _checkoutModule$updat2;
+      return _regeneratorRuntime().wrap(function _callee14$(_context14) {
+        while (1) switch (_context14.prev = _context14.next) {
+          case 0:
+            _context14.prev = 0;
+            checkoutModule = pisellos === null || pisellos === void 0 ? void 0 : pisellos.getModule('checkout');
+            if (!checkoutModule) {
+              _context14.next = 7;
+              break;
+            }
+            _context14.next = 5;
+            return (_checkoutModule$updat2 = checkoutModule.updateOrderNoteAsync) === null || _checkoutModule$updat2 === void 0 ? void 0 : _checkoutModule$updat2.call(checkoutModule, '');
+          case 5:
+            setOrderNote('');
+            Toast === null || Toast === void 0 || Toast.success(locales.getText('pisell2.checkout.order-note.deleted-successfully'));
+          case 7:
+            // 同时把购物车的也给改了
+            if (dispatch) {
+              dispatch({
+                type: 'setNotes',
+                payload: {
+                  orderNote: '',
+                  edit: true
+                }
+              });
+            }
+            _context14.next = 14;
+            break;
+          case 10:
+            _context14.prev = 10;
+            _context14.t0 = _context14["catch"](0);
+            console.error('Failed to delete order note:', _context14.t0);
+            Toast === null || Toast === void 0 || Toast.error(locales.getText('pisell2.checkout.order-note.delete-failed'));
+          case 14:
+            setNoteModalOpen(false);
+          case 15:
+          case "end":
+            return _context14.stop();
+        }
+      }, _callee14, null, [[0, 10]]);
+    }));
+    return function handleNoteDelete() {
+      return _ref19.apply(this, arguments);
+    };
+  }();
+  var handleNoteCancel = function handleNoteCancel() {
+    setNoteModalOpen(false);
+  };
+
+  // 标志：是否正在显示现金支付 toast（在 PaymentContent 中使用）
+  var showingCashToastRef = useRef(false);
+
+  // 创建一个ref来存储当前的支付结果，用于toast关闭时的回调
+  var currentPaymentResultRef = React.useRef(null);
+
+  // 创建一个ref来访问PaymentContent的方法
+  var paymentContentRef = React.useRef(null);
+
+  // 处理从支付结果toast打开订单备注的事件
+  var handleOrderNoteClickFromToast = function handleOrderNoteClickFromToast() {
+    setNoteModalSource('payment-result-toast');
+    setNoteModalOpen(true);
+  };
+
+  // 创建本地翻译函数，优先使用 checkout 语言包
+  var translation = function translation(key, fallback) {
+    // 使用项目标准的语言获取方法
+    var umiLocale = getLocale();
+    var currentLang = locales.formatLocale(umiLocale);
+    try {
+      var langPack = checkoutLocales[currentLang];
+      var checkoutText = langPack === null || langPack === void 0 ? void 0 : langPack[key];
+      if (checkoutText) {
+        return checkoutText;
+      }
+    } catch (error) {
+      console.error('本地语言包访问错误:', error);
+      // 忽略类型访问错误，继续使用全局语言包
+    }
+
+    // 回退到全局语言包
+    var globalResult = locales.getText(key) || fallback;
+    console.log('全局语言包结果:', globalResult);
+    return globalResult;
+  };
+  var handlePaymentComplete = function handlePaymentComplete(result) {
+    // Toast显示逻辑已经由PaymentContent组件处理，这里只需要处理最终的回调
+    // 保存当前支付结果到ref
+    currentPaymentResultRef.current = result;
+  };
+
+  // 创建toast关闭时的统一回调函数
+  var handleToastClose = function handleToastClose() {
+    console.log('PaymentModal - Toast closed, executing callbacks and closing modal');
+    // 调用支付完成回调
+    if (currentPaymentResultRef.current) {
+      callback === null || callback === void 0 || callback(currentPaymentResultRef.current);
+    }
+    // 关闭整个支付弹窗
+    onClose === null || onClose === void 0 || onClose(true);
+  };
+  var handlePaymentCancel = function handlePaymentCancel(reset) {
+    console.log('Payment cancelled');
+    callback === null || callback === void 0 || callback({
+      status: 'cancelled'
+    });
+    var checkout = pisellos.getModule('checkout');
+    checkout.cancelCheckoutAsync();
+    onClose === null || onClose === void 0 || onClose(reset || false);
+  };
+
+  // 自定义头部组件
+  var CustomHeader = function CustomHeader() {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        width: '100%',
+        position: 'relative'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '12px',
+        flex: '0 0 auto'
+      }
+    }, /*#__PURE__*/React.createElement(DeviceIconGroup, null)), /*#__PURE__*/React.createElement("div", {
+      style: {
+        position: 'absolute',
+        left: '50%',
+        transform: 'translateX(-50%)',
+        fontWeight: '500'
+      }
+    }, translation('order.total'), "\uFF1A", formatCurrency(totalAmount, state === null || state === void 0 ? void 0 : state.amountSymbol)));
+  };
+
+  // 初始化订单备注
+  useEffect(function () {
+    var _data$order_info;
+    if (data !== null && data !== void 0 && (_data$order_info = data.order_info) !== null && _data$order_info !== void 0 && _data$order_info.order_note) {
+      setOrderNote(data.order_info.order_note);
+    }
+  }, [data]);
+  var _useState35 = useState(false),
+    _useState36 = _slicedToArray(_useState35, 2),
+    isLocalOrderCreated = _useState36[0],
+    setIsLocalOrderCreated = _useState36[1];
+
+  // 初始化checkout数据
+  useEffect(function () {
+    var initCheckoutData = /*#__PURE__*/function () {
+      var _ref20 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee15() {
+        var checkout, _newData$subtotal_inf, shop_wallet_pass_id, newData, _orderInfo, _data$subtotal_info, _orderInfo2;
+        return _regeneratorRuntime().wrap(function _callee15$(_context15) {
+          while (1) switch (_context15.prev = _context15.next) {
+            case 0:
+              _context15.prev = 0;
+              // 获取 checkout 模块并处理订单数据
+              checkout = pisellos === null || pisellos === void 0 ? void 0 : pisellos.getModule('checkout');
+              if (!(checkout && data && !isLocalOrderCreated)) {
+                _context15.next = 19;
+                break;
+              }
+              setIsLocalOrderCreated(true);
+              _context15.next = 6;
+              return getShopWalletPassId(interaction);
+            case 6:
+              shop_wallet_pass_id = _context15.sent;
+              checkout.setOtherParams({
+                is_price_include_tax: getData('is_price_include_tax'),
+                tax_rate: getData('tax_rate') || '10',
+                surcharge_list: getData('surcharge_list'),
+                currency_format: getData('currency_format'),
+                tax_title: getData('tax_title') || 'GST',
+                tax_country_code: getData('tax_country_code'),
+                currency_code: getData('shop_currency_code'),
+                currency_symbol: getData('shop_symbol'),
+                order_rounding_setting: getData('order_rounding_setting'),
+                shop_wallet_pass_id: shop_wallet_pass_id
+              });
+              console.time('initCheckoutData');
+              newData = cloneDeep(data); // setTotalAmount(newData.total.expectAmount);
+              // 先往 checkout 解决方案推送一条 local 数据
+              _context15.next = 12;
+              return checkout.createLocalOrderAsync({
+                orderData: newData.order_info,
+                cartSummary: (_newData$subtotal_inf = newData.subtotal_info) === null || _newData$subtotal_inf === void 0 ? void 0 : _newData$subtotal_inf.subTotalList,
+                autoPayment: true,
+                totalInfo: newData.subtotal_info
+              });
+            case 12:
+              console.timeEnd('initCheckoutData');
+
+              // 获取订单总金额
+              _orderInfo = checkout.getCurrentOrderInfo();
+              if (_orderInfo && _orderInfo.totalAmount) {
+                setTotalAmount(_orderInfo.totalAmount);
+              }
+              setOrderInfo(_orderInfo);
+              // 监听订单同步完成，同步完成后显示订单完成 toast，关闭当前弹窗
+              checkout.core.effects.on('checkout:onOrderSynced', function (data) {
+                var _data$response, _responseData$payment;
+                console.log('checkout:onOrderSynced>>>>', data);
+                if (data.isManual) return;
+                handlePaymentComplete(data);
+                // 如果正在显示现金支付 toast，跳过自动关闭逻辑
+                if (showingCashToastRef.current) {
+                  return;
+                }
+
+                // 获取支付状态和相关信息
+                var responseData = (_data$response = data.response) === null || _data$response === void 0 ? void 0 : _data$response.data;
+                // 获取支付状态
+                var paymentStatus = responseData === null || responseData === void 0 ? void 0 : responseData.payment_status;
+                // 获取订单总金额
+                var orderTotalAmount = Number((responseData === null || responseData === void 0 ? void 0 : responseData.total_amount) || 0);
+                var gapAmount = Number((responseData === null || responseData === void 0 ? void 0 : responseData.amount_gap) || 0);
+                var currentChangeGivenAmount = Number((responseData === null || responseData === void 0 || (_responseData$payment = responseData.payment_info) === null || _responseData$payment === void 0 ? void 0 : _responseData$payment.current_change_given_amount) || 0);
+                // const changeDue = Number(responseData?.amount_gap || 0);
+                // 获取失败原因
+                var failureReason = responseData === null || responseData === void 0 ? void 0 : responseData.failure_reason;
+
+                // 根据支付状态弹出对应的支付结果toast
+                if (paymentStatus) {
+                  // 确定支付状态
+                  var statusClassName = calculateStatusClassName(paymentStatus);
+                  var autoCloseConfig = calculateAutoCloseConfig(paymentStatus, !!gapAmount);
+
+                  // 根据支付状态展示不同的 toast
+                  displayPaymentResultToast({
+                    paymentStatus: paymentStatus,
+                    orderTotalAmount: orderTotalAmount,
+                    gapAmount: currentChangeGivenAmount,
+                    failureReason: failureReason,
+                    autoCloseConfig: autoCloseConfig,
+                    actionButtons: generateActionButtons(paymentStatus)
+                  }, paymentResultToastConfig);
+
+                  // 将支付结果信息传递给回调处理
+                  var paymentResult = _objectSpread(_objectSpread({}, data), {}, {
+                    toastInfo: {
+                      status: paymentStatus,
+                      amount: orderTotalAmount,
+                      gapAmount: gapAmount,
+                      failureReason: failureReason
+                    }
+                  });
+                  handlePaymentComplete(paymentResult);
+
+                  // 打印订单完整信息
+                  console.log('print_order_onOrderSynced>>>>', responseData);
+                  try {
+                    var _responseData$payment2, _responseData$payment3;
+                    var params = {
+                      type: '99',
+                      // 打印订单全部信息
+                      data: {
+                        order_id: responseData.order_id,
+                        machine_code_print_info: responseData === null || responseData === void 0 || (_responseData$payment2 = responseData.payment_info) === null || _responseData$payment2 === void 0 ? void 0 : _responseData$payment2.machine_code_info,
+                        small_ticket_data: responseData === null || responseData === void 0 || (_responseData$payment3 = responseData.payment_info) === null || _responseData$payment3 === void 0 ? void 0 : _responseData$payment3.small_ticket_data
+                      }
+                    };
+                    console.log('print_order_onOrderSynced_params>>>>', params);
+                    webPrint(params, function (res) {
+                      console.log('print_order_onOrderSynced_res>>>>', res);
+                    });
+                  } catch (error) {
+                    console.error('print_order_onOrderSynced_error>>>>', error);
+                  }
+                } else {
+                  handlePaymentComplete(data);
+                }
+
+                // 可以在这里执行同步完成后的业务逻辑
+                // 比如：通知其他系统、更新UI状态等
+              });
+              _context15.next = 30;
+              break;
+            case 19:
+              if (!isLocalOrderCreated) {
+                _context15.next = 30;
+                break;
+              }
+              // // 如果本地订单已创建，这时候还更新了 data，则需要销毁当前的订单数据，然后更新新的订单数据了
+              console.log('🔄 PaymentModal: data changed, updating checkout data...');
+              setIsLocalOrderCreated(false);
+              _context15.next = 24;
+              return checkout.cancelCurrentOrderAsync();
+            case 24:
+              _context15.next = 26;
+              return checkout.createLocalOrderAsync({
+                orderData: data === null || data === void 0 ? void 0 : data.order_info,
+                cartSummary: data === null || data === void 0 || (_data$subtotal_info = data.subtotal_info) === null || _data$subtotal_info === void 0 ? void 0 : _data$subtotal_info.subTotalList,
+                autoPayment: true,
+                totalInfo: data === null || data === void 0 ? void 0 : data.subtotal_info
+              });
+            case 26:
+              // 获取订单总金额
+              _orderInfo2 = checkout.getCurrentOrderInfo();
+              if (_orderInfo2 && _orderInfo2.totalAmount) {
+                setTotalAmount(_orderInfo2.totalAmount);
+              }
+              setOrderInfo(_orderInfo2);
+              setIsLocalOrderCreated(true);
+            case 30:
+              _context15.next = 35;
+              break;
+            case 32:
+              _context15.prev = 32;
+              _context15.t0 = _context15["catch"](0);
+              console.error('Failed to initialize checkout data:', _context15.t0);
+            case 35:
+            case "end":
+              return _context15.stop();
+          }
+        }, _callee15, null, [[0, 32]]);
+      }));
+      return function initCheckoutData() {
+        return _ref20.apply(this, arguments);
+      };
+    }();
+    if (data) {
+      initCheckoutData();
+    }
+  }, [data]);
+
+  // 创建PaymentResultToast配置对象
+  var paymentResultToastConfig = {
+    context: context,
+    pisellos: pisellos,
+    getData: getData,
+    interaction: interaction,
+    Toast: Toast,
+    state: state,
+    onToastClose: handleToastClose
+  };
+
+  // 支付结果弹窗按钮生成函数
+  var generateActionButtons = function generateActionButtons(paymentStatus) {
+    var getClassName = function getClassName(suffix) {
+      return "payment-result-toast-".concat(suffix);
+    };
+
+    // 通用回调函数
+    var handleDetailsClick = /*#__PURE__*/function () {
+      var _ref21 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee16() {
+        var _context$appHelper2;
+        var _context$appHelper$ut5, isTerminal, isWebPos, checkout, orderId;
+        return _regeneratorRuntime().wrap(function _callee16$(_context16) {
+          while (1) switch (_context16.prev = _context16.next) {
+            case 0:
+              setTimeout(function () {
+                // 关闭支付结果toast
+                closePaymentResultToast();
+                // 关闭PaymentModal
+                handleToastClose();
+              }, 0);
+              _context$appHelper$ut5 = (_context$appHelper2 = context.appHelper) === null || _context$appHelper2 === void 0 ? void 0 : _context$appHelper2.utils, isTerminal = _context$appHelper$ut5.isTerminal, isWebPos = _context$appHelper$ut5.isWebPos;
+              if (!(isTerminal !== null && isTerminal !== void 0 && isTerminal())) {
+                _context16.next = 8;
+                break;
+              }
+              checkout = pisellos.getModule('checkout');
+              _context16.next = 6;
+              return checkout.getCurrentOrderId();
+            case 6:
+              orderId = _context16.sent;
+              return _context16.abrupt("return", interaction.utils.postMessageToApp({
+                module: 'booking',
+                key: 'view_order',
+                data: {
+                  order_id: orderId
+                },
+                origin: '/booking'
+              }));
+            case 8:
+            case "end":
+              return _context16.stop();
+          }
+        }, _callee16);
+      }));
+      return function handleDetailsClick() {
+        return _ref21.apply(this, arguments);
+      };
+    }();
+    var handlePrintReceiptClick = /*#__PURE__*/function () {
+      var _ref22 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee17() {
+        var checkoutModule, data, isSynced, orderId, params;
+        return _regeneratorRuntime().wrap(function _callee17$(_context17) {
+          while (1) switch (_context17.prev = _context17.next) {
+            case 0:
+              checkoutModule = pisellos === null || pisellos === void 0 ? void 0 : pisellos.getModule('checkout');
+              if (checkoutModule) {
+                _context17.next = 3;
+                break;
+              }
+              return _context17.abrupt("return");
+            case 3:
+              _context17.next = 5;
+              return checkoutModule.isCurrentOrderSynced();
+            case 5:
+              isSynced = _context17.sent;
+              if (isSynced) {
+                _context17.next = 12;
+                break;
+              }
+              _context17.next = 9;
+              return checkoutModule.manualSyncOrderAsync();
+            case 9:
+              data = _context17.sent;
+              _context17.next = 16;
+              break;
+            case 12:
+              _context17.next = 14;
+              return checkoutModule.getCurrentOrderId();
+            case 14:
+              orderId = _context17.sent;
+              data = {
+                orderId: orderId
+              };
+            case 16:
+              // data.orderId 就是订单号，可以用来打印小票
+              if (data.orderId) {
+                params = {
+                  type: '0',
+                  data: {
+                    order_id: data.orderId
+                  }
+                };
+                try {
+                  webPrint(params, function (res) {
+                    console.log('handleButtonClick_print-receipt_res>>>>', res);
+                    if (!(res !== null && res !== void 0 && res.result)) {
+                      Toast === null || Toast === void 0 || Toast.error((res === null || res === void 0 ? void 0 : res.msg) || '');
+                    }
+                  });
+                } catch (error) {
+                  console.error('handleButtonClick_print-receipt_error>>>>', error);
+                }
+              }
+            case 17:
+            case "end":
+              return _context17.stop();
+          }
+        }, _callee17);
+      }));
+      return function handlePrintReceiptClick() {
+        return _ref22.apply(this, arguments);
+      };
+    }();
+    var handleRetryClick = function handleRetryClick() {
+      console.log(locales.getText('payment.result.actions.retryClicked'));
+      // 这里可以添加重试支付的逻辑，比如重新显示支付选项
+    };
+    var handleChangePaymentClick = function handleChangePaymentClick() {
+      console.log(locales.getText('payment.result.actions.changePaymentClicked'));
+      // 这里可以添加更改支付方式的逻辑
+    };
+    var handleSaveAsPartialPaidClick = function handleSaveAsPartialPaidClick() {
+      console.log(locales.getText('payment.result.actions.saveAsPartialPaidClicked'));
+      // 直接关闭弹窗
+      handleToastClose();
+    };
+    var handleContinuePaymentClick = function handleContinuePaymentClick() {
+      console.log(locales.getText('payment.result.actions.continuePaymentClicked'));
+      // 关闭支付结果toast，但保留paymentModal
+      closePaymentResultToast();
+    };
+    var handleOrderNoteClick = function handleOrderNoteClick() {
+      console.log(locales.getText('payment.result.actions.orderNoteClicked'));
+      // 从支付结果toast打开NoteModal，使用传入的回调函数
+      if (handleOrderNoteClickFromToast) {
+        handleOrderNoteClickFromToast();
+      }
+    };
+    var handleRefundClick = function handleRefundClick() {
+      console.log(locales.getText('payment.result.actions.refundClicked'));
+      // 这里可以添加退款的逻辑
+    };
+    switch (paymentStatus) {
+      case 'paid':
+        // 成功状态，显示查看详情和打印收据按钮
+        return [[{
+          id: 'details',
+          buttonProps: {
+            className: getClassName('action-button'),
+            onClick: handleDetailsClick,
+            icon: /*#__PURE__*/React.createElement(FileCheck02, {
+              className: getClassName('action-icon')
+            }),
+            children: locales.getText('payment.result.details')
+          }
+        }, {
+          id: 'print',
+          buttonProps: {
+            className: getClassName('action-button'),
+            onClick: handlePrintReceiptClick,
+            icon: /*#__PURE__*/React.createElement(Printer, {
+              className: getClassName('action-icon')
+            }),
+            children: locales.getText('payment.result.printReceipt')
+          }
+        }, {
+          id: 'more',
+          isMore: true,
+          menuData: [{
+            key: 'orderNote',
+            label: locales.getText('payment.result.orderNote'),
+            icon: /*#__PURE__*/React.createElement(MessageTextSquare02, {
+              className: getClassName('menu-icon')
+            }),
+            onClick: handleOrderNoteClick
+          }],
+          buttonProps: {
+            className: getClassName('action-button'),
+            icon: /*#__PURE__*/React.createElement(DotsVertical, {
+              className: getClassName('action-icon')
+            })
+          }
+        }]];
+      case 'partially_paid':
+        // 部分支付状态
+        return [[{
+          id: 'details',
+          buttonProps: {
+            className: getClassName('action-button'),
+            onClick: handleSaveAsPartialPaidClick,
+            children: locales.getText('payment.result.saveAsPartialPaid')
+          }
+        }, {
+          id: 'print',
+          buttonProps: {
+            className: getClassName('action-button'),
+            onClick: handleContinuePaymentClick,
+            children: locales.getText('payment.result.continuePayment')
+          }
+        }, {
+          id: 'more',
+          isMore: true,
+          menuData: [{
+            key: 'orderNote',
+            label: locales.getText('payment.result.orderNote'),
+            icon: /*#__PURE__*/React.createElement(MessageTextSquare02, {
+              className: getClassName('menu-icon')
+            }),
+            onClick: handleOrderNoteClick
+          }],
+          buttonProps: {
+            className: getClassName('action-button'),
+            icon: /*#__PURE__*/React.createElement(DotsVertical, {
+              className: getClassName('action-icon')
+            })
+          }
+        }]];
+      case 'failed':
+        // 失败状态，显示重试和更改支付方式按钮
+        return [[{
+          id: 'retry',
+          buttonProps: {
+            className: getClassName('action-button retry-button'),
+            onClick: handleRetryClick,
+            icon: /*#__PURE__*/React.createElement(RefreshCw05, {
+              className: getClassName('action-icon')
+            }),
+            children: locales.getText('payment.result.retry')
+          }
+        }, {
+          id: 'changePayment',
+          buttonProps: {
+            className: getClassName('action-button change-payment-button'),
+            onClick: handleChangePaymentClick,
+            icon: /*#__PURE__*/React.createElement(CreditCard02, {
+              className: getClassName('action-icon')
+            }),
+            children: locales.getText('payment.result.changePayment')
+          }
+        }, {
+          id: 'more',
+          isMore: true,
+          menuData: [{
+            key: 'orderNote',
+            label: locales.getText('payment.result.orderNote'),
+            icon: /*#__PURE__*/React.createElement(MessageTextSquare02, {
+              className: getClassName('menu-icon')
+            }),
+            onClick: handleOrderNoteClick
+          }, {
+            key: 'refund',
+            label: locales.getText('payment.result.refund'),
+            icon: /*#__PURE__*/React.createElement(ArrowLeft, {
+              className: getClassName('menu-icon')
+            }),
+            onClick: handleRefundClick
+          }],
+          buttonProps: {
+            className: getClassName('action-button'),
+            icon: /*#__PURE__*/React.createElement(DotsVertical, {
+              className: getClassName('action-icon')
+            })
+          }
+        }]];
+      case 'wallet-pass-failed':
+        // Wallet pass失败状态，显示保存部分支付和继续支付按钮
+        return [[{
+          id: 'savePartial',
+          buttonProps: {
+            className: getClassName('action-button primary-button'),
+            onClick: handleSaveAsPartialPaidClick,
+            children: locales.getText('payment.result.saveAsPartialPaid')
+          }
+        }, {
+          id: 'continuePayment',
+          buttonProps: {
+            className: getClassName('action-button primary-button'),
+            onClick: handleContinuePaymentClick,
+            children: locales.getText('payment.result.continuePayment')
+          }
+        }, {
+          id: 'more',
+          isMore: true,
+          menuData: [{
+            key: 'details',
+            label: locales.getText('payment.result.details'),
+            icon: /*#__PURE__*/React.createElement(FileCheck02, {
+              className: getClassName('menu-icon')
+            }),
+            onClick: handleDetailsClick
+          }, {
+            key: 'print',
+            label: locales.getText('payment.result.printReceipt'),
+            icon: /*#__PURE__*/React.createElement(Printer, {
+              className: getClassName('menu-icon')
+            }),
+            onClick: handlePrintReceiptClick
+          }, {
+            key: 'orderNote',
+            label: locales.getText('payment.result.orderNote'),
+            icon: /*#__PURE__*/React.createElement(MessageTextSquare02, {
+              className: getClassName('menu-icon')
+            }),
+            onClick: handleOrderNoteClick
+          }, {
+            key: 'refund',
+            label: locales.getText('payment.result.refund'),
+            icon: /*#__PURE__*/React.createElement(ArrowLeft, {
+              className: getClassName('menu-icon')
+            }),
+            onClick: handleRefundClick
+          }],
+          buttonProps: {
+            className: getClassName('action-button'),
+            icon: /*#__PURE__*/React.createElement(DotsVertical, {
+              className: getClassName('action-icon')
+            })
+          }
+        }]];
+      default:
+        return [];
+    }
+  };
+
+  // 使用新的工具方法创建showSuccessToast函数
+  var showSuccessToast = createShowSuccessToast(paymentResultToastConfig, generateActionButtons);
+  console.log('✅ PaymentModal: Rendering PisellContainer with open=true');
+  return /*#__PURE__*/React.createElement(PaymentResultToastProvider, null, /*#__PURE__*/React.createElement(PisellContainer, {
+    renderType: "modal",
+    props: {
+      open: true,
+      onCancel: function onCancel() {
+        handlePaymentCancel(false);
+      },
+      title: /*#__PURE__*/React.createElement(CustomHeader, null),
+      width: 880,
+      destroyOnClose: true,
+      maskClosable: false,
+      footer: null,
+      closeIcon: null,
+      wrapClassName: "payment-modal-wrapper ".concat(!actualShowCashPayment ? 'no-cash-payment' : ''),
+      size: 'large',
+      headerDivider: false,
+      style: {
+        height: 'auto'
+      },
+      bodyStyle: {
+        maxHeight: '100%',
+        // 使用100%基于父元素，而不是视口的90%
+        overflowY: 'auto',
+        padding: 0,
+        display: 'flex',
+        flexDirection: 'column'
+      }
+    }
+  }, /*#__PURE__*/React.createElement(PaymentContent, {
+    ref: paymentContentRef,
+    cartData: cloneDeep(data),
+    orderInfo: orderInfo,
+    onPaymentComplete: handlePaymentComplete,
+    onPaymentCancel: handlePaymentCancel
+    // onStatusChange={(status) => console.log('Status changed:', status)}
+    ,
+    dispatch: dispatch,
+    state: state,
+    showingCashToastRef: showingCashToastRef,
+    onToastClose: handleToastClose,
+    orderNote: orderNote,
+    setOrderNote: setOrderNote,
+    setNoteModalSource: setNoteModalSource,
+    setNoteModalOpen: setNoteModalOpen,
+    totalAmount: totalAmount,
+    moduleConfig: moduleConfig,
+    onShowCashPaymentChange: handleShowCashPaymentChange,
+    showSuccessToast: showSuccessToast,
+    dynamicMaxHeight: dynamicMaxHeight
+  })), noteModalOpen && /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(NoteModal, {
+    open: noteModalOpen,
+    title: locales.getText('pisell2.text.add-order-notes'),
+    value: orderNote,
+    onConfirm: handleNoteConfirm,
+    onDelete: handleNoteDelete,
+    onCancel: handleNoteCancel
+    // {...({ zIndex: 2000 } as any)}
+  })), document.body));
+};
+
+// 导出类型供外部使用
+
+export default PaymentModal;