@pisell/private-materials 3.2.8 → 3.2.10

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

@@ -32,17 +32,19 @@ __export(pet_exports, {
   default: () => pet_default
 });
 module.exports = __toCommonJS(pet_exports);
-var import_react = __toESM(require("react"));
 var import_User01 = __toESM(require("@pisell/icon/es/User01"));
-var import_model = require("../model");
-var import_antd = require("antd");
-var import_index = require("./index.less");
 var import_utils = require("@pisell/utils");
-var import_forms = __toESM(require("../../forms/forms"));
-var import_format = require("../../forms/format");
-var import_utils2 = require("../../utils");
-var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var import_ahooks = require("ahooks");
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
+var import_format = require("../../forms/format");
+var import_forms = __toESM(require("../../forms/forms"));
+var import_utils2 = require("../../info/service2/utils");
+var import_utils3 = require("../../utils");
+var import_model = require("../model");
+var import_ChangePetModal = __toESM(require("./ChangePetModal"));
+var import_index = require("./index.less");
 var defaultParams = {
   skip: 1,
   num: 20,
@@ -65,6 +67,7 @@ var Pet = (props) => {
   const context = (0, import_useEngineContext.default)();
   const { isTerminal } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
   const [params, setParams] = (0, import_react.useState)(defaultParams);
+  const changePetRef = (0, import_react.useRef)(null);
   state = state || (props == null ? void 0 : props.state);
   dispatch = dispatch || (props == null ? void 0 : props.dispatch);
   const boardParams = (0, import_react.useMemo)(() => {
@@ -72,7 +75,7 @@ var Pet = (props) => {
     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) || {};
   }, [(_d = (_c = (_b = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _b.config) == null ? void 0 : _c.basic) == null ? void 0 : _d.appointment_subject]);
   const petForm = (0, import_react.useMemo)(() => {
-    var _a2;
+    var _a2, _b2, _c2;
     let _holder = (_a2 = state.bookingConfig) == null ? void 0 : _a2.holder;
     if (!_holder) {
       return null;
@@ -81,8 +84,8 @@ var Pet = (props) => {
       ..._holder,
       ..._holder == null ? void 0 : _holder.form,
       options: [],
-      form_id: _holder.form.id,
-      field: _holder.form.form_field,
+      form_id: (_b2 = _holder == null ? void 0 : _holder.form) == null ? void 0 : _b2.id,
+      field: (_c2 = _holder == null ? void 0 : _holder.form) == null ? void 0 : _c2.form_field,
       relation_type: "appointment_booking",
       form_record: []
     };
@@ -91,7 +94,7 @@ var Pet = (props) => {
     var _a2, _b2, _c2, _d2;
     setLoading(true);
     let _list = [];
-    const noClient = formData.data_range === "customer" && (0, import_utils2.isWalkIn)((_b2 = (_a2 = state.client) == null ? void 0 : _a2.value) == null ? void 0 : _b2.id);
+    const noClient = formData.data_range === "customer" && (0, import_utils3.isWalkIn)((_b2 = (_a2 = state.client) == null ? void 0 : _a2.value) == null ? void 0 : _b2.id);
     if (!noClient) {
       let _values = {
         form_id: boardParams.form_id,
@@ -132,7 +135,7 @@ var Pet = (props) => {
   };
   const setPetOptions = (options) => {
     var _a2, _b2, _c2, _d2, _e2, _f2;
-    const noClient = ((_b2 = (_a2 = state.pet) == null ? void 0 : _a2.formData) == null ? void 0 : _b2[0].data_range) === "customer" && (0, import_utils2.isWalkIn)((_d2 = (_c2 = state.client) == null ? void 0 : _c2.value) == null ? void 0 : _d2.id);
+    const noClient = ((_b2 = (_a2 = state.pet) == null ? void 0 : _a2.formData) == null ? void 0 : _b2[0].data_range) === "customer" && (0, import_utils3.isWalkIn)((_d2 = (_c2 = state.client) == null ? void 0 : _c2.value) == null ? void 0 : _d2.id);
     if (noClient) {
       return;
     }
@@ -150,11 +153,22 @@ var Pet = (props) => {
     });
   };
   const getForms = async (isUpdateValue = true) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
     let values = {
       ...state.pet.value
     };
-    let isSetValue = isUpdateValue && values[boardParams == null ? void 0 : boardParams.form_id] === void 0 && ((_c2 = (_b2 = (_a2 = state.bookingDetail) == null ? void 0 : _a2.holder) == null ? void 0 : _b2.form_record) == null ? void 0 : _c2.length);
+    let recordIds = [];
+    if ((0, import_utils2.isEventBooking)(state)) {
+      recordIds = (_a2 = state.bookingDetail) == null ? void 0 : _a2.bookings.list.reduce(
+        (acc, cur) => {
+          return Array.from(/* @__PURE__ */ new Set([...acc, ...cur.holder.form_record]));
+        },
+        []
+      );
+    } else {
+      recordIds = ((_c2 = (_b2 = state.bookingDetail) == null ? void 0 : _b2.holder) == null ? void 0 : _c2.form_record) || [];
+    }
+    let isSetValue = isUpdateValue && values[boardParams == null ? void 0 : boardParams.form_id] === void 0 && (recordIds == null ? void 0 : recordIds.length);
     if (isSetValue) {
       setValueLoading(true);
     }
@@ -182,13 +196,13 @@ var Pet = (props) => {
       };
       if (isSetValue) {
         let records = await state.apis.getFormRecords({
-          form_record_ids: (_g2 = (_f2 = state.bookingDetail) == null ? void 0 : _f2.holder) == null ? void 0 : _g2.form_record,
+          form_record_ids: recordIds,
           with: ["customer"]
         });
         console.log("records", records);
         values[boardParams == null ? void 0 : boardParams.form_id] = (0, import_format.sortFormValues)(
           records,
-          (_i2 = (_h2 = state.client) == null ? void 0 : _h2.value) == null ? void 0 : _i2.id
+          (_g2 = (_f2 = state.client) == null ? void 0 : _f2.value) == null ? void 0 : _g2.id
         );
         payload.value = values;
         setValueLoading(false);
@@ -208,10 +222,13 @@ var Pet = (props) => {
     let cur = [...state.pet.value[petForm.form_id] || []];
     let options = ((_c2 = (_b2 = (_a2 = state.pet) == null ? void 0 : _a2.formData) == null ? void 0 : _b2[0]) == null ? void 0 : _c2.options) || [];
     if (res.type === "delete") {
-      cur = cur.filter(
-        (d) => d.form_record_id !== item.form_record_id
-      );
+      const isDay = (0, import_utils2.isDayBooking)(state);
+      if (isDay && state.disabledEdit) return cur;
+      cur = cur.filter((d) => d.form_record_id !== item.form_record_id);
       addCallback();
+      if (isDay) {
+        handleDayChange(item);
+      }
     } else {
       let obj = {
         customer: item == null ? void 0 : item.customer,
@@ -243,7 +260,7 @@ var Pet = (props) => {
       formDataConfig: { ...petForm },
       record: item
     };
-    if (petForm.data_range === "customer" && !(0, import_utils2.isWalkIn)((_b2 = (_a2 = state.client) == null ? void 0 : _a2.value) == null ? void 0 : _b2.id)) {
+    if (petForm.data_range === "customer" && !(0, import_utils3.isWalkIn)((_b2 = (_a2 = state.client) == null ? void 0 : _a2.value) == null ? void 0 : _b2.id)) {
       _data.customerId = (_d2 = (_c2 = state.client) == null ? void 0 : _c2.value) == null ? void 0 : _d2.id;
     }
     state.action({
@@ -260,7 +277,7 @@ var Pet = (props) => {
       formDataConfig: { ...petForm },
       record: item
     };
-    if (petForm.data_range === "customer" && !(0, import_utils2.isWalkIn)((_b2 = (_a2 = state.client) == null ? void 0 : _a2.value) == null ? void 0 : _b2.id)) {
+    if (petForm.data_range === "customer" && !(0, import_utils3.isWalkIn)((_b2 = (_a2 = state.client) == null ? void 0 : _a2.value) == null ? void 0 : _b2.id)) {
       _data.customerId = (_d2 = (_c2 = state.client) == null ? void 0 : _c2.value) == null ? void 0 : _d2.id;
     }
     state.action({
@@ -272,27 +289,29 @@ var Pet = (props) => {
       }
     });
   });
-  const onValueChange = (0, import_ahooks.useMemoizedFn)(({ values, edit = true, options }) => {
-    var _a2, _b2;
-    const updateObj = {};
-    if (options) {
-      updateObj.formData = [
-        {
-          ...(_b2 = (_a2 = state.pet) == null ? void 0 : _a2.formData) == null ? void 0 : _b2[0],
-          options
+  const onValueChange = (0, import_ahooks.useMemoizedFn)(
+    ({ values, edit = true, options }) => {
+      var _a2, _b2;
+      const updateObj = {};
+      if (options) {
+        updateObj.formData = [
+          {
+            ...(_b2 = (_a2 = state.pet) == null ? void 0 : _a2.formData) == null ? void 0 : _b2[0],
+            options
+          }
+        ];
+        updateObj.pets = options;
+      }
+      dispatch({
+        type: "setPet",
+        payload: {
+          edit,
+          value: values,
+          ...updateObj
         }
-      ];
-      updateObj.pets = options;
+      });
     }
-    dispatch({
-      type: "setPet",
-      payload: {
-        edit,
-        value: values,
-        ...updateObj
-      }
-    });
-  });
+  );
   (0, import_react.useEffect)(() => {
     var _a2, _b2, _c2, _d2;
     if (clientChangeNotSetPet) return;
@@ -362,6 +381,29 @@ var Pet = (props) => {
       import_utils.locales.getText("pisell2.text.load-more")
     )) : null;
   }, [loadLoading, params, (_l = (_k = (_j = (_i = state.pet) == null ? void 0 : _i.formData) == null ? void 0 : _j[0]) == null ? void 0 : _k.options) == null ? void 0 : _l.length]);
+  const handleDayChange = (e) => {
+    var _a2, _b2;
+    const id = e == null ? void 0 : e.form_record_id;
+    const service = (_a2 = state.service.value) == null ? void 0 : _a2.filter(
+      (item) => item._extend.holder_id === id
+    );
+    if (id && (service == null ? void 0 : service.length)) {
+      changePetRef == null ? void 0 : changePetRef.current.open({
+        ids: [id],
+        dispatch,
+        service: ((_b2 = state.service) == null ? void 0 : _b2.value) || []
+      });
+    }
+  };
+  const dayCustomSelect = (0, import_react.useMemo)(() => {
+    const isDay = (0, import_utils2.isDayBooking)(state);
+    if (isDay) {
+      return {
+        handleDayChange
+      };
+    }
+    return {};
+  }, [state.renderType, state.service.value]);
   return (0, import_react.useMemo)(() => {
     var _a2;
     return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-wraps" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { loading: valueLoading, active: true, round: true }, /* @__PURE__ */ import_react.default.createElement(
@@ -371,7 +413,10 @@ var Pet = (props) => {
         watch: { value: state.pet.value },
         addCallback: (formDataConfig, data) => {
           var _a3, _b2, _c2;
-          setPetOptions([{ ...data, form_id: formDataConfig == null ? void 0 : formDataConfig.form_id }, ...((_c2 = (_b2 = (_a3 = state.pet) == null ? void 0 : _a3.formData) == null ? void 0 : _b2[0]) == null ? void 0 : _c2.options) || []]);
+          setPetOptions([
+            { ...data, form_id: formDataConfig == null ? void 0 : formDataConfig.form_id },
+            ...((_c2 = (_b2 = (_a3 = state.pet) == null ? void 0 : _a3.formData) == null ? void 0 : _b2[0]) == null ? void 0 : _c2.options) || []
+          ]);
         },
         loading: valueLoading,
         forms: state.pet.formData,
@@ -397,7 +442,8 @@ var Pet = (props) => {
             return true;
           },
           handleOpenModal,
-          previewItemTitleRender
+          previewItemTitleRender,
+          ...dayCustomSelect
         },
         optionRender: (item) => {
           return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
@@ -441,7 +487,7 @@ var Pet = (props) => {
           ...addButtonProps
         }
       }
-    )));
+    )), /* @__PURE__ */ import_react.default.createElement(import_ChangePetModal.default, { ref: changePetRef }));
   }, [
     valueLoading,
     hideTitle,

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

@@ -32,21 +32,25 @@ __export(addService_exports, {
   default: () => addService_default
 });
 module.exports = __toCommonJS(addService_exports);
-var import_react = __toESM(require("react"));
 var import_SearchLg = __toESM(require("@pisell/icon/es/SearchLg"));
-var import_drawer = __toESM(require("../../../components/drawer"));
-var import_TabProduct = __toESM(require("../../../components/TabProduct"));
-var import_model = require("../../model");
-var import_addButton = __toESM(require("../../../components/addButton"));
+var import_utils = require("@pisell/utils");
+var import_ahooks = require("ahooks");
 var import_antd = require("antd");
-var import_index = require("./index.less");
+var import_debounce = __toESM(require("lodash/debounce"));
+var import_react = __toESM(require("react"));
 var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
+var import_TabProduct = __toESM(require("../../../components/TabProduct"));
+var import_addButton = __toESM(require("../../../components/addButton"));
+var import_drawer = __toESM(require("../../../components/drawer"));
+var import_utils2 = require("../../../utils");
+var import_dateRange = __toESM(require("../../dateRange"));
+var import_model = require("../../model");
+var import_status = require("../../service2/status");
+var import_utils3 = require("../../service2/utils");
+var import_utils4 = require("../../utils");
 var import_serve = require("../serve");
-var import_utils = require("../../utils");
-var import_utils2 = require("./utils");
-var import_utils3 = require("../../../utils");
-var import_utils4 = require("@pisell/utils");
-var import_ahooks = require("ahooks");
+var import_serviceManager = require("../serviceManager");
+var import_index = require("./index.less");
 var shopList = [
   2886,
   4422,
@@ -64,16 +68,48 @@ var shopList = [
   6305
 ];
 var Info = (props) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f;
   const { onEdit, drawerProps, renderMode } = props;
   const [search, setSearch] = (0, import_react.useState)("");
   let { state, dispatch } = (0, import_react.useContext)(import_model.Context);
   const [loading, setLoading] = (0, import_react.useState)(false);
   const searchRef = (0, import_react.useRef)();
+  const headerRef = (0, import_react.useRef)(null);
+  const [headerHeight, setHeaderHeight] = (0, import_react.useState)(0);
   const context = (0, import_useEngineContext.default)();
   state = state || (props == null ? void 0 : props.state);
   dispatch = dispatch || (props == null ? void 0 : props.dispatch);
-  import_utils3.request.setRequest(context.appHelper.utils.request);
+  import_utils2.request.setRequest(context.appHelper.utils.request);
+  const { createBookingData, createBooking } = (0, import_serviceManager.useService)({
+    renderMode,
+    onEdit,
+    state,
+    dispatch
+  });
+  const isDay = (0, import_react.useMemo)(() => {
+    return (0, import_utils3.isDayBooking)(state);
+  }, [state.renderType]);
+  const handleResize = () => {
+    var _a2;
+    if (headerRef == null ? void 0 : headerRef.current) {
+      setHeaderHeight((_a2 = headerRef.current) == null ? void 0 : _a2.offsetHeight);
+    }
+  };
+  const debouncedHandleResize = (0, import_debounce.default)(handleResize, 100);
+  (0, import_react.useEffect)(() => {
+    if (isDay && state.isTerminalDayBookingPage) {
+      handleResize();
+      window.addEventListener("resize", debouncedHandleResize);
+    }
+    return () => {
+      window.removeEventListener("resize", debouncedHandleResize);
+    };
+  }, [debouncedHandleResize]);
+  const customerId = (0, import_react.useMemo)(() => {
+    var _a2, _b2;
+    if (!isDay) return void 0;
+    return ((_b2 = (_a2 = state.client) == null ? void 0 : _a2.value) == null ? void 0 : _b2.id) || 1;
+  }, [(_b = (_a = state.client) == null ? void 0 : _a.value) == null ? void 0 : _b.id, isDay]);
   const setDefaultService = async (list) => {
     if (state.renderType !== "eventBooking") {
       return;
@@ -91,19 +127,20 @@ var Info = (props) => {
     setLoading(true);
     let product = list[0];
     const detail = await (0, import_serve.getProductDetail)(product.id, {
-      schedule_date: state.date.value.format("YYYY-MM-DD")
+      schedule_date: state.date.value.format("YYYY-MM-DD"),
+      customer_id: customerId
     });
-    const isBundleOrCombination = (0, import_utils.getIsBundleOrCombination)(detail.data);
+    const isBundleOrCombination = (0, import_utils4.getIsBundleOrCombination)(detail.data);
     setLoading(false);
     if (isBundleOrCombination) return;
     let _item = {
       ...product,
       product_id: product.id,
-      _id: (0, import_utils4.getUniqueId)(),
+      _id: (0, import_utils.getUniqueId)(),
       _extend: {
         start_date: state.date.value,
         startDate: state.date.value,
-        endDate: state.date.value,
+        endDate: isDay ? state.date.end_date : state.date.value,
         start_time: "00:00:00",
         duration: 10,
         quantity: 1,
@@ -135,6 +172,11 @@ var Info = (props) => {
       setLoading(false);
       return;
     }
+    let dayParams = {};
+    if (isDay && !(0, import_utils3.isEventBooking)(state)) {
+      dayParams.extension_type = ["normal", "product_appointment"];
+      dayParams.customer_id = customerId;
+    }
     let data = await state.apis.getServices({
       skip: 1,
       num: 500,
@@ -150,16 +192,22 @@ var Info = (props) => {
         _config: {
           useCache: true
         }
-      }
+      },
+      ...dayParams
     });
     setLoading(false);
+    let lists = (data == null ? void 0 : data.list) || [];
+    if ((0, import_utils3.isDaysBooking)(state)) {
+      const id = (0, import_utils3.holderId)(state);
+      lists = (0, import_utils3.getDayProducts)(id, lists, state == null ? void 0 : state.isTerminalDayBookingPage);
+    }
     if (!state.service.addModal) {
-      setDefaultService(data == null ? void 0 : data.list);
+      setDefaultService(lists);
     }
     dispatch({
       type: "setService",
       payload: {
-        services: (data == null ? void 0 : data.list) || []
+        services: lists
       }
     });
   };
@@ -179,71 +227,29 @@ var Info = (props) => {
   };
   const handleSelectProduct = (0, import_ahooks.useMemoizedFn)(
     (item, type) => {
-      const isEject = type === "detail" || item.bundle_group_count > 0;
-      let lock = false;
+      let isEject = type === "detail" || item.bundle_group_count > 0;
+      if (isDay) {
+        isEject = type === "detail" || item.bundle_group_count > 0 || item.option_group_count > 0 || item.is_variant > 0;
+      }
       state.action({
         type: "pisell1.handleOpenProductModal",
         data: {
           id: item.id,
           date: state.date.value.format("YYYY-MM-DD"),
           showConfig: {
-            option: false,
+            option: isDay ? true : false,
             session: false,
-            variant: false,
+            variant: isDay ? true : false,
             package: true
           },
-          is_eject: isEject ? 1 : 0
+          is_eject: isEject ? 1 : 0,
+          customer_id: customerId
         },
-        callback: (e) => {
-          var _a2, _b2;
-          if (lock) {
-            return;
-          }
-          lock = true;
-          setTimeout(() => {
-            lock = false;
-          }, 2e3);
-          let cacheItem = {
-            ...item,
-            product_id: item.id,
-            _id: (0, import_utils4.getUniqueId)(),
-            _key: e.key,
-            _extend: {
-              start_date: state.date.value,
-              quantity: 1,
-              price: item.price,
-              product_name: item.title,
-              other: JSON.parse(JSON.stringify(e))
-            },
-            new: 1
-          };
-          let _total = (0, import_utils3.getProductTotalPrice)(cacheItem);
-          cacheItem._extend.total = _total;
-          cacheItem._extend.origin_total = _total;
-          const _isEdit = !!state.service.cacheItem;
-          if (_isEdit) {
-            cacheItem._id = (_a2 = state.service.cacheItem) == null ? void 0 : _a2._id;
-            cacheItem.new = 0;
-          }
-          if (renderMode === "current") {
-            cacheItem.currentDefaultTime = state.date.value.format("HH:mm");
-          }
-          cacheItem._extend = (0, import_utils2.getProductExtend)({ cacheItem, state });
-          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: {
-              editModal: true,
-              cacheItem,
-              addModal: !cacheItem.autoClose,
-              changeService: false
-            }
+        callback: async (e) => {
+          const data = await createBookingData({
+            product: { ...item, _params: e }
           });
-          onEdit == null ? void 0 : onEdit(cacheItem);
+          createBooking({ booking: data });
         }
       });
     }
@@ -251,32 +257,38 @@ var Info = (props) => {
   const renderList = (0, import_react.useMemo)(() => {
     var _a2;
     let _list = ((_a2 = state.service) == null ? void 0 : _a2.services) || [];
+    if ((0, import_utils3.isDaysBooking)(state)) {
+      if (!(0, import_utils3.holderId)(state)) {
+        _list = _list.filter(
+          (item) => !import_status.appointmentTypes.includes(item.extension_type)
+        );
+      }
+    }
     const isIncludes = (str) => {
       return str.toLowerCase().indexOf(search.toLowerCase()) !== -1;
     };
-    return (0, import_utils3.formatProductListByCategory)(
+    return (0, import_utils2.formatProductListByCategory)(
       _list,
       search ? (item) => isIncludes(item.title) : void 0
     );
-  }, [search, (_a = state.service) == null ? void 0 : _a.services]);
-  console.log("state.service.renderList", renderList);
+  }, [search, (_c = state.service) == null ? void 0 : _c.services, state == null ? void 0 : state.activeCartId]);
   const isService = (0, import_react.useMemo)(() => {
     var _a2, _b2;
     return ((_b2 = (_a2 = state.service) == null ? void 0 : _a2.value) == null ? void 0 : _b2.length) > 0;
   }, [state.service.value]);
   (0, import_react.useEffect)(() => {
-    var _a2, _b2, _c2, _d2, _e, _f, _g;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g;
     if (shopList.includes(
-      (_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
+      (_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.closeAutoOpenService) {
       return;
     }
-    if (state.modalOpen && !state.bookingId && state.renderType !== "eventBooking" && ((_g = (_f = state.service) == null ? void 0 : _f.value) == null ? void 0 : _g.length) === 0) {
+    if (state.modalOpen && !state.bookingId && state.renderType !== "eventBooking" && ((_g = (_f2 = state.service) == null ? void 0 : _f2.value) == null ? void 0 : _g.length) === 0) {
       setTimeout(() => {
         handleSelectService();
       }, 10);
     }
-  }, [state.modalOpen, state.bookingId, (_b = state.service) == null ? void 0 : _b.value]);
+  }, [state.modalOpen, state.bookingId, (_d = state.service) == null ? void 0 : _d.value]);
   const showAddButton = (0, import_react.useMemo)(() => {
     return !state.disabledEdit && !state.channelDisabledEdit;
   }, [state.disabledEdit, state.channelDisabledEdit]);
@@ -301,6 +313,9 @@ var Info = (props) => {
     }
   }, [state.renderType, state.modalOpen]);
   const addButton = (0, import_react.useMemo)(() => {
+    if (isDay) {
+      return;
+    }
     if (state.isBookingCreatePage) {
       return /* @__PURE__ */ import_react.default.createElement("div", { style: { height: 20 } });
     }
@@ -310,8 +325,8 @@ var Info = (props) => {
         {
           loading,
           showSub: false,
-          title: import_utils4.locales.getText("pisell2.text.add-a-service"),
-          subTitle: import_utils4.locales.getText("pisell2.text.add-another-service"),
+          title: import_utils.locales.getText("pisell2.text.add-a-service"),
+          subTitle: import_utils.locales.getText("pisell2.text.add-another-service"),
           onClick: handleSelectService
         }
       );
@@ -320,8 +335,8 @@ var Info = (props) => {
       import_addButton.default,
       {
         showSub: isService,
-        title: import_utils4.locales.getText("pisell2.text.add-a-service"),
-        subTitle: import_utils4.locales.getText("pisell2.text.add-another-service"),
+        title: import_utils.locales.getText("pisell2.text.add-a-service"),
+        subTitle: import_utils.locales.getText("pisell2.text.add-another-service"),
         onClick: handleSelectService
       }
     ) : /* @__PURE__ */ import_react.default.createElement("div", { style: { height: 20 } });
@@ -335,31 +350,42 @@ var Info = (props) => {
   const isRenderCurrent = (0, import_react.useMemo)(() => {
     return renderMode === "current";
   }, [renderMode]);
+  const colSpan = (0, import_react.useMemo)(() => {
+    const isTerminal = state.isTerminalDayBookingPage;
+    const showDate = !!(isDay && (0, import_utils3.holderId)(state) && !(0, import_utils3.isEventBooking)(state));
+    return (0, import_status.inputDateCol)(showDate, isTerminal);
+  }, [state.isTerminalDayBookingPage, isDay, (0, import_utils3.holderId)(state)]);
   return (0, import_react.useMemo)(() => {
     var _a2, _b2;
-    const header = /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-header" }, /* @__PURE__ */ import_react.default.createElement(
+    const header = /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-header", ref: headerRef }, /* @__PURE__ */ import_react.default.createElement(import_antd.Row, { gutter: [16, 16] }, isDay && (0, import_utils3.holderId)(state) && !(0, import_utils3.isEventBooking)(state) ? /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { ...colSpan.date }, /* @__PURE__ */ import_react.default.createElement(import_dateRange.default, { state, dispatch })) : null, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { ...colSpan.input }, /* @__PURE__ */ import_react.default.createElement(
       import_antd.Input,
       {
         ref: searchRef,
         prefix: /* @__PURE__ */ import_react.default.createElement(import_SearchLg.default, null),
         style: { marginTop: 16, height: 44 },
-        placeholder: import_utils4.locales.getText("pisell2.text.search"),
+        placeholder: import_utils.locales.getText("pisell2.text.search"),
         allowClear: true,
         value: search,
         onChange: (e) => {
           setSearch(e.target.value);
         }
       }
-    ));
-    const content = /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-body" }, /* @__PURE__ */ import_react.default.createElement(
-      import_TabProduct.default,
+    ))));
+    const content = /* @__PURE__ */ import_react.default.createElement(
+      "div",
       {
-        list: renderList,
-        amountSymbol: state.amountSymbol,
-        onChange: handleSelectProduct,
-        scrollDom: isRenderCurrent ? ".pisell-lowcode__booking-vertical-add-service-wrap" : ".booking-server-wrap .pisell-lowcode-drawer-body "
-      }
-    ));
+        className: isDay && headerHeight > 76 ? "pisell-lowcode__booking-service-date-body" : "pisell-lowcode__booking-service-body"
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_TabProduct.default,
+        {
+          list: renderList,
+          amountSymbol: state.amountSymbol,
+          onChange: handleSelectProduct,
+          scrollDom: isRenderCurrent ? ".pisell-lowcode__booking-vertical-add-service-wrap" : ".booking-server-wrap .pisell-lowcode-drawer-body "
+        }
+      )
+    );
     if (renderMode === "current") {
       return /* @__PURE__ */ import_react.default.createElement(
         "div",
@@ -375,8 +401,8 @@ var Info = (props) => {
       import_drawer.default,
       {
         titleNoWrap: true,
-        open: state.service.addModal && !state.isBookingCreatePage,
-        title: import_utils4.locales.getText("pisell2.text.select-service"),
+        open: state.service.addModal && !state.isBookingCreatePage && !state.isTerminalDayBookingPage,
+        title: isDay ? import_utils.locales.getText("pisell2.text.select.items") : import_utils.locales.getText("pisell2.text.select-service"),
         rootClassName: "booking-server-wrap",
         onClose: () => {
           dispatch({
@@ -393,13 +419,17 @@ var Info = (props) => {
       content
     ));
   }, [
-    (_d = (_c = state.service) == null ? void 0 : _c.cacheItem) == null ? void 0 : _d.autoClose,
+    (_f = (_e = state.service) == null ? void 0 : _e.cacheItem) == null ? void 0 : _f.autoClose,
     addButton,
     state.service.addModal,
-    import_utils4.locales,
+    import_utils.locales,
     search,
     renderList,
-    state.amountSymbol
+    state.amountSymbol,
+    state.renderType,
+    state == null ? void 0 : state.activeCartId,
+    headerHeight,
+    (0, import_utils3.holderId)(state)
   ]);
 };
 var addService_default = Info;