@pisell/private-materials 6.0.25 → 6.1.2

package/es/components/booking/components/footer/index.js

@@ -20,21 +20,24 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { DownOutlined } from '@ant-design/icons';
 import ChevronDown from '@pisell/icon/es/ChevronDown';
 import { formatAmount, locales } from '@pisell/utils';
-import { Button, Dropdown, Modal, Skeleton, Space, message } from 'antd';
+import { Button, Dropdown, Modal, Skeleton, Space, message, ConfigProvider } from 'antd';
 import classNames from 'classnames';
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import useEngineContext from "../../../../hooks/useEngineContext";
 import { formatProducts } from "../../addons";
-import { isDayBooking, isHasDayAppointmentProduct } from "../../info/service2/utils";
-import { isBooking4Shop } from "../../info/utils";
+import { getIsSubjectRequire, isDayBooking, isHasDayAppointmentProduct } from "../../info/service2/utils";
 import { createBookings, editBookings } from "../../info2/serve";
 import AppointmentProductModal from "./AppointmentProductModal";
 import FooterMenus from "./FooterMenus";
 import { getSumTotal, is_price_include_tax } from "./amount";
 import "./index.less";
 import { createEventBooking, editEventBooking } from "./serve";
-import { formatValues } from "./utils";
-
+import { checkHolderIsError, formatValues } from "./utils";
+import VoucherCard from "../voucher";
+import { SubTotal } from "../../../../index";
+import { useIsBooking4Shop } from "../../hooks/useIsBooking4Shop";
+import { sendWarningLog } from '@pisell/utils';
+import dayjs from 'dayjs';
 /**
  * @title: 底部
  * @description:
@@ -44,7 +47,7 @@ import { formatValues } from "./utils";
  * @Date: 2024-01-30 16:51
  */
 var Footer = function Footer(props) {
-  var _context$appHelper, _state$bookingConfig2, _state$bookingConfig4, _state$addons2, _state$addons4, _state$bookingDetail9;
+  var _context$appHelper, _state$bookingConfig2, _state$bookingConfig4, _state$addons2, _businessUtils$getApp, _businessUtils$getApp2, _state$addons4, _state$bookingDetail12, _state$bookingDetail13;
   var state = props.state,
     buttons = props.buttons,
     dispatch = props.dispatch,
@@ -68,13 +71,16 @@ var Footer = function Footer(props) {
     _useState8 = _slicedToArray(_useState7, 2),
     isShowPaymentLink = _useState8[0],
     setIsShowPaymentLink = _useState8[1];
+  var isBooking4Shop = useIsBooking4Shop(state);
   var appointmentProductRef = useRef(null);
   var context = useEngineContext();
   var _context$appHelper$ut = (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils,
     isTerminal = _context$appHelper$ut.isTerminal,
+    isWebPos = _context$appHelper$ut.isWebPos,
     interaction = _context$appHelper$ut.interaction,
     store = _context$appHelper$ut.store,
-    storage = _context$appHelper$ut.storage;
+    storage = _context$appHelper$ut.storage,
+    businessUtils = _context$appHelper$ut.businessUtils;
   useEffect(function () {
     store === null || store === void 0 || store.dispatch({
       type: 'global/_getMetadataMap',
@@ -233,6 +239,11 @@ var Footer = function Footer(props) {
     return false;
   }, [state, params]);
 
+  // 是否安装商品券应用
+  var hasGoodPassApp = !!(businessUtils !== null && businessUtils !== void 0 && (_businessUtils$getApp = businessUtils.getAppByModal) !== null && _businessUtils$getApp !== void 0 && _businessUtils$getApp.call(businessUtils, 'goodpass'));
+  var hasDiscountCardApp = !!(businessUtils !== null && businessUtils !== void 0 && (_businessUtils$getApp2 = businessUtils.getAppByModal) !== null && _businessUtils$getApp2 !== void 0 && _businessUtils$getApp2.call(businessUtils, 'discountcard'));
+  console.log('has goodpass app:', hasGoodPassApp);
+
   /**
    * @title: 跳转到 checkout页面
    * @description:
@@ -242,15 +253,44 @@ var Footer = function Footer(props) {
    * @Date: 2024-01-30 16:53
    */
   var goCheckout = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(order_id) {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(order_id, totalAmount) {
       var _interaction$utils, _interaction$utils$po;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            if (!(isTerminal !== null && isTerminal !== void 0 && isTerminal())) {
+            if (order_id) {
               _context.next = 2;
               break;
             }
+            return _context.abrupt("return");
+          case 2:
+            if (!isWebPos) {
+              _context.next = 5;
+              break;
+            }
+            state.action({
+              type: 'pisell1.handleOpenPayment',
+              data: {
+                order_id: order_id,
+                total_amount: totalAmount
+              },
+              callback: function callback(res) {
+                console.log('webpos_pay_result', res);
+                if ((res === null || res === void 0 ? void 0 : res.status) === 'success') {
+                  var _window;
+                  (_window = window) === null || _window === void 0 || (_window = _window.shopApi) === null || _window === void 0 || (_window = _window.booking) === null || _window === void 0 || _window.refreshBookingDetail();
+                } else if ((res === null || res === void 0 ? void 0 : res.status) === 'cancel') {
+                  var _window2;
+                  (_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.shopApi) === null || _window2 === void 0 || (_window2 = _window2.booking) === null || _window2 === void 0 || _window2.voidBooking(order_id);
+                } else {}
+              }
+            });
+            return _context.abrupt("return");
+          case 5:
+            if (!(isTerminal !== null && isTerminal !== void 0 && isTerminal())) {
+              _context.next = 7;
+              break;
+            }
             return _context.abrupt("return", interaction === null || interaction === void 0 || (_interaction$utils = interaction.utils) === null || _interaction$utils === void 0 || (_interaction$utils$po = _interaction$utils.postMessageToApp) === null || _interaction$utils$po === void 0 ? void 0 : _interaction$utils$po.call(_interaction$utils, {
               module: 'booking',
               key: 'booking_checkout',
@@ -259,7 +299,7 @@ var Footer = function Footer(props) {
                 callbackType: 'pisell2'
               }
             }));
-          case 2:
+          case 7:
             state.action({
               type: 'pisell1.handlePayment',
               data: {
@@ -269,13 +309,13 @@ var Footer = function Footer(props) {
                 state === null || state === void 0 || state.callback();
               }
             });
-          case 3:
+          case 8:
           case "end":
             return _context.stop();
         }
       }, _callee);
     }));
-    return function goCheckout(_x) {
+    return function goCheckout(_x, _x2) {
       return _ref.apply(this, arguments);
     };
   }();
@@ -310,11 +350,12 @@ var Footer = function Footer(props) {
           case 5:
             _context2.next = 7;
             return handleSave({
-              type: 'checkout'
+              type: 'checkout',
+              messageShow: !(isTerminal !== null && isTerminal !== void 0 && isTerminal())
             });
           case 7:
             res = _context2.sent;
-            goCheckout((res === null || res === void 0 ? void 0 : res.order_id) || state.bookingId);
+            goCheckout((res === null || res === void 0 ? void 0 : res.order_id) || state.bookingId, res.total_amount);
             return _context2.abrupt("return");
           case 10:
             return _context2.abrupt("return", goCheckout(state.bookingId));
@@ -369,8 +410,7 @@ var Footer = function Footer(props) {
     };
   }();
   var getApis = function getApis() {
-    var _context$appHelper$ut2, _context$appHelper$ut3;
-    if (isBooking4Shop((_context$appHelper$ut2 = context.appHelper.utils.store) === null || _context$appHelper$ut2 === void 0 || (_context$appHelper$ut3 = _context$appHelper$ut2.getState) === null || _context$appHelper$ut3 === void 0 || (_context$appHelper$ut3 = _context$appHelper$ut3.call(_context$appHelper$ut2)) === null || _context$appHelper$ut3 === void 0 || (_context$appHelper$ut3 = _context$appHelper$ut3.global) === null || _context$appHelper$ut3 === void 0 || (_context$appHelper$ut3 = _context$appHelper$ut3.globalConfig) === null || _context$appHelper$ut3 === void 0 ? void 0 : _context$appHelper$ut3.id, state.renderType) || state.renderType === 'dayBooking') {
+    if (isBooking4Shop || state.renderType === 'dayBooking') {
       return {
         editBooking: editBookings,
         createBooking: createBookings
@@ -424,6 +464,12 @@ var Footer = function Footer(props) {
             }
             return _context4.abrupt("return");
           case 5:
+            if (!(isBooking4Shop && getIsSubjectRequire(state) && checkHolderIsError(state))) {
+              _context4.next = 7;
+              break;
+            }
+            return _context4.abrupt("return");
+          case 7:
             // 区分loading, 是点击的checkout 还是save
             _setLoading = type === 'checkout' ? setCheckoutLoading : setLoading;
             _setLoading(true);
@@ -432,25 +478,37 @@ var Footer = function Footer(props) {
             createApi = state.renderType === 'eventBooking' ? createEventBooking : createBooking;
             saveOtherValue = {};
             if (!(type === 'save')) {
-              _context4.next = 18;
+              _context4.next = 20;
               break;
             }
-            _context4.next = 14;
+            _context4.next = 16;
             return state === null || state === void 0 || (_state$onSave = state.onSave) === null || _state$onSave === void 0 ? void 0 : _state$onSave.call(state, state.client);
-          case 14:
+          case 16:
             _context4.t0 = _context4.sent;
             if (_context4.t0) {
-              _context4.next = 17;
+              _context4.next = 19;
               break;
             }
             _context4.t0 = {};
-          case 17:
+          case 19:
             saveOtherValue = _context4.t0;
-          case 18:
-            _context4.prev = 18;
+          case 20:
+            _context4.prev = 20;
             callbackData = null; // 格式化提交的参数
             values = formatValues(_objectSpread(_objectSpread({}, state), saveOtherValue)); // 区分是新增还是编辑
-            api = state.bookingId ? editApi : createApi; // 活动预约新建时校验重复 -- 暂不处理
+            api = state.bookingId ? editApi : createApi; // 增加日志记录
+            sendWarningLog({
+              title: 'saveBooking',
+              content: [{
+                key: '下单前数据',
+                value: JSON.stringify(values)
+              }, {
+                key: '日期',
+                value: dayjs().format('YYYY-MM-DD HH:mm')
+              }]
+            });
+
+            // 活动预约新建时校验重复 -- 暂不处理
             // if (!state.bookingId && state.renderType === 'eventBooking') {
             //   const { data } = await eventBookingCheck(values);
             //   if (data.list.length) {
@@ -477,48 +535,48 @@ var Footer = function Footer(props) {
             //     }
             //   }
             // }
+
             // 如果有addons改动, 则先保存
             if (!addonsEdit) {
-              _context4.next = 25;
+              _context4.next = 28;
               break;
             }
-            _context4.next = 25;
+            _context4.next = 28;
             return handleSaveAddons();
-          case 25:
+          case 28:
             if (!infoEdit) {
-              _context4.next = 30;
+              _context4.next = 33;
               break;
             }
-            _context4.next = 28;
+            _context4.next = 31;
             return api(values, state.bookingId);
-          case 28:
+          case 31:
             callbackData = _context4.sent;
             if (messageShow) {
               message.success(locales.getText(state.bookingId ? 'pisell2.text.appointment-updated' : 'pisell2.text.created-successfully'));
             }
-          case 30:
-            debugger;
+          case 33:
             // 回调关闭弹窗
-            state === null || state === void 0 || state.callback(callbackData);
+            state === null || state === void 0 || state.callback(callbackData, type);
             _setLoading(false);
 
             // return数据  checkout时需要
             return _context4.abrupt("return", callbackData || values);
-          case 36:
-            _context4.prev = 36;
-            _context4.t1 = _context4["catch"](18);
+          case 38:
+            _context4.prev = 38;
+            _context4.t1 = _context4["catch"](20);
             console.log(_context4.t1);
             if ((_context4.t1 === null || _context4.t1 === void 0 ? void 0 : _context4.t1.code) === 70101) {
               message.error(_context4.t1 === null || _context4.t1 === void 0 ? void 0 : _context4.t1.message);
             }
             _setLoading(false);
-          case 41:
+          case 43:
           case "end":
             return _context4.stop();
         }
-      }, _callee4, null, [[18, 36]]);
+      }, _callee4, null, [[20, 38]]);
     }));
-    return function handleSave(_x2) {
+    return function handleSave(_x3) {
       return _ref5.apply(this, arguments);
     };
   }();
@@ -558,7 +616,7 @@ var Footer = function Footer(props) {
         }
       }, _callee5);
     }));
