@pisell/private-materials 3.0.207 → 3.0.209

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

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -14,6 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/components/booking/components/footer/utils.ts
@@ -24,9 +34,13 @@ __export(utils_exports, {
   formatValues: () => formatValues
 });
 module.exports = __toCommonJS(utils_exports);
+var import_dayjs = __toESM(require("dayjs"));
 var import_utils = require("../../utils");
 var import_utils2 = require("../../utils");
 var import_utilsByBooking = require("../../info2/utilsByBooking");
+var import_utils3 = require("../../utils");
+var import_status = require("../../info/service2/status");
+var import_utils4 = require("../../info/service2/utils");
 var formatNote = (data) => {
   var _a;
   return ((_a = data.notes) == null ? void 0 : _a.orderNote) || "";
@@ -54,6 +68,7 @@ var formatProductOption = (option) => {
       "num": d.num,
       "option_group_item_id": d.product_option_item_id,
       "option_group_id": d.option_group_id
+      // "add_price": Number(d?.add_price),
     };
   });
 };
@@ -70,6 +85,8 @@ var formatProductBundle = (bundle) => {
       "num": d.num,
       "extension_id": d.extension_id,
       "extension_type": d.extension_type,
+      // "price": Number(d?.price),
+      // "price_type": d?.price_type,
       "option": formatProductOption(d.option)
     };
   });
