@pisell/private-materials 3.0.69 → 3.0.70

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));
+  ), /* @__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/forms/forms.d.ts

@@ -21,5 +21,5 @@ export interface InfoProps {
  * @Author: zhiwei.Wang
  * @Date: 2024-01-30 17:10
  */
-declare const Forms: (props: any) => any;
+declare const Forms: (props: any) => JSX.Element;
 export default Forms;

package/lib/components/booking/forms/index.d.ts

@@ -5,5 +5,5 @@ export interface InfoProps {
     globalState: any;
     setGlobalState: any;
 }
-declare const Forms: (props: any) => any;
+declare const Forms: (props: any) => JSX.Element;
 export default Forms;

package/lib/components/booking/forms/model.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

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

@@ -1,2 +1,2 @@
-declare const Booking: (props: any) => any;
+declare const Booking: (props: any) => JSX.Element;
 export default Booking;

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.d.ts

@@ -8,5 +8,5 @@ export interface InfoProps {
     slot: any;
     setState: any;
 }
-declare const Info: (props: any) => any;
+declare const Info: (props: any) => JSX.Element;
 export default Info;

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]);

package/lib/components/booking/info/model.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import { FormState } from "../model";
 export declare const walkInData: {
     id: number;
     nickname: string;
 };
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

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);
@@ -214,16 +214,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 +267,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/locales.js

@@ -149,23 +149,23 @@ var locales_default = {
     "pisell2.text.add-contacts": "Add contact",
     "pisell2.text.edit-profile": "Edit profile",
     "pisell2.text.remove-contact": "Remove contact",
-    "pisell2.text.order.sales.channel.online": "Online Store",
-    "pisell2.text.order.sales.channel.pos-terminal": "Pisell Terminal",
+    "pisell2.text.order.sales.channel.online": "Online store",
+    "pisell2.text.order.sales.channel.pos-terminal": "Pisell terminal",
     "pisell2.text.order.sales.channel.boxcocal": "Boxlocal",
-    "pisell2.text.order.sales.channel.tableorder": "Table Order",
-    "pisell2.text.order.sales.channel.reserve": "Google Reservation",
+    "pisell2.text.order.sales.channel.tableorder": "Table order",
+    "pisell2.text.order.sales.channel.reserve": "Google reservation",
     "pisell2.text.rebook": "Rebook",
     "pisell2.text.now": "Now",
-    "pisell2.text.deposit-list": "Deposit List",
+    "pisell2.text.deposit-list": "Deposit list",
     "pisell2.text.deposit-item-status-paid": "Paid",
     "pisell2.text.deposit-item-status-unpaid": "Unpaid",
-    "pisell2.text.deposit-order-total": "Order Total",
-    "pisell2.text.deposit-order-detail": "Order Details",
-    "pisell2.text.deposit-collect-deposit": "Collect Deposit",
+    "pisell2.text.deposit-order-total": "Order total",
+    "pisell2.text.deposit-order-detail": "Order details",
+    "pisell2.text.deposit-collect-deposit": "Collect deposit",
     "pisell2.text.deposit-order-no": "Order No",
     "pisell2.text.deposit-amount": "Amount",
-    "pisell2.text.deposit-deposit-amount": "Deposit Amount",
-    "pisell2.text.deposit-generate-payment-link": "Generate Payment Link",
+    "pisell2.text.deposit-deposit-amount": "Deposit amount",
+    "pisell2.text.deposit-generate-payment-link": "Generate payment link",
     "pisell2.text.deposit-list-empty": "Please add a deposit",
     "pisell2.text.deposit-amount-message": "Amount must be greater than 0",
     "pisell2.text.deposit-amount-message2": "The deposit amount cannot be greater than the total order amount",

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface FormState {
     amountSymbol: string;
     apis: {
@@ -91,7 +90,7 @@ export declare const walkInData: {
     id: number;
     nickname: string;
 };
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

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

@@ -4,5 +4,5 @@ export interface InfoProps {
     globalState: any;
     setGlobalState: any;
 }
-declare const Notes: (props: any) => any;
+declare const Notes: (props: any) => JSX.Element;
 export default Notes;

package/lib/components/booking/notes/model.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {