@pisell/private-materials 6.0.24 → 6.1.1

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

@@ -32,31 +32,38 @@ __export(footer_exports, {
   default: () => footer_default
 });
 module.exports = __toCommonJS(footer_exports);
-var import_react = __toESM(require("react"));
+var import_icons = require("@ant-design/icons");
 var import_ChevronDown = __toESM(require("@pisell/icon/es/ChevronDown"));
-var import_classnames = __toESM(require("classnames"));
-var import_antd = require("antd");
 var import_utils = require("@pisell/utils");
-var import_antd2 = require("antd");
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var import_addons = require("../../addons");
-var import_utils2 = require("./utils");
-var import_amount = require("./amount");
+var import_utils2 = require("../../info/service2/utils");
+var import_serve = require("../../info2/serve");
+var import_AppointmentProductModal = __toESM(require("./AppointmentProductModal"));
 var import_FooterMenus = __toESM(require("./FooterMenus"));
+var import_amount = require("./amount");
 var import_index = require("./index.less");
-var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
-var import_icons = require("@ant-design/icons");
-var import_serve = require("./serve");
-var import_serve2 = require("../../info2/serve");
-var import_utils3 = require("../../info/utils");
+var import_serve2 = require("./serve");
+var import_utils3 = require("./utils");
+var import_voucher = __toESM(require("../voucher"));
+var import__ = require("../../../../index");
+var import_useIsBooking4Shop = require("../../hooks/useIsBooking4Shop");
+var import_utils4 = require("@pisell/utils");
+var import_dayjs = __toESM(require("dayjs"));
 var Footer = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const { state, buttons, dispatch, source } = props;
   const [showDetail, setShowDetail] = (0, import_react.useState)(false);
   const [loading, setLoading] = (0, import_react.useState)(false);
   const [checkoutLoading, setCheckoutLoading] = (0, import_react.useState)(false);
   const [isShowPaymentLink, setIsShowPaymentLink] = (0, import_react.useState)(false);
+  const isBooking4Shop = (0, import_useIsBooking4Shop.useIsBooking4Shop)(state);
+  const appointmentProductRef = (0, import_react.useRef)(null);
   const context = (0, import_useEngineContext.default)();
