@pisell/private-materials 6.0.24 → 6.1.1

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

@@ -44,14 +44,17 @@ var import_utils = require("@pisell/utils");
 var import_utils2 = require("../../utils");
 var import_serve = require("./serve");
 var import_ahooks = require("ahooks");
+var import_utils3 = require("../clientVariant/utils");
+var import_useGetHolderList = __toESM(require("../hooks/useGetHolderList"));
 var isLoadClient = false;
 var Client = () => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const modalRef = (0, import_react.useRef)();
   const [loadLoading, setLoadLoading] = (0, import_react.useState)(false);
   const [loading, setLoading] = (0, import_react.useState)(false);
   const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
   const [franchiseeLoading, setFranchiseeLoading] = (0, import_react.useState)(0);
+  const getHolders = (0, import_useGetHolderList.default)(state, dispatch);
   const [params, setParams] = (0, import_react.useState)({
     skip: 1,
     num: 10,
@@ -201,11 +204,13 @@ var Client = () => {
         if (data) {
           handleSelectClient([data]);
         }
+        getHolders();
         getClients({
           ...state.client.clientsParams,
           search: "",
           customer_id: data == null ? void 0 : data.id,
-          skip: 1
+          skip: 1,
+          sort_by: "id"
         });
       }
     });
@@ -218,13 +223,23 @@ var Client = () => {
         showAcceptsMarketing: false
       },
       callback: (customer_id, params2) => {
-        var _a2, _b2, _c2;
+        var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
+        const waiverForm = ((_d2 = (_c2 = (_b2 = (_a2 = state.client) == null ? void 0 : _a2.clients) == null ? void 0 : _b2[0].waiver_form) == null ? void 0 : _c2.map) == null ? void 0 : _d2.call(_c2, (item) => ({
+          ...item,
+          is_filled: 0
+        }))) || [];
         dispatch({
           type: "setClient",
           payload: {
             clients: [
-              ...((_a2 = params2 == null ? void 0 : params2[0]) == null ? void 0 : _a2.customer) ? [{ ...(_b2 = params2 == null ? void 0 : params2[0]) == null ? void 0 : _b2.customer, id: customer_id }] : [],
-              ...((_c2 = state.client) == null ? void 0 : _c2.clients) || []
+              ...((_e2 = params2 == null ? void 0 : params2[0]) == null ? void 0 : _e2.customer) ? [
+                {
+                  ...(_f2 = params2 == null ? void 0 : params2[0]) == null ? void 0 : _f2.customer,
+                  id: customer_id,
+                  waiver_form: waiverForm
+                }
+              ] : [],
+              ...((_g2 = state.client) == null ? void 0 : _g2.clients) || []
             ]
           }
         });
@@ -304,7 +319,8 @@ var Client = () => {
         isPreview: false,
         drawerProps: {
           title: import_utils.locales.getText("pisell2.text.select-customer"),
-          destroyOnClose: true
+          destroyOnClose: true,
+          mask: state.drawerMask
         },
         mode: "single",
         createItemText: import_utils.locales.getText("pisell2.text.create-new-customer"),
@@ -318,7 +334,28 @@ var Client = () => {
               src: import_utils.image.ali(item.cover, 100) || void 0,
               icon: /* @__PURE__ */ import_react.default.createElement(import_User01.default, { className: "pisell-lowcode__booking-client-list-item-avatar-icon" })
             }
-          ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info-name" }, getNickname(item)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info-desc" }, item.email ? /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, item.email) : null, item.phone ? /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, item.phone) : null)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-loading" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, { spinning: franchiseeLoading === item.id })));
+          ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info-name" }, getNickname(item)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info-desc" }, item.email ? /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, item.email) : null, item.phone ? /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, item.phone) : null), /* @__PURE__ */ import_react.default.createElement(
+            "div",
+            {
+              className: "pisell-lowcode__booking-client-list-item-info-waiver",
+              title: (0, import_utils3.getWaiverTitle)(item.waiver_form)
+            },
+            (item.waiver_form || []).map((item2) => {
+              return /* @__PURE__ */ import_react.default.createElement("span", null, item2.form_title, ":", item2.is_filled ? /* @__PURE__ */ import_react.default.createElement(
+                "span",
+                {
+                  className: "pisell-lowcode__booking-client-list-item-waiver-filled"
+                },
+                import_utils.locales.getText("pisell2.text.filled")
+              ) : /* @__PURE__ */ import_react.default.createElement(
+                "span",
+                {
+                  className: "pisell-lowcode__booking-client-list-item-waiver-not-filled"
+                },
+                import_utils.locales.getText("pisell2.text.not-filled")
+              ), ";", " ");
+            })
+          )), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-loading" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, { spinning: franchiseeLoading === item.id })));
         },
         searchChange,
         searchValue: params.search,
