@pisell/private-materials 3.0.69 → 3.0.71

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

@@ -46,7 +46,7 @@ var import_index = require("./index.less");
 var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var import_icons = require("@ant-design/icons");
 var Footer = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  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);
@@ -54,6 +54,58 @@ var Footer = (props) => {
   const context = (0, import_useEngineContext.default)();
   const { isTerminal, interaction, store } = (_a = context.appHelper) == null ? void 0 : _a.utils;
   const isShowPaymentLink = (_d = (_c = (_b = store == null ? void 0 : store.getState) == null ? void 0 : _b.call(store)) == null ? void 0 : _c.global) == null ? void 0 : _d.paymentLinkBtnShow;
+  const [modal, contextHolder] = import_antd.Modal.useModal();
+  const { setActiveTab } = state;
+  const actionMap = {
+    sale: {
+      label: import_utils.locales.getText("pisell2.text.addons"),
+      key: "sale"
+    },
+    paymentLink: {
+      label: import_utils.locales.getText("pisell2.text.payment-link"),
+      key: "payment",
+      children: [
+        {
+          label: import_utils.locales.getText("pisell2.text.send-mail"),
+          key: "sendMail"
+        },
+        {
+          label: import_utils.locales.getText("pisell2.text.copy-to-clipboard"),
+          key: "copy"
+        }
+      ]
+    },
+    print: {
+      label: "Print",
+      key: "print"
+    },
+    orderDetail: {
+      label: import_utils.locales.getText("pisell2.text.deposit-order-detail"),
+      key: "orderDetail"
+    },
+    refund: {
+      label: import_utils.locales.getText("pisell2.text.refund"),
+      key: "refund"
+    },
+    rebook: {
+      label: import_utils.locales.getText("pisell2.text.rebook"),
+      key: "rebook"
+    },
+    cancelOrder: {
+      label: "Cancel order",
+      key: "cancelOrder"
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    if (state.bookingDetail) {
+      state.action({
+        type: "pisell1.registerPlugin",
+        data: {
+          pluginList: ["RefundPlugin"]
+        }
+      });
+    }
+  }, [state.bookingDetail]);
   (0, import_react.useEffect)(() => {
     store == null ? void 0 : store.dispatch({
       type: "global/_getPaymentLinkBtnShow"
@@ -63,13 +115,20 @@ var Footer = (props) => {
     var _a2, _b2, _c2;
     return ((_c2 = (_b2 = (_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.basic) == null ? void 0 : _c2.appointment_subject) || {};
   }, [(_g = (_f = (_e = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _e.config) == null ? void 0 : _f.basic) == null ? void 0 : _g.appointment_subject]);
+  const transaction_habit_selection = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2;
+    return ((_c2 = (_b2 = (_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.information_tab) == null ? void 0 : _c2.transaction_habit_selection) || {
+      type: "service_now_pay_later",
+      button_rows: 1
+    };
+  }, [(_i = (_h = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _h.config) == null ? void 0 : _i.information_tab]);
   const addonsEdit = (0, import_react.useMemo)(() => {
     var _a2;
     if ((_a2 = state.addons) == null ? void 0 : _a2.edit) {
       return true;
     }
     return false;
-  }, [(_h = state.addons) == null ? void 0 : _h.edit]);
+  }, [(_j = state.addons) == null ? void 0 : _j.edit]);
   const infoEdit = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2, _d2, _e2, _f2;
     if (!state.bookingId) {
@@ -222,7 +281,8 @@ var Footer = (props) => {
         key: "booking_refund",
         data: {
           order_id: state.bookingId
-        }
+        },
+        origin: "/booking"
       });
     }
     state.action({
@@ -236,11 +296,21 @@ var Footer = (props) => {
     });
   };
   const checkoutButton = (0, import_react.useMemo)(() => {
+    let buttonType = "primary";
+    if (transaction_habit_selection.type === "service_now_pay_later") {
+      buttonType = "default";
+    }
+    if (source === "payment") {
+      buttonType = "primary";
+    }
+    if (!isEdit) {
+      buttonType = "primary";
+    }
     return /* @__PURE__ */ import_react.default.createElement(
       import_antd2.Button,
       {
         className: "pisell-lowcode__booking-footer-buttons-item",
-        type: source === "payment" ? "primary" : isEdit ? "default" : "primary",
+        type: buttonType,
         loading: checkoutLoading,
         onClick: () => {
           handleCheckout();
@@ -260,6 +330,7 @@ var Footer = (props) => {
       customer = (res == null ? void 0 : res.customer_id) ? { id: res == null ? void 0 : res.customer_id } : state.bookingDetail.customer;
     }
     if (e.key === "sendMail") {
+      console.log(e);
       state.action({
         type: "pisell1.sendPayLinkEmail",
         data: {
@@ -284,6 +355,55 @@ var Footer = (props) => {
       });
     }
   };
+  const handleRebook = () => {
+    var _a2;
+    (_a2 = state.onRebook) == null ? void 0 : _a2.call(state);
+  };
+  const handleSale = () => {
+    var _a2, _b2;
+    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",
+        key: "edit_order",
+        data: {
+          order_id: state.bookingId
+        }
+      });
+    }
+    if (state.channelDisabledEdit) {
+      modal.warning({
+        okText: import_utils.locales.getText("pisell2.text.ok"),
+        content: import_utils.locales.getText("pisell2.text.terminal-edit-message")
+      });
+      return;
+    }
+    setActiveTab == null ? void 0 : setActiveTab("addons");
+  };
+  const handlePrint = () => {
+  };
+  const handleOrderDetail = () => {
+    if (isTerminal == null ? 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: () => {
+        state == null ? void 0 : state.callback();
+      }
+    });
+  };
+  const handleCancel = () => {
+  };
   const paymentLinkButton = (0, import_react.useMemo)(() => {
     const items = [
       { label: import_utils.locales.getText("pisell2.text.send-mail"), key: "sendMail" },
@@ -292,11 +412,15 @@ var Footer = (props) => {
     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))));
   }, [handleMenuClick]);
   const saveButton = (0, import_react.useMemo)(() => {
+    let buttonType = "default";
+    if (transaction_habit_selection.type === "service_now_pay_later") {
+      buttonType = "primary";
+    }
     return /* @__PURE__ */ import_react.default.createElement(
       import_antd2.Button,
       {
         className: "pisell-lowcode__booking-footer-buttons-item",
-        type: "primary",
+        type: buttonType,
         onClick: () => {
           handleSave({ type: "save" });
         },
@@ -318,6 +442,16 @@ var Footer = (props) => {
       import_utils.locales.getText("pisell2.text.status.completed")
     );
   }, [state.appointment_status]);
+  const rebookButton = (0, import_react.useMemo)(() => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_antd2.Button,
+      {
+        className: "pisell-lowcode__booking-footer-buttons-item",
+        onClick: handleRebook
+      },
+      import_utils.locales.getText("pisell2.text.rebook")
+    );
+  }, [state == null ? void 0 : state.onRebook]);
   const refundButton = (0, import_react.useMemo)(() => {
     return /* @__PURE__ */ import_react.default.createElement(
       import_antd2.Button,
@@ -334,7 +468,8 @@ var Footer = (props) => {
     save: saveButton,
     complete: completeButton,
     refund: refundButton,
-    paymentLink: paymentLinkButton
+    paymentLink: paymentLinkButton,
+    rebook: rebookButton
   };
   const isCheckout = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2;
@@ -353,9 +488,41 @@ var Footer = (props) => {
       return false;
     }
   }, [state.bookingDetail, total.notPaidAmount]);
+  const moreButton = (0, import_react.useMemo)(() => {
+    let arr = [];
+    if (!state.bookingId) {
+      return [];
+    }
+    if (source !== "info") {
+      return [];
+    }
+    if (state.renderType === "eventBooking") {
+      return [];
+    }
+    if (state.bookingId && isShowPaymentLink) {
+      arr.push(actionMap.paymentLink);
+    }
+    if (transaction_habit_selection.button_rows == 1) {
+      if (state.appointment_status !== "cancelled") {
+        if (!state.disabledEdit) {
+          arr.push(actionMap.sale);
+        }
+      }
+    }
+    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);
+    }
+    return arr;
+  }, [state, total, isShowPaymentLink, source]);
   const _buttons = (0, import_react.useMemo)(() => {
     if (state.appointment_status === "cancelled") {
-      return [];
+      return [buttonMap.rebook];
     }
     if (source === "addons") {
       let arr = [];
@@ -380,9 +547,6 @@ var Footer = (props) => {
     }
     if (source === "info") {
       let arr = [];
-      if (state.bookingId && isShowPaymentLink) {
-        arr.push(buttonMap.paymentLink);
-      }
       if (isCheckout) {
         arr.push(buttonMap.checkout);
       } else {
@@ -402,12 +566,11 @@ var Footer = (props) => {
     isEdit,
     checkoutLoading,
     isDisabled,
-    state.bookingId,
     source,
-    state.appointment_status,
     buttonMap,
     loading,
-    isCheckout
+    isCheckout,
+    state
   ]);
   const isOnlyDeposit = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2, _d2;
@@ -499,9 +662,40 @@ var Footer = (props) => {
   }, [
     state.bookingId,
     state.bookingDetail,
-    (_i = state.addons) == null ? void 0 : _i.load,
+    (_k = state.addons) == null ? void 0 : _k.load,
     state.renderType
   ]);
+  const 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__ */ 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(
     "span",
     {
@@ -529,7 +723,7 @@ 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) || "$"))),
-    (((_j = state.bookingDetail) == null ? void 0 : _j.surcharge) || []).map((d) => {
+    (((_l = state.bookingDetail) == null ? void 0 : _l.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,
@@ -554,6 +748,39 @@ var Footer = (props) => {
       2,
       (state == null ? void 0 : state.amountSymbol) || "$"
     ))) : null) : null
-  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-footer-buttons" }, /* @__PURE__ */ import_react.default.createElement(import_FooterMenus.default, { state, dispatch, source }), _buttons));
+  ), !(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,
+    {
+      items: moreButton,
+      state,
+      dispatch,
+      source,
+      menuChange
+    }
+  ), _buttons), source === "info" && state.bookingId && !state.disabledEdit && (transaction_habit_selection == null ? void 0 : transaction_habit_selection.button_rows) == 2 ? /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell-lowcode__booking-footer-buttons",
+      style: { marginTop: 12 }
+    },
+    state.appointment_status !== "cancelled" ? /* @__PURE__ */ import_react.default.createElement(
+      import_antd2.Button,
+      {
+        onClick: () => handleSale(),
+        size: "large",
+        className: "pisell-lowcode__booking-footer-buttons-item"
+      },
+      actionMap.sale.label
+    ) : null,
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd2.Button,
+      {
+        onClick: () => handleOrderDetail(),
+        size: "large",
+        className: "pisell-lowcode__booking-footer-buttons-item"
+      },
+      actionMap.orderDetail.label
+    )
+  ) : null, contextHolder);
 };
 var footer_default = Footer;

