@pisell/private-materials 3.0.83 → 3.0.84

package/es/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/es/components/booking/locales.js

@@ -171,7 +171,9 @@ export 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': '已退金额',
@@ -350,7 +352,9 @@ export 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': '已退金額',
@@ -529,6 +533,8 @@ export 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/es/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/es/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';

package/es/index.js

@@ -15,6 +15,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";

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

@@ -68,7 +68,7 @@ var AddButton = ({
     {
       className: "pisell-lowcode__booking-add-button-add-row",
       onClick: _onClick,
-      style
+      style: (0, import_utils.isFunction)(style) ? style(showSub) : style
     },
     /* @__PURE__ */ import_react.default.createElement(import_PlusCircle.default, { className: "pisell-lowcode__booking-add-button-add-row-icon" }),
     /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-add-button-add-row-txt" }, subTitle)
@@ -79,7 +79,7 @@ var AddButton = ({
         "pisell-lowcode__booking-add-button-add-disabled": disabled
       }),
       onClick: _onClick,
-      style
+      style: (0, import_utils.isFunction)(style) ? style(showSub) : style
     },
     /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-add-button-add-label" }, title),
     /* @__PURE__ */ import_react.default.createElement(import_ChevronRight.default, { className: "pisell-lowcode__booking-add-button-add-icon" })

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

@@ -6,6 +6,7 @@ interface CustomSelectProps {
     value: any[];
     rowKey: string;
     previewItemRender?: (item: any) => React.ReactNode;
+    previewItemTitleRender?: (item: any, index: number, values: any[]) => React.ReactNode;
     addButtonRender?: () => React.ReactNode;
     optionRender: (item: any) => React.ReactNode;
     addButtonProps?: any;
@@ -29,6 +30,8 @@ interface CustomSelectProps {
     modalOpen?: boolean;
     closeCallback?: () => any;
     autoFocus?: boolean;
+    showDropDown?: boolean;
+    handleOpenModal: () => void;
 }
 declare const _default: React.ForwardRefExoticComponent<CustomSelectProps & React.RefAttributes<unknown>>;
 export default _default;

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

@@ -54,6 +54,7 @@ var CustomSelect = (props, ref) => {
     drawerProps,
     createItemText = "",
     previewItemRender,
+    previewItemTitleRender,
     addButtonRender,
     optionRender,
     filterItem,
@@ -73,7 +74,8 @@ var CustomSelect = (props, ref) => {
     modalOpen,
     closeCallback,
     autoFocus,
-    showDropDown = true
+    showDropDown = true,
+    handleOpenModal: propsHandleOpenModal
   } = props;
   const searchRef = (0, import_react.useRef)();
   const [_value, set_value] = (0, import_react.useState)([]);
@@ -110,6 +112,10 @@ var CustomSelect = (props, ref) => {
     if (disabled) {
       return;
     }
+    if (propsHandleOpenModal) {
+      propsHandleOpenModal();
+      return;
+    }
     if (addButtonProps == null ? void 0 : addButtonProps.addCallback) {
       addButtonProps == null ? void 0 : addButtonProps.addCallback();
     }
@@ -199,8 +205,8 @@ var CustomSelect = (props, ref) => {
   const isShowAddButton = (0, import_react.useMemo)(() => {
     return (mode === "multiple" || mode === "single" && !isMore) && !disabled;
   }, [mode, isMore, disabled]);
-  return /* @__PURE__ */ import_react.default.createElement("div", null, isPreview ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__custom-select-cards" }, _value.map((d) => {
-    return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("div", null, isPreview ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__custom-select-cards" }, _value.map((d, index) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, previewItemTitleRender == null ? void 0 : previewItemTitleRender(d, index, _value), /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: (0, import_classnames.default)(
@@ -232,7 +238,7 @@ var CustomSelect = (props, ref) => {
           /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__custom-select-card-menu-wrap" }, /* @__PURE__ */ import_react.default.createElement(import_DotsVertical.default, { className: "pisell-lowcode__custom-select-card-menu-icon" }))
         )
       )
-    );
+    ));
   })), isShowAddButton ? addButtonRender ? addButtonRender() : /* @__PURE__ */ import_react.default.createElement(
     import_addButton.default,
     {

package/lib/components/booking/components/customSelect/index.less

@@ -83,7 +83,6 @@
   justify-content: center;
   gap: 8px;
   padding: 16px;
-  border-bottom: 1px solid #D0D5DD;
   cursor: pointer;
 
   .pisell-lowcode__custom-select-create-icon {

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

@@ -5,6 +5,7 @@ export interface PisellDrawerProps extends DrawerProps {
     header?: React.ReactNode;
     titleNoWrap?: boolean;
     hideScrollBar?: boolean;
+    showGoBack?: boolean;
 }
 /**
  * @title: 自定义抽屉

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

@@ -38,7 +38,7 @@ var import_ArrowLeft = __toESM(require("@pisell/icon/es/ArrowLeft"));
 var import_index = require("./index.less");
 var import_classnames = __toESM(require("classnames"));
 var Drawer = (props) => {
-  const { hideScrollBar = true } = props;
+  const { hideScrollBar = true, showGoBack = true } = props;
   return /* @__PURE__ */ import_react.default.createElement(
     import_antd.Drawer,
     {
@@ -54,7 +54,7 @@ var Drawer = (props) => {
       push: false,
       mask: false
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-lowcode__booking-drawer-title-wrap") }, /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-lowcode__booking-drawer-title-wrap") }, showGoBack && /* @__PURE__ */ import_react.default.createElement(
       import_ArrowLeft.default,
       {
         className: "pisell-lowcode__booking-drawer-back",

package/lib/components/booking/forms/format.d.ts

@@ -3,6 +3,7 @@ export declare const changeFormValues: ({ clientId, values, forms, }: {
     values: any;
     forms: any[];
 }) => any;
+export declare const sortFormValues: (list: any[], clientId: number) => any[];
 export declare const formatAddFormValues: ({ clientId, value, data_range }: {
     clientId: number;
     value: any[];

package/lib/components/booking/forms/format.js

@@ -20,7 +20,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var format_exports = {};
 __export(format_exports, {
   changeFormValues: () => changeFormValues,
-  formatAddFormValues: () => formatAddFormValues
+  formatAddFormValues: () => formatAddFormValues,
+  sortFormValues: () => sortFormValues
 });
 module.exports = __toCommonJS(format_exports);
 var changeFormValues = ({
@@ -39,6 +40,18 @@ var changeFormValues = ({
   }
   return _values;
 };
+var sortFormValues = (list, clientId) => {
+  return list.sort((a, b) => {
+    var _a, _b, _c, _d, _e, _f;
+    if (((_a = a == null ? void 0 : a.customer) == null ? void 0 : _a.id) === clientId && ((_b = b == null ? void 0 : b.customer) == null ? void 0 : _b.id) !== clientId) {
+      return -1;
+    } else if (((_c = b == null ? void 0 : b.customer) == null ? void 0 : _c.id) === clientId && ((_d = a == null ? void 0 : a.customer) == null ? void 0 : _d.id) !== clientId) {
+      return 1;
+    } else {
+      return ((_e = a == null ? void 0 : a.customer) == null ? void 0 : _e.id) - ((_f = b == null ? void 0 : b.customer) == null ? void 0 : _f.id);
+    }
+  });
+};
 var formatAddFormValues = ({
   clientId,
   value,
@@ -53,10 +66,12 @@ var formatAddFormValues = ({
       };
     });
   }
+  _value = sortFormValues(_value, clientId);
   return _value;
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   changeFormValues,
-  formatAddFormValues
+  formatAddFormValues,
+  sortFormValues
 });

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

@@ -276,7 +276,8 @@ var Info = () => {
           return;
         }
         handleOpenClientModal();
-      }
+      },
+      style: state.bookingId ? {} : { marginTop: 16 }
     },
     /* @__PURE__ */ import_react.default.createElement(
       import_antd.Avatar,

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

@@ -0,0 +1,40 @@
+import React from "react";
+import { FormState } from "../../../model";
+interface useClientFnParams {
+    state: any;
+    setGlobalState: (val: any) => void;
+    modalRef: any;
+}
+declare const useClientFn: (_params: useClientFnParams) => {
+    setClient: (client: Partial<FormState["client"]>) => void;
+    isWalkIn: boolean;
+    handleSelectClient: (value: any) => Promise<unknown>;
+    menuChange: (e: any) => void;
+    handleViewClient: () => void;
+    menus: {
+        key: string;
+        label: any;
+    }[];
+    handleCreateItem: () => void;
+    getClients: ({ customer_id, ...resetParams }: {
+        customer_id?: number | undefined;
+        skip?: number | undefined;
+        search?: string | undefined;
+        with?: string[] | undefined;
+        relation_form_id?: number | undefined;
+    }) => Promise<{}>;
+    params: {
+        skip: number;
+        num: number;
+        total: number;
+        search: string;
+        with: string[];
+        relation_form_id: any;
+    };
+    searchChange: (search: string) => void;
+    loading: boolean;
+    loadMore: React.JSX.Element | null;
+    handleOpenClientModal: () => void;
+    getNickname: (item: any) => any;
+};
+export default useClientFn;

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

@@ -0,0 +1,309 @@
+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/hooks/useClientFn.tsx
+var useClientFn_exports = {};
+__export(useClientFn_exports, {
+  default: () => useClientFn_default
+});
+module.exports = __toCommonJS(useClientFn_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("../../../utils");
+var import_serve = require("../../client/serve");
+var import_model = require("../../model");
+var import_utils2 = require("@pisell/utils");
+var import_antd = require("antd");
+var useClientFn = (_params) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const { state, setGlobalState, modalRef } = _params;
+  const [loadLoading, setLoadLoading] = (0, import_react.useState)(false);
+  const [loading, setLoading] = (0, import_react.useState)(false);
+  const [franchiseeLoading, setFranchiseeLoading] = (0, import_react.useState)(0);
+  const [params, setParams] = (0, import_react.useState)({
+    skip: 1,
+    num: 50,
+    total: 0,
+    search: "",
+    with: ["formRecord"],
+    relation_form_id: (_d = (_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) == null ? void 0 : _d.form_id
+  });
+  const paramsRef = (0, import_react.useRef)(params);
+  paramsRef.current = params;
+  (0, import_react.useEffect)(() => {
+    setParams((v) => {
+      var _a2, _b2, _c2, _d2;
+      return {
+        ...v,
+        relation_form_id: (_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_subject) == null ? void 0 : _d2.form_id
+      };
+    });
+  }, [(_g = (_f = (_e = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _e.config) == null ? void 0 : _f.basic) == null ? void 0 : _g.appointment_subject]);
+  const stateRef = (0, import_react.useRef)(state);
+  stateRef.current = state;
+  const isWalkIn = (0, import_react.useMemo)(() => {
+    var _a2;
+    return (0, import_utils.isWalkIn)((_a2 = state.client.value) == null ? void 0 : _a2.id);
+  }, [(_h = state.client.value) == null ? void 0 : _h.id]);
+  const getClients = async ({
+    customer_id,
+    ...resetParams
+  }) => {
+    let _setLoading = resetParams.skip === 1 ? setLoading : setLoadLoading;
+    _setLoading(true);
+    const api = state.isFranchisee ? import_serve.getFranchiseeCustomerList : state.apis.getClients;
+    const data = await api({
+      ...resetParams,
+      ...!state.isFranchisee ? { _config: { abort: true } } : {}
+    });
+    const list = ((data == null ? void 0 : data.list) || []).map((d) => {
+      return {
+        ...d,
+        name: getNickname(d),
+        id: d.franchisee_customer_id || d.id,
+        form_record: d.form_record.map((item) => ({
+          ...item,
+          ...item.data,
+          form_record_id: item.id
+        }))
+      };
+    });
+    let _payload = {
+      clients: list
+    };
+    if (!(0, import_utils.isWalkIn)(customer_id)) {
+      const customerItem = list.find((d) => d.id === customer_id);
+      if (customerItem) {
+        _payload.value = customerItem;
+        _payload.edit = true;
+      }
+    }
+    let totalList = [...state.client.clients];
+    if (resetParams.skip === 1) {
+      totalList = list;
+    } else {
+      totalList = totalList.concat(list);
+    }
+    _payload.clients = totalList;
+    setParams({
+      ...params,
+      ...resetParams,
+      total: (data == null ? void 0 : data.count) || 0
+    });
+    setGlobalState({
+      client: {
+        ...stateRef.current.client,
+        ..._payload
+      }
+    });
+    _setLoading(false);
+    return {};
+  };
+  const handleOpenClientModal = () => {
+    var _a2;
+    if (state.disabledEdit) {
+      return;
+    }
+    setClient({
+      showModal: true
+    });
+    getClients({ ...paramsRef.current, search: "", skip: 1 });
+    (_a2 = modalRef.current) == null ? void 0 : _a2.open();
+  };
+  const handleViewClient = () => {
+    state.action({
+      type: "pisell1.handleOpenCustomerModal",
+      data: { id: state.client.value.id },
+      callback: (data) => {
+        if (state.disabledEdit) {
+          return;
+        }
+        if (data) {
+          handleSelectClient([data]);
+        }
+        getClients({
+          ...state.client.clientsParams,
+          search: "",
+          customer_id: data == null ? void 0 : data.id,
+          skip: 1
+        });
+      }
+    });
+  };
+  const menus = (0, import_react.useMemo)(() => {
+    let list = [
+      // { key: "view", label: locales.getText("pisell2.text.view-profile") },
+      { key: "change", label: import_utils2.locales.getText("pisell2.text.change-customer") },
+      { key: "remove", label: import_utils2.locales.getText("pisell2.text.remove-customer") }
+    ];
+    if (state.disabledEdit) {
+      list = list.filter((d) => d.key === "view");
+    }
+    return list;
+  }, [state.disabledEdit]);
+  const handleRemoveClient = () => {
+    if (state.disabledEdit) {
+      return;
+    }
+    handleSelectClient([import_model.walkInData]);
+  };
+  const menuChange = (e) => {
+    e.domEvent.stopPropagation();
+    let maps = {
+      view: handleViewClient,
+      change: handleOpenClientModal,
+      remove: handleRemoveClient
+    };
+    maps[e.key]();
+  };
+  const setClient = (client) => {
+    setGlobalState({
+      client: {
+        ...stateRef.current.client,
+        ...client
+      }
+    });
+  };
+  const _getFranchiseeCustomerInfo = async (customer) => {
+    try {
+      setFranchiseeLoading(customer.id);
+      const res = await (0, import_serve.getFranchiseeCustomerInfo)({
+        franchisor_customer_id: customer.id
+      });
+      setFranchiseeLoading(0);
+      return {
+        ...customer,
+        id: res.franchisee_customer_id
+      };
+    } catch (err) {
+      setFranchiseeLoading(0);
+    }
+  };
+  const getNickname = (0, import_react.useCallback)(
+    (item) => {
+      if ((0, import_utils.isWalkIn)(item == null ? void 0 : item.id)) {
+        return import_utils2.locales.getText("pisell2.text.select-a-customer");
+      }
+      return item.name || (item.display_name || "").trim() || (item.nickname || "").trim() || "";
+    },
+    [import_utils2.locales.localeMap]
+  );
+  (0, import_react.useEffect)(() => {
+    if (state.action) {
+      state.action({
+        type: "pisell1.registerPlugin",
+        data: {
+          pluginList: ["CustomerDetailPlugin"]
+        }
+      });
+    }
+  }, []);
+  const handleSelectClient = async (value) => {
+    let _value = (value == null ? void 0 : value[value.length - 1]) || import_model.walkInData;
+    if (_value.loading) {
+      return;
+    }
+    if (state.isFranchisee && _value.franchisee_customer_id === 0) {
+      try {
+        _value = await _getFranchiseeCustomerInfo(_value);
+      } catch (err) {
+      }
+      if (!_value) {
+        return;
+      }
+    }
+    setClient({
+      value: {
+        ..._value,
+        name: getNickname(_value)
+      },
+      edit: true
+    });
+    return new Promise((resolve) => {
+      resolve(0);
+    });
+  };
+  const handleCreateItem = () => {
+    state.action({
+      type: "pisell1.handleOpenAddCustomerModal",
+      data: {
+        showReceiveAddress: false,
+        showAcceptsMarketing: false
+      },
+      callback: (customer_id) => {
+        getClients({
+          ...state.client.clientsParams,
+          search: "",
+          customer_id,
+          skip: 1
+        });
+      }
+    });
+  };
+  const searchChange = (search) => {
+    let _params2 = {
+      ...paramsRef.current,
+      skip: 1,
+      search
+    };
+    getClients({ ..._params2 });
+  };
+  const loadMore = (0, import_react.useMemo)(() => {
+    const show = state.client.clients.length < params.total || 0;
+    return show ? /* @__PURE__ */ import_react.default.createElement("div", { className: "", style: { textAlign: "center", padding: "16px 0" } }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        loading: loadLoading,
+        onClick: () => {
+          let _params2 = {
+            ...params,
+            skip: params.skip + 1
+          };
+          getClients({ ..._params2 });
+        }
+      },
+      import_utils2.locales.getText("pisell2.text.load-more")
+    )) : null;
+  }, [loadLoading, params, state.client.clients.length]);
+  return {
+    setClient,
+    isWalkIn,
+    handleSelectClient,
+    menuChange,
+    handleViewClient,
+    menus,
+    handleCreateItem,
+    getClients,
+    params,
+    searchChange,
+    loading,
+    loadMore,
+    handleOpenClientModal,
+    getNickname
+  };
+};
+var useClientFn_default = useClientFn;

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

@@ -0,0 +1 @@
+export { default as VerticalClient } from './vertical';

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

@@ -0,0 +1,39 @@
+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/index.tsx
+var clientVariant_exports = {};
+__export(clientVariant_exports, {
+  VerticalClient: () => import_vertical.default
+});
+module.exports = __toCommonJS(clientVariant_exports);
+var import_vertical = __toESM(require("./vertical"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  VerticalClient
+});