@pisell/private-materials 3.0.13 → 3.0.14-2.gray

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

@@ -17,17 +17,20 @@ 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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useMemo, useState } from "react";
-import ChevronDown from "@pisell/icon/es/ChevronDown";
-import classNames from "classnames";
-import { Skeleton, message } from "antd";
-import { formatAmount, locales } from "@pisell/utils";
-import { Button } from "antd";
+import React, { useEffect, useMemo, useState } from 'react';
+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 { formatProducts } from "../../addons";
 import { formatValues } from "./utils";
 import { getSumTotal, is_price_include_tax } from "./amount";
 import FooterMenus from "./FooterMenus";
 import "./index.less";
+import useEngineContext from "../../../../hooks/useEngineContext";
+import { DownOutlined } from '@ant-design/icons';
+import { eventBookingCheck } from "./serve";
 
 /**
  * @title: 底部
@@ -38,7 +41,7 @@ import "./index.less";
  * @Date: 2024-01-30 16:51
  */
 var Footer = function Footer(props) {
-  var _state$bookingConfig2, _state$bookingConfig3, _state$bookingConfig4, _state$addons2, _state$addons4, _state$bookingDetail3;
+  var _context$appHelper, _store$getState, _store$getState$call, _store$getState$call$, _state$bookingConfig2, _state$bookingConfig3, _state$bookingConfig4, _state$bookingConfig8, _state$bookingConfig9, _state$addons2, _state$addons4, _state$bookingDetail11;
   var state = props.state,
     buttons = props.buttons,
     dispatch = props.dispatch,
@@ -58,12 +61,86 @@ var Footer = function Footer(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     checkoutLoading = _useState6[0],
     setCheckoutLoading = _useState6[1];
+  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,
+    interaction = _context$appHelper$ut.interaction,
+    store = _context$appHelper$ut.store,
+    storage = _context$appHelper$ut.storage;
+  var isShowPaymentLink = store === null || store === void 0 ? void 0 : (_store$getState = store.getState) === null || _store$getState === void 0 ? void 0 : (_store$getState$call = _store$getState.call(store)) === null || _store$getState$call === void 0 ? void 0 : (_store$getState$call$ = _store$getState$call.global) === null || _store$getState$call$ === void 0 ? void 0 : _store$getState$call$.paymentLinkBtnShow;
+  var _Modal$useModal = Modal.useModal(),
+    _Modal$useModal2 = _slicedToArray(_Modal$useModal, 2),
+    modal = _Modal$useModal2[0],
+    contextHolder = _Modal$useModal2[1];
+  var setActiveTab = state.setActiveTab;
+  var isTeam = useMemo(function () {
+    return storage.get('channel') === 'android_team_portal' || storage.get('channel') === 'ios_team_portal';
+  }, []);
+  var actionMap = {
+    sale: {
+      label: locales.getText('pisell2.text.addons'),
+      key: 'sale'
+    },
+    paymentLink: {
+      label: locales.getText('pisell2.text.payment-link'),
+      key: 'payment',
+      children: [{
+        label: locales.getText('pisell2.text.send-mail'),
+        key: 'sendMail'
+      }, {
+        label: locales.getText('pisell2.text.copy-to-clipboard'),
+        key: 'copy'
+      }]
+    },
+    print: {
+      label: 'Print',
+      key: 'print'
+    },
+    orderDetail: {
+      label: locales.getText('pisell2.text.deposit-order-detail'),
+      key: 'orderDetail'
+    },
+    refund: {
+      label: locales.getText('pisell2.text.refund'),
+      key: 'refund'
+    },
+    rebook: {
+      label: locales.getText('pisell2.text.rebook'),
+      key: 'rebook'
+    },
+    cancelOrder: {
+      label: 'Cancel order',
+      key: 'cancelOrder'
+    }
+  };
+  useEffect(function () {
+    if (state.bookingDetail) {
+      state.action({
+        type: 'pisell1.registerPlugin',
+        data: {
+          pluginList: ['RefundPlugin']
+        }
+      });
+    }
+  }, [state.bookingDetail]);
+  useEffect(function () {
+    store === null || store === void 0 ? void 0 : store.dispatch({
+      type: 'global/_getPaymentLinkBtnShow'
+    });
+  }, []);
 
   // board 配置
   var params = useMemo(function () {
     var _state$bookingConfig, _state$bookingConfig$, _state$bookingConfig$2;
     return (state === null || state === void 0 ? void 0 : (_state$bookingConfig = state.bookingConfig) === null || _state$bookingConfig === void 0 ? void 0 : (_state$bookingConfig$ = _state$bookingConfig.config) === null || _state$bookingConfig$ === void 0 ? void 0 : (_state$bookingConfig$2 = _state$bookingConfig$.basic) === null || _state$bookingConfig$2 === void 0 ? void 0 : _state$bookingConfig$2.appointment_subject) || {};
   }, [state === null || state === void 0 ? void 0 : (_state$bookingConfig2 = state.bookingConfig) === null || _state$bookingConfig2 === void 0 ? void 0 : (_state$bookingConfig3 = _state$bookingConfig2.config) === null || _state$bookingConfig3 === void 0 ? void 0 : (_state$bookingConfig4 = _state$bookingConfig3.basic) === null || _state$bookingConfig4 === void 0 ? void 0 : _state$bookingConfig4.appointment_subject]);
+  var transaction_habit_selection = useMemo(function () {
+    var _state$bookingConfig5, _state$bookingConfig6, _state$bookingConfig7;
+    return (state === null || state === void 0 ? void 0 : (_state$bookingConfig5 = state.bookingConfig) === null || _state$bookingConfig5 === void 0 ? void 0 : (_state$bookingConfig6 = _state$bookingConfig5.config) === null || _state$bookingConfig6 === void 0 ? void 0 : (_state$bookingConfig7 = _state$bookingConfig6.information_tab) === null || _state$bookingConfig7 === void 0 ? void 0 : _state$bookingConfig7.transaction_habit_selection) || {
+      type: 'service_now_pay_later',
+      button_rows: 1
+    };
+  }, [state === null || state === void 0 ? void 0 : (_state$bookingConfig8 = state.bookingConfig) === null || _state$bookingConfig8 === void 0 ? void 0 : (_state$bookingConfig9 = _state$bookingConfig8.config) === null || _state$bookingConfig9 === void 0 ? void 0 : _state$bookingConfig9.information_tab]);
 
   // addons 是否有编辑
   var addonsEdit = useMemo(function () {
@@ -148,11 +225,25 @@ var Footer = function Footer(props) {
    */
   var goCheckout = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(order_id) {
+      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())) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return", interaction === null || interaction === void 0 ? void 0 : (_interaction$utils = interaction.utils) === null || _interaction$utils === void 0 ? 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',
+              data: {
+                order_id: order_id,
+                callbackType: "pisell2"
+              }
+            }));
+          case 2:
             state.action({
-              type: "pisell1.handlePayment",
+              type: 'pisell1.handlePayment',
               data: {
                 orderId: order_id
               },
@@ -160,7 +251,7 @@ var Footer = function Footer(props) {
                 state === null || state === void 0 ? void 0 : state.callback();
               }
             });
-          case 1:
+          case 3:
           case "end":
             return _context.stop();
         }
