@pisell/private-materials 6.0.25 → 6.1.2

package/lib/components/booking/info/hooks/useAddHolder.js

@@ -0,0 +1,145 @@
+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/hooks/useAddHolder.ts
+var useAddHolder_exports = {};
+__export(useAddHolder_exports, {
+  default: () => useAddHolder_default,
+  useFormDataConfig: () => useFormDataConfig
+});
+module.exports = __toCommonJS(useAddHolder_exports);
+var import_utils = require("../../utils");
+var import_react = require("react");
+var import_serve = require("../pet/serve");
+var import_useGetHolderList = __toESM(require("./useGetHolderList"));
+var import_utils2 = require("../service2/utils");
+var useFormDataConfig = (state) => {
+  var _a;
+  const formDataConfig = (0, import_react.useMemo)(() => {
+    var _a2, _b, _c;
+    let _holder = (_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.holder;
+    if (!_holder) {
+      return null;
+    }
+    return {
+      ..._holder,
+      ..._holder == null ? void 0 : _holder.form,
+      options: [],
+      form_id: (_b = _holder == null ? void 0 : _holder.form) == null ? void 0 : _b.id,
+      field: (_c = _holder == null ? void 0 : _holder.form) == null ? void 0 : _c.form_field,
+      relation_type: "appointment_booking",
+      form_record: []
+    };
+  }, [(_a = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a.holder]);
+  const isMinorAndWaiver = (0, import_react.useMemo)(() => {
+    var _a2;
+    if ((formDataConfig == null ? void 0 : formDataConfig.form_type) === "minors") {
+      const detail = formDataConfig == null ? void 0 : formDataConfig.form_field.find((item) => item.filed_type === "form_to_form" && item.status === "hide");
+      if (detail) {
+        return (_a2 = detail == null ? void 0 : detail.setting) == null ? void 0 : _a2.linkedTable;
+      }
+      return false;
+    }
+    return false;
+  }, [formDataConfig]);
+  return {
+    formDataConfig,
+    isMinorAndWaiver
+  };
+};
+var useAddHolder = (state, dispatch) => {
+  const [waiverForm, setWaiverForm] = (0, import_react.useState)(null);
+  const getHolders = (0, import_useGetHolderList.default)(state, dispatch);
+  const { formDataConfig, isMinorAndWaiver } = useFormDataConfig(state);
+  (0, import_react.useEffect)(() => {
+    if (isMinorAndWaiver) {
+      (0, import_serve.getFormDetail)(isMinorAndWaiver).then((res) => {
+        setWaiverForm(res);
+        dispatch({
+          type: "setPet",
+          payload: {
+            waiverForm: res
+          }
+        });
+      });
+    }
+  }, [isMinorAndWaiver]);
+  const handleAddHolder = (products, currentItem) => {
+    var _a, _b, _c, _d, _e;
+    let _data = {
+      formDataConfig: isMinorAndWaiver ? { ...waiverForm, customer_id: (_b = (_a = state.client) == null ? void 0 : _a.value) == null ? void 0 : _b.id, is_franchisor: formDataConfig.is_franchisor } : { ...formDataConfig }
+    };
+    const isWalkInBol = (0, import_utils.isWalkIn)((_d = (_c = state.client) == null ? void 0 : _c.value) == null ? void 0 : _d.id);
+    if (formDataConfig.data_range === "customer" && !isWalkInBol) {
+      _data.customerId = (_e = state.client) == null ? void 0 : _e.value.id;
+    }
+    state.action({
+      type: "pisell1.goCustomFormAddData",
+      data: _data,
+      callback: async (res) => {
+        var _a2, _b2;
+        let obj = {};
+        for (let item of res) {
+          obj[item.key] = item.value;
+        }
+        if (isMinorAndWaiver) {
+          const oldList = ((_a2 = state == null ? void 0 : state.pet) == null ? void 0 : _a2.holders) || [];
+          const formValue = ((_b2 = (obj["form_to_form_value"] || []).find((item) => item.form_id === formDataConfig.form_id)) == null ? void 0 : _b2.form_data_value) || [];
+          const selectId = Math.max(...formValue);
+          const oldDetail = oldList.find((item) => item.form_record_id === selectId);
+          await getHolders();
+          if (formValue.length && !oldDetail) {
+            const value = (0, import_utils2.handleChangeHolder)(products, currentItem, { id: selectId });
+            dispatch({
+              type: "setService",
+              payload: {
+                value
+              }
+            });
+          }
+        } else {
+          dispatch({
+            type: "setPet",
+            payload: {
+              holders: !isWalkInBol ? [obj, ...state.pet.holders] : state.pet.holders
+            }
+          });
+        }
+      }
+    });
+  };
+  return {
+    handleAddHolder,
+    waiverForm
+  };
+};
+var useAddHolder_default = useAddHolder;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useFormDataConfig
+});

