@pisell/private-materials 3.0.155 → 3.0.157-gray

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

@@ -12,6 +12,7 @@ export interface InfoProps {
     client: any;
     loading?: boolean;
     addButtonProps?: any;
+    drawerProps?: any;
 }
 /**
  * @title: 表单模块

package/es/components/booking/forms/forms.js

@@ -43,7 +43,8 @@ var Forms = Provider(function (props) {
     addCallback = props.addCallback,
     client = props.client,
     loading = props.loading,
-    addButtonProps = props.addButtonProps;
+    addButtonProps = props.addButtonProps,
+    drawerProps = props.drawerProps;
 
   // 新增数据
   var onAction = useMemoizedFn( /*#__PURE__*/function () {
@@ -171,6 +172,7 @@ var Forms = Provider(function (props) {
         onChange: function onChange(val) {
           onValueChange(d, val);
         },
+        drawerProps: drawerProps,
         onAdd: function onAdd() {
           onAction(d, true);
         },
@@ -194,6 +196,6 @@ var Forms = Provider(function (props) {
         optionRender: optionRender
       })));
     }));
-  }, [forms, hideTitle, modalOpen, value, loading, client === null || client === void 0 ? void 0 : client.id, addButtonProps, customSelectProps, optionRender]);
+  }, [forms, hideTitle, modalOpen, value, loading, client === null || client === void 0 ? void 0 : client.id, addButtonProps, customSelectProps, optionRender, drawerProps]);
 });
 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/forms/single/index.d.ts

@@ -7,5 +7,5 @@ import "./index.less";
  * @Author: zhiwei.Wang
  * @Date: 2024-01-30 17:06
  */
-declare const Single: ({ value, onChange, form, mode, optionRender, loading, customSelectProps, onAdd, addButtonProps, modalOpen, watch, }: any) => React.JSX.Element;
+declare const Single: ({ value, onChange, form, mode, optionRender, loading, customSelectProps, onAdd, addButtonProps, modalOpen, watch, drawerProps, }: any) => React.JSX.Element;
 export default Single;

package/es/components/booking/forms/single/index.js

@@ -41,7 +41,8 @@ var Single = function Single(_ref) {
     onAdd = _ref.onAdd,
     addButtonProps = _ref.addButtonProps,
     modalOpen = _ref.modalOpen,
-    watch = _ref.watch;
+    watch = _ref.watch,
+    drawerProps = _ref.drawerProps;
   // const primaryField = useMemo(() => {
   // 	return field.field[0]?.key || "";
   // }, [field]);
@@ -234,10 +235,10 @@ var Single = function Single(_ref) {
     },
     name: ((_form$form3 = form.form) === null || _form$form3 === void 0 ? void 0 : _form$form3.title) || "-",
     addButtonProps: _addButtonProps,
-    drawerProps: {
+    drawerProps: _objectSpread({
       title: "".concat(locales.getText("pisell2.text.select"), " ").concat(((_form$form4 = form.form) === null || _form$form4 === void 0 ? void 0 : _form$form4.title) || "-"),
       destroyOnClose: true
-    },
+    }, drawerProps || {}),
     optionRender: _optionRender,
     rowKey: "form_record_id"
   }, customSelectProps || {})));

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

@@ -0,0 +1,7 @@
+import React from 'react';
+interface AddServiceVariantProps {
+    globalState: any;
+    setGlobalState: any;
+}
+declare const AddServiceVariant: (props: AddServiceVariantProps) => React.JSX.Element;
+export default AddServiceVariant;

package/es/components/booking/info/addServiceVariant/index.js

@@ -0,0 +1,33 @@
+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); }
+import React, { useRef } from 'react';
+import AddService from "../service/addService";
+var AddServiceVariant = function AddServiceVariant(props) {
+  var globalState = props.globalState,
+    setGlobalState = props.setGlobalState;
+  var stateRef = useRef(globalState);
+  stateRef.current = globalState;
+  var dispatch = function dispatch(_ref) {
+    var type = _ref.type,
+      payload = _ref.payload;
+    if (type === 'setService') {
+      setGlobalState({
+        service: _objectSpread(_objectSpread({}, stateRef.current.service), payload)
+      });
+    }
+  };
+  return /*#__PURE__*/React.createElement(AddService, {
+    renderMode: "current",
+    dispatch: dispatch,
+    state: globalState,
+    drawerProps: {
+      open: true,
+      getContainer: false
+    }
+  });
+};
+export default AddServiceVariant;

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