@@ -190,7 +281,7 @@ var Footer = function Footer(props) {
             }
             _context2.next = 3;
             return handleSave({
-              type: "checkout"
+              type: 'checkout'
             });
           case 3:
             res = _context2.sent;
@@ -231,13 +322,13 @@ var Footer = function Footer(props) {
               shop_discount_reason: state.bookingDetail.shop_discount_reason
             });
           case 4:
-            message.success(locales.getText("pisell2.text.addons") + locales.getText("pisell2.text.updated"));
+            message.success(locales.getText('pisell2.text.addons') + locales.getText('pisell2.text.updated'));
             _context3.next = 10;
             break;
           case 7:
             _context3.prev = 7;
             _context3.t0 = _context3["catch"](0);
-            console.log("state.bookingId && state.addons.edit", _context3.t0);
+            console.log('state.bookingId && state.addons.edit', _context3.t0);
           case 10:
           case "end":
             return _context3.stop();
@@ -259,68 +350,109 @@ var Footer = function Footer(props) {
    */
   var handleSave = /*#__PURE__*/function () {
     var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(_ref4) {
-      var type, _setLoading, saveOtherValue, _state$onSave, callbackData, values, api;
+      var type, _ref4$messageShow, messageShow, _setLoading, editApi, createApi, saveOtherValue, _state$onSave, callbackData, values, api, _yield$eventBookingCh, data, confirmed;
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            type = _ref4.type;
+            type = _ref4.type, _ref4$messageShow = _ref4.messageShow, messageShow = _ref4$messageShow === void 0 ? true : _ref4$messageShow;
             // 区分loading, 是点击的checkout 还是save
-            _setLoading = type === "checkout" ? setCheckoutLoading : setLoading;
+            _setLoading = type === 'checkout' ? setCheckoutLoading : setLoading;
             _setLoading(true);
+            editApi = state.renderType === 'eventBooking' ? state.apis.editEventBooking : state.apis.editBooking;
+            createApi = state.renderType === 'eventBooking' ? state.apis.createEventBooking : state.apis.createBooking;
             saveOtherValue = {};
-            if (!(type === "save")) {
-              _context4.next = 11;
+            if (!(type === 'save')) {
+              _context4.next = 13;
               break;
             }
-            _context4.next = 7;
+            _context4.next = 9;
             return state === null || state === void 0 ? void 0 : (_state$onSave = state.onSave) === null || _state$onSave === void 0 ? void 0 : _state$onSave.call(state, state.client);
-          case 7:
+          case 9:
             _context4.t0 = _context4.sent;
             if (_context4.t0) {
-              _context4.next = 10;
+              _context4.next = 12;
               break;
             }
             _context4.t0 = {};
-          case 10:
+          case 12:
             saveOtherValue = _context4.t0;
-          case 11:
-            _context4.prev = 11;
+          case 13:
+            _context4.prev = 13;
             callbackData = null; // 格式化提交的参数
             values = formatValues(_objectSpread(_objectSpread({}, state), saveOtherValue)); // 区分是新增还是编辑
-            api = state.bookingId ? state.apis.editBooking : state.apis.createBooking; // 如果有addons改动, 则先保存
+            api = state.bookingId ? editApi : createApi; // 活动预约新建时校验重复
+            if (!(!state.bookingId && state.renderType === 'eventBooking')) {
+              _context4.next = 29;
+              break;
+            }
+            _context4.next = 20;
+            return eventBookingCheck(values);
+          case 20:
+            _yield$eventBookingCh = _context4.sent;
+            data = _yield$eventBookingCh.data;
+            if (!data.list.length) {
+              _context4.next = 29;
+              break;
+            }
+            _context4.next = 25;
+            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')
+            });
+          case 25:
+            confirmed = _context4.sent;
+            if (confirmed) {
+              _context4.next = 29;
+              break;
+            }
+            _setLoading(false);
+            return _context4.abrupt("return");
+          case 29:
             if (!addonsEdit) {
-              _context4.next = 18;
+              _context4.next = 32;
               break;
             }
-            _context4.next = 18;
+            _context4.next = 32;
             return handleSaveAddons();
-          case 18:
+          case 32:
             if (!infoEdit) {
-              _context4.next = 23;
+              _context4.next = 37;
               break;
             }
-            _context4.next = 21;
+            _context4.next = 35;
             return api(values);
-          case 21:
+          case 35:
             callbackData = _context4.sent;
-            message.success(locales.getText(state.bookingId ? "pisell2.text.appointment-updated" : "pisell2.text.created-successfully"));
-          case 23:
+            if (messageShow) {
+              message.success(locales.getText(state.bookingId ? 'pisell2.text.appointment-updated' : 'pisell2.text.created-successfully'));
+            }
+          case 37:
             // 回调关闭弹窗
             state === null || state === void 0 ? void 0 : state.callback(callbackData);
             _setLoading(false);
 
             // return数据  checkout时需要
-            return _context4.abrupt("return", callbackData);
-          case 28:
-            _context4.prev = 28;
-            _context4.t1 = _context4["catch"](11);
+            return _context4.abrupt("return", callbackData || values);
+          case 42:
+            _context4.prev = 42;
+            _context4.t1 = _context4["catch"](13);
             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 32:
+          case 47:
           case "end":
             return _context4.stop();
         }
-      }, _callee4, null, [[11, 28]]);
+      }, _callee4, null, [[13, 42]]);
     }));
     return function handleSave(_x3) {
       return _ref5.apply(this, arguments);
@@ -341,9 +473,9 @@ var Footer = function Footer(props) {
       return _regeneratorRuntime().wrap(function _callee5$(_context5) {
         while (1) switch (_context5.prev = _context5.next) {
           case 0:
-            status = "completed";
+            status = 'completed';
             dispatch({
-              type: "setStatus",
+              type: 'setStatus',
               payload: status
             });
             _context5.next = 4;
@@ -352,7 +484,7 @@ var Footer = function Footer(props) {
             });
           case 4:
             data = _context5.sent;
-            message.success(locales.getText("pisell1.text.edit-status-success"));
+            message.success(locales.getText('pisell1.text.edit-status-success'));
             state === null || state === void 0 ? void 0 : state.callback({
               order_id: state.bookingId
             });
@@ -375,8 +507,19 @@ var Footer = function Footer(props) {
    * @Date: 2024-01-30 16:57
    */
   var handleRefund = function handleRefund() {
+    if (isTerminal !== null && isTerminal !== void 0 && isTerminal()) {
+      var _interaction$utils2, _interaction$utils2$p;
+      return interaction === null || interaction === void 0 ? void 0 : (_interaction$utils2 = interaction.utils) === null || _interaction$utils2 === void 0 ? void 0 : (_interaction$utils2$p = _interaction$utils2.postMessageToApp) === null || _interaction$utils2$p === void 0 ? void 0 : _interaction$utils2$p.call(_interaction$utils2, {
+        module: 'booking',
+        key: 'booking_refund',
+        data: {
+          order_id: state.bookingId
+        },
+        origin: '/booking'
+      });
+    }
     state.action({
-      type: "pisell1.handleRefund",
+      type: 'pisell1.handleRefund',
       data: {
         orderId: state.bookingId
       },
@@ -397,18 +540,155 @@ var Footer = function Footer(props) {
    * @Date: 2024-01-30 16:57
    */
   var checkoutButton = useMemo(function () {
+    var buttonType = 'primary';
+    if (transaction_habit_selection.type === 'service_now_pay_later') {
+      buttonType = 'default';
+    }
+    if (source === 'payment') {
+      buttonType = 'primary';
+    }
+    if (!isEdit) {
+      buttonType = 'primary';
+    }
     return /*#__PURE__*/React.createElement(Button, {
       className: "pisell-lowcode__booking-footer-buttons-item"
       // payment页面为主按钮  info页面 编辑时默认按钮 否则是主按钮
       ,
-      type: source === "payment" ? "primary" : isEdit ? "default" : "primary",
+      type: buttonType,
       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) {
+      var id, customer, res, _state$bookingDetail, _state$bookingDetail2;
+      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            id = state.bookingId;
+            customer = state.bookingDetail.customer;
+            if (!isEdit) {
+              _context6.next = 8;
+              break;
+            }
+            _context6.next = 5;
+            return handleSave({
+              type: 'checkout',
+              messageShow: false
+            });
+          case 5:
+            res = _context6.sent;
+            id = (res === null || res === void 0 ? void 0 : res.order_id) || state.bookingId;
+            customer = res !== null && res !== void 0 && res.customer_id ? {
+              id: res === null || res === void 0 ? void 0 : res.customer_id
+            } : state.bookingDetail.customer;
+          case 8:
+            if (e.key === 'sendMail') {
+              console.log(e);
+              state.action({
+                type: 'pisell1.sendPayLinkEmail',
+                data: {
+                  id: id,
+                  is_deposit: state.bookingDetail.is_deposit || Number((_state$bookingDetail = state.bookingDetail) === null || _state$bookingDetail === void 0 ? void 0 : _state$bookingDetail.deposit_amount),
+                  deposit_payment_time: state.bookingDetail.deposit_payment_time,
+                  customer: customer,
+                  contacts: (_state$bookingDetail2 = state.bookingDetail) === null || _state$bookingDetail2 === void 0 ? void 0 : _state$bookingDetail2.contacts
+                },
+                callback: function callback() {}
+              });
+            }
+            if (e.key === 'copy') {
+              state.action({
+                type: 'pisell1.genClientPayLink',
+                data: {
+                  id: id
+                },
+                callback: function callback() {}
+              });
+            }
+          case 10:
+          case "end":
+            return _context6.stop();
+        }
+      }, _callee6);
+    }));
+    return function handleMenuClick(_x5) {
+      return _ref7.apply(this, arguments);
+    };
+  }();
+
+  // 重新预约
+  var handleRebook = function handleRebook() {
+    var _state$onRebook;
+    (_state$onRebook = state.onRebook) === null || _state$onRebook === void 0 ? void 0 : _state$onRebook.call(state);
+  };
+  // 销售
+  var handleSale = function handleSale() {
+    if (isTerminal !== null && isTerminal !== void 0 && isTerminal()) {
+      var _interaction$utils3, _interaction$utils3$p;
+      return interaction === null || interaction === void 0 ? void 0 : (_interaction$utils3 = interaction.utils) === null || _interaction$utils3 === void 0 ? void 0 : (_interaction$utils3$p = _interaction$utils3.postMessageToApp) === null || _interaction$utils3$p === void 0 ? void 0 : _interaction$utils3$p.call(_interaction$utils3, {
+        module: 'booking',
+        key: 'edit_order',
+        data: {
+          order_id: state.bookingId
+        }
+      });
+    }
+    if (state.channelDisabledEdit) {
+      modal.warning({
+        okText: locales.getText('pisell2.text.ok'),
+        content: locales.getText('pisell2.text.terminal-edit-message')
+      });
+      return;
+    }
+    setActiveTab === null || setActiveTab === void 0 ? void 0 : setActiveTab('addons');
+  };
+  // 打印
+  var handlePrint = function handlePrint() {};
+  // 订单详情
+  var handleOrderDetail = function handleOrderDetail() {
+    if (isTerminal !== null && isTerminal !== void 0 && isTerminal()) {
+      return interaction.utils.postMessageToApp({
+        module: 'booking',
+        key: 'view_order',
+        data: {
+          order_id: state.bookingId
+        },
+        origin: '/booking'
+      });
+    }
+    state.action({
+      type: 'pisell1.goOrderDetail',
+      data: {
+        orderId: state.bookingId
+      },
+      callback: function callback() {
+        state === null || state === void 0 ? void 0 : state.callback();
+      }
+    });
+  };
+  // 取消订单
+  var handleCancel = function handleCancel() {};
+  var paymentLinkButton = useMemo(function () {
+    var items = [{
+      label: locales.getText('pisell2.text.send-mail'),
+      key: 'sendMail'
+    }, {
+      label: locales.getText('pisell2.text.copy-to-clipboard'),
+      key: 'copy'
+    }];
+    return /*#__PURE__*/React.createElement(Dropdown, {
+      menu: {
+        items: items,
+        onClick: handleMenuClick
+      }
+    }, /*#__PURE__*/React.createElement(Button, {
+      className: "pisell-lowcode__booking-footer-buttons-item"
+    }, /*#__PURE__*/React.createElement(Space, null, locales.getText('pisell2.text.payment-link'), /*#__PURE__*/React.createElement(DownOutlined, null))));
+  }, [handleMenuClick]);
 
   /**
    * @title: 保存按钮
@@ -419,17 +699,21 @@ var Footer = function Footer(props) {
    * @Date: 2024-01-30 16:58
    */
   var saveButton = useMemo(function () {
+    var buttonType = 'default';
+    if (transaction_habit_selection.type === 'service_now_pay_later') {
+      buttonType = 'primary';
+    }
     return /*#__PURE__*/React.createElement(Button, {
       className: "pisell-lowcode__booking-footer-buttons-item",
-      type: "primary",
+      type: buttonType,
       onClick: function onClick() {
         handleSave({
-          type: "save"
+          type: 'save'
         });
       },
       disabled: isDisabled || !isEdit,
       loading: loading
-    }, locales.getText("pisell2.text.save"));
+    }, locales.getText('pisell2.text.save'));
   }, [loading, isDisabled, isEdit, infoEdit, addonsEdit, state]);
 
   /**
@@ -443,12 +727,27 @@ var Footer = function Footer(props) {
   var completeButton = useMemo(function () {
     return /*#__PURE__*/React.createElement(Button, {
       className: "pisell-lowcode__booking-footer-buttons-item",
-      type: "primary",
+      type: 'primary',
       onClick: onSelect,
-      disabled: state.appointment_status === "completed"
-    }, locales.getText("pisell2.text.status.completed"));
+      disabled: state.appointment_status === 'completed'
+    }, locales.getText('pisell2.text.status.completed'));
   }, [state.appointment_status]);
 
