@pisell/private-materials 6.0.24 → 6.1.1

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

@@ -17,22 +17,27 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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, { useEffect, useMemo, useState } from 'react';
+import { DownOutlined } from '@ant-design/icons';
 import ChevronDown from '@pisell/icon/es/ChevronDown';
-import classNames from 'classnames';
-import { Skeleton, message, Dropdown, Space, Modal } from 'antd';
 import { formatAmount, locales } from '@pisell/utils';
-import { Button } 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 { formatValues } from "./utils";
-import { getSumTotal, is_price_include_tax } from "./amount";
+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 useEngineContext from "../../../../hooks/useEngineContext";
-import { DownOutlined } from '@ant-design/icons';
-import { eventBookingCheck } from "./serve";
-import { createBookings, editBookings } from "../../info2/serve";
-import { isBooking4Shop } from "../../info/utils";
+import { createEventBooking, editEventBooking } from "./serve";
+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:
@@ -42,7 +47,7 @@ import { isBooking4Shop } from "../../info/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,
@@ -66,12 +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',
@@ -230,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:
@@ -239,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',
@@ -256,7 +299,7 @@ var Footer = function Footer(props) {
                 callbackType: 'pisell2'
               }
             }));
-          case 2:
+          case 7:
             state.action({
               type: 'pisell1.handlePayment',
               data: {
@@ -266,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);
     };
   }();
@@ -286,25 +329,37 @@ var Footer = function Footer(props) {
    */
   var handleCheckout = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-      var res;
+      var isHasDayProducts, res;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             if (!isEdit) {
-              _context2.next = 6;
+              _context2.next = 10;
               break;
             }
-            _context2.next = 3;
+            if (!isDayBooking(state)) {
+              _context2.next = 5;
+              break;
+            }
+            isHasDayProducts = handleDaySubmit();
+            if (!isHasDayProducts) {
+              _context2.next = 5;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 5:
+            _context2.next = 7;
             return handleSave({
-              type: 'checkout'
+              type: 'checkout',
+              messageShow: !(isTerminal !== null && isTerminal !== void 0 && isTerminal())
             });
-          case 3:
+          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 6:
+          case 10:
             return _context2.abrupt("return", goCheckout(state.bookingId));
-          case 7:
+          case 11:
           case "end":
             return _context2.stop();
         }
@@ -355,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)) {
+    if (isBooking4Shop || state.renderType === 'dayBooking') {
       return {
         editBooking: editBookings,
         createBooking: createBookings
@@ -368,6 +422,22 @@ var Footer = function Footer(props) {
     };
   };
 
+  /**
+   * @title: 跨日预约提交之前的验证
+   * @description:
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2024-12-12 16:18
+   */
+  var handleDaySubmit = function handleDaySubmit() {
+    var _isHasDayProducts = isHasDayAppointmentProduct(state);
+    if (_isHasDayProducts) {
+      var _appointmentProductRe;
+      appointmentProductRef === null || appointmentProductRef === void 0 || (_appointmentProductRe = appointmentProductRef.current) === null || _appointmentProductRe === void 0 || _appointmentProductRe.open();
+    }
+    return _isHasDayProducts;
+  };
+
   /**
    * @title: 保存info
    * @description:
@@ -378,112 +448,135 @@ var Footer = function Footer(props) {
    */
   var handleSave = /*#__PURE__*/function () {
     var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(_ref4) {
-      var type, _ref4$messageShow, messageShow, _setLoading, _getApis, createBooking, editBooking, editApi, createApi, saveOtherValue, _state$onSave, callbackData, values, api, _yield$eventBookingCh, data, confirmed;
+      var type, _ref4$messageShow, messageShow, isHasDayProducts, _setLoading, _getApis, createBooking, editBooking, editApi, createApi, saveOtherValue, _state$onSave, callbackData, values, api;
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
             type = _ref4.type, _ref4$messageShow = _ref4.messageShow, messageShow = _ref4$messageShow === void 0 ? true : _ref4$messageShow;
+            if (!isDayBooking(state)) {
+              _context4.next = 5;
+              break;
+            }
+            isHasDayProducts = handleDaySubmit();
+            if (!isHasDayProducts) {
+              _context4.next = 5;
+              break;
+            }
+            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);
             _getApis = getApis(), createBooking = _getApis.createBooking, editBooking = _getApis.editBooking;
-            editApi = state.renderType === 'eventBooking' ? state.apis.editEventBooking : editBooking;
-            createApi = state.renderType === 'eventBooking' ? state.apis.createEventBooking : createBooking;
+            editApi = state.renderType === 'eventBooking' ? editEventBooking : editBooking;
+            createApi = state.renderType === 'eventBooking' ? createEventBooking : createBooking;
             saveOtherValue = {};
             if (!(type === 'save')) {
-              _context4.next = 14;
+              _context4.next = 20;
               break;
             }
-            _context4.next = 10;
+            _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 10:
+          case 16:
             _context4.t0 = _context4.sent;
             if (_context4.t0) {
-              _context4.next = 13;
+              _context4.next = 19;
               break;
             }
             _context4.t0 = {};
-          case 13:
+          case 19:
             saveOtherValue = _context4.t0;
-          case 14:
-            _context4.prev = 14;
+          case 20:
+            _context4.prev = 20;
             callbackData = null; // 格式化提交的参数
             values = formatValues(_objectSpread(_objectSpread({}, state), saveOtherValue)); // 区分是新增还是编辑
-            api = state.bookingId ? editApi : createApi; // 活动预约新建时校验重复
-            if (!(!state.bookingId && state.renderType === 'eventBooking')) {
-              _context4.next = 30;
-              break;
-            }
-            _context4.next = 21;
-            return eventBookingCheck(values);
-          case 21:
-            _yield$eventBookingCh = _context4.sent;
-            data = _yield$eventBookingCh.data;
-            if (!data.list.length) {
-              _context4.next = 30;
-              break;
-            }
-            _context4.next = 26;
-            return modal.confirm({
-              icon: null,
-              title: locales.getText('page.event.booking.text.duplicate-enrollment'),
-              content: locales.getText('page.event.booking.text.duplicate-enrollment-content')({
-                customerName: data.customer_name,
-                title: data.title,
-                list: data.list
-              }),
-              width: 480,
-              okText: locales.getText('page.event.booking.text.duplicate-enrollment-confirm')
+            api = state.bookingId ? editApi : createApi; // 增加日志记录
+            sendWarningLog({
+              title: 'saveBooking',
+              content: [{
+                key: '下单前数据',
+                value: JSON.stringify(values)
+              }, {
+                key: '日期',
+                value: dayjs().format('YYYY-MM-DD HH:mm')
+              }]
             });
-          case 26:
-            confirmed = _context4.sent;
-            if (confirmed) {
-              _context4.next = 30;
-              break;
-            }
-            _setLoading(false);
-            return _context4.abrupt("return");
-          case 30:
+
+            // 活动预约新建时校验重复 -- 暂不处理
+            // if (!state.bookingId && state.renderType === 'eventBooking') {
+            //   const { data } = await eventBookingCheck(values);
+            //   if (data.list.length) {
+            //     const confirmed = await modal.confirm({
+            //       icon: null,
+            //       title: locales.getText(
+            //         'page.event.booking.text.duplicate-enrollment'
+            //       ),
+            //       content: locales.getText(
+            //         'page.event.booking.text.duplicate-enrollment-content'
+            //       )({
+            //         customerName: data.customer_name,
+            //         title: data.title,
+            //         list: data.list,
+            //       }),
+            //       width: 480,
+            //       okText: locales.getText(
+            //         'page.event.booking.text.duplicate-enrollment-confirm'
+            //       ),
+            //     });
+            //     if (!confirmed) {
+            //       _setLoading(false);
+            //       return;
+            //     }
+            //   }
+            // }
+
+            // 如果有addons改动, 则先保存
             if (!addonsEdit) {
-              _context4.next = 33;
+              _context4.next = 28;
               break;
             }
-            _context4.next = 33;
+            _context4.next = 28;
             return handleSaveAddons();
-          case 33:
+          case 28:
             if (!infoEdit) {
-              _context4.next = 38;
+              _context4.next = 33;
               break;
             }
-            _context4.next = 36;
+            _context4.next = 31;
             return api(values, state.bookingId);
-          case 36:
+          case 31:
             callbackData = _context4.sent;
             if (messageShow) {
               message.success(locales.getText(state.bookingId ? 'pisell2.text.appointment-updated' : 'pisell2.text.created-successfully'));
             }
-          case 38:
+          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 43:
-            _context4.prev = 43;
-            _context4.t1 = _context4["catch"](14);
+          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 48:
+          case 43:
           case "end":
             return _context4.stop();
         }
-      }, _callee4, null, [[14, 43]]);
+      }, _callee4, null, [[20, 38]]);
     }));