-    return function onSelect(_x3) {
+    return function onSelect(_x4) {
       return _ref6.apply(this, arguments);
     };
   }();
@@ -614,17 +672,23 @@ var Footer = function Footer(props) {
     if (!isEdit) {
       buttonType = 'primary';
     }
-    return /*#__PURE__*/React.createElement(Button, {
-      className: "pisell-lowcode__booking-footer-buttons-item"
+    return /*#__PURE__*/React.createElement(ConfigProvider, {
+      theme: {
+        token: {
+          colorPrimary: buttonType === 'primary' ? '#7F56DA' : '#F79009'
+        }
+      }
+    }, /*#__PURE__*/React.createElement(Button, {
+      className: classNames('pisell-lowcode__booking-footer-buttons-item', _defineProperty({}, 'pisell-lowcode__booking-footer-buttons-item-primary', buttonType === 'primary'))
       // payment页面为主按钮  info页面 编辑时默认按钮 否则是主按钮
       ,
-      type: buttonType,
+      type: 'primary',
       loading: checkoutLoading,
       onClick: function onClick() {
         handleCheckout();
       },
       disabled: isDisabled
-    }, locales.getText('pisell2.text.checkout'));
+    }, locales.getText('pisell2.text.checkout')));
   }, [isEdit, checkoutLoading, isDisabled, state, source]);
   var handleMenuClick = /*#__PURE__*/function () {
     var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(e) {
@@ -679,7 +743,7 @@ var Footer = function Footer(props) {
         }
       }, _callee6);
     }));