-  const { isTerminal, interaction, store, storage } = (_a = context.appHelper) == null ? void 0 : _a.utils;
+  const { isTerminal, isWebPos, interaction, store, storage, businessUtils } = (_a = context.appHelper) == null ? void 0 : _a.utils;
   (0, import_react.useEffect)(() => {
     store == null ? void 0 : store.dispatch({
       type: "global/_getMetadataMap",
@@ -186,8 +193,29 @@ var Footer = (props) => {
     }
     return false;
   }, [state, params]);
-  const goCheckout = async (order_id) => {
+  const hasGoodPassApp = !!((_h = businessUtils == null ? void 0 : businessUtils.getAppByModal) == null ? void 0 : _h.call(businessUtils, "goodpass"));
+  const hasDiscountCardApp = !!((_i = businessUtils == null ? void 0 : businessUtils.getAppByModal) == null ? void 0 : _i.call(businessUtils, "discountcard"));
+  console.log("has goodpass app:", hasGoodPassApp);
+  const goCheckout = async (order_id, totalAmount) => {
     var _a2, _b2;
+    if (!order_id) return;
+    if (isWebPos) {
+      state.action({
+        type: "pisell1.handleOpenPayment",
+        data: { order_id, total_amount: totalAmount },
+        callback: (res) => {
+          var _a3, _b3, _c2, _d2;
+          console.log("webpos_pay_result", res);
+          if ((res == null ? void 0 : res.status) === "success") {
+            (_b3 = (_a3 = window == null ? void 0 : window.shopApi) == null ? void 0 : _a3.booking) == null ? void 0 : _b3.refreshBookingDetail();
+          } else if ((res == null ? void 0 : res.status) === "cancel") {
+            (_d2 = (_c2 = window == null ? void 0 : window.shopApi) == null ? void 0 : _c2.booking) == null ? void 0 : _d2.voidBooking(order_id);
+          } else {
+          }
+        }
+      });
+      return;
+    }
     if (isTerminal == null ? void 0 : isTerminal()) {
       return (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.postMessageToApp) == null ? void 0 : _b2.call(_a2, {
         module: "booking",
@@ -210,8 +238,15 @@ var Footer = (props) => {
   };
   const handleCheckout = async () => {
     if (isEdit) {
-      const res = await handleSave({ type: "checkout" });
-      goCheckout((res == null ? void 0 : res.order_id) || state.bookingId);
+      if ((0, import_utils2.isDayBooking)(state)) {
+        const isHasDayProducts = handleDaySubmit();
+        if (isHasDayProducts) return;
+      }
+      const res = await handleSave({
+        type: "checkout",
+        messageShow: !(isTerminal == null ? void 0 : isTerminal())
+      });
+      goCheckout((res == null ? void 0 : res.order_id) || state.bookingId, res.total_amount);
       return;
     }
     return goCheckout(state.bookingId);
@@ -232,14 +267,10 @@ var Footer = (props) => {
     }
   };
   const getApis = () => {
-    var _a2, _b2, _c2, _d2, _e2;
-    if ((0, import_utils3.isBooking4Shop)(
-      (_e2 = (_d2 = (_c2 = (_b2 = (_a2 = context.appHelper.utils.store) == null ? void 0 : _a2.getState) == null ? void 0 : _b2.call(_a2)) == null ? void 0 : _c2.global) == null ? void 0 : _d2.globalConfig) == null ? void 0 : _e2.id,
-      state.renderType
-    )) {
+    if (isBooking4Shop || state.renderType === "dayBooking") {
       return {
-        editBooking: import_serve2.editBookings,
-        createBooking: import_serve2.createBookings
+        editBooking: import_serve.editBookings,
+        createBooking: import_serve.createBookings
       };
     }
     return {
@@ -247,50 +278,46 @@ var Footer = (props) => {
       createBooking: state.apis.createBooking
     };
   };
+  const handleDaySubmit = () => {
+    var _a2;
+    const _isHasDayProducts = (0, import_utils2.isHasDayAppointmentProduct)(state);
+    if (_isHasDayProducts) {
+      (_a2 = appointmentProductRef == null ? void 0 : appointmentProductRef.current) == null ? void 0 : _a2.open();
+    }
+    return _isHasDayProducts;
+  };
   const handleSave = async ({
     type,
     messageShow = true
   }) => {
     var _a2;
+    if ((0, import_utils2.isDayBooking)(state)) {
+      const isHasDayProducts = handleDaySubmit();
+      if (isHasDayProducts) return;
+    }
+    if (isBooking4Shop && (0, import_utils2.getIsSubjectRequire)(state) && (0, import_utils3.checkHolderIsError)(state)) {
+      return;
+    }
     let _setLoading = type === "checkout" ? setCheckoutLoading : setLoading;
     _setLoading(true);
     const { createBooking, editBooking } = getApis();
-    const editApi = state.renderType === "eventBooking" ? state.apis.editEventBooking : editBooking;
-    const createApi = state.renderType === "eventBooking" ? state.apis.createEventBooking : createBooking;
+    const editApi = state.renderType === "eventBooking" ? import_serve2.editEventBooking : editBooking;
+    const createApi = state.renderType === "eventBooking" ? import_serve2.createEventBooking : createBooking;
     let saveOtherValue = {};
     if (type === "save") {
       saveOtherValue = await ((_a2 = state == null ? void 0 : state.onSave) == null ? void 0 : _a2.call(state, state.client)) || {};
     }
     try {
       let callbackData = null;
-      let values = (0, import_utils2.formatValues)({ ...state, ...saveOtherValue });
+      let values = (0, import_utils3.formatValues)({ ...state, ...saveOtherValue });
       const api = state.bookingId ? editApi : createApi;
-      if (!state.bookingId && state.renderType === "eventBooking") {
-        const { data } = await (0, import_serve.eventBookingCheck)(values);
-        if (data.list.length) {
-          const confirmed = await modal.confirm({
-            icon: null,
-            title: import_utils.locales.getText(
-              "page.event.booking.text.duplicate-enrollment"
-            ),
-            content: import_utils.locales.getText(
-              "page.event.booking.text.duplicate-enrollment-content"
-            )({
-              customerName: data.customer_name,
-              title: data.title,
-              list: data.list
-            }),
-            width: 480,
-            okText: import_utils.locales.getText(
-              "page.event.booking.text.duplicate-enrollment-confirm"
-            )
-          });
-          if (!confirmed) {
-            _setLoading(false);
-            return;
-          }
-        }
-      }
+      (0, import_utils4.sendWarningLog)({
+        title: "saveBooking",
+        content: [
+          { key: "下单前数据", value: JSON.stringify(values) },
+          { key: "日期", value: (0, import_dayjs.default)().format("YYYY-MM-DD HH:mm") }
+        ]
+      });
       if (addonsEdit) {
         await handleSaveAddons();
       }
@@ -304,7 +331,7 @@ var Footer = (props) => {
           );
         }
       }
-      state == null ? void 0 : state.callback(callbackData);
+      state == null ? void 0 : state.callback(callbackData, type);
       _setLoading(false);
       return callbackData || values;
     } catch (err) {
@@ -361,17 +388,29 @@ var Footer = (props) => {
       buttonType = "primary";
     }
     return /* @__PURE__ */ import_react.default.createElement(
-      import_antd2.Button,
+      import_antd.ConfigProvider,
       {
-        className: "pisell-lowcode__booking-footer-buttons-item",
-        type: buttonType,
-        loading: checkoutLoading,
-        onClick: () => {
-          handleCheckout();
-        },
-        disabled: isDisabled
+        theme: {
+          token: {
+            colorPrimary: buttonType === "primary" ? "#7F56DA" : "#F79009"
+          }
+        }
       },
-      import_utils.locales.getText("pisell2.text.checkout")
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          className: (0, import_classnames.default)("pisell-lowcode__booking-footer-buttons-item", {
+            ["pisell-lowcode__booking-footer-buttons-item-primary"]: buttonType === "primary"
+          }),
+          type: "primary",
+          loading: checkoutLoading,
+          onClick: () => {
+            handleCheckout();
+          },
+          disabled: isDisabled
+        },
+        import_utils.locales.getText("pisell2.text.checkout")
+      )
     );
   }, [isEdit, checkoutLoading, isDisabled, state, source]);
   const handleMenuClick = async (e) => {
@@ -463,7 +502,7 @@ var Footer = (props) => {
       { label: import_utils.locales.getText("pisell2.text.send-mail"), key: "sendMail" },
       { label: import_utils.locales.getText("pisell2.text.copy-to-clipboard"), key: "copy" }
     ];
-    return /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { menu: { items, onClick: handleMenuClick } }, /* @__PURE__ */ import_react.default.createElement(import_antd2.Button, { className: "pisell-lowcode__booking-footer-buttons-item" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, null, import_utils.locales.getText("pisell2.text.payment-link"), /* @__PURE__ */ import_react.default.createElement(import_icons.DownOutlined, null))));
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { menu: { items, onClick: handleMenuClick } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { className: "pisell-lowcode__booking-footer-buttons-item" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, null, import_utils.locales.getText("pisell2.text.payment-link"), /* @__PURE__ */ import_react.default.createElement(import_icons.DownOutlined, null))));
   }, [handleMenuClick]);
   const saveButton = (0, import_react.useMemo)(() => {
     let buttonType = "default";
@@ -471,22 +510,34 @@ var Footer = (props) => {
       buttonType = "primary";
     }
     return /* @__PURE__ */ import_react.default.createElement(
-      import_antd2.Button,
+      import_antd.ConfigProvider,
       {
-        className: "pisell-lowcode__booking-footer-buttons-item",
-        type: buttonType,
-        onClick: () => {
-          handleSave({ type: "save" });
-        },
-        disabled: isDisabled || !isEdit,
-        loading
+        theme: {
+          token: {
+            colorPrimary: buttonType === "primary" ? "#7F56DA" : "#F79009"
+          }
+        }
       },
-      import_utils.locales.getText("pisell2.text.save")
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          className: (0, import_classnames.default)("pisell-lowcode__booking-footer-buttons-item", {
+            ["pisell-lowcode__booking-footer-buttons-item-primary"]: buttonType === "primary"
+          }),
+          type: "primary",
+          onClick: () => {
+            handleSave({ type: "save" });
+          },
+          disabled: isDisabled || !isEdit,
+          loading
+        },
+        import_utils.locales.getText("pisell2.text.save")
+      )
     );
   }, [loading, isDisabled, isEdit, infoEdit, addonsEdit, state]);
   const completeButton = (0, import_react.useMemo)(() => {
     return /* @__PURE__ */ import_react.default.createElement(
-      import_antd2.Button,
+      import_antd.Button,
       {
         className: "pisell-lowcode__booking-footer-buttons-item",
         type: "primary",
@@ -498,7 +549,7 @@ var Footer = (props) => {
   }, [state.appointment_status]);
   const rebookButton = (0, import_react.useMemo)(() => {
     return /* @__PURE__ */ import_react.default.createElement(
-      import_antd2.Button,
+      import_antd.Button,
       {
         className: "pisell-lowcode__booking-footer-buttons-item",
         onClick: handleRebook
@@ -508,7 +559,7 @@ var Footer = (props) => {
   }, [state == null ? void 0 : state.onRebook]);
   const refundButton = (0, import_react.useMemo)(() => {
     return /* @__PURE__ */ import_react.default.createElement(
-      import_antd2.Button,
+      import_antd.Button,
       {
         className: "pisell-lowcode__booking-footer-buttons-item",
         type: "default",
@@ -523,13 +574,23 @@ var Footer = (props) => {
   };
   const clearAllButton = (0, import_react.useMemo)(() => {
     return /* @__PURE__ */ import_react.default.createElement(
-      import_antd2.Button,
+      import_antd.ConfigProvider,
       {
-        className: "pisell-lowcode__booking-footer-buttons-item",
-        type: "default",
-        onClick: handleClearAll
+        theme: {
+          token: {
+            colorPrimary: "#f04438"
+          }
+        }
       },
-      import_utils.locales.getText("pisell2.booking.info.text.clear-all")
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          className: "pisell-lowcode__booking-footer-buttons-item",
+          type: "primary",
+          onClick: handleClearAll
+        },
+        import_utils.locales.getText("pisell2.booking.info.text.clear-all")
+      )
     );
   }, []);
   let buttonMap = {
@@ -647,7 +708,7 @@ var Footer = (props) => {
     }
     if (transaction_habit_selection.button_rows == 1) {
       if (state.appointment_status !== "cancelled") {
-        if (!state.disabledEdit && !state.isBookingCreatePage) {
+        if (!state.disabledEdit && !state.isBookingCreatePage && !(0, import_utils2.isDayBooking)(state)) {
           arr.push(actionMap.sale);
         }
       }
@@ -755,7 +816,7 @@ var Footer = (props) => {
   }, [
     state.bookingId,
     state.bookingDetail,
-    (_h = state.addons) == null ? void 0 : _h.load,
+    (_j = state.addons) == null ? void 0 : _j.load,
     state.renderType
   ]);
   const menuChange = (e) => {
@@ -789,7 +850,97 @@ var Footer = (props) => {
         break;
     }
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { title: false, round: true, loading: showFooter, active: true }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-footer-total" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left-total" }, totalText), /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left-arrears" }, arrearsText)), /* @__PURE__ */ import_react.default.createElement(
+  const subTotalList = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2;
+    const surcharge = (((_a2 = state.bookingDetail) == null ? void 0 : _a2.surcharge) || []).map(
+      (d, index) => {
+        return {
+          key: `custom_surcharge_${index}`,
+          label: d.name[state.locale],
+          value: d.amount
+        };
+      }
+    );
+    return [
+      // 小计
+      {
+        key: "sub_total",
+        value: total.productAmount
+      },
+      // 自定义手续费
+      ...surcharge,
+      // 税费
+      {
+        hidden: !state.bookingId,
+        key: "tax",
+        value: total.tax,
+        tax: {
+          rate: (_b2 = state == null ? void 0 : state.bookingDetail) == null ? void 0 : _b2.tax_rate,
+          is_price_include_tax: (0, import_amount.is_price_include_tax)(state),
+          title: (_c2 = state == null ? void 0 : state.bookingDetail) == null ? void 0 : _c2.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: import_utils.locales.getText("pisell1.text.rounding")
+      }
+    ];
+  }, [total, (_k = state.bookingDetail) == null ? void 0 : _k.surcharge, state, state.bookingId]);
+  const orderTotalList = (0, import_react.useMemo)(() => {
+    return [
+      // 订单已付金额
+      {
+        hidden: !state.bookingId,
+        key: "custom_orderPaidAmount",
+        value: total.orderPaidAmount,
+        label: import_utils.locales.getText("pisell2.text.amount-paid-on-order")
+      },
+      // 支付手续费
+      {
+        hidden: !state.bookingId,
+        key: "custom_paySurchargeFee",
+        value: total.paySurchargeFee,
+        label: import_utils.locales.getText("pisell1.text.payment-fee")
+      },
+      // 客户实付金额
+      {
+        hidden: !state.bookingId,
+        key: "custom_actualPaidAmount",
+        value: total.actualPaidAmount,
+        label: import_utils.locales.getText(
+          "pisell2.text.amount-actually-paid-by-the-customer"
+        )
+      },
+      // 退款金额
+      {
+        hidden: !state.bookingId || !total.totalRefundAmount,
+        key: "custom_totalRefundAmount",
+        value: total.totalRefundAmount,
+        label: import_utils.locales.getText("pisell2.text.refunded-amount")
+      }
+    ];
+  }, [total, (_l = state.bookingDetail) == null ? void 0 : _l.surcharge, state, state.bookingId]);
+  const paymentRefundedStatus = (0, import_react.useMemo)(() => {
+    var _a2;
+    return ["partially_refunded", "refunded"].includes(
+      (_a2 = state == null ? void 0 : state.bookingDetail) == null ? void 0 : _a2.payment_status
+    );
+  }, [state == null ? void 0 : state.bookingDetail]);
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { title: false, round: true, loading: showFooter, active: true }, (hasGoodPassApp || hasDiscountCardApp) && ["addons", "info"].includes(source) && !paymentRefundedStatus ? /* @__PURE__ */ import_react.default.createElement(import_voucher.default, { state, dispatch, source }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-footer-total" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left-total" }, totalText), /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left-arrears" }, arrearsText)), /* @__PURE__ */ import_react.default.createElement(
     "span",
     {
       className: "pisell-lowcode__booking-footer-right",
@@ -815,37 +966,16 @@ var Footer = (props) => {
       })
     },
     /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item-border" }),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-label" }, import_utils.locales.getText("pisell1.text.subtotal")), /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-value" }, (0, import_utils.formatAmount)(total.productAmount, 2, (state == null ? void 0 : state.amountSymbol) || "$"))),
-    (((_i = state.bookingDetail) == null ? void 0 : _i.surcharge) || []).map((d) => {
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item", key: d.id }, /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-label" }, d.name[state.locale]), /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-value" }, (0, import_utils.formatAmount)(d.amount, 2, (state == null ? void 0 : state.amountSymbol) || "$")));
-    }),
-    state.bookingId ? /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item-label" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, import_utils.locales.getText("pisell1.text.tax")), /* @__PURE__ */ import_react.default.createElement("div", { className: "", style: { fontSize: 14 } }, taxText)), /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-value" }, (0, import_utils.formatAmount)(total.tax, 2, (state == null ? void 0 : state.amountSymbol) || "$"))) : null,
-    state.bookingId ? /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item-label" }, import_utils.locales.getText("pisell2.text.order-discount")), /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-value" }, (0, import_utils.formatAmount)(total.shopDiscount, 2, (state == null ? void 0 : state.amountSymbol) || "$"))) : null,
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-label order-total-item-label-bold" }, import_utils.locales.getText("pisell1.text.total")), /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-value" }, (0, import_utils.formatAmount)(total.expectAmount, 2, (state == null ? void 0 : state.amountSymbol) || "$"))),
-    !!total.roundingAmount && /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-label" }, import_utils.locales.getText("pisell1.text.rounding")), /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-value" }, (0, import_utils.formatAmount)(
-      total.roundingAmount,
-      2,
-      (state == null ? void 0 : state.amountSymbol) || "$"
-    ))),
-    state.bookingId ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item-border" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-label order-total-item-label-bold" }, import_utils.locales.getText("pisell2.text.amount-paid-on-order")), /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-value" }, (0, import_utils.formatAmount)(
-      total.orderPaidAmount,
-      2,
-      (state == null ? void 0 : state.amountSymbol) || "$"
-    ))), /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-label" }, import_utils.locales.getText("pisell1.text.payment-fee")), /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-value" }, (0, import_utils.formatAmount)(
-      total.paySurchargeFee,
-      2,
-      (state == null ? void 0 : state.amountSymbol) || "$"
-    ))), /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-label order-total-item-label-bold" }, import_utils.locales.getText(
-      "pisell2.text.amount-actually-paid-by-the-customer"
-    )), /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-value" }, (0, import_utils.formatAmount)(
-      total.actualPaidAmount,
-      2,
-      (state == null ? void 0 : state.amountSymbol) || "$"
-    ))), total.totalRefundAmount > 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className: "order-total-item" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-label order-total-item-label-bold" }, import_utils.locales.getText("pisell2.text.refunded-amount")), /* @__PURE__ */ import_react.default.createElement("span", { className: "order-total-item-value" }, (0, import_utils.formatAmount)(
-      total.totalRefundAmount,
-      2,
-      (state == null ? void 0 : state.amountSymbol) || "$"
-    ))) : null) : null
+    /* @__PURE__ */ import_react.default.createElement(import__.SubTotal, { mode: "column1", list: subTotalList, style: { padding: `0` } }),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: state.bookingId ? "order-total-item-border" : "" }),
+    !!state.bookingId && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+      import__.SubTotal,
+      {
+        mode: "column1",
+        list: orderTotalList,
+        style: { padding: ` 0 0 16px` }
+      }
+    ))
   ), !(state == null ? void 0 : state.disableEventBookingEdit) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-footer-buttons" }, /* @__PURE__ */ import_react.default.createElement(
     import_FooterMenus.default,
     {
@@ -861,8 +991,8 @@ var Footer = (props) => {
       className: "pisell-lowcode__booking-footer-buttons",
       style: { marginTop: 12 }
     },
-    state.appointment_status !== "cancelled" && !state.isBookingCreatePage ? /* @__PURE__ */ import_react.default.createElement(
-      import_antd2.Button,
+    state.appointment_status !== "cancelled" && !state.isBookingCreatePage && !(0, import_utils2.isDayBooking)(state) ? /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
       {
         onClick: () => handleSale(),
         size: "large",
@@ -871,7 +1001,7 @@ var Footer = (props) => {
       actionMap.sale.label
     ) : null,
     isTeam ? null : /* @__PURE__ */ import_react.default.createElement(
-      import_antd2.Button,
+      import_antd.Button,
       {
         onClick: () => handleOrderDetail(),
         size: "large",
@@ -879,6 +1009,6 @@ var Footer = (props) => {
       },
       actionMap.orderDetail.label
     )
-  ) : null, contextHolder);
+  ) : null, contextHolder, /* @__PURE__ */ import_react.default.createElement(import_AppointmentProductModal.default, { ref: appointmentProductRef }));
 };
 var footer_default = Footer;