+  /**
+   * @title: Rebook按钮
+   * @description:
+   * @param {*} useMemo
+   * @return {*}
+   * @Author: zhiwei.Wang
+   * @Date: 2024-01-30 16:58
+   */
+  var rebookButton = useMemo(function () {
+    return /*#__PURE__*/React.createElement(Button, {
+      className: "pisell-lowcode__booking-footer-buttons-item",
+      onClick: handleRebook
+    }, locales.getText('pisell2.text.rebook'));
+  }, [state === null || state === void 0 ? void 0 : state.onRebook]);
+
   /**
    * @title: 退款按钮
    * @description:
@@ -462,13 +761,15 @@ var Footer = function Footer(props) {
       className: "pisell-lowcode__booking-footer-buttons-item",
       type: "default",
       onClick: handleRefund
-    }, locales.getText("pisell2.text.refund"));
+    }, locales.getText('pisell2.text.refund'));
   }, []);
   var buttonMap = {
     checkout: checkoutButton,
     save: saveButton,
     complete: completeButton,
-    refund: refundButton
+    refund: refundButton,
+    paymentLink: paymentLinkButton,
+    rebook: rebookButton
   };
 
   /**
@@ -480,10 +781,10 @@ var Footer = function Footer(props) {
    * @Date: 2024-01-30 16:58
    */
   var isCheckout = useMemo(function () {
-    var _state$bookingDetail, _state$bookingDetail$, _state$bookingDetail2;
-    var list = ["unfulfilled", "partially_paid", "unpaid", "payment_processing"];
+    var _state$bookingDetail3, _state$bookingDetail4, _state$bookingDetail5;
+    var list = ['unfulfilled', 'partially_paid', 'unpaid', 'payment_processing'];
     // (支付状态 = 已支付 || 部分付款 || 未付款 || 支付处理中) && 预约状态 !== 已取消
-    if (!state.bookingId || ((_state$bookingDetail = state.bookingDetail) === null || _state$bookingDetail === void 0 ? void 0 : (_state$bookingDetail$ = _state$bookingDetail.bookings) === null || _state$bookingDetail$ === void 0 ? void 0 : _state$bookingDetail$.appointment_status) !== "cancelled" && list.includes(state === null || state === void 0 ? void 0 : (_state$bookingDetail2 = state.bookingDetail) === null || _state$bookingDetail2 === void 0 ? void 0 : _state$bookingDetail2.payment_status) && !state.disabledEdit) {
+    if (!state.bookingId || ((_state$bookingDetail3 = state.bookingDetail) === null || _state$bookingDetail3 === void 0 ? void 0 : (_state$bookingDetail4 = _state$bookingDetail3.bookings) === null || _state$bookingDetail4 === void 0 ? void 0 : _state$bookingDetail4.appointment_status) !== 'cancelled' && list.includes(state === null || state === void 0 ? void 0 : (_state$bookingDetail5 = state.bookingDetail) === null || _state$bookingDetail5 === void 0 ? void 0 : _state$bookingDetail5.payment_status) && !state.disabledEdit) {
       return true;
     } else {
       if (total.notPaidAmount > 0) {
@@ -494,12 +795,12 @@ var Footer = function Footer(props) {
   }, [state.bookingDetail, total.notPaidAmount]);
   var _buttons = useMemo(function () {
     // 如果预约是取消状态,则不展示任何按钮
-    if (state.appointment_status === "cancelled") {
-      return [];
+    if (state.appointment_status === 'cancelled') {
+      return [buttonMap.rebook];
     }
 
     // addons 默认为新增按钮, 如果有新增数据 则添加save按钮
-    if (source === "addons") {
+    if (source === 'addons') {
       var arr = [];
       arr = _toConsumableArray(buttons);
       if (isEdit) {
@@ -514,25 +815,36 @@ var Footer = function Footer(props) {
     // }
 
     // payment
-    if (source === "payment") {
+    if (source === 'payment') {
       var _arr2 = [];
-      // 有已支付金额, 展示退款
-      if (total.paidAmount > 0) {
-        _arr2.push(buttonMap.refund);
+      if (state.bookingId && isShowPaymentLink) {
+        _arr2.push(buttonMap.paymentLink);
       }
-      // 有未支付金额 展示checkout
-      if (isCheckout) {
-        _arr2.push(buttonMap.checkout);
+      if (!isTeam) {
+        // 有已支付金额, 展示退款
+        if (total.paidAmount > 0) {
+          _arr2.push(buttonMap.refund);
+        }
+        // 有未支付金额 展示checkout
+        if (isCheckout) {
+          _arr2.push(buttonMap.checkout);
+        }
       }
       return _arr2;
     }
 
     // info
-    if (source === "info") {
+    if (source === 'info') {
       var _arr3 = [];
+      // if (state.bookingId && isShowPaymentLink) {
+      // 	arr.push(buttonMap.paymentLink);
+      // }
       // 有未支付金额 展示checkout
       if (isCheckout) {
-        _arr3.push(buttonMap.checkout);
+        // 有未支付金额 展示checkout
+        if (!isTeam) {
+          _arr3.push(buttonMap.checkout);
+        }
       } else {
         // 没有任何编辑时,展示完成按钮
         if (!isEdit) {
@@ -543,10 +855,84 @@ var Footer = function Footer(props) {
       if (isEdit) {
         _arr3.push(buttonMap.save);
       }
+      // if (isTeam) {
+      //   if (arr.length === 0) {
+      //     return [buttonMap.rebook];
+      //   }
+      // }
+
       return _arr3;
     }
+    if (source === 'addTime') {
+      var _arr4 = [];
+      _arr4 = _toConsumableArray(buttons);
+      return _arr4;
+    }
     return [];
-  }, [buttons, total, isEdit, checkoutLoading, isDisabled, state.bookingId, source, state.appointment_status, buttonMap, loading, isCheckout]);
+  }, [buttons, total, isEdit, checkoutLoading, isDisabled, source, buttonMap, loading, isCheckout, state, isTeam]);
+  var moreButton = useMemo(function () {
+    var arr = [];
+    if (!state.bookingId) {
+      return [];
+    }
+    if (source !== 'info') {
+      return [];
+    }
+    if (state.renderType === 'eventBooking') {
+      return [];
+    }
+
+    // 如果外部没有按钮, 则rebook按钮放在外面
+    if (_buttons.length !== 0) {
+      // 支付链接
+      if (state.bookingId && isShowPaymentLink) {
+        arr.push(actionMap.paymentLink);
+      }
+    }
+    if (transaction_habit_selection.button_rows == 1) {
+      if (state.appointment_status !== 'cancelled') {
+        if (!state.disabledEdit && !state.isBookingCreatePage) {
+          arr.push(actionMap.sale);
+        }
+      }
+    }
+
+    // if (transaction_habit_selection.button_rows == 1) {
+    // 	if (isTerminal?.()) {
+    // 		arr.push(actionMap.print);
+    // 	}
+    // }
+
+    if (!isTeam) {
+      if (transaction_habit_selection.button_rows == 1) {
+        arr.push(actionMap.orderDetail);
+      }
+      if (total.paidAmount > 0) {
+        arr.push(actionMap.refund);
+      }
+    }
+
+    // 重新预约
+    if (state.appointment_status !== 'cancelled') {
+      arr.push(actionMap.rebook);
+    }
+    // 取消订单
+    // arr.push(actionMap.cancelOrder);
+    return arr;
+  }, [state, total, isShowPaymentLink, source, _buttons.length]);
+
+  /**
+   * 是否只有定金支付
+   */
+  var isOnlyDeposit = useMemo(function () {
+    var _state$bookingDetail6, _state$bookingDetail7, _state$bookingDetail8, _state$bookingDetail9;
+    if (state !== null && state !== void 0 && (_state$bookingDetail6 = state.bookingDetail) !== null && _state$bookingDetail6 !== void 0 && _state$bookingDetail6.deposit_payment_time && state !== null && state !== void 0 && (_state$bookingDetail7 = state.bookingDetail) !== null && _state$bookingDetail7 !== void 0 && (_state$bookingDetail8 = _state$bookingDetail7.payment_types) !== null && _state$bookingDetail8 !== void 0 && (_state$bookingDetail9 = _state$bookingDetail8.every) !== null && _state$bookingDetail9 !== void 0 && _state$bookingDetail9.call(_state$bookingDetail8, function (item) {
+      return item === 'deposit';
+    })) {
+      return true;
+    }
+    return false;
+  }, [state === null || state === void 0 ? void 0 : state.bookingDetail]);
 
   /**
    * @title: 总计文案
@@ -557,27 +943,33 @@ var Footer = function Footer(props) {
    * @Date: 2024-01-30 17:00
    */
   var totalText = useMemo(function () {
-    var str = "";
+    var str = '';
+
+    // 只有定金支付时，直接展示
+    if (isOnlyDeposit) {
+      var _state$bookingDetail10;
+      return "".concat(locales.getText('pisell2.text.deposit-paid'), " ").concat(formatAmount(state === null || state === void 0 ? void 0 : (_state$bookingDetail10 = state.bookingDetail) === null || _state$bookingDetail10 === void 0 ? void 0 : _state$bookingDetail10.deposit_paid_amount, 2, (state === null || state === void 0 ? void 0 : state.amountSymbol) || '$'), " ").concat(total.duration ? "(".concat(total.duration, ")") : '');
+    }
 
     // 有退款金额时, 直接展示 退款:$8.00
     if (total.totalRefundAmount > 0) {
-      return "".concat(locales.getText("pisell2.text.refunded-amount"), ": ").concat(formatAmount(total.totalRefundAmount, 2, (state === null || state === void 0 ? void 0 : state.amountSymbol) || "$"));
+      return "".concat(locales.getText('pisell2.text.refunded-amount'), ": ").concat(formatAmount(total.totalRefundAmount, 2, (state === null || state === void 0 ? void 0 : state.amountSymbol) || '$'));
     }
 
     // 如果待支付金额小于0 则展示全额支付
     if (total.notPaidAmount <= 0 && state.bookingId) {
-      str = "".concat(locales.getText("pisell1.text.fully-paid"), ": ").concat(formatAmount(total.sumTotalAmount, 2, (state === null || state === void 0 ? void 0 : state.amountSymbol) || "$"));
+      str = "".concat(locales.getText('pisell1.text.fully-paid'), ": ").concat(formatAmount(total.sumTotalAmount, 2, (state === null || state === void 0 ? void 0 : state.amountSymbol) || '$'));
     }
 
     // 待支付金额大于0 并且是新增时, 展示 待支付金额
     if (total.notPaidAmount > 0 || !state.bookingId) {
-      str = "".concat(locales.getText("pisell2.text.to-pay"), ": ").concat(formatAmount(total.notPaidAmount, 2, (state === null || state === void 0 ? void 0 : state.amountSymbol) || "$"));
+      str = "".concat(locales.getText('pisell2.text.to-pay'), ": ").concat(formatAmount(total.notPaidAmount, 2, (state === null || state === void 0 ? void 0 : state.amountSymbol) || '$'));
     }
     if (total.duration) {
       str = str + " (".concat(total.duration, ")");
     }
     return str;
-  }, [state, total, state.bookingId]);
+  }, [state, total, state.bookingId, isOnlyDeposit]);
 
   /**
    * @title: 欠款文案
@@ -588,13 +980,17 @@ var Footer = function Footer(props) {
    * @Date: 2024-01-30 17:01
    */
   var arrearsText = useMemo(function () {
-    var str = "";
+    var str = '';
+    // 只有定金支付时不展示退款金额
+    if (isOnlyDeposit) {
+      return str;
+    }
     // 欠款
     if (total.dueAmount < 0) {
-      str = "".concat(locales.getText("pisell1.text.refund-customer"), ": ").concat(formatAmount(total.dueAmount, 2, (state === null || state === void 0 ? void 0 : state.amountSymbol) || "$"));
+      str = "".concat(locales.getText('pisell1.text.refund-customer'), ": ").concat(formatAmount(total.dueAmount, 2, (state === null || state === void 0 ? void 0 : state.amountSymbol) || '$'));
     }
     return str;
-  }, [state, total]);
+  }, [state, total, isOnlyDeposit]);
 
   /**
    * @title: 税费文案
@@ -606,17 +1002,17 @@ var Footer = function Footer(props) {
    */
   var taxText = useMemo(function () {
     if (!(state !== null && state !== void 0 && state.bookingDetail)) {
-      return "";
+      return '';
     }
-    var str = "";
+    var str = '';
     str = str + state.bookingDetail.tax_title;
-    str = str + " " + Number(state.bookingDetail.tax_rate) * 100 + "%";
+    str = str + ' ' + Number(state.bookingDetail.tax_rate) * 100 + '%';
 
     // 判断税费是 包含在订单内  还是单独的
     if (is_price_include_tax(state)) {
-      str = str + " " + locales.getText("pisell1.text.included");
+      str = str + ' ' + locales.getText('pisell1.text.included');
     } else {
-      str = str + " " + locales.getText("pisell1.text.not-contain");
+      str = str + ' ' + locales.getText('pisell1.text.not-contain');
     }
     return str;
   }, [state === null || state === void 0 ? void 0 : state.bookingDetail]);
@@ -636,12 +1032,43 @@ var Footer = function Footer(props) {
       if (!state.bookingDetail) {
         return true;
       }
-      if (!((_state$addons3 = state.addons) !== null && _state$addons3 !== void 0 && _state$addons3.load)) {
+      if (!((_state$addons3 = state.addons) !== null && _state$addons3 !== void 0 && _state$addons3.load) && state.renderType !== 'eventBooking' && !state.isBookingCreatePage) {
         return true;
       }
     }
     return false;
-  }, [state.bookingId, state.bookingDetail, (_state$addons4 = state.addons) === null || _state$addons4 === void 0 ? void 0 : _state$addons4.load]);
+  }, [state.bookingId, state.bookingDetail, (_state$addons4 = state.addons) === null || _state$addons4 === void 0 ? void 0 : _state$addons4.load, state.renderType]);
+  var menuChange = function menuChange(e) {
+    console.log('e.key', e.key);
+    switch (e.key) {
+      case 'sendMail':
+        handleMenuClick(e);
+        break;
+      case 'copy':
+        handleMenuClick(e);
+        break;
+      case 'rebook':
+        handleRebook();
+        break;
+      case 'sale':
+        handleSale();
+        break;
+      case 'print':
+        handlePrint();
+        break;
+      case 'orderDetail':
+        handleOrderDetail();
+        break;
+      case 'refund':
+        handleRefund();
+        break;
+      case 'cancelOrder':
+        handleCancel();
+        break;
+      default:
+        break;
+    }
+  };
   return /*#__PURE__*/React.createElement(Skeleton, {
     title: false,
     round: true,
@@ -660,13 +1087,13 @@ var Footer = function Footer(props) {
     onClick: function onClick() {
       setShowDetail(!showDetail);
     }
-  }, locales.getText("pisell2.text.details"), " ", /*#__PURE__*/React.createElement(ChevronDown, {
-    className: classNames("pisell-lowcode__booking-footer-right-icon", {
-      "pisell-lowcode__booking-footer-right-icon-show": showDetail
+  }, locales.getText('pisell2.text.details'), ' ', /*#__PURE__*/React.createElement(ChevronDown, {
+    className: classNames('pisell-lowcode__booking-footer-right-icon', {
+      'pisell-lowcode__booking-footer-right-icon-show': showDetail
     })
   }))), /*#__PURE__*/React.createElement("div", {
-    className: classNames("pisell-lowcode__booking-footer-total-detail", {
-      "pisell-lowcode__booking-footer-total-detail-show": showDetail
+    className: classNames('pisell-lowcode__booking-footer-total-detail', {
+      'pisell-lowcode__booking-footer-total-detail-show': showDetail
     })
   }, /*#__PURE__*/React.createElement("div", {
     className: "order-total-item-border"
@@ -674,9 +1101,9 @@ var Footer = function Footer(props) {
     className: "order-total-item"
   }, /*#__PURE__*/React.createElement("span", {
     className: "order-total-item-label"
-  }, locales.getText("pisell1.text.subtotal")), /*#__PURE__*/React.createElement("span", {
+  }, 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$bookingDetail3 = state.bookingDetail) === null || _state$bookingDetail3 === void 0 ? void 0 : _state$bookingDetail3.surcharge) || []).map(function (d) {
+  }, formatAmount(total.productAmount, 2, (state === null || state === void 0 ? void 0 : state.amountSymbol) || '$'))), (((_state$bookingDetail11 = state.bookingDetail) === null || _state$bookingDetail11 === void 0 ? void 0 : _state$bookingDetail11.surcharge) || []).map(function (d) {
     return /*#__PURE__*/React.createElement("div", {
       className: "order-total-item",
       key: d.id
@@ -684,63 +1111,89 @@ var Footer = function Footer(props) {
       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) || "$")));
+    }, 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", {
+  }, locales.getText('pisell1.text.tax')), /*#__PURE__*/React.createElement("div", {
     className: "",
     style: {
       fontSize: 14
     }
   }, 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", {
+  }, 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", {
+  }, 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", {
+  }, 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", {
+  }, 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) || "$"))), state.bookingId ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  }, 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", {
+  }, 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", {
+  }, 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", {
+  }, 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", {
+  }, 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", {
+  }, 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", {
+  }, 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", {
+  }, 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), /*#__PURE__*/React.createElement("div", {
+  }, 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: "pisell-lowcode__booking-footer-buttons"
   }, /*#__PURE__*/React.createElement(FooterMenus, {
+    items: moreButton,
     state: state,
-    dispatch: dispatch
-  }), _buttons));
+    dispatch: dispatch,
+    source: source,
+    menuChange: menuChange
+  }), _buttons.length ? _buttons : state.bookingId && isShowPaymentLink ? paymentLinkButton : null), source === 'info' && state.bookingId && !state.disabledEdit && (transaction_habit_selection === null || transaction_habit_selection === void 0 ? void 0 : transaction_habit_selection.button_rows) == 2 ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__booking-footer-buttons",
+    style: {
+      marginTop: 12
+    }
+  }, state.appointment_status !== 'cancelled' && !state.isBookingCreatePage ? /*#__PURE__*/React.createElement(Button, {
+    onClick: function onClick() {
+      return handleSale();
+    },
+    size: "large",
+    className: "pisell-lowcode__booking-footer-buttons-item"
+  }, actionMap.sale.label) : null, isTeam ? null : /*#__PURE__*/React.createElement(Button, {
+    onClick: function onClick() {
+      return handleOrderDetail();
+    },
+    size: "large",
+    className: "pisell-lowcode__booking-footer-buttons-item"
+  }, actionMap.orderDetail.label)) : null, contextHolder);
 };
 export default Footer;