-    return function handleSave(_x2) {
+    return function handleSave(_x3) {
       return _ref5.apply(this, arguments);
     };
   }();
@@ -523,7 +616,7 @@ var Footer = function Footer(props) {
         }
       }, _callee5);
     }));
-    return function onSelect(_x3) {
+    return function onSelect(_x4) {
       return _ref6.apply(this, arguments);
     };
   }();
@@ -579,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) {
@@ -644,7 +743,7 @@ var Footer = function Footer(props) {
         }
       }, _callee6);
     }));
-    return function handleMenuClick(_x4) {
+    return function handleMenuClick(_x5) {
       return _ref7.apply(this, arguments);
     };
   }();
@@ -732,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'
@@ -742,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]);
 
   /**
@@ -799,17 +904,25 @@ var Footer = function Footer(props) {
 
   /**
    * @title: 清空按钮
-   * @description: 
+   * @description:
    * @return: *
    * @Author: shengjie.zuo
    * @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,
@@ -949,7 +1062,7 @@ var Footer = function Footer(props) {
     }
     if (transaction_habit_selection.button_rows == 1) {
       if (state.appointment_status !== 'cancelled') {
-        if (!state.disabledEdit && !state.isBookingCreatePage) {
+        if (!state.disabledEdit && !state.isBookingCreatePage && !isDayBooking(state)) {
           arr.push(actionMap.sale);
         }
       }
@@ -1127,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"
@@ -1155,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,
@@ -1240,7 +1379,7 @@ var Footer = function Footer(props) {
     style: {
       marginTop: 12
     }
-  }, state.appointment_status !== 'cancelled' && !state.isBookingCreatePage ? /*#__PURE__*/React.createElement(Button, {
+  }, state.appointment_status !== 'cancelled' && !state.isBookingCreatePage && !isDayBooking(state) ? /*#__PURE__*/React.createElement(Button, {
     onClick: function onClick() {
       return handleSale();
     },
@@ -1252,6 +1391,8 @@ var Footer = function Footer(props) {
     },
     size: "large",
     className: "pisell-lowcode__booking-footer-buttons-item"
-  }, actionMap.orderDetail.label)) : null, contextHolder);
+  }, actionMap.orderDetail.label)) : null, contextHolder, /*#__PURE__*/React.createElement(AppointmentProductModal, {
+    ref: appointmentProductRef
+  }));
 };
 export default Footer;