package/lib/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/lib/components/booking/components/footer/serve.d.ts

@@ -1 +1,3 @@
 export declare const eventBookingCheck: (params: any) => Promise<any>;
+export declare const editEventBooking: (params: any, bookingId: string) => Promise<any>;
+export declare const createEventBooking: (params: any) => Promise<any>;

package/lib/components/booking/components/footer/serve.js

@@ -19,12 +19,24 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/booking/components/footer/serve.ts
 var serve_exports = {};
 __export(serve_exports, {
+  createEventBooking: () => createEventBooking,
+  editEventBooking: () => editEventBooking,
   eventBookingCheck: () => eventBookingCheck
 });
 module.exports = __toCommonJS(serve_exports);
 var import_utils = require("../../utils");
 var eventBookingCheck = async (params) => import_utils.request.getRequest().post(`/shop/eventbookingv2/order/check`, params);
+var editEventBooking = async (params, bookingId) => {
+  const { data } = await import_utils.request.getRequest().put(`/shop/v1.1/eventbookingv2/order/${bookingId}`, params);
+  return data;
+};
+var createEventBooking = async (params) => {
+  const { data } = await import_utils.request.getRequest().post(`/shop/v1.1/eventbookingv2/order`, params);
+  return data;
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  createEventBooking,
+  editEventBooking,
   eventBookingCheck
 });

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

@@ -16,4 +16,25 @@ 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;
+/**
+ * @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;