@pisell/private-materials 3.0.91 → 3.0.93

package/es/components/booking/addons/index.d.ts

@@ -13,5 +13,5 @@ export interface InfoProps {
     setGlobalState: any;
 }
 export declare const formatProducts: (values: any) => any;
-declare const Addons: (props: any) => JSX.Element;
+declare const Addons: (props: any) => any;
 export default Addons;

package/es/components/booking/addons/model.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/es/components/booking/forms/forms.d.ts

@@ -21,5 +21,5 @@ export interface InfoProps {
  * @Author: zhiwei.Wang
  * @Date: 2024-01-30 17:10
  */
-declare const Forms: (props: any) => JSX.Element;
+declare const Forms: (props: any) => any;
 export default Forms;

package/es/components/booking/forms/index.d.ts

@@ -5,5 +5,5 @@ export interface InfoProps {
     globalState: any;
     setGlobalState: any;
 }
-declare const Forms: (props: any) => JSX.Element;
+declare const Forms: (props: any) => any;
 export default Forms;

package/es/components/booking/forms/model.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/es/components/booking/index.d.ts

@@ -1,2 +1,2 @@
-declare const Booking: (props: any) => JSX.Element;
+declare const Booking: (props: any) => any;
 export default Booking;

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

@@ -4,6 +4,7 @@ interface useClientFnParams {
     state: any;
     setGlobalState: (val: any) => void;
     modalRef: any;
+    onRemoveClient?: () => void;
 }
 declare const useClientFn: (_params: useClientFnParams) => {
     setClient: (client: Partial<FormState["client"]>) => void;
@@ -34,7 +35,7 @@ declare const useClientFn: (_params: useClientFnParams) => {
     searchChange: (search: string) => void;
     loading: boolean;
     loadMore: React.JSX.Element | null;
-    handleOpenClientModal: () => void;
+    handleOpenClientModal: (val?: string) => void;
     getNickname: (item: any) => any;
     franchiseeLoading: number;
 };

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

@@ -30,7 +30,8 @@ var useClientFn = function useClientFn(_params) {
   var _state$bookingConfig, _state$bookingConfig$, _state$bookingConfig$2, _state$bookingConfig$3, _state$bookingConfig6, _state$bookingConfig7, _state$bookingConfig8, _state$client$value2;
   var state = _params.state,
     setGlobalState = _params.setGlobalState,
-    modalRef = _params.modalRef;
+    modalRef = _params.modalRef,
+    onRemoveClient = _params.onRemoveClient;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     loadLoading = _useState2[0],
@@ -137,7 +138,7 @@ var useClientFn = function useClientFn(_params) {
       return _ref2.apply(this, arguments);
     };
   }();
-  var handleOpenClientModal = function handleOpenClientModal() {
+  var handleOpenClientModal = function handleOpenClientModal(val) {
     var _modalRef$current;
     if (state.disabledEdit) {
       return;
@@ -146,7 +147,7 @@ var useClientFn = function useClientFn(_params) {
       showModal: true
     });
     getClients(_objectSpread(_objectSpread({}, paramsRef.current), {}, {
-      search: "",
+      search: val || "",
       skip: 1
     }));
     (_modalRef$current = modalRef.current) === null || _modalRef$current === void 0 ? void 0 : _modalRef$current.open();
@@ -175,10 +176,8 @@ var useClientFn = function useClientFn(_params) {
   var menus = useMemo(function () {
     var list = [
     // { key: "view", label: locales.getText("pisell2.text.view-profile") },
+    // { key: "change", label: locales.getText("pisell2.text.change-customer") },
     {
-      key: "change",
-      label: locales.getText("pisell2.text.change-customer")
-    }, {
       key: "remove",
       label: locales.getText("pisell2.text.remove-customer")
     }];
@@ -194,6 +193,7 @@ var useClientFn = function useClientFn(_params) {
       return;
     }
     handleSelectClient([walkInData]);
+    onRemoveClient === null || onRemoveClient === void 0 ? void 0 : onRemoveClient();
   };
   var menuChange = function menuChange(e) {
     e.domEvent.stopPropagation();

package/es/components/booking/info/clientVariant/vertical/SelectDrawer.js

@@ -123,7 +123,7 @@ var SelectDrawer = function SelectDrawer(props, ref) {
   var _useState5 = useState(""),
     _useState6 = _slicedToArray(_useState5, 2),
     search = _useState6[0],
-    setSearch = _useState6[1];
+    _setSearch = _useState6[1];
   useEffect(function () {
     if (!modalOpen) {
       setOpen(false);
@@ -133,7 +133,7 @@ var SelectDrawer = function SelectDrawer(props, ref) {
     // 关闭
     setOpen(false);
     // 清空搜索
-    setSearch("");
+    _setSearch("");
     onClose === null || onClose === void 0 ? void 0 : onClose();
   };
   var handleOpenModal = function handleOpenModal() {
@@ -150,6 +150,9 @@ var SelectDrawer = function SelectDrawer(props, ref) {
       open: handleOpenModal,
       close: function close() {
         setOpen(false);
+      },
+      setSearch: function setSearch(val) {
+        _setSearch(val);
       }
       // setValue: set_value,
     };
@@ -317,15 +320,14 @@ var SelectDrawer = function SelectDrawer(props, ref) {
       value: search,
       allowClear: true,
       onChange: function onChange(e) {
-        setSearch(e.target.value);
+        _setSearch(e.target.value);
         if (searchChange) {
           searchChange(e.target.value);
         }
       }
     })),
-    width: 300
-    // titleNoWrap={true}
-    ,
+    width: 300,
+    titleNoWrap: true,
     getContainer: false,
     destroyOnClose: true,
     push: {

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

@@ -1,27 +1,26 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React, { useEffect, useMemo, useRef } from 'react';
 import User01 from '@pisell/icon/es/User01';
-import { Avatar, Button, Dropdown, Skeleton, Space } from 'antd';
+import { Avatar, Button, Dropdown, Skeleton } from 'antd';
 import { image, locales } from '@pisell/utils';
-import { DownOutlined, PlusOutlined } from '@ant-design/icons';
 import useClientFn from "../hooks/useClientFn";
 import SelectDrawer from "./SelectDrawer";
 import Pet from "../../pet";
 import "./index.less";
 import useEngineContext from "../../../../../hooks/useEngineContext";
 var VerticalClient = function VerticalClient(props) {
-  var _context$appHelper, _context$appHelper$ut, _context$appHelper$ut2, _context$appHelper$ut3, _state$bookingConfig2, _state$bookingConfig3, _state$bookingConfig8, _state$bookingConfig9, _state$bookingConfig10, _state$bookingConfig11, _state$pet3, _state$pet4, _state$client$value, _state$client$value2, _state$client$value3, _state$client$value4, _state$client$value5, _state$pet5, _state$pet5$value, _context$appHelper2, _context$appHelper2$u, _context$appHelper2$u2, _state$bookingConfig12, _state$client;
+  var _context$appHelper, _context$appHelper$ut, _context$appHelper$ut2, _context$appHelper$ut3, _state$bookingConfig2, _state$bookingConfig3, _state$bookingConfig8, _state$bookingConfig9, _state$bookingConfig10, _state$bookingConfig11, _state$pet3, _state$pet4, _state$pet5, _state$client$value, _state$client$value2, _state$client$value3, _state$client$value4, _state$client$value5, _context$appHelper2, _context$appHelper2$u, _context$appHelper2$u2, _state$bookingConfig12, _state$client;
   var globalState = props.globalState,
     setGlobalState = props.setGlobalState;
   var modalRef = useRef();
@@ -29,13 +28,18 @@ var VerticalClient = function VerticalClient(props) {
   var stateRef = useRef(state);
   var prevCustomerId = useRef(null);
   var context = useEngineContext();
-  var isFranchisee = context === null || context === void 0 ? void 0 : (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : (_context$appHelper$ut = _context$appHelper.utils) === null || _context$appHelper$ut === void 0 ? void 0 : (_context$appHelper$ut2 = _context$appHelper$ut.businessUtils) === null || _context$appHelper$ut2 === void 0 ? void 0 : (_context$appHelper$ut3 = _context$appHelper$ut2.getAppByModal) === null || _context$appHelper$ut3 === void 0 ? void 0 : _context$appHelper$ut3.call(_context$appHelper$ut2, "franchisee");
+  var isFranchisee = context === null || context === void 0 ? void 0 : (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : (_context$appHelper$ut = _context$appHelper.utils) === null || _context$appHelper$ut === void 0 ? void 0 : (_context$appHelper$ut2 = _context$appHelper$ut.businessUtils) === null || _context$appHelper$ut2 === void 0 ? void 0 : (_context$appHelper$ut3 = _context$appHelper$ut2.getAppByModal) === null || _context$appHelper$ut3 === void 0 ? void 0 : _context$appHelper$ut3.call(_context$appHelper$ut2, 'franchisee');
   state.isFranchisee = isFranchisee;
   stateRef.current = state;
   var _useClientFn = useClientFn({
       state: state,
       setGlobalState: setGlobalState,
-      modalRef: modalRef
+      modalRef: modalRef,
+      onRemoveClient: function onRemoveClient() {
+        setTimeout(function () {
+          handleSelectPet(_defineProperty({}, boardConfig.form_id, []));
+        });
+      }
     }),
     isWalkIn = _useClientFn.isWalkIn,
     setClient = _useClientFn.setClient,
@@ -155,6 +159,7 @@ var VerticalClient = function VerticalClient(props) {
     }
     return false;
   }, [isWalkIn, state === null || state === void 0 ? void 0 : state.disabledEdit, (_state$pet3 = state.pet) === null || _state$pet3 === void 0 ? void 0 : _state$pet3.value, (_state$pet4 = state.pet) === null || _state$pet4 === void 0 ? void 0 : _state$pet4.formData, boardConfig.type]);
+  console.log((_state$pet5 = state.pet) === null || _state$pet5 === void 0 ? void 0 : _state$pet5.value, 'state.pet?.value');
   return /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__booking-vertical-client-wrap"
   }, /*#__PURE__*/React.createElement("div", {
@@ -190,17 +195,16 @@ var VerticalClient = function VerticalClient(props) {
     className: "pisell-lowcode__booking-client-desc-item"
   }, (_state$client$value5 = state.client.value) === null || _state$client$value5 === void 0 ? void 0 : _state$client$value5.phone) : null), !isWalkIn && /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__booking-client-action-wrap"
-  }, !state.disabledEdit && /*#__PURE__*/React.createElement(Dropdown, {
+  }, !state.disabledEdit && /*#__PURE__*/React.createElement(Dropdown.Button, {
     menu: {
       items: menus,
       onClick: menuChange
     },
-    placement: "bottomRight"
-  }, /*#__PURE__*/React.createElement(Button, {
-    onClick: function onClick(e) {
-      return e.stopPropagation();
+    placement: "bottomRight",
+    onClick: function onClick() {
+      return handleOpenClientModal();
     }
-  }, /*#__PURE__*/React.createElement(Space, null, locales.getText('pisell2.text.actions'), /*#__PURE__*/React.createElement(DownOutlined, null)))), /*#__PURE__*/React.createElement(Button, {
+  }, locales.getText('pisell2.text.variant-client-change')), /*#__PURE__*/React.createElement(Button, {
     onClick: function onClick(e) {
       e.stopPropagation();
       handleViewClient();
@@ -211,7 +215,7 @@ var VerticalClient = function VerticalClient(props) {
     clientChangeNotSetPet: true,
     state: state,
     dispatch: petDispatch,
-    hideTitle: !((_state$pet5 = state.pet) !== null && _state$pet5 !== void 0 && (_state$pet5$value = _state$pet5.value) !== null && _state$pet5$value !== void 0 && _state$pet5$value.length),
+    hideTitle: true,
     handleOpenModal: handleOpenModal,
     addButtonProps: {
       onClick: handleOpenClientModal,
@@ -223,11 +227,18 @@ var VerticalClient = function VerticalClient(props) {
   }) : null) : null), isShowAddBtn && /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__booking-vertical-footer"
   }, /*#__PURE__*/React.createElement(Button, {
-    icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
-    onClick: handleOpenClientModal,
+    onClick: function onClick() {
+      var _state$client$value6, _state$client$value7;
+      var searchVal = getNickname(state.client.value) || ((_state$client$value6 = state.client.value) === null || _state$client$value6 === void 0 ? void 0 : _state$client$value6.email) || ((_state$client$value7 = state.client.value) === null || _state$client$value7 === void 0 ? void 0 : _state$client$value7.phone) || '';
+      if (isWalkIn) {
+        searchVal = "";
+      }
+      modalRef.current.setSearch(searchVal);
+      handleOpenClientModal(searchVal);
+    },
     block: true,
     size: "large"
-  }, locales.getText('pisell2.text.add'))), /*#__PURE__*/React.createElement(SelectDrawer, {
+  }, locales.getText('pisell2.text.select'))), /*#__PURE__*/React.createElement(SelectDrawer, {
     modalOpen: state.modalOpen,
     loading: loading,
     autoFocus: !(context !== null && context !== void 0 && (_context$appHelper2 = context.appHelper) !== null && _context$appHelper2 !== void 0 && (_context$appHelper2$u = _context$appHelper2.utils) !== null && _context$appHelper2$u !== void 0 && (_context$appHelper2$u2 = _context$appHelper2$u.isTerminal) !== null && _context$appHelper2$u2 !== void 0 && _context$appHelper2$u2.call(_context$appHelper2$u)),

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

@@ -8,5 +8,5 @@ export interface InfoProps {
     slot: any;
     setState: any;
 }
-declare const Info: (props: any) => JSX.Element;
+declare const Info: (props: any) => any;
 export default Info;

package/es/components/booking/info/model.d.ts

@@ -1,9 +1,10 @@
+/// <reference types="react" />
 import { FormState } from "../model";
 export declare const walkInData: {
     id: number;
     nickname: string;
 };
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

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

@@ -159,6 +159,7 @@ declare const _default: {
         'pisell2.text.terminal-edit-message': string;
         "pisell2.text.actions": string;
         "pisell2.text.add-client": string;
+        'pisell2.text.variant-client-change': string;
     };
     'zh-CN': {
         'pisell2.text.refunded-amount': string;
@@ -320,6 +321,7 @@ declare const _default: {
         'page.booking.text.unlimited': string;
         "pisell2.text.actions": string;
         "pisell2.text.add-client": string;
+        'pisell2.text.variant-client-change': string;
     };
     'zh-HK': {
         'pisell2.text.refunded-amount': string;
@@ -481,6 +483,7 @@ declare const _default: {
         'page.booking.text.unlimited': string;
         "pisell2.text.actions": string;
         "pisell2.text.add-client": string;
+        'pisell2.text.variant-client-change': string;
     };
 };
 export default _default;

package/es/components/booking/locales.js

@@ -173,7 +173,8 @@ export default {
     'page.booking.text.unlimited': 'Unlimited',
     '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"
+    "pisell2.text.add-client": "Add customer",
+    'pisell2.text.variant-client-change': 'Change'
   },
   'zh-CN': {
     'pisell2.text.refunded-amount': '已退金额',
@@ -354,7 +355,8 @@ export default {
     'page.booking.text.fully-booked': '已约满',
     'page.booking.text.unlimited': '无限制',
     "pisell2.text.actions": "操作选项",
-    "pisell2.text.add-client": "添加客户"
+    "pisell2.text.add-client": "添加客户",
+    'pisell2.text.variant-client-change': '更改客户'
   },
   'zh-HK': {
     'pisell2.text.refunded-amount': '已退金額',
@@ -535,6 +537,7 @@ export default {
     'page.booking.text.fully-booked': '已約滿',
     'page.booking.text.unlimited': '無限制',
     "pisell2.text.actions": "操作選項",
-    "pisell2.text.add-client": "添加客戶"
+    "pisell2.text.add-client": "添加客戶",
+    'pisell2.text.variant-client-change': '更改客戶'
   }
 };

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface FormState {
     amountSymbol: string;
     apis: {
@@ -95,7 +96,7 @@ export declare const walkInData: {
     id: number;
     nickname: string;
 };
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/es/components/booking/notes/index.d.ts

@@ -4,5 +4,5 @@ export interface InfoProps {
     globalState: any;
     setGlobalState: any;
 }
-declare const Notes: (props: any) => JSX.Element;
+declare const Notes: (props: any) => any;
 export default Notes;

package/es/components/booking/notes/model.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/es/components/booking/payments/index.d.ts

@@ -5,5 +5,5 @@ export interface InfoProps {
     globalState: any;
     setGlobalState: any;
 }
-declare const Payments: (props: any) => JSX.Element;
+declare const Payments: (props: any) => any;
 export default Payments;

package/es/components/booking/payments/model.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/es/components/schedules/index.d.ts

@@ -1,3 +1,3 @@
 import "./index.less";
-declare const Schedules: (props: any) => JSX.Element;
+declare const Schedules: (props: any) => any;
 export default Schedules;

package/es/components/schedules/model.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CalendarDataItem, ScheduleItem } from "./type";
 import dayjs from "dayjs";
 export interface FormState {
@@ -68,7 +69,7 @@ export interface FormState {
     };
     setGlobalState: Function | null;
 }
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

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

@@ -13,5 +13,5 @@ export interface InfoProps {
     setGlobalState: any;
 }
 export declare const formatProducts: (values: any) => any;
-declare const Addons: (props: any) => JSX.Element;
+declare const Addons: (props: any) => any;
 export default Addons;

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

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

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

@@ -21,5 +21,5 @@ export interface InfoProps {
  * @Author: zhiwei.Wang
  * @Date: 2024-01-30 17:10
  */
-declare const Forms: (props: any) => JSX.Element;
+declare const Forms: (props: any) => any;
 export default Forms;

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

@@ -5,5 +5,5 @@ export interface InfoProps {
     globalState: any;
     setGlobalState: any;
 }
-declare const Forms: (props: any) => JSX.Element;
+declare const Forms: (props: any) => any;
 export default Forms;

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

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

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

@@ -1,2 +1,2 @@
-declare const Booking: (props: any) => JSX.Element;
+declare const Booking: (props: any) => any;
 export default Booking;

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

@@ -4,6 +4,7 @@ interface useClientFnParams {
     state: any;
     setGlobalState: (val: any) => void;
     modalRef: any;
+    onRemoveClient?: () => void;
 }
 declare const useClientFn: (_params: useClientFnParams) => {
     setClient: (client: Partial<FormState["client"]>) => void;
@@ -34,7 +35,7 @@ declare const useClientFn: (_params: useClientFnParams) => {
     searchChange: (search: string) => void;
     loading: boolean;
     loadMore: React.JSX.Element | null;
-    handleOpenClientModal: () => void;
+    handleOpenClientModal: (val?: string) => void;
     getNickname: (item: any) => any;
     franchiseeLoading: number;
 };

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

@@ -40,7 +40,7 @@ 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 { state, setGlobalState, modalRef, onRemoveClient } = _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);
@@ -124,7 +124,7 @@ var useClientFn = (_params) => {
     _setLoading(false);
     return {};
   };
-  const handleOpenClientModal = () => {
+  const handleOpenClientModal = (val) => {
     var _a2;
     if (state.disabledEdit) {
       return;
@@ -132,7 +132,7 @@ var useClientFn = (_params) => {
     setClient({
       showModal: true
     });
-    getClients({ ...paramsRef.current, search: "", skip: 1 });
+    getClients({ ...paramsRef.current, search: val || "", skip: 1 });
     (_a2 = modalRef.current) == null ? void 0 : _a2.open();
   };
   const handleViewClient = () => {
@@ -158,7 +158,7 @@ var useClientFn = (_params) => {
   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: "change", label: locales.getText("pisell2.text.change-customer") },
       { key: "remove", label: import_utils2.locales.getText("pisell2.text.remove-customer") }
     ];
     if (state.disabledEdit) {
@@ -171,6 +171,7 @@ var useClientFn = (_params) => {
       return;
     }
     handleSelectClient([import_model.walkInData]);
+    onRemoveClient == null ? void 0 : onRemoveClient();
   };
   const menuChange = (e) => {
     e.domEvent.stopPropagation();

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

@@ -143,6 +143,9 @@ var SelectDrawer = (props, ref) => {
       open: handleOpenModal,
       close: () => {
         setOpen(false);
+      },
+      setSearch: (val) => {
+        setSearch(val);
       }
       // setValue: set_value,
     };
@@ -280,6 +283,7 @@ var SelectDrawer = (props, ref) => {
         }
       )),
       width: 300,
+      titleNoWrap: true,
       getContainer: false,
       destroyOnClose: true,
       push: { distance: 180 },