package/lib/components/booking/info/hooks/useGetHolderList.d.ts

@@ -0,0 +1,2 @@
+declare const useGetHolderList: (state: any, dispatch: any) => () => Promise<void>;
+export default useGetHolderList;

package/lib/components/booking/info/hooks/useGetHolderList.js

@@ -0,0 +1,61 @@
+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/hooks/useGetHolderList.ts
+var useGetHolderList_exports = {};
+__export(useGetHolderList_exports, {
+  default: () => useGetHolderList_default
+});
+module.exports = __toCommonJS(useGetHolderList_exports);
+var import_ahooks = require("ahooks");
+var import_useHolderConfig = __toESM(require("./useHolderConfig"));
+var useGetHolderList = (state, dispatch) => {
+  const { holder, appointment_subject } = (0, import_useHolderConfig.default)(state);
+  const getHolders = (0, import_ahooks.useMemoizedFn)(async () => {
+    var _a, _b, _c, _d, _e;
+    if (holder.data_range === "customer" && !((_b = (_a = state.client) == null ? void 0 : _a.value) == null ? void 0 : _b.id)) {
+      return;
+    }
+    const params = {
+      form_id: appointment_subject.form_id,
+      source_shop_customer: (_c = holder == null ? void 0 : holder.form) == null ? void 0 : _c.is_franchisor,
+      customer_id: holder.data_range === "customer" ? (_e = (_d = state.client) == null ? void 0 : _d.value) == null ? void 0 : _e.id : void 0,
+      skip: 1,
+      num: 100
+    };
+    const data = await state.apis.getPetsData(params);
+    dispatch({
+      type: "setPet",
+      payload: {
+        holders: data.list
+      }
+    });
+  });
+  return getHolders;
+};
+var useGetHolderList_default = useGetHolderList;

package/lib/components/booking/info/hooks/useHolderConfig.d.ts

@@ -0,0 +1,9 @@
+declare const useHolderConfig: (state: any) => {
+    appointment_subject: any;
+    holder: any;
+    isFormSubject: boolean;
+    isCustomerSubject: boolean;
+    isWalkInBol: boolean;
+    isShowChangeHolder: boolean;
+};
+export default useHolderConfig;

package/lib/components/booking/info/hooks/useHolderConfig.js