@@ -77,7 +94,7 @@ var formatProductBundle = (bundle) => {
 var getSubType = (item) => {
   var _a;
   const _type = (_a = item.duration) == null ? void 0 : _a.type;
-  if (_type && _type !== "days") {
+  if (_type) {
     return _type;
   }
   return "minutes";
@@ -113,39 +130,138 @@ var formatResource = (service) => {
     return void 0;
   }
 };
-var formatBookings = (data) => {
-  const list = data.service.value;
+var formatHolders = (state, item, values) => {
+  var _a, _b, _c, _d, _e;
+  const form_id = ((_d = (_c = (_b = (_a = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a.config) == null ? void 0 : _b.basic) == null ? void 0 : _c.appointment_subject) == null ? void 0 : _d.form_id) || 0;
+  let obj = {
+    customer_id: values.customer_id,
+    form_id,
+    form_record: [((_e = item._extend) == null ? void 0 : _e.holder_id) || 0]
+  };
+  if (state.isFranchisee) {
+    obj.is_source_shop = 1;
+  }
+  return obj;
+};
+var formatProductPrice = (item) => {
+  var _a, _b, _c;
+  const other = (_a = item._extend) == null ? void 0 : _a.other;
+  let price = Number((_b = item._extend) == null ? void 0 : _b.price);
+  if (other == null ? void 0 : other.option) {
+    price = (_c = other == null ? void 0 : other.option) == null ? void 0 : _c.reduce((pre, cur) => {
+      return pre + Number(cur.price) * Number(cur.num);
+    }, price);
+  }
+  return price;
+};
+var formatMetaData = (item) => {
+  var _a, _b, _c, _d, _e;
+  let metadata = {};
+  if ((_a = item._extend) == null ? void 0 : _a.capacity) {
+    metadata.capacity = item._extend.capacity;
+  }
+  if (item._extend.groupId) {
+    metadata.groupId = item._extend.groupId;
+  }
+  if ((_b = item._extend) == null ? void 0 : _b.holder_id) {
+    metadata.holder_id = (_c = item._extend) == null ? void 0 : _c.holder_id;
+  }
+  if ((_d = item._extend) == null ? void 0 : _d.multiDayPrices) {
+    metadata.multiDayPrices = (_e = item._extend) == null ? void 0 : _e.multiDayPrices;
+  }
+  return metadata;
+};
+var formatProducts = (item) => {
+  var _a, _b, _c, _d, _e, _f;
+  const total = Number(item._extend.total);
+  const origin_total = Number(item._extend.origin_total);
+  const discount_amount = origin_total - total;
+  const discount_type = discount_amount < 0 ? "change_price" : "discount";
+  return {
+    "num": item._extend.quantity,
+    "price": formatProductPrice(item),
+    "product_id": (item == null ? void 0 : item.product_id) || item.id,
+    "discount_amount": discount_amount,
+    "product_discount_reason": item._extend.discount_reason || "",
+    "is_charge_tax": item.is_charge_tax,
+    "note": (item == null ? void 0 : item.note) || "",
+    "discountway": item._extend.discountway || "num",
+    "discount_per": item._extend.discount_per,
+    "discount_type": item._extend.discount_type || discount_type,
+    "order_detail_id": item._extend.order_detail_id || 0,
+    "product_bundle": formatProductBundle((_b = (_a = item._extend) == null ? void 0 : _a.other) == null ? void 0 : _b.bundle),
+    "bundle_edit": item._extend.bundle_edit,
+    "product_option_item": formatProductOption((_d = (_c = item._extend) == null ? void 0 : _c.other) == null ? void 0 : _d.option),
+    "product_variant_id": ((_f = (_e = item._extend) == null ? void 0 : _e.other) == null ? void 0 : _f.product_variant_id) || 0,
+    metadata: formatMetaData(item)
+  };
+};
+var formatAppointmentProductLists = (data) => {
+  var _a;
+  try {
+    let list = data.service.value;
+    list = list.filter((item) => {
+      var _a2;
+      return ((_a2 = item._extend) == null ? void 0 : _a2.holder_id) && import_status.appointmentTypes.includes(item.extension_type);
+    });
+    const groupMap = /* @__PURE__ */ new Map();
+    list.forEach((item) => {
+      var _a2;
+      const key = (_a2 = item._extend) == null ? void 0 : _a2.holder_id;
+      if (!groupMap.has(key)) {
+        groupMap.set(key, []);
+      }
+      groupMap.get(key).push(item);
+    });
+    const result = (_a = Array.from(groupMap.values())) == null ? void 0 : _a.reduce((acc, group) => acc.concat(group), []);
+    return list || [];
+  } catch (error) {
+  }
+};
+var formatBookings = (data, values) => {
+  const isDay = (0, import_utils4.isDaysBooking)(data);
+  const isEvent = (0, import_utils4.isEventBooking)(data);
+  let list = data.service.value;
+  if (isDay) {
+    list = formatAppointmentProductLists(data);
+  }
+  if (isEvent) {
+    list = list.filter((d) => {
+      var _a;
+      return (_a = d._extend) == null ? void 0 : _a.holder_id;
+    });
+  }
+  let dayParams = {
+    relation_products: []
+  };
   const eventOtherParams = data.eventOtherParams;
   let bookings = [];
   bookings = list.map((item) => {
-    var _a, _b;
-    const start_date = item._extend.startDate.format("YYYY-MM-DD");
-    const end_date = item._extend.endDate.format("YYYY-MM-DD");
-    const end_time = item._extend.endDate.format("HH:mm");
+    var _a, _b, _c, _d;
+    let start_date = item._extend.startDate.format("YYYY-MM-DD");
+    let end_date = item._extend.endDate.format("YYYY-MM-DD");
+    let end_time = item._extend.endDate.format("HH:mm");
     let start_time = item._extend.startDate.format("HH:mm");
     if ((0, import_utils.isNowTime)(item._extend.start_time)) {
       start_time = (0, import_utils.getNowTime)();
     }
-    const total = Number(item._extend.total);
-    const origin_total = Number(item._extend.origin_total);
-    const discount_amount = origin_total - total;
-    const discount_type = discount_amount < 0 ? "change_price" : "discount";
+    if (isDay) {
+      const startDate = ((_a = item._extend) == null ? void 0 : _a.startDate) || ((_b = item._extend) == null ? void 0 : _b.start_date);
+      const endDate = ((_c = item._extend) == null ? void 0 : _c.endDate) || ((_d = item._extend) == null ? void 0 : _d.end_date);
+      const { startDateTime, endDateTime } = (0, import_utils4.formatDayTime)({ startDate, endDate });
+      start_date = (0, import_dayjs.default)(startDateTime).format("YYYY-MM-DD");
+      start_time = (0, import_dayjs.default)(startDateTime).format("HH:mm");
+      end_date = (0, import_dayjs.default)(endDateTime).format("YYYY-MM-DD");
+      end_time = (0, import_dayjs.default)(endDateTime).format("HH:mm");
+      dayParams.relation_products = (item == null ? void 0 : item.relation_products) || [];
+      dayParams.holder = formatHolders(data, item, values);
+      dayParams.duration = (0, import_utils3.getDays)({ _extend: { start_date: startDateTime, end_date: endDateTime } }, "minutes");
+    }
+    if (isEvent) {
+      dayParams.holder = formatHolders(data, item, values);
+    }
     return {
-      "product": {
-        "num": item._extend.quantity,
-        "price": item._extend.price,
-        "product_id": item.id,
-        "discount_amount": discount_amount,
-        "product_discount_reason": item._extend.discount_reason || "",
-        "is_charge_tax": item.is_charge_tax,
-        "note": "",
-        "discountway": item._extend.discountway || "num",
-        "discount_per": item._extend.discount_per,
-        "discount_type": item._extend.discount_type || discount_type,
-        "order_detail_id": item._extend.order_detail_id || 0,
-        "product_bundle": formatProductBundle((_b = (_a = item._extend) == null ? void 0 : _a.other) == null ? void 0 : _b.bundle),
-        "bundle_edit": item._extend.bundle_edit
-      },
+      "product": formatProducts(item),
       "relation_products": formatRelationDetails(item._extend.relation_details),
       "id": item.booking_id || 0,
       "relation_id": item._extend.relation_id || 0,
@@ -154,22 +270,35 @@ var formatBookings = (data) => {
       "is_all": false,
       "schedule_id": item._extend.schedule_id || 0,
       "end_time": end_time,
-      "sub_type": getSubType(item),
+      "sub_type": isDay ? "days" : getSubType(item),
       "select_date": start_date,
       "start_time": start_time,
       "end_date": end_date,
       "start_date": start_date,
-      "duration": import_utils.flexibleObj.getValue(item._extend.duration),
+      "duration": isDay ? 0 : import_utils.flexibleObj.getValue(item._extend.duration),
       "number": item._extend.capacity ? (0, import_utilsByBooking.getSumCapacity)({ cacheItem: item }) : item._extend.number || 1,
       "resources": formatResource(item),
-      "metadata": item._extend.capacity ? {
-        capacity: item._extend.capacity
-      } : void 0,
-      ...eventOtherParams || {}
+      "metadata": formatMetaData(item),
+      ...eventOtherParams || {},
+      ...dayParams
     };
   });
+  debugger;
   return bookings;
 };
+var formatRelationProducts = (data) => {
+  var _a;
+  let list = ((_a = data.service) == null ? void 0 : _a.value) || [];
+  list = list.filter((item) => {
+    var _a2;
+    return !((_a2 = item._extend) == null ? void 0 : _a2.holder_id);
+  });
+  let relationProducts = [];
+  relationProducts = list.map((item) => {
+    return formatProducts(item);
+  });
+  return relationProducts || [];
+};
 var formatHolder = (state, values) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const form_id = ((_d = (_c = (_b = (_a = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a.config) == null ? void 0 : _b.basic) == null ? void 0 : _c.appointment_subject) == null ? void 0 : _d.form_id) || 0;
@@ -196,9 +325,13 @@ var formatValues = (state) => {
     bookings: [],
     customer_id: 1,
     customer_name: "",
-    holder: {}
+    holder: {},
+    relation_products: [],
+    metadata: {}
   };
-  if (!state.bookingId) {
+  const isDay = (0, import_utils4.isDaysBooking)(state);
+  const isEvent = (0, import_utils4.isEventBooking)(state);
+  if (!state.bookingId || isDay) {
     values.shop_note = formatNote(state);
   }
   if (state.bookingId) {
@@ -214,12 +347,21 @@ var formatValues = (state) => {
     ...customer
   };
   values.holder = formatHolder(state, values);
-  values.bookings = formatBookings(state);
+  if (isDay) {
+    values.relation_products = formatRelationProducts(state);
+  }
+  if (isEvent) {
+    values.relation_products = formatRelationProducts(state);
+  }
+  values.bookings = formatBookings(state, values);
   if (((_c = (_b = values == null ? void 0 : values.bookings) == null ? void 0 : _b[0]) == null ? void 0 : _c.select_date) && !(state == null ? void 0 : state.bookingId)) {
     let startTime = `${(_e = (_d = values == null ? void 0 : values.bookings) == null ? void 0 : _d[0]) == null ? void 0 : _e.start_time}`;
     startTime = `${startTime || "00:00"}:00`;
     values.schedule_date = `${values.bookings[0].select_date} ${startTime}`;
   }
+  if (isDay) {
+    values.metadata.is_multiday_appointment = 1;
+  }
   return values;
 };
 // Annotate the CommonJS export names for ESM import in node:

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

@@ -49,6 +49,11 @@ var AddServiceVariant = (props) => {
         service: { ...stateRef.current.service, ...payload }
       });
     }
+    if (type === "setDate") {
+      setGlobalState({
+        date: { ...stateRef.current.date, ...payload }
+      });
+    }
   };
   let Cpt = import_addService.default;
   if ((0, import_utils.isBooking4Shop)(

package/lib/components/booking/info/clientVariant/vertical/SelectDrawer.d.ts

@@ -19,6 +19,7 @@ interface SelectDrawerProps {
     modalOpen: boolean;
     franchiseeLoading?: number;
     showHeader?: boolean;
+    showWalkIn?: boolean;
 }
 declare const _default: React.ForwardRefExoticComponent<SelectDrawerProps & React.RefAttributes<unknown>>;
 export default _default;

package/lib/components/booking/info/clientVariant/vertical/SelectDrawer.js

@@ -108,12 +108,16 @@ var SelectDrawer = (props, ref) => {
     handleAddPet,
     modalOpen,
     franchiseeLoading,
-    showHeader
+    showHeader,
+    showWalkIn
   } = props;
   const form = (formData == null ? void 0 : formData[0]) || {};
   const valList = (childrenValue == null ? void 0 : childrenValue[form.id]) || defaultArr;
   const [_value, setValue] = (0, import_react.useState)(valList);
   const clientRef = (0, import_react.useRef)();
+  const searchRef = (0, import_react.useRef)();
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [search, setSearch] = (0, import_react.useState)("");
   (0, import_react.useEffect)(() => {
     setValue(
       valList.map((item) => ({
@@ -121,10 +125,7 @@ var SelectDrawer = (props, ref) => {
         id: item.id || item.form_record_id
       }))
     );
-  }, [valList]);
-  const searchRef = (0, import_react.useRef)();
-  const [open, setOpen] = (0, import_react.useState)(false);
-  const [search, setSearch] = (0, import_react.useState)("");
+  }, [valList, open]);
   (0, import_react.useEffect)(() => {
     if (!modalOpen) {
       setOpen(false);
@@ -317,7 +318,7 @@ var SelectDrawer = (props, ref) => {
         title: import_utils.locales.getText("pisell2.text.create-new-customer"),
         onClick: handleAddClient
       }
-    ), /* @__PURE__ */ import_react.default.createElement(
+    ), showWalkIn ? /* @__PURE__ */ import_react.default.createElement(
       ActionItem,
       {
         title: "Walk-In",
@@ -326,7 +327,7 @@ var SelectDrawer = (props, ref) => {
           closeDrawer();
         }
       }
-    )), /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, { spinning: !!loading, delay: 500 }, !!options.length ? options.map((item) => {
+    ) : null), /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, { spinning: !!loading, delay: 500 }, !!options.length ? options.map((item) => {
       var _a;
       return /* @__PURE__ */ import_react.default.createElement(
         "div",

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

@@ -32,32 +32,36 @@ __export(vertical_exports, {
   default: () => vertical_default
 });
 module.exports = __toCommonJS(vertical_exports);
-var import_react = __toESM(require("react"));
-var import_User01 = __toESM(require("@pisell/icon/es/User01"));
 var import_PlusCircle = __toESM(require("@pisell/icon/es/PlusCircle"));
-var import_antd = require("antd");
+var import_User01 = __toESM(require("@pisell/icon/es/User01"));
 var import_utils = require("@pisell/utils");
 var import_ahooks = require("ahooks");
+var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_pet = __toESM(require("../../pet"));
 var import_useClientFn = __toESM(require("../hooks/useClientFn"));
 var import_SelectDrawer = __toESM(require("./SelectDrawer"));
-var import_pet = __toESM(require("../../pet"));
-var import_index = require("./index.less");
 var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
 var import_format = require("../../../forms/format");
-var import_utils2 = require("../../utils");
-var import_utils3 = require("../../../utils");
+var import_utils2 = require("../../../utils");
+var import_model = require("../../model");
+var import_ChangePetModal = __toESM(require("../../pet/ChangePetModal"));
+var import_utils3 = require("../../service2/utils");
+var import_utils4 = require("../../utils");
+var import_index = require("./index.less");
 var VerticalClient = (0, import_react.forwardRef)((props, ref) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I;
   const { globalState, setGlobalState } = props;
   const modalRef = (0, import_react.useRef)();
   const state = globalState;
   const stateRef = (0, import_react.useRef)(state);
   const prevCustomerId = (0, import_react.useRef)(null);
+  const changePetRef = (0, import_react.useRef)(null);
   const context = (0, import_useEngineContext.default)();
   const [isHasFormRecord, setIsHasFormRecord] = (0, import_react.useState)(true);
   const isFranchisee = (_d = (_c = (_b = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.businessUtils) == null ? void 0 : _c.getAppByModal) == null ? void 0 : _d.call(_c, "franchisee");
-  import_utils3.request.setRequest(context.appHelper.utils.request);
+  import_utils2.request.setRequest(context.appHelper.utils.request);
   state.isFranchisee = isFranchisee;
   stateRef.current = state;
   const {
@@ -88,9 +92,10 @@ var VerticalClient = (0, import_react.forwardRef)((props, ref) => {
       });
     }
   });
+  console.log("state.modalOpen", state.modalOpen);
   const renderList = (0, import_react.useMemo)(() => {
     let _list = [...state.client.clients];
-    return (0, import_utils2.moveItemToFront)(_list, state.client.value.id);
+    return (0, import_utils4.moveItemToFront)(_list, state.client.value.id);
   }, [state.client.clients, state.client.value.id]);
   const handleClose = () => {
     setTimeout(() => {
@@ -108,6 +113,14 @@ var VerticalClient = (0, import_react.forwardRef)((props, ref) => {
         }
       });
     }
+    if (type === "setService") {
+      setGlobalState({
+        service: {
+          ...stateRef.current.service,
+          ...payload
+        }
+      });
+    }
   };
   const boardConfig = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2;
@@ -128,6 +141,18 @@ var VerticalClient = (0, import_react.forwardRef)((props, ref) => {
     state == null ? void 0 : state.modalOpen
   ]);
   const handleSelectPet = (val) => {
+    var _a2, _b2;
+    if ((0, import_utils3.isDayBooking)(state)) {
+      const { ids, lists } = (0, import_utils3.isOpenDeletePet)(state, val);
+      if ((ids == null ? void 0 : ids.length) > 0 && (lists == null ? void 0 : lists.length) > 0) {
+        (_b2 = changePetRef.current) == null ? void 0 : _b2.open({
+          ids,
+          setGlobalState,
+          service: ((_a2 = state.service) == null ? void 0 : _a2.value) || [],
+          state
+        });
+      }
+    }
     setGlobalState({
       pet: {
         ...state.pet,
@@ -259,7 +284,7 @@ var VerticalClient = (0, import_react.forwardRef)((props, ref) => {
   }, [isWalkIn, formId, (_q = state.client.value) == null ? void 0 : _q.id, currentPetValue, boardConfig]);
   const petRender = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2;
-    if ((state == null ? void 0 : state.disabledEdit) || boardConfig.type !== "form") {
+    if (((state == null ? void 0 : state.disabledEdit) || boardConfig.type !== "form") && !(0, import_utils3.isDayBooking)(state)) {
       return null;
     }
     return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, !(currentPetValue == null ? void 0 : currentPetValue.length) && !isHasFormRecord && !isWalkIn && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
@@ -324,7 +349,8 @@ var VerticalClient = (0, import_react.forwardRef)((props, ref) => {
     handleAddPet,
     currentPetValue,
     formId,
-    (_x = (_w = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _w.holder) == null ? void 0 : _x.data_range
+    (_x = (_w = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _w.holder) == null ? void 0 : _x.data_range,
+    (_y = state.service) == null ? void 0 : _y.value
   ]);
   const handleOpenClient = () => {
     if (!isWalkIn || (state == null ? void 0 : state.disableEventBookingEdit)) {
@@ -340,6 +366,55 @@ var VerticalClient = (0, import_react.forwardRef)((props, ref) => {
       setSearch: (_b2 = modalRef.current) == null ? void 0 : _b2.setSearch
     };
   });
+  const isOpenDeleteProduct = (0, import_react.useMemo)(() => {
+    if (!(0, import_utils3.isDayBooking)(state))
+      return false;
+    const pets = (0, import_utils3.getPets)(state);
+    const appointmentServices = (0, import_utils3.getAppointmentService)(state);
+    if ((pets == null ? void 0 : pets.length) && ((appointmentServices == null ? void 0 : appointmentServices.length) || (0, import_utils3.isEventBooking)(state))) {
+      return true;
+    }
+    return false;
+  }, [state]);
+  const _handleSelectClient = async (e) => {
+    var _a2, _b2, _c2, _d2, _e2;
+    handleSelectClient(e);
+    if ((0, import_utils3.isDayBooking)(state)) {
+      let _value = (e == null ? void 0 : e[e.length - 1]) || import_model.walkInData;
+      if (_value.loading) {
+        return;
+      }
+      if ((0, import_utils3.isDayBooking)(state) && ((_b2 = (_a2 = state == null ? void 0 : state.service) == null ? void 0 : _a2.value) == null ? void 0 : _b2.length) > 0 && ((_c2 = state.client.value) == null ? void 0 : _c2.id) !== (_value == null ? void 0 : _value.id)) {
+        const _state = {
+          ...state,
+          client: {
+            ...state.client,
+            value: {
+              ..._value,
+              name: getNickname(_value)
+            }
+          }
+        };
+        if (isOpenDeleteProduct) {
+          (_e2 = changePetRef.current) == null ? void 0 : _e2.open({
+            setGlobalState,
+            service: ((_d2 = state.service) == null ? void 0 : _d2.value) || [],
+            state,
+            source: "changeClient"
+          });
+        }
+        const services = await (0, import_utils3.updateServicePrice)(_state);
+        console.log(services, state, _value, isOpenDeleteProduct, "wh98797686");
+        setGlobalState({
+          service: {
+            ...stateRef.current.service,
+            value: services,
+            edit: true
+          }
+        });
+      }
+    }
+  };
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -359,11 +434,11 @@ var VerticalClient = (0, import_react.forwardRef)((props, ref) => {
         import_antd.Avatar,
         {
           className: "pisell-lowcode__booking-client-avatar",
-          src: import_utils.image.ali((_y = state.client.value) == null ? void 0 : _y.cover, 100),
+          src: import_utils.image.ali((_z = state.client.value) == null ? void 0 : _z.cover, 100),
           size: 64,
           icon: /* @__PURE__ */ import_react.default.createElement(import_User01.default, { className: "pisell-lowcode__booking-client-list-item-avatar-icon" })
         }
-      ), isWalkIn ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-desc" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-title" }, import_utils.locales.getText("pisell2.text.add-client")), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, import_utils.locales.getText("pisell2.text.leave-empty-for-walk-in"))) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-title" }, getNickname(state.client.value)), ((_z = state.client.value) == null ? void 0 : _z.email) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, (_A = state.client.value) == null ? void 0 : _A.email) : null, ((_B = state.client.value) == null ? void 0 : _B.phone) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, (_C = state.client.value) == null ? void 0 : _C.phone) : null), !isWalkIn && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-action-wrap" }, !state.disabledEdit && /* @__PURE__ */ import_react.default.createElement(
+      ), isWalkIn ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-desc" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-title" }, import_utils.locales.getText("pisell2.text.add-client")), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, import_utils.locales.getText("pisell2.text.leave-empty-for-walk-in"))) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-title" }, getNickname(state.client.value)), ((_A = state.client.value) == null ? void 0 : _A.email) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, (_B = state.client.value) == null ? void 0 : _B.email) : null, ((_C = state.client.value) == null ? void 0 : _C.phone) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, (_D = state.client.value) == null ? void 0 : _D.phone) : null), !isWalkIn && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-action-wrap" }, !state.disabledEdit && /* @__PURE__ */ import_react.default.createElement(
         import_antd.Dropdown.Button,
         {
           menu: {
@@ -414,24 +489,26 @@ var VerticalClient = (0, import_react.forwardRef)((props, ref) => {
         showHeader: !state.isBookingCreatePage,
         modalOpen: state.modalOpen,
         loading,
-        autoFocus: !((_F = (_E = (_D = context == null ? void 0 : context.appHelper) == null ? void 0 : _D.utils) == null ? void 0 : _E.isTerminal) == null ? void 0 : _F.call(_E)),
+        autoFocus: !((_G = (_F = (_E = context == null ? void 0 : context.appHelper) == null ? void 0 : _E.utils) == null ? void 0 : _F.isTerminal) == null ? void 0 : _G.call(_F)),
         ref: modalRef,
         onClose: handleClose,
-        handleSelectClient,
+        handleSelectClient: _handleSelectClient,
         handleCreateItem,
         childrenValue: state.pet.value,
         handleSelectPet,
         formData: state.pet.formData,
         searchChange,
         options: renderList,
-        holder: (_G = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _G.holder,
-        client: (_H = state == null ? void 0 : state.client) == null ? void 0 : _H.value,
+        holder: (_H = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _H.holder,
+        client: (_I = state == null ? void 0 : state.client) == null ? void 0 : _I.value,
         loadMore,
         showPet: (boardConfig == null ? void 0 : boardConfig.type) === "form",
         handleAddPet,
-        franchiseeLoading
+        franchiseeLoading,
+        showWalkIn: !(0, import_utils3.isDayBooking)(state)
       }
-    )
+    ),
+    /* @__PURE__ */ import_react.default.createElement(import_ChangePetModal.default, { ref: changePetRef })
   );
 });
 var vertical_default = VerticalClient;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import './index.less';
+export declare const disabledDate: (current: any, position: any, currentDate: any) => any;
+declare const DateRange: ({ state, dispatch, key }: any) => React.JSX.Element;
+export default DateRange;