@@ -349,7 +386,34 @@ var Client = () => {
         icon: /* @__PURE__ */ import_react.default.createElement(import_User01.default, { className: "pisell-lowcode__booking-client-list-item-avatar-icon" })
       }
     ),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-left" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-name" }, getNickname(state.client.value)), isWalkIn ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-desc" }, import_utils.locales.getText("pisell2.text.leave-empty-for-walk-in")) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, ((_c = state.client.value) == null ? void 0 : _c.email) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-email" }, (_d = state.client.value) == null ? void 0 : _d.email) : null, ((_e = state.client.value) == null ? void 0 : _e.phone) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-phone" }, (_f = state.client.value) == null ? void 0 : _f.phone) : null)), !(state == null ? void 0 : state.disableEventBookingEdit) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-right" }, isWalkIn ? /* @__PURE__ */ import_react.default.createElement(import_PlusCircle.default, { className: "pisell-lowcode__booking-client-add-icon" }) : /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-left" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-name" }, getNickname(state.client.value)), isWalkIn ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-desc" }, import_utils.locales.getText("pisell2.text.leave-empty-for-walk-in")) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, ((_c = state.client.value) == null ? void 0 : _c.email) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-email" }, (_d = state.client.value) == null ? void 0 : _d.email) : null, ((_e = state.client.value) == null ? void 0 : _e.phone) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-phone" }, (_f = state.client.value) == null ? void 0 : _f.phone) : null, !!((_h = (_g = state.client.value) == null ? void 0 : _g.waiver_form) == null ? void 0 : _h.length) && /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "pisell-lowcode__booking-client-waiver",