@@ -0,0 +1,59 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/booking/info/hooks/useHolderConfig.ts
+var useHolderConfig_exports = {};
+__export(useHolderConfig_exports, {
+  default: () => useHolderConfig_default
+});
+module.exports = __toCommonJS(useHolderConfig_exports);
+var import_react = require("react");
+var import_utils = require("../../utils");
+var useHolderConfig = (state) => {
+  var _a, _b, _c, _d, _e, _f;
+  const appointment_subject = (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) || {};
+  }, [(_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]);
+  const holder = (0, import_react.useMemo)(() => {
+    var _a2;
+    return ((_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.holder) || {};
+  }, [(_d = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _d.holder]);
+  const isFormSubject = (0, import_react.useMemo)(() => {
+    return appointment_subject.type === "form";
+  }, [appointment_subject.type]);
+  const isWalkInBol = (0, import_react.useMemo)(() => {
+    var _a2, _b2;
+    return (0, import_utils.isWalkIn)((_b2 = (_a2 = state == null ? void 0 : state.client) == null ? void 0 : _a2.value) == null ? void 0 : _b2.id);
+  }, [(_f = (_e = state == null ? void 0 : state.client) == null ? void 0 : _e.value) == null ? void 0 : _f.id]);
+  const isCustomerSubject = (0, import_react.useMemo)(() => {
+    return appointment_subject.type === "customer";
+  }, [appointment_subject.type]);
+  const isShowChangeHolder = (0, import_react.useMemo)(() => {
+    return isFormSubject && !isWalkInBol;
+  }, [isFormSubject, isWalkInBol]);
+  return {
+    appointment_subject,
+    holder,
+    isFormSubject,
+    isCustomerSubject,
+    isWalkInBol,
+    isShowChangeHolder
+  };
+};
+var useHolderConfig_default = useHolderConfig;

package/lib/components/booking/info/hooks/useInfoHolder.d.ts

@@ -0,0 +1,9 @@
+import { EditServiceRef } from "../service/editService";
+declare const useInfoHolder: (state: any, dispatch: any) => {
+    detailRef: import("react").MutableRefObject<EditServiceRef | undefined>;
+    handleEdit: (cacheItem: any, type?: string) => void;
+    dispatchService: (type: string, payload: any) => void;
+    handleAction: (dataSource: any) => void;
+    showAddTimeModal: boolean;
+};
+export default useInfoHolder;

package/lib/components/booking/info/hooks/useInfoHolder.js

@@ -0,0 +1,93 @@
+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/hooks/useInfoHolder.ts
+var useInfoHolder_exports = {};
+__export(useInfoHolder_exports, {
+  default: () => useInfoHolder_default
+});
+module.exports = __toCommonJS(useInfoHolder_exports);
+var import_ahooks = require("ahooks");
+var import_react = require("react");
+var import_useHolderConfig = __toESM(require("./useHolderConfig"));
+var import_utils = require("../utils");
+var import_useGetHolderList = __toESM(require("./useGetHolderList"));
+var import_utils2 = require("../../info2/service/addService/utils");
+var useInfoHolder = (state, dispatch) => {
+  var _a, _b, _c, _d;
+  const detailRef = (0, import_react.useRef)();
+  const { holder, isFormSubject, appointment_subject } = (0, import_useHolderConfig.default)(state);
+  const getHolders = (0, import_useGetHolderList.default)(state, dispatch);
+  (0, import_react.useEffect)(() => {
+    if (isFormSubject) {
+      getHolders();
+    }
+  }, [appointment_subject, holder, (_b = (_a = state.client) == null ? void 0 : _a.value) == null ? void 0 : _b.id]);
+  const appointment_card = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2;
+    return ((_c2 = (_b2 = (_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.information_tab) == null ? void 0 : _c2.appointment_card) || {
+      quick_time: 1
+    };
+  }, [(_d = (_c = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _c.config) == null ? void 0 : _d.information_tab]);
+  const showAddTimeModal = (0, import_react.useMemo)(() => {
+    return (0, import_utils.isOpenAddTime)(state) && !state.isBookingTicket2;
+  }, [state, appointment_card.quick_time]);
+  const handleEdit = (0, import_ahooks.useMemoizedFn)((cacheItem, type) => {
+    var _a2, _b2;
+    console.time("handleEdit");
+    console.log(performance.now() - window.pp1, "打开商品4");
+    (_b2 = (_a2 = detailRef.current) == null ? void 0 : _a2.init) == null ? void 0 : _b2.call(_a2, cacheItem, false, type === "edit_product");
+  });
+  const dispatchService = (type, payload) => {
+    dispatch({
+      type,
+      payload: { ...payload }
+    });
+  };
+  const handleAction = (0, import_ahooks.useMemoizedFn)((dataSource) => {
+    const cacheItem = (0, import_utils2.getProductExtend)({
+      cacheItem: { ...dataSource._origin, new: 0 },
+      state
+    });
+    dispatch({
+      type: "setService",
+      payload: {
+        addTimeModal: true,
+        cacheItem
+      }
+    });
+  });
+  return {
+    detailRef,
+    handleEdit,
+    dispatchService,
+    handleAction,
+    showAddTimeModal
+  };
+};
+var useInfoHolder_default = useInfoHolder;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InfoProps } from './main';
 declare const APP: (props: InfoProps) => JSX.Element;
 export default APP;

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

@@ -37,13 +37,17 @@ var import_info2 = __toESM(require("../info2"));
 var import_main = __toESM(require("./main"));
 var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
 var import_utils = require("./utils");
+var import_antd = require("antd");
 var APP = (props) => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const context = (0, import_useEngineContext.default)();
-  if ((0, import_utils.isBooking4Shop)(
-    (_e = (_d = (_c = (_b = (_a = context.appHelper.utils.store) == null ? void 0 : _a.getState) == null ? void 0 : _b.call(_a)) == null ? void 0 : _c.global) == null ? void 0 : _d.globalConfig) == null ? void 0 : _e.id,
-    (_f = props == null ? void 0 : props.globalState) == null ? void 0 : _f.renderType
-  )) {
+  const { globalState } = props;
+  const shopId = ((_c = (_b = (_a = context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.getData) == null ? void 0 : _c.call(_b, "shop_id")) || ((_h = (_g = (_f = (_e = (_d = context.appHelper.utils.store) == null ? void 0 : _d.getState) == null ? void 0 : _e.call(_d)) == null ? void 0 : _f.global) == null ? void 0 : _g.globalConfig) == null ? void 0 : _h.id);
+  const isBooking4 = (0, import_utils.isBooking4Shop)(shopId, globalState == null ? void 0 : globalState.renderType);
+  if (!shopId) {
+    return /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: 16 } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, null));
+  }
+  if (isBooking4 && (!(globalState == null ? void 0 : globalState.bookingId) || (globalState == null ? void 0 : globalState.isParallelResourcesBooking))) {
     return /* @__PURE__ */ import_react.default.createElement(import_info2.default, { ...props });
   }
   return /* @__PURE__ */ import_react.default.createElement(import_main.default, { ...props });

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

@@ -104,7 +104,7 @@ var Info = (0, import_model.Provider)((props) => {
         isDayBooking: (globalState == null ? void 0 : globalState.renderType) === "dayBooking"
       }
     });
