@pisell/private-materials 3.0.83 → 3.0.84

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

@@ -0,0 +1,277 @@
+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/clientVariant/vertical/index.tsx
+var vertical_exports = {};
+__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_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_icons = require("@ant-design/icons");
+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 VerticalClient = (props) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
+  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 context = (0, import_useEngineContext.default)();
+  stateRef.current = state;
+  const {
+    isWalkIn,
+    setClient,
+    handleSelectClient,
+    menuChange,
+    handleViewClient,
+    menus,
+    handleCreateItem,
+    getClients,
+    params,
+    searchChange,
+    loading,
+    loadMore,
+    handleOpenClientModal,
+    getNickname
+  } = (0, import_useClientFn.default)({
+    state,
+    setGlobalState,
+    modalRef
+  });
+  const renderList = (0, import_react.useMemo)(() => {
+    let _list = [...state.client.clients];
+    return _list;
+  }, [state.client.clients]);
+  const handleClose = () => {
+    setTimeout(() => {
+      setClient({
+        showModal: false
+      });
+    });
+  };
+  const petDispatch = ({ type, payload }) => {
+    if (type === "setPet") {
+      setGlobalState({
+        pet: {
+          ...stateRef.current.pet,
+          ...payload
+        }
+      });
+    }
+  };
+  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) || {};
+  }, [(_b = (_a = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a.config) == null ? void 0 : _b.basic]);
+  (0, import_react.useEffect)(() => {
+    var _a2, _b2, _c2, _d2;
+    if (((_d2 = (_c2 = (_b2 = (_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.basic) == null ? void 0 : _c2.appointment_customer) == null ? void 0 : _d2.type) === "customer" && (state == null ? void 0 : state.modalOpen) && !(state == null ? void 0 : state.bookingId)) {
+      handleOpenClientModal();
+    } else {
+      modalRef.current.close();
+      setClient({
+        showModal: false
+      });
+    }
+  }, [
+    (_f = (_e = (_d = (_c = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _c.config) == null ? void 0 : _d.basic) == null ? void 0 : _e.appointment_customer) == null ? void 0 : _f.type,
+    state == null ? void 0 : state.modalOpen
+  ]);
+  const handleSelectPet = (val) => {
+    setGlobalState({
+      pet: {
+        ...state.pet,
+        edit: true,
+        value: val
+      }
+    });
+  };
+  const handleOpenModal = () => {
+    handleOpenClientModal();
+  };
+  const handleAddPet = (_client) => {
+    var _a2;
+    let _data = {
+      formDataConfig: { ...((_a2 = state.pet.formData) == null ? void 0 : _a2[0]) || {} }
+    };
+    _data.customerId = _client.id;
+    state.action({
+      type: "pisell1.goCustomFormAddData",
+      data: _data,
+      callback: (res) => {
+        const newClients = stateRef.current.client.clients.map((item) => {
+          if (item.id === _client.id) {
+            const newFormRecordObj = res.reduce((p, c) => {
+              return {
+                ...p,
+                [c.key]: c.value
+              };
+            }, {});
+            return {
+              ...item,
+              form_record: [
+                ...item.form_record,
+                {
+                  ...newFormRecordObj,
+                  id: newFormRecordObj.form_record_id,
+                  data: newFormRecordObj
+                }
+              ]
+            };
+          }
+          return item;
+        });
+        setClient({
+          clients: newClients
+        });
+      }
+    });
+  };
+  const previewItemTitleRender = (value, index, values) => {
+    var _a2, _b2, _c2, _d2, _e2, _f2;
+    const title = getNickname(value.customer) || ((_a2 = value == null ? void 0 : value.customer) == null ? void 0 : _a2.email) || ((_b2 = value == null ? void 0 : value.customer) == null ? void 0 : _b2.phone) || "";
+    if (((_c2 = value == null ? void 0 : value.customer) == null ? void 0 : _c2.id) === prevCustomerId.current) {
+      if (values.length === index + 1) {
+        prevCustomerId.current = null;
+      }
+      return null;
+    }
+    prevCustomerId.current = (_d2 = value == null ? void 0 : value.customer) == null ? void 0 : _d2.id;
+    if (values.length === index + 1) {
+      prevCustomerId.current = null;
+    }
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-title" }, title, " ' ", ((_f2 = (_e2 = state.pet.formData) == null ? void 0 : _e2[0]) == null ? void 0 : _f2.title) || "");
+  };
+  const isShowAddBtn = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2, _d2, _e2, _f2;
+    const formId = (_c2 = (_b2 = (_a2 = state.pet) == null ? void 0 : _a2.formData) == null ? void 0 : _b2[0]) == null ? void 0 : _c2.form_id;
+    if ((!isWalkIn || ((_f2 = (_e2 = (_d2 = state.pet) == null ? void 0 : _d2.value) == null ? void 0 : _e2[formId]) == null ? void 0 : _f2.length)) && !(state == null ? void 0 : state.disabledEdit) && boardConfig.type === "form") {
+      return true;
+    }
+    return false;
+  }, [
+    isWalkIn,
+    state == null ? void 0 : state.disabledEdit,
+    (_g = state.pet) == null ? void 0 : _g.value,
+    (_h = state.pet) == null ? void 0 : _h.formData,
+    boardConfig.type
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-vertical-client-wrap" }, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell-lowcode__booking-vertical-client",
+      onClick: () => {
+        if (!isWalkIn || (state == null ? void 0 : state.disableEventBookingEdit)) {
+          return;
+        }
+        handleOpenClientModal();
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { loading: state.loading, active: true, round: true }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Avatar,
+      {
+        className: "pisell-lowcode__booking-client-avatar",
+        src: import_utils.image.ali((_i = state.client.value) == null ? void 0 : _i.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)), ((_j = state.client.value) == null ? void 0 : _j.email) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, (_k = state.client.value) == null ? void 0 : _k.email) : null, ((_l = state.client.value) == null ? void 0 : _l.phone) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, (_m = state.client.value) == null ? void 0 : _m.phone) : null), !isWalkIn && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-action-wrap" }, !state.disabledEdit && /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Dropdown,
+      {
+        menu: {
+          items: menus,
+          onClick: menuChange
+        },
+        placement: "bottomRight"
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, null, import_utils.locales.getText("pisell2.text.actions"), /* @__PURE__ */ import_react.default.createElement(import_icons.DownOutlined, null)))
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        onClick: (e) => {
+          e.stopPropagation();
+          handleViewClient();
+        }
+      },
+      import_utils.locales.getText("pisell2.text.view-profile")
+    )))
+  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-vertical-pet" }, !(state == null ? void 0 : state.disabledEdit) ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, boardConfig.type === "form" ? /* @__PURE__ */ import_react.default.createElement(
+    import_pet.default,
+    {
+      clientChangeNotSetPet: true,
+      state,
+      dispatch: petDispatch,
+      hideTitle: !((_o = (_n = state.pet) == null ? void 0 : _n.value) == null ? void 0 : _o.length),
+      handleOpenModal,
+      addButtonProps: {
+        onClick: handleOpenClientModal,
+        style: { display: "none" }
+      },
+      previewItemTitleRender
+    }
+  ) : null) : null), isShowAddBtn && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-vertical-footer" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icons.PlusOutlined, null),
+      onClick: handleOpenClientModal,
+      block: true,
+      size: "large"
+    },
+    import_utils.locales.getText("pisell2.text.add")
+  )), /* @__PURE__ */ import_react.default.createElement(
+    import_SelectDrawer.default,
+    {
+      modalOpen: state.modalOpen,
+      loading,
+      autoFocus: !((_r = (_q = (_p = context == null ? void 0 : context.appHelper) == null ? void 0 : _p.utils) == null ? void 0 : _q.isTerminal) == null ? void 0 : _r.call(_q)),
+      ref: modalRef,
+      onClose: handleClose,
+      handleSelectClient,
+      handleCreateItem,
+      childrenValue: state.pet.value,
+      handleSelectPet,
+      formData: state.pet.formData,
+      searchChange,
+      options: renderList,
+      holder: (_s = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _s.holder,
+      client: (_t = state == null ? void 0 : state.client) == null ? void 0 : _t.value,
+      loadMore,
+      showPet: (boardConfig == null ? void 0 : boardConfig.type) === "form",
+      handleAddPet
+    }
+  ));
+};
+var vertical_default = VerticalClient;

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