package/lib/components/booking/info/client/index.js

@@ -272,7 +272,7 @@ var Info = () => {
     {
       className: "pisell-lowcode__booking-client",
       onClick: () => {
-        if (!isWalkIn) {
+        if (!isWalkIn || (state == null ? void 0 : state.disableEventBookingEdit)) {
           return;
         }
         handleOpenClientModal();
@@ -286,7 +286,7 @@ var Info = () => {
         icon: /* @__PURE__ */ import_react.default.createElement(import_User01.default, { className: "pisell-lowcode__booking-client-list-item-avatar-icon" })
       }
     ),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-left" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-name" }, getNickname(state.client.value)), isWalkIn ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-desc" }, import_utils.locales.getText("pisell2.text.leave-empty-for-walk-in")) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, ((_c = state.client.value) == null ? void 0 : _c.email) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-email" }, (_d = state.client.value) == null ? void 0 : _d.email) : null, ((_e = state.client.value) == null ? void 0 : _e.phone) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-phone" }, (_f = state.client.value) == null ? void 0 : _f.phone) : null)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-right" }, isWalkIn ? /* @__PURE__ */ import_react.default.createElement(import_PlusCircle.default, { className: "pisell-lowcode__booking-client-add-icon" }) : /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-left" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-name" }, getNickname(state.client.value)), isWalkIn ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-desc" }, import_utils.locales.getText("pisell2.text.leave-empty-for-walk-in")) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, ((_c = state.client.value) == null ? void 0 : _c.email) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-email" }, (_d = state.client.value) == null ? void 0 : _d.email) : null, ((_e = state.client.value) == null ? void 0 : _e.phone) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-phone" }, (_f = state.client.value) == null ? void 0 : _f.phone) : null)), !(state == null ? void 0 : state.disableEventBookingEdit) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-right" }, isWalkIn ? /* @__PURE__ */ import_react.default.createElement(import_PlusCircle.default, { className: "pisell-lowcode__booking-client-add-icon" }) : /* @__PURE__ */ import_react.default.createElement(
       import_antd.Dropdown,
       {
         menu: {

package/lib/components/booking/info/header/index.less

@@ -25,7 +25,8 @@
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
-    line-height: 20px; /* 142.857% */
+    line-height: 20px;
+    /* 142.857% */
   }
 
   .booking-header-line-2 {
@@ -34,6 +35,7 @@
     align-items: center;
     justify-content: space-between;
   }
+
   .booking-header-left {
     color: var(--Base-White, #FFF);
     font-size: 18px;
@@ -51,6 +53,10 @@
       font-style: normal;
       font-weight: 400;
       cursor: pointer;
+      border: 1px solid #fff;
+      padding: 4px 12px;
+      border-radius: 24px;
+
 
       .booking-header-right-status-icon {
         font-size: 20px;

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

@@ -83,7 +83,7 @@ var Info = (0, import_model.Provider)((props) => {
     }
   }, []);
   (0, import_react.useEffect)(() => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j, _k, _l, _m;
     const isFranchisee = (_d2 = (_c2 = (_b2 = (_a2 = context == null ? void 0 : context.appHelper) == null ? void 0 : _a2.utils) == null ? void 0 : _b2.businessUtils) == null ? void 0 : _c2.getAppByModal) == null ? void 0 : _d2.call(_c2, "franchisee");
     modal.dispatch({
       type: "setState",
@@ -91,7 +91,8 @@ var Info = (0, import_model.Provider)((props) => {
         setGlobalState: props.setGlobalState,
         ...globalState,
         isTerminal: (_g2 = (_f2 = (_e2 = context == null ? void 0 : context.appHelper) == null ? void 0 : _e2.utils) == null ? void 0 : _f2.isTerminal) == null ? void 0 : _g2.call(_f2),
-        isFranchisee
+        isFranchisee,
+        timezone: (_m = (_l = (_k = (_j = (_i2 = (_h2 = context == null ? void 0 : context.appHelper) == null ? void 0 : _h2.utils) == null ? void 0 : _i2.store) == null ? void 0 : _j.getState()) == null ? void 0 : _k.global) == null ? void 0 : _l.globalConfig) == null ? void 0 : _m.timezone
       }
     });
   }, [globalState]);
@@ -106,7 +107,7 @@ var Info = (0, import_model.Provider)((props) => {
   };
   const header = (0, import_react.useMemo)(() => {
     if ((globalState == null ? void 0 : globalState.renderType) === "eventBooking") {
-      return import_utils.locales.getText("pisell2.text.enroll");
+      return import_utils.locales.getText("pisell2.text.enroll.detail");
     }
     return (globalState == null ? void 0 : globalState.bookingId) ? /* @__PURE__ */ import_react.default.createElement(import_header.default, { state: modal.state, dispatch: modal.dispatch }) : /* @__PURE__ */ import_react.default.createElement("div", { className: "", style: { height: 20 } });
   }, [

package/lib/components/booking/info/notes/index.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-declare const Notes: () => React.JSX.Element;
+declare const Notes: () => React.JSX.Element | null;
 export default Notes;

package/lib/components/booking/info/notes/index.js

@@ -88,6 +88,9 @@ var Notes = () => {
       });
     }
   };
+  if (orderNote.length === 0 && modal.state.disableEventBookingEdit) {
+    return null;
+  }
   return /* @__PURE__ */ import_react.default.createElement(
     import_NoteBlock.default,
     {
@@ -98,7 +101,7 @@ var Notes = () => {
       notes: orderNote,
       apis: (_c = modal == null ? void 0 : modal.state) == null ? void 0 : _c.apis,
       placeholder: import_utils.locales.getText("pisell2.text.add-order-notes"),
-      isEdit: true,
+      isEdit: false,
       onChange: (e, type, noteType) => {
         noteChange({
           note: e,

package/lib/components/booking/info/pet/index.js

@@ -322,6 +322,7 @@ var Pet = () => {
         closeCallback: () => {
           searchChange("");
         },
+        showDropDown: !state.disableEventBookingEdit,
         searchChange,
         searchValue: params.search,
         loadMore,
@@ -363,6 +364,8 @@ var Pet = () => {
       },
       addButtonProps: {
         style: { margin: 0 },
+        disabled: state.disableEventBookingEdit,
+        showDisabledMessage: !state.disableEventBookingEdit,
         addCallback: async () => {
           addCallback();
         }

package/lib/components/booking/info/service/addService/index.js

@@ -49,7 +49,7 @@ var import_utils4 = require("@pisell/utils");
 var import_ahooks = require("ahooks");
 var shopList = [2886, 4422, 5538, 6930, 6814, 6813, 6812, 6087, 6303, 6080];
 var Info = () => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   const [search, setSearch] = (0, import_react.useState)("");
   const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
   const [loading, setLoading] = (0, import_react.useState)(false);
@@ -186,7 +186,11 @@ var Info = () => {
           cacheItem.new = 0;
         }
         cacheItem._extend = (0, import_utils2.getProductExtend)({ cacheItem, state });
-        cacheItem.autoClose = !_isEdit && (cacheItem._extend.resource || cacheItem._extend.resource === 0 || (((_b2 = state.service) == null ? void 0 : _b2.resourcesOrigin) || []).length === 1);
+        if (state.renderType === "eventBooking") {
+          cacheItem.autoClose = false;
+        } else {
+          cacheItem.autoClose = !_isEdit && (cacheItem._extend.resource || cacheItem._extend.resource === 0 || (((_b2 = state.service) == null ? void 0 : _b2.resourcesOrigin) || []).length === 1);
+        }
         dispatch({
           type: "setService",
           payload: {
@@ -214,16 +218,16 @@ var Info = () => {
     return state.service.value.length > 0;
   }, [state.service.value]);
   (0, import_react.useEffect)(() => {
-    var _a2, _b2, _c2, _d, _e;
+    var _a2, _b2, _c2, _d2, _e, _f, _g;
     if (shopList.includes(
-      (_e = (_d = (_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 : _d.globalConfig) == null ? void 0 : _e.id
+      (_e = (_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 : _e.id
     )) {
       return;
     }
-    if (state.modalOpen && !state.bookingId && state.renderType !== "eventBooking") {
+    if (state.modalOpen && !state.bookingId && state.renderType !== "eventBooking" && ((_g = (_f = state.service) == null ? void 0 : _f.value) == null ? void 0 : _g.length) === 0) {
       handleSelectService();
     }
-  }, [state.modalOpen, state.bookingId]);
+  }, [state.modalOpen, state.bookingId, (_b = state.service) == null ? void 0 : _b.value]);
   const showAddButton = (0, import_react.useMemo)(() => {
     return !state.disabledEdit && !state.channelDisabledEdit;
   }, [state.disabledEdit, state.channelDisabledEdit]);
@@ -267,7 +271,7 @@ var Info = () => {
     state.service.value,
     loading
   ]);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, ((_c = (_b = state.service) == null ? void 0 : _b.cacheItem) == null ? void 0 : _c.autoClose) && /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { loading: true, active: true, round: true }), addButton, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, ((_d = (_c = state.service) == null ? void 0 : _c.cacheItem) == null ? void 0 : _d.autoClose) && /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { loading: true, active: true, round: true }), addButton, /* @__PURE__ */ import_react.default.createElement(
     import_drawer.default,
     {
       open: state.service.addModal,

package/lib/components/booking/info/service/editService/index.js

@@ -48,7 +48,7 @@ var import_like = __toESM(require("../like"));
 var import_mock = require("../../../mock");
 var import_utils4 = require("../addService/utils");
 var Info = () => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
   const [form] = import_antd.Form.useForm();
   const useTotal = import_antd.Form.useWatch("total", form);
   const useLikeStatus = import_antd.Form.useWatch("like_status", form);
@@ -331,12 +331,13 @@ var Info = () => {
   (0, import_react.useEffect)(() => {
     getResourcesData();
   }, [state.date.value]);
+  const SelectTime = (_j = window.BaseMaterials) == null ? void 0 : _j.SelectTime;
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     import_drawer.default,
     {
       zIndex: 1e3,
       forceRender: true,
-      open: state.service.editModal && !((_j = state.service.cacheItem) == null ? void 0 : _j.autoClose),
+      open: state.service.editModal && !((_k = state.service.cacheItem) == null ? void 0 : _k.autoClose),
       title: import_utils.locales.getText("pisell2.text.edit-service"),
       onClose: () => {
         dispatch({
@@ -365,7 +366,7 @@ var Info = () => {
           });
         }
       },
-      /* @__PURE__ */ import_react.default.createElement("div", { className: "current-service-info-name" }, ((_m = (_l = (_k = state.service) == null ? void 0 : _k.cacheItem) == null ? void 0 : _l._extend) == null ? void 0 : _m.product_name) || "-"),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "current-service-info-name" }, ((_n = (_m = (_l = state.service) == null ? void 0 : _l.cacheItem) == null ? void 0 : _m._extend) == null ? void 0 : _n.product_name) || "-"),
       /* @__PURE__ */ import_react.default.createElement(
         import_collapsibleList.default,
         {
@@ -390,8 +391,8 @@ var Info = () => {
           precision: 2,
           style: { width: "100%" },
           min: 0,
-          max: ((_o = (_n = state.service.cacheItem) == null ? void 0 : _n._extend) == null ? void 0 : _o.origin_total) || 0,
-          placeholder: ((_q = (_p = state.service.cacheItem) == null ? void 0 : _p._extend) == null ? void 0 : _q.origin_total) || "0"
+          max: ((_p = (_o = state.service.cacheItem) == null ? void 0 : _o._extend) == null ? void 0 : _p.origin_total) || 0,
+          placeholder: ((_r = (_q = state.service.cacheItem) == null ? void 0 : _q._extend) == null ? void 0 : _r.origin_total) || "0"
         }
       )
     )), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
@@ -428,7 +429,21 @@ var Info = () => {
         name: "start_time",
         rules: [{ required: true }]
       },
-      /* @__PURE__ */ import_react.default.createElement(import_antd.Select, { size: "large" }, renderOptions(timeObj.timeSlices))
+      SelectTime ? /* @__PURE__ */ import_react.default.createElement(
+        SelectTime,
+        {
+          slice: (_v = (_u = (_t = (_s = state.bookingConfig) == null ? void 0 : _s.config) == null ? void 0 : _t.basic) == null ? void 0 : _u.service_time) == null ? void 0 : _v.value,
+          onChange: (e) => {
+            console.log("eeee", e);
+          },
+          timePickerProps: {
+            style: { width: "100%" }
+          },
+          timeProps: {
+            style: { zoom: 0.8 }
+          }
+        }
+      ) : null
     )), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
       import_antd.Form.Item,
       {

package/lib/components/booking/info/service/serviceList/index.js

@@ -47,7 +47,7 @@ var ServiceList = () => {
     maxLimit: import_utils.locales.getText("pisell2.text.status.service-error-3")
   };
   const handleEditService = (item) => {
-    if (state.disabledEdit) {
+    if (state.disabledEdit || state.disableEventBookingEdit) {
       return;
     }
     dispatch({

package/lib/components/booking/locales.d.ts

@@ -40,7 +40,7 @@ declare const _default: {
         'pisell2.text.add-notes': string;
         'pisell2.text.notes': string;
         'pisell2.text.new-appointment': string;
-        'pisell2.text.enroll': string;
+        'pisell2.text.enroll.detail': string;
         'pisell2.text.add-products-successfully': string;
         'pisell2.text.add': string;
         'pisell2.text.created-successfully': string;
@@ -194,7 +194,7 @@ declare const _default: {
         'pisell2.text.add-notes': string;
         'pisell2.text.notes': string;
         'pisell2.text.new-appointment': string;
-        'pisell2.text.enroll': string;
+        'pisell2.text.enroll.detail': string;
         'pisell2.text.add-products-successfully': string;
         'pisell2.text.refund': string;
         'pisell2.text.refund-amount': string;
@@ -343,7 +343,7 @@ declare const _default: {
         'pisell2.text.add-notes': string;
         'pisell2.text.notes': string;
         'pisell2.text.new-appointment': string;
-        'pisell2.text.enroll': string;
+        'pisell2.text.enroll.detail': string;
         'pisell2.text.add-products-successfully': string;
         'pisell2.text.add': string;
         'pisell2.text.created-successfully': string;