-  }, [JSON.stringify(globalState)]);
+  }, [globalState]);
   const addNote = (e) => {
     modal.dispatch({
       type: "setNotes",

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

@@ -79,6 +79,9 @@ var { Provider, Context } = (0, import_utils.miniRedux)({
     },
     setActiveCartId(state, payload) {
       state.setGlobalState(payload);
+    },
+    setAddons(state, payload) {
+      state.setGlobalState({ addons: { ...state.addons, ...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/index.js

@@ -45,6 +45,10 @@ 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,
@@ -70,6 +74,10 @@ var Pet = (props) => {
   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) || {};
@@ -109,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,
@@ -134,7 +149,7 @@ var Pet = (props) => {
     setLoading(false);
   };
   const setPetOptions = (options) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2;
+    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;
@@ -148,7 +163,8 @@ var Pet = (props) => {
             options
           }
         ],
-        pets: options
+        pets: options,
+        holders: [options[0], ...(_g2 = state.pet) == null ? void 0 : _g2.holders]
       }
     });
   };
@@ -353,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 = {
@@ -404,27 +420,61 @@ var Pet = (props) => {
     }
     return {};
   }, [state.renderType, state.service.value]);
-  return (0, import_react.useMemo)(() => {
+  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;
+          var _a3, _b3, _c3;
           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) || []
+            ...((_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,
@@ -446,6 +496,7 @@ var Pet = (props) => {
           ...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,
             {
@@ -453,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",
@@ -464,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",
@@ -475,7 +526,7 @@ var Pet = (props) => {
               }
             },
             import_utils.locales.getText("pisell2.text.edit")
-          )));
+          ) : null));
         },
         addButtonProps: {
           style: { margin: 0 },
@@ -504,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>;

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

@@ -0,0 +1,33 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/booking/info/pet/serve.ts
+var serve_exports = {};
+__export(serve_exports, {
+  getFormDetail: () => getFormDetail
+});
+module.exports = __toCommonJS(serve_exports);
+var import_utils = require("../../utils");
+var getFormDetail = async (id) => {
+  let { data } = await import_utils.request.getRequest().get(`/shop/form/${id}`);
+  return data;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getFormDetail
+});

package/lib/components/booking/info/service/Lists.d.ts

@@ -0,0 +1,2 @@
+declare const Lists: ({ onEdit, onChange, onAction, isParallelResource }: any) => JSX.Element;
+export default Lists;