@pisell/private-materials 3.0.199 → 3.0.200

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

@@ -47,13 +47,16 @@ var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineCon
 var import_format = require("../../../forms/format");
 var import_utils2 = require("../../utils");
 var import_utils3 = require("../../../utils");
+var import_utils4 = require("../../service2/utils");
+var import_ChangePetModal = __toESM(require("../../pet/ChangePetModal"));
 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");
@@ -108,6 +111,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 +139,18 @@ var VerticalClient = (0, import_react.forwardRef)((props, ref) => {
     state == null ? void 0 : state.modalOpen
   ]);
   const handleSelectPet = (val) => {
+    var _a2, _b2;
+    if ((0, import_utils4.isDayBooking)(state)) {
+      const { ids, lists } = (0, import_utils4.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 +282,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_utils4.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 +347,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)) {
@@ -359,11 +383,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,7 +438,7 @@ 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,
@@ -424,14 +448,16 @@ var VerticalClient = (0, import_react.forwardRef)((props, ref) => {
         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_utils4.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;

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

@@ -0,0 +1,111 @@
+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)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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/info/dateRange/index.tsx
+var dateRange_exports = {};
+__export(dateRange_exports, {
+  default: () => dateRange_default,
+  disabledDate: () => disabledDate
+});
+module.exports = __toCommonJS(dateRange_exports);
+var import_react = __toESM(require("react"));
+var import_icons = require("@ant-design/icons");
+var import_classnames = __toESM(require("classnames"));
+var import_dayjs = __toESM(require("dayjs"));
+var import_materials = require("@pisell/materials");
+var import_index = require("./index.less");
+var disabledDate = (current, position, currentDate) => {
+  if (position === "start") {
+    return false;
+  }
+  if (position === "end" && current.endOf("day") && (currentDate == null ? void 0 : currentDate[0])) {
+    const endDisabled = currentDate == null ? void 0 : currentDate[0].add(8, "months").format("YYYY-MM-DD");
+    return (0, import_dayjs.default)(endDisabled) < current.startOf("day") || current.startOf("day") <= (currentDate == null ? void 0 : currentDate[0]);
+  }
+  return current && current <= (currentDate == null ? void 0 : currentDate[0]);
+};
+var DateRange = ({ state, dispatch, key }) => {
+  const [value, setValue] = (0, import_react.useState)([]);
+  (0, import_react.useEffect)(() => {
+    var _a, _b;
+    const lists = [(_a = state.date) == null ? void 0 : _a.value, (_b = state.date) == null ? void 0 : _b.end_date];
+    setValue(lists);
+    console.log("lists", lists);
+  }, [state.date]);
+  const dateChange = (e) => {
+    dispatch({
+      type: "setDate",
+      payload: {
+        value: e[0],
+        end_date: e[1],
+        edit: true
+      }
+    });
+  };
+  const formatLocale = (0, import_react.useMemo)(() => {
+    const locale = state == null ? void 0 : state.locale;
+    const isEn = locale === "en" || locale === "en-US";
+    const _format = isEn ? "DD/MM/YYYY" : "YYYY-MM-DD";
+    return _format;
+  }, [state == null ? void 0 : state.locale, state.date]);
+  return (0, import_react.useMemo)(() => {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)(
+          "pisell-lowcode__booking-service-header-date-range",
+          {
+            "pisell-lowcode__booking-service-header-date-range-terminal": state.isTerminalDayBookingPage
+          }
+        )
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_materials.Page, null, /* @__PURE__ */ import_react.default.createElement(
+        import_materials.DatePicker.RangePicker,
+        {
+          key,
+          inputReadOnly: true,
+          allowClear: false,
+          size: "large",
+          style: { width: "100%", padding: 0 },
+          suffixIcon: !state.disabledEdit ? /* @__PURE__ */ import_react.default.createElement(import_icons.CalendarOutlined, null) : null,
+          disabledDate,
+          value: [value[0], value[1]],
+          onChange: dateChange,
+          format: formatLocale,
+          isHideCustomSelect: true,
+          endDateDays: 1
+        }
+      ))
+    ));
+  }, [value, state.disabledEdit, state == null ? void 0 : state.locale]);
+};
+var dateRange_default = DateRange;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  disabledDate
+});

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