-    return function handleMenuClick(_x4) {
+    return function handleMenuClick(_x5) {
       return _ref7.apply(this, arguments);
     };
   }();
@@ -767,9 +831,15 @@ var Footer = function Footer(props) {
     if (transaction_habit_selection.type === 'service_now_pay_later') {
       buttonType = 'primary';
     }
-    return /*#__PURE__*/React.createElement(Button, {
-      className: "pisell-lowcode__booking-footer-buttons-item",
-      type: buttonType,
+    return /*#__PURE__*/React.createElement(ConfigProvider, {
+      theme: {
+        token: {
+          colorPrimary: buttonType === 'primary' ? '#7F56DA' : '#F79009'
+        }
+      }
+    }, /*#__PURE__*/React.createElement(Button, {
+      className: classNames('pisell-lowcode__booking-footer-buttons-item', _defineProperty({}, 'pisell-lowcode__booking-footer-buttons-item-primary', buttonType === 'primary')),
+      type: 'primary',
       onClick: function onClick() {
         handleSave({
           type: 'save'
@@ -777,7 +847,7 @@ var Footer = function Footer(props) {
       },
       disabled: isDisabled || !isEdit,
       loading: loading
-    }, locales.getText('pisell2.text.save'));
+    }, locales.getText('pisell2.text.save')));
   }, [loading, isDisabled, isEdit, infoEdit, addonsEdit, state]);
 
   /**
@@ -840,11 +910,19 @@ var Footer = function Footer(props) {
    * @Date: 2024-10-26 10:52:01
    */
   var clearAllButton = useMemo(function () {
-    return /*#__PURE__*/React.createElement(Button, {
+    return /*#__PURE__*/React.createElement(ConfigProvider, {
+      theme: {
+        token: {
+          colorPrimary: '#f04438'
+        }
+      }
+    }, /*#__PURE__*/React.createElement(Button, {
       className: "pisell-lowcode__booking-footer-buttons-item",
-      type: "default",
+      type: "primary",
       onClick: handleClearAll
-    }, locales.getText('pisell2.booking.info.text.clear-all'));
+      // color="#f04438"
+      // style={{ backgroundColor: '#f04438', color: '#fff' }}
+    }, locales.getText('pisell2.booking.info.text.clear-all')));
   }, []);
   var buttonMap = {
     checkout: checkoutButton,
@@ -1162,12 +1240,96 @@ var Footer = function Footer(props) {
         break;
     }
   };
+  var subTotalList = useMemo(function () {
+    var _state$bookingDetail9, _state$bookingDetail10, _state$bookingDetail11;
+    var surcharge = (((_state$bookingDetail9 = state.bookingDetail) === null || _state$bookingDetail9 === void 0 ? void 0 : _state$bookingDetail9.surcharge) || []).map(function (d, index) {
+      return {
+        key: "custom_surcharge_".concat(index),
+        label: d.name[state.locale],
+        value: d.amount
+      };
+    });
+    return [
+    // 小计
+    {
+      key: 'sub_total',
+      value: total.productAmount
+    }].concat(_toConsumableArray(surcharge), [
+    // 税费
+    {
+      hidden: !state.bookingId,
+      key: 'tax',
+      value: total.tax,
+      tax: {
+        rate: state === null || state === void 0 || (_state$bookingDetail10 = state.bookingDetail) === null || _state$bookingDetail10 === void 0 ? void 0 : _state$bookingDetail10.tax_rate,
+        is_price_include_tax: is_price_include_tax(state),
+        title: state === null || state === void 0 || (_state$bookingDetail11 = state.bookingDetail) === null || _state$bookingDetail11 === void 0 ? void 0 : _state$bookingDetail11.tax_title
+      }
+    },
+    // 订单折扣
+    {
+      hidden: !state.bookingId,
+      key: 'discount',
+      value: total.shopDiscount
+    },
+    // 总计
+    {
+      key: 'total',
+      value: total.expectAmount
+    },
+    // 舍入金额
+    {
+      hidden: !total.roundingAmount,
+      key: 'custom_roundingAmount',
+      value: total.roundingAmount,
+      label: locales.getText('pisell1.text.rounding')
+    }]);
+  }, [total, (_state$bookingDetail12 = state.bookingDetail) === null || _state$bookingDetail12 === void 0 ? void 0 : _state$bookingDetail12.surcharge, state, state.bookingId]);
+  var orderTotalList = useMemo(function () {
+    return [
+    // 订单已付金额
+    {
+      hidden: !state.bookingId,
+      key: 'custom_orderPaidAmount',
+      value: total.orderPaidAmount,
+      label: locales.getText('pisell2.text.amount-paid-on-order')
+    },
+    // 支付手续费
+    {
+      hidden: !state.bookingId,
+      key: 'custom_paySurchargeFee',
+      value: total.paySurchargeFee,
+      label: locales.getText('pisell1.text.payment-fee')
+    },
+    // 客户实付金额
+    {
+      hidden: !state.bookingId,
+      key: 'custom_actualPaidAmount',
+      value: total.actualPaidAmount,
+      label: locales.getText('pisell2.text.amount-actually-paid-by-the-customer')
+    },
+    // 退款金额
+    {
+      hidden: !state.bookingId || !total.totalRefundAmount,
+      key: 'custom_totalRefundAmount',
+      value: total.totalRefundAmount,
+      label: locales.getText('pisell2.text.refunded-amount')
+    }];
+  }, [total, (_state$bookingDetail13 = state.bookingDetail) === null || _state$bookingDetail13 === void 0 ? void 0 : _state$bookingDetail13.surcharge, state, state.bookingId]);
+  var paymentRefundedStatus = useMemo(function () {
+    var _state$bookingDetail14;
+    return ['partially_refunded', 'refunded'].includes(state === null || state === void 0 || (_state$bookingDetail14 = state.bookingDetail) === null || _state$bookingDetail14 === void 0 ? void 0 : _state$bookingDetail14.payment_status);
+  }, [state === null || state === void 0 ? void 0 : state.bookingDetail]);
   return /*#__PURE__*/React.createElement(Skeleton, {
     title: false,
     round: true,
     loading: showFooter,
     active: true
-  }, /*#__PURE__*/React.createElement("div", {
+  }, (hasGoodPassApp || hasDiscountCardApp) && ['addons', 'info'].includes(source) && !paymentRefundedStatus ? /*#__PURE__*/React.createElement(VoucherCard, {
+    state: state,
+    dispatch: dispatch,
+    source: source
+  }) : null, /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__booking-footer-total"
   }, /*#__PURE__*/React.createElement("span", {
     className: "pisell-lowcode__booking-footer-left"
@@ -1190,79 +1352,21 @@ var Footer = function Footer(props) {
     })
   }, /*#__PURE__*/React.createElement("div", {
     className: "order-total-item-border"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "order-total-item"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "order-total-item-label"
-  }, locales.getText('pisell1.text.subtotal')), /*#__PURE__*/React.createElement("span", {
-    className: "order-total-item-value"
-  }, formatAmount(total.productAmount, 2, (state === null || state === void 0 ? void 0 : state.amountSymbol) || '$'))), (((_state$bookingDetail9 = state.bookingDetail) === null || _state$bookingDetail9 === void 0 ? void 0 : _state$bookingDetail9.surcharge) || []).map(function (d) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "order-total-item",
-      key: d.id
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "order-total-item-label"
-    }, d.name[state.locale]), /*#__PURE__*/React.createElement("span", {
-      className: "order-total-item-value"
-    }, formatAmount(d.amount, 2, (state === null || state === void 0 ? void 0 : state.amountSymbol) || '$')));
-  }), state.bookingId ? /*#__PURE__*/React.createElement("div", {
-    className: "order-total-item"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "order-total-item-label"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: ""
-  }, locales.getText('pisell1.text.tax')), /*#__PURE__*/React.createElement("div", {
-    className: "",
+  }), /*#__PURE__*/React.createElement(SubTotal, {
+    mode: "column1",
+    list: subTotalList,
     style: {
-      fontSize: 14
+      padding: "0"
     }
-  }, taxText)), /*#__PURE__*/React.createElement("span", {
-    className: "order-total-item-value"
-  }, formatAmount(total.tax, 2, (state === null || state === void 0 ? void 0 : state.amountSymbol) || '$'))) : null, state.bookingId ? /*#__PURE__*/React.createElement("div", {
-    className: "order-total-item"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "order-total-item-label"
-  }, locales.getText('pisell2.text.order-discount')), /*#__PURE__*/React.createElement("span", {
-    className: "order-total-item-value"
-  }, formatAmount(total.shopDiscount, 2, (state === null || state === void 0 ? void 0 : state.amountSymbol) || '$'))) : null, /*#__PURE__*/React.createElement("div", {
-    className: "order-total-item"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "order-total-item-label order-total-item-label-bold"
-  }, locales.getText('pisell1.text.total')), /*#__PURE__*/React.createElement("span", {
-    className: "order-total-item-value"
-  }, formatAmount(total.expectAmount, 2, (state === null || state === void 0 ? void 0 : state.amountSymbol) || '$'))), !!total.roundingAmount && /*#__PURE__*/React.createElement("div", {
-    className: "order-total-item"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "order-total-item-label"
-  }, locales.getText('pisell1.text.rounding')), /*#__PURE__*/React.createElement("span", {
-    className: "order-total-item-value"
-  }, formatAmount(total.roundingAmount, 2, (state === null || state === void 0 ? void 0 : state.amountSymbol) || '$'))), state.bookingId ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "order-total-item-border"
   }), /*#__PURE__*/React.createElement("div", {
-    className: "order-total-item"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "order-total-item-label order-total-item-label-bold"
-  }, locales.getText('pisell2.text.amount-paid-on-order')), /*#__PURE__*/React.createElement("span", {
-    className: "order-total-item-value"
-  }, formatAmount(total.orderPaidAmount, 2, (state === null || state === void 0 ? void 0 : state.amountSymbol) || '$'))), /*#__PURE__*/React.createElement("div", {
-    className: "order-total-item"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "order-total-item-label"
-  }, locales.getText('pisell1.text.payment-fee')), /*#__PURE__*/React.createElement("span", {
-    className: "order-total-item-value"
-  }, formatAmount(total.paySurchargeFee, 2, (state === null || state === void 0 ? void 0 : state.amountSymbol) || '$'))), /*#__PURE__*/React.createElement("div", {
-    className: "order-total-item"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "order-total-item-label order-total-item-label-bold"
-  }, locales.getText('pisell2.text.amount-actually-paid-by-the-customer')), /*#__PURE__*/React.createElement("span", {
-    className: "order-total-item-value"
-  }, formatAmount(total.actualPaidAmount, 2, (state === null || state === void 0 ? void 0 : state.amountSymbol) || '$'))), total.totalRefundAmount > 0 ? /*#__PURE__*/React.createElement("div", {
-    className: "order-total-item"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "order-total-item-label order-total-item-label-bold"
-  }, locales.getText('pisell2.text.refunded-amount')), /*#__PURE__*/React.createElement("span", {
-    className: "order-total-item-value"
-  }, formatAmount(total.totalRefundAmount, 2, (state === null || state === void 0 ? void 0 : state.amountSymbol) || '$'))) : null) : null), !(state !== null && state !== void 0 && state.disableEventBookingEdit) && /*#__PURE__*/React.createElement("div", {
+    className: state.bookingId ? 'order-total-item-border' : ''
+  }), !!state.bookingId && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SubTotal, {
+    mode: "column1",
+    list: orderTotalList,
+    style: {
+      padding: " 0 0 16px"
+    }
+  }))), !(state !== null && state !== void 0 && state.disableEventBookingEdit) && /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__booking-footer-buttons"
   }, /*#__PURE__*/React.createElement(FooterMenus, {
     items: moreButton,

package/es/components/booking/components/footer/index.less

@@ -111,7 +111,7 @@
   display: flex;
   align-items: center;
   justify-content: flex-start;
-  gap: 12px;
+  gap: 8px !important;
 
 
 
@@ -122,4 +122,9 @@
     justify-content: center;
     flex: 1;
   }
+
+  .pisell-lowcode__booking-footer-buttons-item-primary {
+    flex: 2 !important;
+    order: 1;
+  }
 }

package/es/components/booking/components/footer/utils.d.ts

@@ -16,4 +16,26 @@ export declare const formatProductOption: (option: any) => any;
  * @Date: 2024-02-19 09:26
  */
 export declare const formatProductBundle: (bundle: any) => any;
+export interface ResourceItem {
+    [key: string]: any;
+}
+/**
+ * @title: 传入资源，如果有子资源，会根据组合资源的 capacity 计算修改子资源的 capacity
+ * @description:
+ * @param {object} resource
+ * @return {*}
+ * @Author: jinglin.tan
+ */
+export declare const checkSubResourcesCapacity: (resource: ResourceItem) => void;
+export declare const checkResourcesFormat: (resources: any[], service: any, isChild?: boolean) => any[];
+/**
+ * @title: 格式化商品单价
+ * @description:
+ * @param {any} item
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-23 12:05
+ */
+export declare const formatProductPrice: (item: any) => number;
 export declare const formatValues: (state: any) => any;
+export declare const checkHolderIsError: (state: any) => any;