@pisell/private-materials 6.0.24 → 6.1.1

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

@@ -32,33 +32,36 @@ __export(main_exports, {
   default: () => main_default
 });
 module.exports = __toCommonJS(main_exports);
+var import_utils = require("@pisell/utils");
 var import_react = __toESM(require("react"));
-var import_model = require("./model");
-var import_client = __toESM(require("./client"));
-var import_service = __toESM(require("./service"));
-var import_pet = __toESM(require("./pet"));
-var import_date = __toESM(require("./date"));
 var import_footer = __toESM(require("../components/footer"));
 var import_tabPane = __toESM(require("../components/tabPane"));
+var import_locales = __toESM(require("../locales"));
 var import_addNote = __toESM(require("../notes/addNote"));
+var import_client = __toESM(require("./client"));
+var import_date = __toESM(require("./date"));
 var import_header = __toESM(require("./header"));
-var import_locales = __toESM(require("../locales"));
-var import_utils = require("@pisell/utils");
-var import_utils2 = require("../utils");
-var import_date2 = require("./date");
-var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
-var import_notes = __toESM(require("./notes"));
-var import_index = require("./index.less");
-var import_classnames = __toESM(require("classnames"));
+var import_model = require("./model");
+var import_pet = __toESM(require("./pet"));
+var import_service = __toESM(require("./service"));
 var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
 var import_useCreateBookingPageHeader = __toESM(require("../hooks/useCreateBookingPageHeader"));
+var import_utils2 = require("../utils");
+var import_date2 = require("./date");
 var import_locales2 = require("../../../utils/locales");