+        title: (0, import_utils3.getWaiverTitle)((_i = state.client.value) == null ? void 0 : _i.waiver_form)
+      },
+      (_l = (_k = (_j = state.client.value) == null ? void 0 : _j.waiver_form) == null ? void 0 : _k.map) == null ? void 0 : _l.call(_k, (item) => {
+        return /* @__PURE__ */ import_react.default.createElement("span", null, item.form_title, /* @__PURE__ */ import_react.default.createElement(
+          "span",
+          {
+            className: "pisell-lowcode__booking-client-waiver-colon"
+          },
+          ":"
+        ), item.is_filled ? /* @__PURE__ */ import_react.default.createElement(
+          "span",
+          {
+            className: "pisell-lowcode__booking-client-waiver-filled"
+          },
+          import_utils.locales.getText("pisell2.text.filled")
+        ) : /* @__PURE__ */ import_react.default.createElement(
+          "span",
+          {
+            className: "pisell-lowcode__booking-client-waiver-not-filled"
+          },
+          import_utils.locales.getText("pisell2.text.not-filled")
+        ), `; `);
+      })
+    ))), !(state == null ? void 0 : state.disableEventBookingEdit) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-right" }, isWalkIn ? /* @__PURE__ */ import_react.default.createElement(import_PlusCircle.default, { className: "pisell-lowcode__booking-client-add-icon" }) : /* @__PURE__ */ import_react.default.createElement(
       import_antd.Dropdown,
       {
         menu: {

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

@@ -60,6 +60,26 @@
         line-height: 20px;
         margin-top: 4px;
       }
+      .pisell-lowcode__booking-client-waiver {
+        color: var(--Gray-400, #98A2B3);
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 20px; /* 142.857% */
+        text-align: left;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        .pisell-lowcode__booking-client-waiver-colon {
+          margin: 0 2px;
+        }
+        .pisell-lowcode__booking-client-waiver-filled {
+          color: var(--Success-600, #079455);
+        }
+        .pisell-lowcode__booking-client-waiver-not-filled {
+          color: var(--Error-600, #D92D20);
+        }
+      }
     }
 
     .pisell-lowcode__booking-client-info-right {
@@ -106,6 +126,7 @@
   align-items: center;
   justify-content: center;
   background: var(--gray-100, #F2F4F7);
+  flex-shrink: 0;
 
   .pisell-lowcode__booking-client-list-item-avatar-icon {
     font-size: 24px;
@@ -118,6 +139,7 @@
   flex: 1;
   flex-direction: column;
   justify-content: center;
+  overflow: hidden;
 
   .pisell-lowcode__booking-client-list-item-info-name {
     color: var(--text-text-1, #1B1B1B);
@@ -142,4 +164,21 @@
     line-height: 20px;
     /* 142.857% */
   }
+  .pisell-lowcode__booking-client-list-item-info-waiver {
+    color: var(--Gray-400, #98A2B3);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px; /* 142.857% */
+    text-overflow: ellipsis;
+    overflow: hidden;
+    height: 20px;
+    white-space: nowrap;
+    .pisell-lowcode__booking-client-list-item-waiver-filled {
+      color: var(--Success-600, #079455);
+    }
+    .pisell-lowcode__booking-client-list-item-waiver-not-filled {
+      color: var(--Error-600, #D92D20);
+    }
+  }
 }

package/lib/components/booking/info/clientVariant/hooks/useClientFn.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormState } from '../../../model';
 interface useClientFnParams {
     state: any;

package/lib/components/booking/info/clientVariant/hooks/useClientFn.js

@@ -127,7 +127,14 @@ var useClientFn = (_params) => {
     if (resetParams.skip === 1) {
       totalList = list;
     } else {
-      totalList = totalList.concat(list);
+      list.forEach((item) => {
+        const index = totalList.findIndex((old) => old.id === item.id);
+        if (index > -1) {
+          totalList[index] = item;
+        } else {
+          totalList.push(item);
+        }
+      });
     }
     _payload.clients = totalList;
     setParams({

package/lib/components/booking/info/clientVariant/utils.d.ts

@@ -0,0 +1 @@
+export declare const getWaiverTitle: (waiverForm: any[]) => string;

package/lib/components/booking/info/clientVariant/utils.js

@@ -0,0 +1,34 @@
+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/clientVariant/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  getWaiverTitle: () => getWaiverTitle
+});
+module.exports = __toCommonJS(utils_exports);
+var import_utils = require("@pisell/utils");
+var getWaiverTitle = (waiverForm) => {
+  return (waiverForm || []).map((item) => {
+    return `${item.form_title || ""}:${item.is_filled ? import_utils.locales.getText("pisell2.text.filled") : import_utils.locales.getText("pisell2.text.not-filled")}`;
+  }).join(";");
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getWaiverTitle
+});

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

@@ -45,6 +45,7 @@ var import_SelectDrawer = require("./SelectDrawer.less");
 var import_format = require("../../../forms/format");
 var import_utils3 = require("../../utils");
 var import_PlusCircle = __toESM(require("@pisell/icon/es/PlusCircle"));
+var import_utils4 = require("../utils");
 var ActionItem = (props) => {
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
@@ -64,8 +65,12 @@ var Item = ({
   coverSize,
   checked,
   style,
-  loading
+  loading,
+  waiverForm
 }) => {
+  const waiverTitle = (0, import_react.useMemo)(() => {
+    return (0, import_utils4.getWaiverTitle)(waiverForm);
+  }, [waiverForm]);
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -84,7 +89,9 @@ var Item = ({
         icon: /* @__PURE__ */ import_react.default.createElement(import_User01.default, { className: "pisell-lowcode__booking-client-list-item-avatar-icon" })
       }
     ),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info-name" }, title), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info-desc" }, (desc || []).map((d) => /* @__PURE__ */ import_react.default.createElement("div", { className: "", title: d }, d)))),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info-name" }, title), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info-desc" }, (desc || []).map((d) => /* @__PURE__ */ import_react.default.createElement("div", { className: "", title: d }, d))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info-desc-waiver", title: waiverTitle }, (waiverForm || []).map((item) => {
+      return /* @__PURE__ */ import_react.default.createElement("span", null, item.form_title, ":", item.is_filled ? /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-client-list-item-info-desc-filled" }, import_utils.locales.getText("pisell2.text.filled")) : /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-client-list-item-info-desc-not-filled" }, import_utils.locales.getText("pisell2.text.not-filled")), "; ");
+    }))),
     /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, { spinning: !!loading })
   );
 };