@@ -32,6 +32,7 @@ import { image, locales } from '@pisell/utils';
 import { isWalkIn as getIsWalkIn } from "../../utils";
 import { getFranchiseeCustomerInfo, getFranchiseeCustomerList } from "./serve";
 import { useMemoizedFn } from 'ahooks';
+var isLoadClient = false;
 var Client = function Client() {
   var _state$client$value2, _state$client$value3, _state$client$value4, _state$client$value5, _state$client$value6, _state$client$value7;
   var modalRef = useRef();
@@ -52,9 +53,10 @@ var Client = function Client() {
     setFranchiseeLoading = _useState6[1];
   var _useState7 = useState({
       skip: 1,
-      num: 50,
+      num: 10,
       total: 0,
-      search: ''
+      search: '',
+      sort_by: 'id'
     }),
     _useState8 = _slicedToArray(_useState7, 2),
     params = _useState8[0],
@@ -79,14 +81,24 @@ var Client = function Client() {
   }, [state.disabledEdit]);
   var getClients = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
-      var customer_id, resetParams, _setLoading, api, data, list, _payload, customerItem, totalList;
+      var customer_id, resetParams, _setLoading, _state$client, _state$client$clients, api, data, list, _payload, customerItem, totalList;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             customer_id = _ref.customer_id, resetParams = _objectWithoutProperties(_ref, _excluded);
-            _setLoading = resetParams.skip === 1 ? setLoading : setLoadLoading;
+            if (resetParams.skip === 1) {
+              // 搜索时展示loading
+              if (resetParams.search) {
+                _setLoading = setLoading;
+              } else {
+                _setLoading = isLoadClient || state !== null && state !== void 0 && (_state$client = state.client) !== null && _state$client !== void 0 && (_state$client$clients = _state$client.clients) !== null && _state$client$clients !== void 0 && _state$client$clients.length ? function () {} : setLoading;
+              }
+            } else {
+              _setLoading = setLoadLoading;
+            }
+            // let _setLoading = resetParams.skip === 1 ? setLoading : setLoadLoading;
             _setLoading(true);
-            api = state.isFranchisee ? getFranchiseeCustomerList : state.apis.getClients;
+            api = state.isFranchisee ? getFranchiseeCustomerList : state.apis.getClientsEs;
             _context.next = 6;
             return api(_objectSpread(_objectSpread({}, resetParams), !state.isFranchisee ? {
               _config: {
@@ -126,9 +138,11 @@ var Client = function Client() {
               type: 'setClient',
               payload: _payload
             });
-            _setLoading(false);
+            setLoading(false);
+            setLoadLoading(false);
+            isLoadClient = true;
             return _context.abrupt("return", {});
-          case 17:
+          case 19:
           case "end":
             return _context.stop();
         }
@@ -153,7 +167,8 @@ var Client = function Client() {
     if (getIsWalkIn(item === null || item === void 0 ? void 0 : item.id)) {
       return locales.getText('pisell2.text.select-a-customer');
     }
-    return item.name || (item.display_name || '').trim() || (item.nickname || '').trim() || '';
+    var firstLastName = item.first_name || item.last_name ? "".concat(item.first_name, " ").concat(item.last_name) : "";
+    return item.name || (item.display_name || '').trim() || (item.nickname || '').trim() || firstLastName.trim() || '';
   }, [locales.localeMap]);
 
   /**
@@ -280,12 +295,17 @@ var Client = function Client() {
         showReceiveAddress: false,
         showAcceptsMarketing: false
       },
-      callback: function callback(customer_id) {
-        getClients(_objectSpread(_objectSpread({}, state.client.clientsParams), {}, {
-          search: '',
-          customer_id: customer_id,
-          skip: 1
-        }));
+      callback: function callback(customer_id, params) {
+        var _params$, _params$2, _state$client2;
+        // 创建后本地数据处理到数组
+        dispatch({
+          type: 'setClient',
+          payload: {
+            clients: [].concat(_toConsumableArray(params !== null && params !== void 0 && (_params$ = params[0]) !== null && _params$ !== void 0 && _params$.customer ? [_objectSpread(_objectSpread({}, params === null || params === void 0 ? void 0 : (_params$2 = params[0]) === null || _params$2 === void 0 ? void 0 : _params$2.customer), {}, {
+              id: customer_id
+            })] : []), _toConsumableArray(((_state$client2 = state.client) === null || _state$client2 === void 0 ? void 0 : _state$client2.clients) || []))
+          }
+        });
       }
     });
   });
@@ -384,7 +404,7 @@ var Client = function Client() {
       mode: "single",
       createItemText: locales.getText('pisell2.text.create-new-customer'),
       closeCallback: function closeCallback() {
-        searchChange('');
+        // searchChange('');
       },
       optionRender: function optionRender(item) {
         return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Avatar, {

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

@@ -1,5 +1,5 @@
-import React from "react";
-import { FormState } from "../../../model";
+import React from 'react';
+import { FormState } from '../../../model';
 interface useClientFnParams {
     state: any;
     setGlobalState: (val: any) => void;
@@ -7,7 +7,7 @@ interface useClientFnParams {
     onRemoveClient?: () => void;
 }
 declare const useClientFn: (_params: useClientFnParams) => {
-    setClient: (client: Partial<FormState["client"]>) => void;
+    setClient: (client: Partial<FormState['client']>) => void;
     isWalkIn: boolean;
     handleSelectClient: (value: any) => Promise<unknown>;
     menuChange: (e: any) => void;
@@ -16,7 +16,7 @@ declare const useClientFn: (_params: useClientFnParams) => {
         key: string;
         label: any;
     }[];
-    handleCreateItem: () => void;
+    handleCreateItem: (cb?: () => void) => void;
     getClients: ({ customer_id, customer_ids, ...resetParams }: {
         customer_id?: number | undefined;
         skip?: number | undefined;

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

@@ -20,12 +20,14 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { isWalkIn as getIsWalkIn } from "../../../utils";
 import { getFranchiseeCustomerInfo, getFranchiseeCustomerList } from "../../client/serve";
 import { walkInData } from "../../model";
-import { locales } from "@pisell/utils";
-import { Button } from "antd";
+import { locales } from '@pisell/utils';
+import { Button } from 'antd';
+import useIsLowSpeedNetwork from "./useIsLowSpeedNetwork";
+var isLoadClient = false;
 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,
@@ -44,12 +46,13 @@ var useClientFn = function useClientFn(_params) {
     _useState6 = _slicedToArray(_useState5, 2),
     franchiseeLoading = _useState6[0],
     setFranchiseeLoading = _useState6[1];
+  var isLowSpeedNetwork = useIsLowSpeedNetwork();
   var _useState7 = useState({
       skip: 1,
-      num: 50,
+      num: 5,
       total: 0,
-      search: "",
-      with: ["formRecord"],
+      search: '',
+      with: ['formRecord'],
       relation_form_id: state === null || state === void 0 ? void 0 : (_state$bookingConfig = state.bookingConfig) === null || _state$bookingConfig === void 0 ? void 0 : (_state$bookingConfig$ = _state$bookingConfig.config) === null || _state$bookingConfig$ === void 0 ? void 0 : (_state$bookingConfig$2 = _state$bookingConfig$.basic) === null || _state$bookingConfig$2 === void 0 ? void 0 : (_state$bookingConfig$3 = _state$bookingConfig$2.appointment_subject) === null || _state$bookingConfig$3 === void 0 ? void 0 : _state$bookingConfig$3.form_id
     }),
     _useState8 = _slicedToArray(_useState7, 2),
@@ -73,16 +76,27 @@ var useClientFn = function useClientFn(_params) {
   }, [(_state$client$value2 = state.client.value) === null || _state$client$value2 === void 0 ? void 0 : _state$client$value2.id]);
   var getClients = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, returnResult) {
-      var customer_id, customer_ids, resetParams, _setLoading, api, data, list, _payload, customerItem, totalList;
+      var customer_id, customer_ids, resetParams, _setLoading, _state$client, _state$client$clients, api, data, list, _payload, customerItem, totalList;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             customer_id = _ref.customer_id, customer_ids = _ref.customer_ids, resetParams = _objectWithoutProperties(_ref, _excluded);
-            _setLoading = resetParams.skip === 1 ? setLoading : setLoadLoading;
+            if (resetParams.skip === 1) {
+              // 搜索时展示loading
+              if (resetParams.search) {
+                _setLoading = setLoading;
+              } else {
+                _setLoading = isLoadClient || state !== null && state !== void 0 && (_state$client = state.client) !== null && _state$client !== void 0 && (_state$client$clients = _state$client.clients) !== null && _state$client$clients !== void 0 && _state$client$clients.length ? function () {} : setLoading;
+              }
+            } else {
+              _setLoading = setLoadLoading;
+            }
             _setLoading(true);
             api = state.isFranchisee ? getFranchiseeCustomerList : state.apis.getClients;
             _context.next = 6;
-            return api(_objectSpread(_objectSpread(_objectSpread({}, resetParams), state.isFranchisee ? {
+            return api(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, resetParams), resetParams.search ? {
+              num: 10
+            } : {}), state.isFranchisee ? {
               franchisee_customer_ids: customer_ids
             } : {
               customer_ids: customer_ids
@@ -136,9 +150,11 @@ var useClientFn = function useClientFn(_params) {
             setGlobalState({
               client: _objectSpread(_objectSpread({}, stateRef.current.client), _payload)
             });
-            _setLoading(false);
+            isLoadClient = true;
+            setLoading(false);
+            setLoadLoading(false);
             return _context.abrupt("return", {});
-          case 19:
+          case 21:
           case "end":
             return _context.stop();
         }
@@ -157,14 +173,14 @@ var useClientFn = function useClientFn(_params) {
       showModal: true
     });
     getClients(_objectSpread(_objectSpread({}, paramsRef.current), {}, {
-      search: val || "",
+      search: val || '',
       skip: 1
     }));
     (_modalRef$current = modalRef.current) === null || _modalRef$current === void 0 ? void 0 : _modalRef$current.open();
   };
   var handleViewClient = function handleViewClient() {
     state.action({
-      type: "pisell1.handleOpenCustomerModal",
+      type: 'pisell1.handleOpenCustomerModal',
       data: {
         id: state.client.value.id
       },
@@ -176,7 +192,7 @@ var useClientFn = function useClientFn(_params) {
           handleSelectClient([data]);
         }
         getClients(_objectSpread(_objectSpread({}, state.client.clientsParams), {}, {
-          search: "",
+          search: '',
           customer_id: data === null || data === void 0 ? void 0 : data.id,
           skip: 1
         }));
@@ -188,12 +204,12 @@ var useClientFn = function useClientFn(_params) {
     // { key: "view", label: locales.getText("pisell2.text.view-profile") },
     // { key: "change", label: locales.getText("pisell2.text.change-customer") },
     {
-      key: "remove",
-      label: locales.getText("pisell2.text.remove-customer")
+      key: 'remove',
+      label: locales.getText('pisell2.text.remove-customer')
     }];
     if (state.disabledEdit) {
       list = list.filter(function (d) {
-        return d.key === "view";
+        return d.key === 'view';
       });
     }
     return list;
@@ -262,16 +278,17 @@ var useClientFn = function useClientFn(_params) {
   }();
   var getNickname = useCallback(function (item) {
     if (getIsWalkIn(item === null || item === void 0 ? void 0 : item.id)) {
-      return locales.getText("pisell2.text.select-a-customer");
+      return locales.getText('pisell2.text.select-a-customer');
     }
-    return item.name || (item.display_name || "").trim() || (item.nickname || "").trim() || "";
+    var firstLastName = item.first_name || item.last_name ? "".concat(item.first_name, " ").concat(item.last_name) : "";
+    return item.name || (item.display_name || '').trim() || (item.nickname || '').trim() || firstLastName.trim() || '';
   }, [locales.localeMap]);
   useEffect(function () {
     if (state.action) {
       state.action({
-        type: "pisell1.registerPlugin",
+        type: 'pisell1.registerPlugin',
         data: {
-          pluginList: ["CustomerDetailPlugin"]
+          pluginList: ['CustomerDetailPlugin']
         }
       });
     }
@@ -329,22 +346,32 @@ var useClientFn = function useClientFn(_params) {
       return _ref4.apply(this, arguments);
     };
   }();
-  var handleCreateItem = function handleCreateItem() {
+  var handleCreateItem = function handleCreateItem(cb) {
     state.action({
-      type: "pisell1.handleOpenAddCustomerModal",
+      type: 'pisell1.handleOpenAddCustomerModal',
       data: {
         showReceiveAddress: false,
         showAcceptsMarketing: false
       },
-      callback: function callback(customer_id) {
-        getClients(_objectSpread(_objectSpread({}, state.client.clientsParams), {}, {
-          search: "",
-          customer_id: customer_id,
-          skip: 1
-        }));
+      callback: function callback(customer_id, params) {
+        var _params$, _params$2, _state$client2;
+        cb === null || cb === void 0 ? void 0 : cb();
+        setClient({
+          clients: [].concat(_toConsumableArray(params !== null && params !== void 0 && (_params$ = params[0]) !== null && _params$ !== void 0 && _params$.customer ? [_objectSpread(_objectSpread({}, params === null || params === void 0 ? void 0 : (_params$2 = params[0]) === null || _params$2 === void 0 ? void 0 : _params$2.customer), {}, {
+            id: customer_id,
+            form_record: []
+          })] : []), _toConsumableArray(((_state$client2 = state.client) === null || _state$client2 === void 0 ? void 0 : _state$client2.clients) || []))
+        });
+        // getClients({
+        //   ...state.client.clientsParams,
+        //   search: '',
+        //   customer_id,
+        //   skip: 1,
+        // });
       }
     });
   };
+
   var searchChange = function searchChange(search) {
     var _params = _objectSpread(_objectSpread({}, paramsRef.current), {}, {
       skip: 1,
@@ -357,8 +384,8 @@ var useClientFn = function useClientFn(_params) {
     return show ? /*#__PURE__*/React.createElement("div", {
       className: "",
       style: {
-        textAlign: "center",
-        padding: "16px 0"
+        textAlign: 'center',
+        padding: '16px 0'
       }
     }, /*#__PURE__*/React.createElement(Button, {
       loading: loadLoading,
@@ -368,7 +395,7 @@ var useClientFn = function useClientFn(_params) {
         });
         getClients(_objectSpread({}, _params));
       }
-    }, locales.getText("pisell2.text.load-more"))) : null;
+    }, locales.getText('pisell2.text.load-more'))) : null;
   }, [loadLoading, params, state.client.clients.length]);
   return {
     setClient: setClient,

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const useIsLowSpeedNetwork: () => import("react").MutableRefObject<boolean>;
+export default useIsLowSpeedNetwork;

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

@@ -0,0 +1,14 @@
+import { useMemo, useRef } from 'react';
+import { useNetwork } from "ahooks";
+var useIsLowSpeedNetwork = function useIsLowSpeedNetwork() {
+  var networkState = useNetwork();
+  var isLowSpeedNetwork = useRef(false);
+
+  // 低速网络
+  var isLowSpeedNetworkMemo = useMemo(function () {
+    return ['slow-2g', '2g', '3g'].includes((networkState === null || networkState === void 0 ? void 0 : networkState.effectiveType) || '') || ((networkState === null || networkState === void 0 ? void 0 : networkState.downlink) || 20) <= 1 || ((networkState === null || networkState === void 0 ? void 0 : networkState.rtt) || 0) > 500;
+  }, [networkState]);
+  isLowSpeedNetwork.current = isLowSpeedNetworkMemo;
+  return isLowSpeedNetwork;
+};
+export default useIsLowSpeedNetwork;

package/es/components/booking/info/clientVariant/vertical/SelectDrawer.d.ts

@@ -1,10 +1,10 @@
-import React from "react";
-import "./SelectDrawer.less";
+import React from 'react';
+import './SelectDrawer.less';
 interface SelectDrawerProps {
     autoFocus?: boolean;
     onClose: () => void;
     handleSelectClient: (val: any) => void;
-    handleCreateItem: () => void;
+    handleCreateItem: (cb: () => void) => void;
     handleSelectPet: (val: any) => void;
     childrenValue: any[];
     formData: any;
@@ -18,6 +18,7 @@ interface SelectDrawerProps {
     handleAddPet: any;
     modalOpen: boolean;
     franchiseeLoading?: number;
+    showHeader?: boolean;
 }
 declare const _default: React.ForwardRefExoticComponent<SelectDrawerProps & React.RefAttributes<unknown>>;
 export default _default;