+var import_index = require("./index.less");
+var import_notes = __toESM(require("./notes"));
+var import_service2 = require("./service2");
+var import_utils3 = require("./service2/utils");
 var defaultModules = {
   client: 1,
   date: 1,
   service: 1,
   holder: 1,
-  note: 1
+  note: 1,
+  service2: 0
 };
 import_utils.locales.init(import_locales.default, (0, import_locales2.getLocale)());
 var Info = (0, import_model.Provider)((props) => {
@@ -97,10 +100,11 @@ var Info = (0, import_model.Provider)((props) => {
         ...globalState,
         isTerminal: (_g2 = (_f2 = (_e2 = context == null ? void 0 : context.appHelper) == null ? void 0 : _e2.utils) == null ? void 0 : _f2.isTerminal) == null ? void 0 : _g2.call(_f2),
         isFranchisee,
-        timezone: (_m = (_l = (_k = (_j = (_i2 = (_h2 = context == null ? void 0 : context.appHelper) == null ? void 0 : _h2.utils) == null ? void 0 : _i2.store) == null ? void 0 : _j.getState()) == null ? void 0 : _k.global) == null ? void 0 : _l.globalConfig) == null ? void 0 : _m.timezone
+        timezone: (_m = (_l = (_k = (_j = (_i2 = (_h2 = context == null ? void 0 : context.appHelper) == null ? void 0 : _h2.utils) == null ? void 0 : _i2.store) == null ? void 0 : _j.getState()) == null ? void 0 : _k.global) == null ? void 0 : _l.globalConfig) == null ? void 0 : _m.timezone,
+        isDayBooking: (globalState == null ? void 0 : globalState.renderType) === "dayBooking"
       }
     });
-  }, [JSON.stringify(globalState)]);
+  }, [globalState]);
   const addNote = (e) => {
     modal.dispatch({
       type: "setNotes",
@@ -122,11 +126,17 @@ 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.isEventBooking)(modal.state)) {
+      return null;
+    }
+    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,
@@ -136,7 +146,10 @@ var Info = (0, import_model.Provider)((props) => {
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, !!modal.state.setGlobalState ? /* @__PURE__ */ import_react.default.createElement(
     import_tabPane.default,
     {
-      style,
+      style: {
+        ...style,
+        height: ((_h = (_g = context == null ? void 0 : context.appHelper) == null ? void 0 : _g.utils) == null ? void 0 : _h.isMobile) ? "100%" : "100vh"
+      },
       header,
       footer: /* @__PURE__ */ import_react.default.createElement(
         import_footer.default,
@@ -146,12 +159,9 @@ var Info = (0, import_model.Provider)((props) => {
           source: "info"
         }
       ),
-      style: {
-        height: ((_h = (_g = context == null ? void 0 : context.appHelper) == null ? void 0 : _g.utils) == null ? void 0 : _h.isMobile) ? "100%" : "100vh"
-      },
       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(
@@ -164,6 +174,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/notes/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Notes: () => JSX.Element | null;
 export default Notes;

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,121 @@
+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, source } = params;
+    let _service = [...service || []];
+    if (source === "changeClient") {
+      if (type === "ok") {
+        _service = _service == null ? void 0 : _service.filter(
+          (item) => !import_status.appointmentTypes.includes(item.extension_type)
+        );
+      } else {
+        _service = [];
+      }
+    } else {
+      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.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import './index.less';
 import { InfoProps } from '../../forms/forms';
+import './index.less';
 interface PetProps {
     state?: any;
     dispatch?: any;

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

@@ -32,17 +32,23 @@ __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 import_useAddHolder = __toESM(require("../hooks/useAddHolder"));
+var import_useGetHolderList = __toESM(require("../hooks/useGetHolderList"));
+var import_dayjs = __toESM(require("dayjs"));
+var import_date = require("../../../../utils/date");
 var defaultParams = {
   skip: 1,
   num: 20,
@@ -65,14 +71,19 @@ 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 { waiverForm } = (0, import_useAddHolder.default)(state, dispatch);
+  const { isMinorAndWaiver } = (0, import_useAddHolder.useFormDataConfig)(state);
+  const getHolders = (0, import_useGetHolderList.default)(state, dispatch);
+  console.log("waiver", props, state);
   const boardParams = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2;
     return ((_c2 = (_b2 = (_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.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 +92,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 +102,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,
@@ -106,7 +117,14 @@ var Pet = (props) => {
       if (_params.skip === 1) {
         _list = (data == null ? void 0 : data.list) || [];
       } else {
-        _list = _list.concat((data == null ? void 0 : data.list) || []);
+        ((data == null ? void 0 : data.list) || []).forEach((item) => {
+          const index = _list.findIndex((old) => old.id === item.id);
+          if (index > -1) {
+            _list[index] = item;
+          } else {
+            _list.push(item);
+          }
+        });
       }
       setParams({
         ...params,
@@ -131,8 +149,8 @@ var Pet = (props) => {
     setLoading(false);
   };
   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);
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
+    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;
     }
@@ -145,16 +163,28 @@ var Pet = (props) => {
             options
           }
         ],
-        pets: options
+        pets: options,
+        holders: [options[0], ...(_g2 = state.pet) == null ? void 0 : _g2.holders]
       }
     });
   };
   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 +212,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 +238,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 +276,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 +293,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 +305,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;
@@ -334,7 +369,7 @@ var Pet = (props) => {
   const addCallback = (0, import_ahooks.useMemoizedFn)((_params) => {
     var _a2, _b2;
     let _formData = (_b2 = (_a2 = state.pet) == null ? void 0 : _a2.formData) == null ? void 0 : _b2[0];
-    getFormData({ formData: _formData }, _params);
+    getFormData({ formData: _formData }, _params || params);
   });
   const searchChange = (0, import_ahooks.useMemoizedFn)((keyword) => {
     let _params = {
@@ -362,24 +397,84 @@ 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]);
-  return (0, import_react.useMemo)(() => {
+  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]);
+  const ignoreValidity = (0, import_react.useMemo)(() => {
     var _a2;
+    return !((_a2 = petForm == null ? void 0 : petForm.setting) == null ? void 0 : _a2.validity) || petForm.setting.validity.type === "no_expiry";
+  }, [petForm]);
+  const getExpireStatus = (expiredAt) => {
+    if (ignoreValidity || !expiredAt) return null;
+    const now = (0, import_dayjs.default)();
+    const expireDate = (0, import_dayjs.default)(expiredAt).endOf("day");
+    const diffDays = expireDate.diff(now, "day");
+    let cnDate = "YYYY-MM-DD";
+    let enDate = "DD/MM/YYYY";
+    const formattedDate = (0, import_date.formatDate)(expireDate, cnDate, enDate);
+    if (now.isAfter(expireDate)) {
+      return /* @__PURE__ */ import_react.default.createElement("div", { style: { color: "#999999", fontSize: "14px", lineHeight: "20px" } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, { color: "red", style: { borderRadius: 16, marginRight: 8 } }, import_utils.locales.getText("pisell2.text.status.expired")), import_utils.locales.getText("pisell2.text.validity.expired")(formattedDate));
+    }
+    if (diffDays < 7) {
+      return /* @__PURE__ */ import_react.default.createElement("div", { style: { color: "#FFA940", fontSize: "14px", lineHeight: "20px" } }, import_utils.locales.getText("pisell2.text.validity.expiring_soon")(
+        formattedDate
+      ));
+    }
+    return /* @__PURE__ */ import_react.default.createElement("div", { style: { color: "#999999", fontSize: "14px", lineHeight: "20px" } }, import_utils.locales.getText("pisell2.text.validity.valid_through")(formattedDate));
+  };
+  return (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2;
+    let canEdit = true;
+    if ((_a2 = petForm == null ? void 0 : petForm.setting) == null ? void 0 : _a2.permissions) {
+      const { staff = [] } = ((_b2 = petForm == null ? void 0 : petForm.setting) == null ? void 0 : _b2.permissions) || {};
+      canEdit = staff.includes("edit");
+    }
     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(
       import_forms.default,
       {
+        isMinorAndWaiver,
+        waiverForm,
         hideTitle,
         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) || []]);
+          var _a3, _b3, _c3;
+          setPetOptions([
+            { ...data, form_id: formDataConfig == null ? void 0 : formDataConfig.form_id },
+            ...((_c3 = (_b3 = (_a3 = state.pet) == null ? void 0 : _a3.formData) == null ? void 0 : _b3[0]) == null ? void 0 : _c3.options) || []
+          ]);
+        },
+        drawerProps: {
+          mask: state.drawerMask
         },
+        getHolders,
+        addCallbackService: addCallback,
         loading: valueLoading,
         forms: state.pet.formData,
         action: state.action,
         modalOpen: state.modalOpen,
         value: state.pet.value,
         onChange: onValueChange,
-        client: (_a2 = state.client) == null ? void 0 : _a2.value,
+        client: (_c2 = state.client) == null ? void 0 : _c2.value,
         customSelectProps: {
           loading,
           handleViewItem,
@@ -397,9 +492,11 @@ var Pet = (props) => {
             return true;
           },
           handleOpenModal,
-          previewItemTitleRender
+          previewItemTitleRender,
+          ...dayCustomSelect
         },
         optionRender: (item) => {
+          console.log("waiver", petForm, item);
           return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
             import_antd.Avatar,
             {
@@ -407,7 +504,7 @@ var Pet = (props) => {
               src: item.cover,
               icon: /* @__PURE__ */ import_react.default.createElement(import_User01.default, { className: "pisell-lowcode__booking-pet-list-item-avatar-icon" })
             }
-          ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-info-name" }, item.main_field), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-info-desc" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, item.key_age))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-actions" }, /* @__PURE__ */ import_react.default.createElement(
+          ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-info-name" }, item.main_field), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-info-desc" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, item.key_age)), /* @__PURE__ */ import_react.default.createElement("div", null, getExpireStatus(item.expired_at))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-actions" }, /* @__PURE__ */ import_react.default.createElement(
             "div",
             {
               className: "pisell-lowcode__booking-pet-list-item-actions-view",
@@ -418,7 +515,7 @@ var Pet = (props) => {
               }
             },
             import_utils.locales.getText("pisell2.text.view")
-          ), /* @__PURE__ */ import_react.default.createElement(
+          ), canEdit ? /* @__PURE__ */ import_react.default.createElement(
             "div",
             {
               className: "pisell-lowcode__booking-pet-list-item-actions-edit",
@@ -429,7 +526,7 @@ var Pet = (props) => {
               }
             },
             import_utils.locales.getText("pisell2.text.edit")
-          )));
+          ) : null));
         },
         addButtonProps: {
           style: { margin: 0 },
@@ -441,7 +538,7 @@ var Pet = (props) => {
           ...addButtonProps
         }
       }
-    )));
+    )), /* @__PURE__ */ import_react.default.createElement(import_ChangePetModal.default, { ref: changePetRef }));
   }, [
     valueLoading,
     hideTitle,
@@ -458,7 +555,10 @@ var Pet = (props) => {
     params.search,
     loadMore,
     addButtonProps,
-    state.isBookingCreatePage
+    state.isBookingCreatePage,
+    isMinorAndWaiver,
+    waiverForm,
+    petForm
   ]);
 };
 var pet_default = Pet;

package/lib/components/booking/info/pet/serve.d.ts

@@ -0,0 +1 @@
+export declare const getFormDetail: (id: number) => Promise<any>;