@@ -108,12 +115,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 +132,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 +325,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 +334,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",
@@ -343,7 +351,8 @@ var SelectDrawer = (props, ref) => {
             desc: [item.email, item.phone],
             checked: item.id === client.id,
             style: showPet ? { marginBottom: 6 } : {},
-            loading: franchiseeLoading === item.id
+            loading: franchiseeLoading === item.id,
+            waiverForm: item.waiver_form
           }
         ),
         showPet && /* @__PURE__ */ import_react.default.createElement("div", { className: "vertical-client-select-drawer-content-item-children" }, ((item == null ? void 0 : item.form_record) || []).map((f) => {

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

@@ -30,6 +30,23 @@
   .pisell-lowcode__booking-client-list-item-info {
     overflow: hidden;
   }
+  .pisell-lowcode__booking-client-list-item-info-desc-waiver {
+    color: var(--Gray-400, #98A2B3);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px; /* 142.857% */
+    text-overflow: ellipsis;
+    overflow: hidden;
+    height: 20px;
+    white-space: nowrap;
+  }
+  .pisell-lowcode__booking-client-list-item-info-desc-filled {
+    color: var(--Success-600, #079455);
+  }
+  .pisell-lowcode__booking-client-list-item-info-desc-not-filled {
+    color: var(--Error-600, #D92D20);
+  }
   .vertical-client-item-icon-wrap {
     display: flex;
     width: 56px;

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

@@ -32,32 +32,39 @@ __export(vertical_exports, {
   default: () => vertical_default
 });
 module.exports = __toCommonJS(vertical_exports);
-var import_react = __toESM(require("react"));
-var import_User01 = __toESM(require("@pisell/icon/es/User01"));
 var import_PlusCircle = __toESM(require("@pisell/icon/es/PlusCircle"));
-var import_antd = require("antd");
+var import_User01 = __toESM(require("@pisell/icon/es/User01"));
 var import_utils = require("@pisell/utils");
 var import_ahooks = require("ahooks");
+var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_pet = __toESM(require("../../pet"));
 var import_useClientFn = __toESM(require("../hooks/useClientFn"));
 var import_SelectDrawer = __toESM(require("./SelectDrawer"));
-var import_pet = __toESM(require("../../pet"));
-var import_index = require("./index.less");
 var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
 var import_format = require("../../../forms/format");
-var import_utils2 = require("../../utils");
-var import_utils3 = require("../../../utils");
+var import_utils2 = require("../../../utils");
+var import_model = require("../../model");
+var import_ChangePetModal = __toESM(require("../../pet/ChangePetModal"));
+var import_utils3 = require("../../service2/utils");
+var import_utils4 = require("../../utils");
+var import_index = require("./index.less");
+var import_useAddHolder = __toESM(require("../../hooks/useAddHolder"));
+var import_utils5 = require("../utils");
+var import_useGetHolderList = __toESM(require("../../hooks/useGetHolderList"));
 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, _J, _K, _L, _M, _N, _O;
   const { globalState, setGlobalState } = props;
   const modalRef = (0, import_react.useRef)();
   const state = globalState;
   const stateRef = (0, import_react.useRef)(state);
   const prevCustomerId = (0, import_react.useRef)(null);
+  const changePetRef = (0, import_react.useRef)(null);
   const context = (0, import_useEngineContext.default)();
   const [isHasFormRecord, setIsHasFormRecord] = (0, import_react.useState)(true);
   const isFranchisee = (_d = (_c = (_b = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.businessUtils) == null ? void 0 : _c.getAppByModal) == null ? void 0 : _d.call(_c, "franchisee");
-  import_utils3.request.setRequest(context.appHelper.utils.request);
+  import_utils2.request.setRequest(context.appHelper.utils.request);
   state.isFranchisee = isFranchisee;
   stateRef.current = state;
   const {
@@ -88,9 +95,10 @@ var VerticalClient = (0, import_react.forwardRef)((props, ref) => {
       });
     }
   });
+  console.log("state.modalOpen", state.modalOpen);
   const renderList = (0, import_react.useMemo)(() => {
     let _list = [...state.client.clients];
-    return (0, import_utils2.moveItemToFront)(_list, state.client.value.id);
+    return (0, import_utils4.moveItemToFront)(_list, state.client.value.id);
   }, [state.client.clients, state.client.value.id]);
   const handleClose = () => {
     setTimeout(() => {
@@ -108,7 +116,18 @@ var VerticalClient = (0, import_react.forwardRef)((props, ref) => {
         }
       });
     }
+    if (type === "setService") {
+      setGlobalState({
+        service: {
+          ...stateRef.current.service,
+          ...payload
+        }
+      });
+    }
   };
+  const getHolderList = (0, import_useGetHolderList.default)(state, petDispatch);
+  const { waiverForm } = (0, import_useAddHolder.default)(state, petDispatch);
+  const { isMinorAndWaiver } = (0, import_useAddHolder.useFormDataConfig)(state);
   const boardConfig = (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) || {};
@@ -128,6 +147,18 @@ var VerticalClient = (0, import_react.forwardRef)((props, ref) => {
     state == null ? void 0 : state.modalOpen
   ]);
   const handleSelectPet = (val) => {
+    var _a2, _b2;
+    if ((0, import_utils3.isDayBooking)(state)) {
+      const { ids, lists } = (0, import_utils3.isOpenDeletePet)(state, val);
+      if ((ids == null ? void 0 : ids.length) > 0 && (lists == null ? void 0 : lists.length) > 0) {
+        (_b2 = changePetRef.current) == null ? void 0 : _b2.open({
+          ids,
+          setGlobalState,
+          service: ((_a2 = state.service) == null ? void 0 : _a2.value) || [],
+          state
+        });
+      }
+    }
     setGlobalState({
       pet: {
         ...state.pet,
@@ -140,15 +171,20 @@ var VerticalClient = (0, import_react.forwardRef)((props, ref) => {
     handleOpenClientModal();
   });
   const handleAddPet = (_client, cb) => {
-    var _a2;
+    var _a2, _b2, _c2;
     let _data = {
-      formDataConfig: { ...((_a2 = state.pet.formData) == null ? void 0 : _a2[0]) || {} }
+      formDataConfig: isMinorAndWaiver ? { ...waiverForm, customer_id: _client.id, is_franchisor: (_b2 = (_a2 = state.pet.formData) == null ? void 0 : _a2[0]) == null ? void 0 : _b2.is_franchisor } : { ...((_c2 = state.pet.formData) == null ? void 0 : _c2[0]) || {} }
     };
     _data.customerId = _client.id;
     state.action({
       type: "pisell1.goCustomFormAddData",
       data: _data,
       callback: (res) => {
+        if (isMinorAndWaiver) {
+          getClients(params);
+          getHolderList();
+          return;
+        }
         const newFormRecordObj = res.reduce((p, c) => {
           return {
             ...p,
@@ -259,7 +295,7 @@ var VerticalClient = (0, import_react.forwardRef)((props, ref) => {
   }, [isWalkIn, formId, (_q = state.client.value) == null ? void 0 : _q.id, currentPetValue, boardConfig]);
   const petRender = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2;
-    if ((state == null ? void 0 : state.disabledEdit) || boardConfig.type !== "form") {
+    if (((state == null ? void 0 : state.disabledEdit) || boardConfig.type !== "form") && !(0, import_utils3.isDayBooking)(state)) {
       return null;
     }
     return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, !(currentPetValue == null ? void 0 : currentPetValue.length) && !isHasFormRecord && !isWalkIn && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
@@ -324,7 +360,8 @@ var VerticalClient = (0, import_react.forwardRef)((props, ref) => {
     handleAddPet,
     currentPetValue,
     formId,
-    (_x = (_w = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _w.holder) == null ? void 0 : _x.data_range
+    (_x = (_w = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _w.holder) == null ? void 0 : _x.data_range,
+    (_y = state.service) == null ? void 0 : _y.value
   ]);
   const handleOpenClient = () => {
     if (!isWalkIn || (state == null ? void 0 : state.disableEventBookingEdit)) {
@@ -340,6 +377,54 @@ var VerticalClient = (0, import_react.forwardRef)((props, ref) => {
       setSearch: (_b2 = modalRef.current) == null ? void 0 : _b2.setSearch
     };
   });
+  const isOpenDeleteProduct = (0, import_react.useMemo)(() => {
+    if (!(0, import_utils3.isDayBooking)(state)) return false;
+    const pets = (0, import_utils3.getPets)(state);
+    const appointmentServices = (0, import_utils3.getAppointmentService)(state);
+    if ((pets == null ? void 0 : pets.length) && ((appointmentServices == null ? void 0 : appointmentServices.length) || (0, import_utils3.isEventBooking)(state))) {
+      return true;
+    }
+    return false;
+  }, [state]);
+  const _handleSelectClient = async (e) => {
+    var _a2, _b2, _c2, _d2, _e2;
+    handleSelectClient(e);
+    if ((0, import_utils3.isDayBooking)(state)) {
+      let _value = (e == null ? void 0 : e[e.length - 1]) || import_model.walkInData;
+      if (_value.loading) {
+        return;
+      }
+      if ((0, import_utils3.isDayBooking)(state) && ((_b2 = (_a2 = state == null ? void 0 : state.service) == null ? void 0 : _a2.value) == null ? void 0 : _b2.length) > 0 && ((_c2 = state.client.value) == null ? void 0 : _c2.id) !== (_value == null ? void 0 : _value.id)) {
+        const _state = {
+          ...state,
+          client: {
+            ...state.client,
+            value: {
+              ..._value,
+              name: getNickname(_value)
+            }
+          }
+        };
+        if (isOpenDeleteProduct) {
+          (_e2 = changePetRef.current) == null ? void 0 : _e2.open({
+            setGlobalState,
+            service: ((_d2 = state.service) == null ? void 0 : _d2.value) || [],
+            state,
+            source: "changeClient"
+          });
+        }
+        const services = await (0, import_utils3.updateServicePrice)(_state);
+        console.log(services, state, _value, isOpenDeleteProduct, "wh98797686");
+        setGlobalState({
+          service: {
+            ...stateRef.current.service,
+            value: services,
+            edit: true
+          }
+        });
+      }
+    }
+  };
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -359,11 +444,25 @@ 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, !!((_F = (_E = state.client.value) == null ? void 0 : _E.waiver_form) == null ? void 0 : _F.length) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-waiver", title: (0, import_utils5.getWaiverTitle)((_G = state.client.value) == null ? void 0 : _G.waiver_form) }, (_J = (_I = (_H = state.client.value) == null ? void 0 : _H.waiver_form) == null ? void 0 : _I.map) == null ? void 0 : _J.call(_I, (item) => {
+        return /* @__PURE__ */ import_react.default.createElement("span", null, item.form_title, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-client-waiver-colon" }, ":"), item.is_filled ? /* @__PURE__ */ import_react.default.createElement(
+          "span",
+          {
+            className: "pisell-lowcode__booking-client-waiver-filled"
+          },
+          import_utils.locales.getText("pisell2.text.filled")
+        ) : /* @__PURE__ */ import_react.default.createElement(
+          "span",
+          {
+            className: "pisell-lowcode__booking-client-waiver-not-filled"
+          },
+          import_utils.locales.getText("pisell2.text.not-filled")
+        ), ` ; `);
+      }))), !isWalkIn && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-action-wrap" }, !state.disabledEdit && /* @__PURE__ */ import_react.default.createElement(
         import_antd.Dropdown.Button,
         {
           menu: {
@@ -414,24 +513,26 @@ var VerticalClient = (0, import_react.forwardRef)((props, ref) => {
         showHeader: !state.isBookingCreatePage,
         modalOpen: state.modalOpen,
         loading,
-        autoFocus: !((_F = (_E = (_D = context == null ? void 0 : context.appHelper) == null ? void 0 : _D.utils) == null ? void 0 : _E.isTerminal) == null ? void 0 : _F.call(_E)),
+        autoFocus: !((_M = (_L = (_K = context == null ? void 0 : context.appHelper) == null ? void 0 : _K.utils) == null ? void 0 : _L.isTerminal) == null ? void 0 : _M.call(_L)),
         ref: modalRef,
         onClose: handleClose,
-        handleSelectClient,
+        handleSelectClient: _handleSelectClient,
         handleCreateItem,
         childrenValue: state.pet.value,
         handleSelectPet,
         formData: state.pet.formData,
         searchChange,
         options: renderList,
-        holder: (_G = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _G.holder,
-        client: (_H = state == null ? void 0 : state.client) == null ? void 0 : _H.value,
+        holder: (_N = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _N.holder,
+        client: (_O = state == null ? void 0 : state.client) == null ? void 0 : _O.value,
         loadMore,
         showPet: (boardConfig == null ? void 0 : boardConfig.type) === "form",
         handleAddPet,
-        franchiseeLoading
+        franchiseeLoading,
+        showWalkIn: !(0, import_utils3.isDayBooking)(state)
       }
-    )
+    ),
+    /* @__PURE__ */ import_react.default.createElement(import_ChangePetModal.default, { ref: changePetRef })
   );
 });
 var vertical_default = VerticalClient;