@@ -0,0 +1,21 @@
+.pisell-lowcode__booking-service-header-date-range {
+  flex: 1.1;
+  margin-top: 16px;
+
+  .pisell-date-range-picker > div > div {
+    height: 44px !important;
+    cursor: pointer !important;
+    input {
+      cursor: pointer;
+    }
+  }
+
+  .anticon-calendar {
+    font-size: 20px;
+    color: #667085;
+  }
+}
+
+.pisell-lowcode__booking-service-header-date-range-terminal {
+  margin-top: 0;
+}

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

@@ -51,13 +51,16 @@ var import_notes = __toESM(require("./notes"));
 var import_index = require("./index.less");
 var import_classnames = __toESM(require("classnames"));
 var import_antd = require("antd");
+var import_service2 = require("./service2");
+var import_utils3 = require("./service2/utils");
 var import_useCreateBookingPageHeader = __toESM(require("../hooks/useCreateBookingPageHeader"));
 var defaultModules = {
   client: 1,
   date: 1,
   service: 1,
   holder: 1,
-  note: 1
+  note: 1,
+  service2: 0
 };
 import_utils.locales.init(import_locales.default, localStorage.getItem("umi_locale") || "en");
 var Info = (0, import_model.Provider)((props) => {
@@ -121,11 +124,14 @@ var Info = (0, import_model.Provider)((props) => {
     globalState == null ? void 0 : globalState.renderType
   ]);
   const notes = (0, import_react.useMemo)(() => {
-    var _a2, _b2;
+    var _a2, _b2, _c2, _d2;
     if (!modules.note) {
       return null;
     }
-    return (globalState == null ? void 0 : globalState.bookingId) ? globalState.renderType === "eventBooking" || globalState.isBookingCreatePage ? /* @__PURE__ */ import_react.default.createElement(import_notes.default, null) : null : /* @__PURE__ */ import_react.default.createElement(import_addNote.default, { value: (_b2 = (_a2 = modal.state) == null ? void 0 : _a2.notes) == null ? void 0 : _b2.orderNote, onChange: addNote });
+    if ((0, import_utils3.isDayBooking)(globalState)) {
+      return /* @__PURE__ */ import_react.default.createElement(import_addNote.default, { value: (_b2 = (_a2 = modal.state) == null ? void 0 : _a2.notes) == null ? void 0 : _b2.orderNote, onChange: addNote });
+    }
+    return (globalState == null ? void 0 : globalState.bookingId) ? globalState.renderType === "eventBooking" || globalState.isBookingCreatePage ? /* @__PURE__ */ import_react.default.createElement(import_notes.default, null) : null : /* @__PURE__ */ import_react.default.createElement(import_addNote.default, { value: (_d2 = (_c2 = modal.state) == null ? void 0 : _c2.notes) == null ? void 0 : _d2.orderNote, onChange: addNote });
   }, [
     modules.note,
     globalState == null ? void 0 : globalState.bookingId,
@@ -150,7 +156,7 @@ var Info = (0, import_model.Provider)((props) => {
       },
       bodyClassName: (0, import_classnames.default)("booking-info-warp", {
         ["create-booking-page-info-wrap"]: isBookingCreatePage,
-        ["create-booking-page-info-wrap-create"]: isBookingCreatePageCreateMode
+        ["create-booking-page-info-wrap-create"]: isBookingCreatePageCreateMode && !(0, import_utils3.isTerminalDayBooking)(modal.state)
       })
     },
     /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-info" }, createHeader, modules.client ? /* @__PURE__ */ import_react.default.createElement(import_client.default, null) : null, modules.holder && !((_i = modal.state) == null ? void 0 : _i.disabledEdit) ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, params.type === "form" ? /* @__PURE__ */ import_react.default.createElement(import_pet.default, null) : null) : null, modules.date ? /* @__PURE__ */ import_react.default.createElement(import_date.default, null) : null, /* @__PURE__ */ import_react.default.createElement(
@@ -163,6 +169,7 @@ var Info = (0, import_model.Provider)((props) => {
         style: { paddingTop: 20 }
       },
       modules.service ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, modal.state.date.value ? /* @__PURE__ */ import_react.default.createElement(import_service.default, null) : null) : null,
+      modules.service2 ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, modal.state.date.value ? /* @__PURE__ */ import_react.default.createElement(import_service2.Service2Cart, null) : null) : null,
       notes,
       slot ? slot : null
     ))

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

@@ -76,6 +76,9 @@ var { Provider, Context } = (0, import_utils.miniRedux)({
         _val.disabledEdit = false;
       }
       state.setGlobalState(_val);
+    },
+    setActiveCartId(state, payload) {
+      state.setGlobalState(payload);
     }
   },
   reducers: {

package/lib/components/booking/info/pet/ChangePetModal/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const _default: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default _default;

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

@@ -0,0 +1,111 @@
+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)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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/info/pet/ChangePetModal/index.tsx
+var ChangePetModal_exports = {};
+__export(ChangePetModal_exports, {
+  default: () => ChangePetModal_default
+});
+module.exports = __toCommonJS(ChangePetModal_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_materials = require("@pisell/materials");
+var import_status = require("../../service2/status");
+var import_index = require("./index.less");
+var ChangePetModal = (props, ref) => {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [params, setParams] = (0, import_react.useState)({});
+  (0, import_react.useImperativeHandle)(ref, () => ({
+    open: (e) => {
+      setParams(e);
+      setOpen(true);
+    }
+  }));
+  const handleProduct = (type) => {
+    const { ids, service, dispatch, setGlobalState, state } = params;
+    let _service = [...service || []];
+    if (type === "ok") {
+      _service = _service == null ? void 0 : _service.map((item) => {
+        if (ids == null ? void 0 : ids.includes(item._extend.holder_id)) {
+          return {
+            ...item,
+            _extend: {
+              ...item._extend || {},
+              holder_id: 0
+            }
+          };
+        }
+        return item;
+      });
+      _service = _service.filter(
+        (item) => {
+          var _a;
+          return !(((_a = item == null ? void 0 : item._extend) == null ? void 0 : _a.holder_id) === 0 && import_status.appointmentTypes.includes(item.extension_type));
+        }
+      );
+    } else {
+      _service = _service.filter(
+        (item) => !ids.includes(item._extend.holder_id)
+      );
+    }
+    if (dispatch) {
+      dispatch({
+        type: "setService",
+        payload: {
+          value: [..._service],
+          edit: true
+        }
+      });
+    } else {
+      setGlobalState({
+        service: {
+          ...state.service,
+          edit: true,
+          value: [..._service]
+        }
+      });
+    }
+    setOpen(false);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellModal.Information,
+    {
+      open,
+      platform: "pc",
+      width: 432,
+      title: import_utils.locales.getText("pisell2.text.change.pet.title"),
+      describe: /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-change-pet-modal-content" }, /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.text.change.pet.content")), /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.text.change.pet.content1"))),
+      cancelText: import_utils.locales.getText("pisell2.text.change.pet.cancel"),
+      okText: import_utils.locales.getText("pisell2.text.change.pet.confirm"),
+      closable: true,
+      onOk: () => handleProduct("ok"),
+      onCancel: () => handleProduct("cancel")
+    }
+  );
+};
+var ChangePetModal_default = (0, import_react.forwardRef)(ChangePetModal);

package/lib/components/booking/info/pet/ChangePetModal/index.less

@@ -0,0 +1,4 @@
+.pisell2-change-pet-modal-content {
+  display: flex;
+  flex-direction: column;
+}

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

@@ -43,6 +43,8 @@ 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_utils3 = require("../../info/service2/utils");
+var import_ChangePetModal = __toESM(require("./ChangePetModal"));
 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)(() => {
@@ -208,10 +211,14 @@ 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_utils3.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,
@@ -272,27 +279,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)
@@ -363,6 +372,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_utils3.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(
@@ -372,7 +404,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,
@@ -398,7 +433,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(
@@ -442,7 +478,7 @@ var Pet = (props) => {
           ...addButtonProps
         }
       }
-    )));
+    )), /* @__PURE__ */ import_react.default.createElement(import_ChangePetModal.default, { ref: changePetRef }));
   }, [
     valueLoading,
     hideTitle,