@@ -0,0 +1,83 @@
+.pisell-lowcode__booking-vertical-client-wrap {
+  position: relative;
+  overflow: hidden;
+  height: 100%;
+  width: 100%;
+  border-right: 1px solid var(--Gray-200, #EAECF0);
+  background: var(--Gray-50, #F9FAFB);
+  display: flex;
+  flex-direction: column;
+  .pisell-lowcode-drawer-content {
+    border-right: 1px solid var(--Gray-200, #EAECF0);
+  }
+  .pisell-lowcode__booking-drawer-title-wrap {
+    padding: 24px 24px 0;
+  }
+  .pisell-lowcode__booking-drawer-back {
+    margin-right: 6px;
+  }
+  .pisell-lowcode__booking-drawer-back, .pisell-lowcode__booking-drawer-title {
+    font-size: 18px;
+  }
+}
+.pisell-lowcode__booking-vertical-client {
+  padding: 24px 16px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+  border-bottom: 1px solid var(--Gray-200, #EAECF0);
+  .pisell-lowcode__booking-client-avatar {
+    margin-bottom: 16px;
+  }
+  .pisell-lowcode__booking-client-title {
+    color: var(--Gray-900, #101828);
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 24px; /* 150% */
+    text-align: center;
+  }
+  .pisell-lowcode__booking-client-desc-item {
+    color: var(--Gray-400, #98A2B3);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px; /* 142.857% */
+    text-align: center;
+    max-width: 200px;
+    word-break:break-word
+  }
+  .pisell-lowcode__booking-client-action-wrap {
+    display: flex;
+    gap: 16px;
+    justify-content: center;
+    margin-top: 16px;
+  }
+}
+
+.pisell-lowcode__booking-vertical-pet {
+  padding: 0 24px 24px;
+  flex:1;
+  overflow: auto;
+}
+.pisell-lowcode__booking-pet-title {
+  color: var(--Gray-700, #344054);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 20px;
+  margin-bottom: 8px;
+  word-break: break-word;
+}
+
+.pisell-lowcode__booking-vertical-footer {
+  display: flex;
+  padding: var(--rateStarSize, 20px) 32px;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 16px;
+  border-top: 1px solid var(--Gray-200, #EAECF0);
+  background: var(--Base-White, #FFF);
+  box-shadow: 0px -4px 8px -2px rgba(16, 24, 40, 0.10), 0px -2px 4px -2px rgba(16, 24, 40, 0.06);
+}

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

@@ -109,7 +109,7 @@ var Info = (0, import_model.Provider)((props) => {
     if ((globalState == null ? void 0 : globalState.renderType) === "eventBooking") {
       return import_utils.locales.getText("pisell2.text.enroll.detail");
     }
-    return (globalState == null ? void 0 : globalState.bookingId) ? /* @__PURE__ */ import_react.default.createElement(import_header.default, { state: modal.state, dispatch: modal.dispatch }) : /* @__PURE__ */ import_react.default.createElement("div", { className: "", style: { height: 20 } });
+    return (globalState == null ? void 0 : globalState.bookingId) ? /* @__PURE__ */ import_react.default.createElement(import_header.default, { state: modal.state, dispatch: modal.dispatch }) : /* @__PURE__ */ import_react.default.createElement("div", { className: "", style: { height: 0 } });
   }, [
     globalState == null ? void 0 : globalState.bookingId,
     modal.state,

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

@@ -1,4 +1,14 @@
 import React from "react";
 import "./index.less";
-declare const Pet: () => React.JSX.Element;
+import { InfoProps } from "../../forms/forms";
+interface PetProps {
+    state?: any;
+    dispatch?: any;
+    hideTitle?: boolean;
+    addButtonProps?: InfoProps['addButtonProps'];
+    handleOpenModal?: () => void;
+    clientChangeNotSetPet?: boolean;
+    previewItemTitleRender?: (item: any, index: number, values: any[]) => React.ReactNode;
+}
+declare const Pet: (props: PetProps) => React.JSX.Element;
 export default Pet;

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

@@ -48,15 +48,18 @@ var defaultParams = {
   total: 0,
   keyword: ""
 };
-var Pet = () => {
+var Pet = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+  const { hideTitle, addButtonProps, handleOpenModal, clientChangeNotSetPet, previewItemTitleRender } = props;
   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);
+  let { state, dispatch } = (0, import_react.useContext)(import_model.Context);
   const [valueLoading, setValueLoading] = (0, import_react.useState)(false);
   const context = (0, import_useEngineContext.default)();
   const { isTerminal } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
   const [params, setParams] = (0, import_react.useState)(defaultParams);
+  state = state || (props == null ? void 0 : props.state);
+  dispatch = dispatch || (props == null ? void 0 : props.dispatch);
   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) || {};
@@ -119,7 +122,7 @@ var Pet = () => {
     setLoading(false);
   };
   const getForms = async (isUpdateValue = true) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
     let values = {
       ...state.pet.value
     };
@@ -151,10 +154,11 @@ var Pet = () => {
       };
       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: (_g2 = (_f2 = state.bookingDetail) == null ? void 0 : _f2.holder) == null ? void 0 : _g2.form_record,
+          with: ["customer"]
         });
         console.log("records", records);
-        values[boardParams == null ? void 0 : boardParams.form_id] = 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);
         payload.value = values;
         setValueLoading(false);
       }
@@ -187,7 +191,9 @@ var Pet = () => {
             (d) => d.form_record_id !== item.form_record_id
           );
         } else {
-          let obj = {};
+          let obj = {
+            customer: item == null ? void 0 : item.customer
+          };
           for (let item2 of res) {
             obj[item2.key] = item2.value;
           }
@@ -232,6 +238,8 @@ var Pet = () => {
   };
   (0, import_react.useEffect)(() => {
     var _a2, _b2, _c2, _d2;
+    if (clientChangeNotSetPet)
+      return;
     let changeFormValuesData = (0, import_format.changeFormValues)({
       values: ((_a2 = state.pet) == null ? void 0 : _a2.value) || {},
       clientId: (_c2 = (_b2 = state.client) == null ? void 0 : _b2.value) == null ? void 0 : _c2.id,
@@ -243,7 +251,7 @@ var Pet = () => {
         payload: { value: changeFormValuesData }
       });
     });
-  }, [(_f = state.client.value) == null ? void 0 : _f.id]);
+  }, [(_f = state.client.value) == null ? void 0 : _f.id, clientChangeNotSetPet]);
   const handleUpdateForm = () => {
     if (state.bookingId) {
       if (!state.bookingDetail) {
@@ -263,9 +271,9 @@ var Pet = () => {
     state.bookingDetail,
     boardParams.form_id,
     boardParams.type,
-    (_h = (_g = state.client) == null ? void 0 : _g.value) == null ? void 0 : _h.id,
     state.renderType,
-    petForm
+    petForm,
+    clientChangeNotSetPet ? (_h = (_g = state.client) == null ? void 0 : _g.value) == null ? void 0 : _h.id : void 0
   ]);
   const addCallback = (_params) => {
     var _a2, _b2;
@@ -301,7 +309,7 @@ var Pet = () => {
   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,
     {
-      hideTitle: true,
+      hideTitle,
       watch: { value: state.pet.value },
       addCallback: () => {
         addCallback();
@@ -328,7 +336,9 @@ var Pet = () => {
         loadMore,
         filterItem: () => {
           return true;
-        }
+        },
+        handleOpenModal,
+        previewItemTitleRender
       },
       optionRender: (item) => {
         return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
@@ -368,7 +378,8 @@ var Pet = () => {
         showDisabledMessage: !state.disableEventBookingEdit,
         addCallback: async () => {
           addCallback();
-        }
+        },
+        ...addButtonProps
       }
     }
   )));

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

@@ -235,7 +235,7 @@ var Info = () => {
     var _a2, _b2, _c2, _d2, _e, _f, _g;
     if (shopList.includes(
       (_e = (_d2 = (_c2 = (_b2 = (_a2 = context.appHelper.utils.store) == null ? void 0 : _a2.getState) == null ? void 0 : _b2.call(_a2)) == null ? void 0 : _c2.global) == null ? void 0 : _d2.globalConfig) == null ? void 0 : _e.id
-    )) {
+    ) || state.closeAutoOpenService) {
       return;
     }
     if (state.modalOpen && !state.bookingId && state.renderType !== "eventBooking" && ((_g = (_f = state.service) == null ? void 0 : _f.value) == null ? void 0 : _g.length) === 0) {

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

@@ -312,20 +312,24 @@ var Info = () => {
   }, [(_i = (_h = (_g = (_f = state.service) == null ? void 0 : _f.cacheItem) == null ? void 0 : _g._extend) == null ? void 0 : _h.other) == null ? void 0 : _i.bundle]);
   const getResourcesData = async () => {
     setResourceLoading(true);
-    let data = await state.apis.getResources({
-      skip: 1,
-      num: 1e3,
-      with_date_times: state.date.value.format("YYYY-MM-DD"),
-      codes: ["resources", "therapist", "table"],
-      _config: { abort: true }
-    });
-    let _list = [(0, import_mock.getNoResource)()].concat((data == null ? void 0 : data.list) || []);
-    dispatch({
-      type: "setService",
-      payload: {
-        resourcesOrigin: _list
-      }
-    });
+    try {
+      let data = await state.apis.getResources({
+        skip: 1,
+        num: 1e3,
+        with_date_times: state.date.value.format("YYYY-MM-DD"),
+        codes: ["resources", "therapist", "table"],
+        _config: { abort: true }
+      });
+      let _list = [(0, import_mock.getNoResource)()].concat((data == null ? void 0 : data.list) || []);
+      dispatch({
+        type: "setService",
+        payload: {
+          resourcesOrigin: _list
+        }
+      });
+    } catch (err) {
+      console.log(err, "err");
+    }
     setResourceLoading(false);
   };
   (0, import_react.useEffect)(() => {

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

@@ -1 +1,2 @@
 export declare const getIsBundleOrCombination: (productDetail: any) => boolean;
+export declare const uniqueByField: (arr: any[], field: string) => any[];

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

@@ -19,7 +19,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/booking/info/utils.ts
 var utils_exports = {};
 __export(utils_exports, {
-  getIsBundleOrCombination: () => getIsBundleOrCombination
+  getIsBundleOrCombination: () => getIsBundleOrCombination,
+  uniqueByField: () => uniqueByField
 });
 module.exports = __toCommonJS(utils_exports);
 var getIsBundleOrCombination = (productDetail) => {
@@ -29,7 +30,20 @@ var getIsBundleOrCombination = (productDetail) => {
   }
   return false;
 };
+var uniqueByField = (arr, field) => {
+  const seen = /* @__PURE__ */ new Set();
+  return arr.filter((item) => {
+    const fieldValue = item[field];
+    if (seen.has(fieldValue)) {
+      return false;
+    } else {
+      seen.add(fieldValue);
+      return true;
+    }
+  });
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  getIsBundleOrCombination
+  getIsBundleOrCombination,
+  uniqueByField
 });

package/lib/components/booking/locales.d.ts

@@ -157,6 +157,8 @@ declare const _default: {
         'page.booking.text.fully-booked': string;
         'page.booking.text.unlimited': string;
         'pisell2.text.terminal-edit-message': string;
+        "pisell2.text.actions": string;
+        "pisell2.text.add-client": string;
     };
     'zh-CN': {
         'pisell2.text.refunded-amount': string;
@@ -316,6 +318,8 @@ declare const _default: {
         'page.booking.text.available': string;
         'page.booking.text.fully-booked': string;
         'page.booking.text.unlimited': string;
+        "pisell2.text.actions": string;
+        "pisell2.text.add-client": string;
     };
     'zh-HK': {
         'pisell2.text.refunded-amount': string;
@@ -475,6 +479,8 @@ declare const _default: {
         'page.booking.text.available': string;
         'page.booking.text.fully-booked': string;
         'page.booking.text.unlimited': string;
+        "pisell2.text.actions": string;
+        "pisell2.text.add-client": string;
     };
 };
 export default _default;

package/lib/components/booking/locales.js

@@ -189,7 +189,9 @@ var locales_default = {
     "page.booking.text.available": "Available",
     "page.booking.text.fully-booked": "Fully booked",
     "page.booking.text.unlimited": "Unlimited",
-    "pisell2.text.terminal-edit-message": "This operation cannot be performed. To proceed, please use the Pisell Terminal."
+    "pisell2.text.terminal-edit-message": "This operation cannot be performed. To proceed, please use the Pisell Terminal.",
+    "pisell2.text.actions": "Actions",
+    "pisell2.text.add-client": "Add customer"
   },
   "zh-CN": {
     "pisell2.text.refunded-amount": "已退金额",
@@ -362,7 +364,9 @@ var locales_default = {
     "page.booking.text.unavailable": "不可用",
     "page.booking.text.available": "可用",
     "page.booking.text.fully-booked": "已约满",
-    "page.booking.text.unlimited": "无限制"
+    "page.booking.text.unlimited": "无限制",
+    "pisell2.text.actions": "操作选项",
+    "pisell2.text.add-client": "添加客户"
   },
   "zh-HK": {
     "pisell2.text.refunded-amount": "已退金額",
@@ -535,6 +539,8 @@ var locales_default = {
     "page.booking.text.unavailable": "不可用",
     "page.booking.text.available": "可用",
     "page.booking.text.fully-booked": "已約滿",
-    "page.booking.text.unlimited": "無限制"
+    "page.booking.text.unlimited": "無限制",
+    "pisell2.text.actions": "操作選項",
+    "pisell2.text.add-client": "添加客戶"
   }
 };

package/lib/components/booking/model.d.ts

@@ -89,6 +89,8 @@ export interface FormState {
         productIds: number[];
     };
     disableEventBookingEdit?: boolean;
+    /** 关闭自动打开选择服务弹窗 */
+    closeAutoOpenService?: boolean;
 }
 export declare const walkInData: {
     id: number;

package/lib/index.d.ts

@@ -11,6 +11,7 @@ export { default as BookingResources } from './components/booking/materiels/reso
 export { default as BookingStartTime } from './components/booking/materiels/startTime';
 export { default as BookingDuration } from './components/booking/materiels/duration';
 export { default as BookingContacts } from './components/booking/materiels/contacts';
+export { VerticalClient } from './components/booking/info/clientVariant';
 export { default as ProductExtension } from './components/productExtension';
 export { default as BookingDeposit } from './components/booking/deposit';
 export { default as RuleSetting } from './components/ruleSetting';