@pisell/private-materials 3.0.126 → 3.0.128-gray

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

@@ -20,18 +20,19 @@ 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, useContext, useEffect, useMemo, useState, useRef } from "react";
-import PlusCircle from "@pisell/icon/es/PlusCircle";
-import DotsVertical from "@pisell/icon/es/DotsVertical";
-import User01 from "@pisell/icon/es/User01";
+import React, { useCallback, useContext, useEffect, useMemo, useState, useRef } from 'react';
+import PlusCircle from '@pisell/icon/es/PlusCircle';
+import DotsVertical from '@pisell/icon/es/DotsVertical';
+import User01 from '@pisell/icon/es/User01';
 import { Context, walkInData } from "../model";
-import { Avatar, Dropdown, Button, Spin } from "antd";
+import { Avatar, Dropdown, Button, Spin } from 'antd';
 import CustomSelect from "../../components/customSelect";
 import "./index.less";
-import { image, locales } from "@pisell/utils";
+import { image, locales } from '@pisell/utils';
 import { isWalkIn as getIsWalkIn } from "../../utils";
 import { getFranchiseeCustomerInfo, getFranchiseeCustomerList } from "./serve";
-var Info = function Info() {
+import { useMemoizedFn } from 'ahooks';
+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();
   var _useState = useState(false),
@@ -53,25 +54,25 @@ var Info = function Info() {
       skip: 1,
       num: 50,
       total: 0,
-      search: ""
+      search: ''
     }),
     _useState8 = _slicedToArray(_useState7, 2),
     params = _useState8[0],
     setParams = _useState8[1];
   var menus = useMemo(function () {
     var list = [{
-      key: "view",
-      label: locales.getText("pisell2.text.view-profile")
+      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")
+      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;
@@ -122,7 +123,7 @@ var Info = function Info() {
               total: (data === null || data === void 0 ? void 0 : data.count) || 0
             }));
             dispatch({
-              type: "setClient",
+              type: 'setClient',
               payload: _payload
             });
             _setLoading(false);
@@ -143,16 +144,16 @@ var Info = function Info() {
       return;
     }
     getClients(_objectSpread(_objectSpread({}, params), {}, {
-      search: "",
+      search: '',
       skip: 1
     }));
     (_modalRef$current = modalRef.current) === null || _modalRef$current === void 0 ? void 0 : _modalRef$current.open();
   };
   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() || "";
+    return item.name || (item.display_name || '').trim() || (item.nickname || '').trim() || '';
   }, [locales.localeMap]);
 
   /**
@@ -195,7 +196,7 @@ var Info = function Info() {
       return _ref3.apply(this, arguments);
     };
   }();
-  var handleSelectClient = /*#__PURE__*/function () {
+  var handleSelectClient = useMemoizedFn( /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(value) {
       var _value;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
@@ -230,7 +231,7 @@ var Info = function Info() {
             return _context3.abrupt("return");
           case 14:
             dispatch({
-              type: "setClient",
+              type: 'setClient',
               payload: {
                 value: _objectSpread(_objectSpread({}, _value), {}, {
                   name: getNickname(_value)
@@ -247,13 +248,13 @@ var Info = function Info() {
         }
       }, _callee3, null, [[4, 10]]);
     }));
-    return function handleSelectClient(_x4) {
+    return function (_x4) {
       return _ref4.apply(this, arguments);
     };
-  }();
+  }());
   var handleViewClient = function handleViewClient() {
     state.action({
-      type: "pisell1.handleOpenCustomerModal",
+      type: 'pisell1.handleOpenCustomerModal',
       data: {
         id: state.client.value.id
       },
@@ -265,29 +266,29 @@ var Info = function Info() {
           handleSelectClient([data]);
         }
         getClients(_objectSpread(_objectSpread({}, state.client.clientsParams), {}, {
-          search: "",
+          search: '',
           customer_id: data === null || data === void 0 ? void 0 : data.id,
           skip: 1
         }));
       }
     });
   };
-  var handleCreateItem = function handleCreateItem() {
+  var handleCreateItem = useMemoizedFn(function () {
     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: "",
+          search: '',
           customer_id: customer_id,
           skip: 1
         }));
       }
     });
-  };
+  });
   var handleRemoveClient = function handleRemoveClient() {
     if (state.disabledEdit) {
       return;
@@ -309,9 +310,9 @@ var Info = function Info() {
   useEffect(function () {
     if (state.action) {
       state.action({
-        type: "pisell1.registerPlugin",
+        type: 'pisell1.registerPlugin',
         data: {
-          pluginList: ["CustomerDetailPlugin"]
+          pluginList: ['CustomerDetailPlugin']
         }
       });
     }
@@ -324,13 +325,13 @@ var Info = function Info() {
     // }
     return _list;
   }, [state.client.clients]);
-  var searchChange = function searchChange(search) {
+  var searchChange = useMemoizedFn(function (search) {
     var _params = _objectSpread(_objectSpread({}, params), {}, {
       skip: 1,
       search: search
     });
     getClients(_objectSpread({}, _params));
-  };
+  });
   // const onScroll = (e: React.UIEvent<HTMLElement, UIEvent>) => {
   // 	if (
   // 		e.currentTarget.scrollHeight - e.currentTarget.scrollTop ===
@@ -351,8 +352,8 @@ var Info = function Info() {
     return show ? /*#__PURE__*/React.createElement("div", {
       className: "",
       style: {
-        textAlign: "center",
-        padding: "16px 0"
+        textAlign: 'center',
+        padding: '16px 0'
       }
     }, /*#__PURE__*/React.createElement(Button, {
       loading: loadLoading,
@@ -362,8 +363,62 @@ var Info = function Info() {
         });
         getClients(_objectSpread({}, _params));
       }
-    }, locales.getText("pisell2.text.load-more"))) : null;
+    }, locales.getText('pisell2.text.load-more'))) : null;
   }, [loadLoading, params, state.client.clients.length]);
+  var customSelect = useMemo(function () {
+    return /*#__PURE__*/React.createElement(CustomSelect, {
+      autoFocus: !state.isTerminal,
+      modalOpen: state.modalOpen,
+      ref: modalRef,
+      rowKey: "id",
+      options: renderList,
+      loading: loading,
+      value: [state.client.value],
+      onValueChange: handleSelectClient,
+      handleCreateItem: handleCreateItem,
+      isPreview: false,
+      drawerProps: {
+        title: locales.getText('pisell2.text.select-customer'),
+        destroyOnClose: true
+      },
+      mode: "single",
+      createItemText: locales.getText('pisell2.text.create-new-customer'),
+      closeCallback: function closeCallback() {
+        searchChange('');
+      },
+      optionRender: function optionRender(item) {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Avatar, {
+          className: "pisell-lowcode__booking-client-list-item-avatar",
+          src: image.ali(item.cover, 100) || undefined,
+          icon: /*#__PURE__*/React.createElement(User01, {
+            className: "pisell-lowcode__booking-client-list-item-avatar-icon"
+          })
+        }), /*#__PURE__*/React.createElement("div", {
+          className: "pisell-lowcode__booking-client-list-item-info"
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "pisell-lowcode__booking-client-list-item-info-name"
+        }, getNickname(item)), /*#__PURE__*/React.createElement("div", {
+          className: "pisell-lowcode__booking-client-list-item-info-desc"
+        }, item.email ? /*#__PURE__*/React.createElement("div", {
+          className: ""
+        }, item.email) : null, item.phone ? /*#__PURE__*/React.createElement("div", {
+          className: ""
+        }, item.phone) : null)), /*#__PURE__*/React.createElement("div", {
+          className: "pisell-lowcode__booking-client-list-item-loading"
+        }, /*#__PURE__*/React.createElement(Spin, {
+          spinning: franchiseeLoading === item.id
+        })));
+      },
+      searchChange: searchChange,
+      searchValue: params.search
+      // onVirtualListScroll={onScroll}
+      ,
+      loadMore: loadMore,
+      filterItem: function filterItem(d, search) {
+        return true;
+      }
+    });
+  }, [state, renderList, loading, franchiseeLoading, params.search, loadMore]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__booking-client",
     onClick: function onClick() {
@@ -389,7 +444,7 @@ var Info = function Info() {
     className: "pisell-lowcode__booking-client-info-name"
   }, getNickname(state.client.value)), isWalkIn ? /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__booking-client-info-desc"
-  }, locales.getText("pisell2.text.leave-empty-for-walk-in")) : /*#__PURE__*/React.createElement(React.Fragment, null, (_state$client$value4 = state.client.value) !== null && _state$client$value4 !== void 0 && _state$client$value4.email ? /*#__PURE__*/React.createElement("div", {
+  }, locales.getText('pisell2.text.leave-empty-for-walk-in')) : /*#__PURE__*/React.createElement(React.Fragment, null, (_state$client$value4 = state.client.value) !== null && _state$client$value4 !== void 0 && _state$client$value4.email ? /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__booking-client-info-email"
   }, (_state$client$value5 = state.client.value) === null || _state$client$value5 === void 0 ? void 0 : _state$client$value5.email) : null, (_state$client$value6 = state.client.value) !== null && _state$client$value6 !== void 0 && _state$client$value6.phone ? /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__booking-client-info-phone"
@@ -407,57 +462,6 @@ var Info = function Info() {
     className: "pisell-lowcode__booking-client-menu-wrap"
   }, /*#__PURE__*/React.createElement(DotsVertical, {
     className: "pisell-lowcode__booking-client-menu-icon"
-  })))))), /*#__PURE__*/React.createElement(CustomSelect, {
-    autoFocus: !state.isTerminal,
-    modalOpen: state.modalOpen,
-    ref: modalRef,
-    rowKey: "id",
-    options: renderList,
-    loading: loading,
-    value: [state.client.value],
-    onValueChange: handleSelectClient,
-    handleCreateItem: handleCreateItem,
-    isPreview: false,
-    drawerProps: {
-      title: locales.getText("pisell2.text.select-customer"),
-      destroyOnClose: true
-    },
-    mode: "single",
-    createItemText: locales.getText("pisell2.text.create-new-customer"),
-    closeCallback: function closeCallback() {
-      searchChange("");
-    },
-    optionRender: function optionRender(item) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Avatar, {
-        className: "pisell-lowcode__booking-client-list-item-avatar",
-        src: image.ali(item.cover, 100) || undefined,
-        icon: /*#__PURE__*/React.createElement(User01, {
-          className: "pisell-lowcode__booking-client-list-item-avatar-icon"
-        })
-      }), /*#__PURE__*/React.createElement("div", {
-        className: "pisell-lowcode__booking-client-list-item-info"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "pisell-lowcode__booking-client-list-item-info-name"
-      }, getNickname(item)), /*#__PURE__*/React.createElement("div", {
-        className: "pisell-lowcode__booking-client-list-item-info-desc"
-      }, item.email ? /*#__PURE__*/React.createElement("div", {
-        className: ""
-      }, item.email) : null, item.phone ? /*#__PURE__*/React.createElement("div", {
-        className: ""
-      }, item.phone) : null)), /*#__PURE__*/React.createElement("div", {
-        className: "pisell-lowcode__booking-client-list-item-loading"
-      }, /*#__PURE__*/React.createElement(Spin, {
-        spinning: franchiseeLoading === item.id
-      })));
-    },
-    searchChange: searchChange,
-    searchValue: params.search
-    // onVirtualListScroll={onScroll}
-    ,
-    loadMore: loadMore,
-    filterItem: function filterItem(d, search) {
-      return true;
-    }
-  }));
+  })))))), customSelect);
 };
-export default Info;
+export default /*#__PURE__*/React.memo(Client);

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

@@ -29,6 +29,7 @@ import "./index.less";
 import useEngineContext from "../../../../../hooks/useEngineContext";
 import { formatAddFormValues } from "../../../forms/format";
 import { moveItemToFront } from "../../utils";
+import { useMemoizedFn } from "ahooks";
 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$pet6, _state$pet6$formData, _state$pet6$formData$, _state$pet8, _state$client$value4, _state$bookingConfig17, _state$bookingConfig18, _state$bookingConfig19, _state$pet9, _state$pet9$formData, _state$bookingConfig20, _state$bookingConfig21, _state$client$value5, _state$client$value6, _state$client$value7, _state$client$value8, _state$client$value9, _context$appHelper2, _context$appHelper2$u, _context$appHelper2$u2, _state$bookingConfig22, _state$client6;
   var globalState = props.globalState,
@@ -113,9 +114,9 @@ var VerticalClient = function VerticalClient(props) {
       })
     });
   };
-  var handleOpenModal = function handleOpenModal() {
+  var handleOpenModal = useMemoizedFn(function () {
     handleOpenClientModal();
-  };
+  });
   var handleAddPet = function handleAddPet(_client, cb) {
     var _state$pet$formData;
     var _data = {
@@ -149,7 +150,7 @@ var VerticalClient = function VerticalClient(props) {
     });
   };
 
-  var previewItemTitleRender = function previewItemTitleRender(value, index, values) {
+  var previewItemTitleRender = useMemoizedFn(function (value, index, values) {
     var _value$customer, _value$customer2, _value$customer3, _value$customer4, _state$pet$formData2, _state$pet$formData2$;
     var title = getNickname(value.customer) || (value === null || value === void 0 ? void 0 : (_value$customer = value.customer) === null || _value$customer === void 0 ? void 0 : _value$customer.email) || (value === null || value === void 0 ? void 0 : (_value$customer2 = value.customer) === null || _value$customer2 === void 0 ? void 0 : _value$customer2.phone) || '';
     if ((value === null || value === void 0 ? void 0 : (_value$customer3 = value.customer) === null || _value$customer3 === void 0 ? void 0 : _value$customer3.id) === prevCustomerId.current) {
@@ -165,7 +166,7 @@ var VerticalClient = function VerticalClient(props) {
     return /*#__PURE__*/React.createElement("div", {
       className: "pisell-lowcode__booking-pet-title"
     }, title, " ' ", ((_state$pet$formData2 = state.pet.formData) === null || _state$pet$formData2 === void 0 ? void 0 : (_state$pet$formData2$ = _state$pet$formData2[0]) === null || _state$pet$formData2$ === void 0 ? void 0 : _state$pet$formData2$.title) || '');
-  };
+  });
   var isShowAddBtn = useMemo(function () {
     var _state$pet, _state$pet$formData3, _state$pet$formData3$, _state$pet2, _state$pet2$value, _state$pet2$value$for;
     var formId = (_state$pet = state.pet) === null || _state$pet === void 0 ? void 0 : (_state$pet$formData3 = _state$pet.formData) === null || _state$pet$formData3 === void 0 ? void 0 : (_state$pet$formData3$ = _state$pet$formData3[0]) === null || _state$pet$formData3$ === void 0 ? void 0 : _state$pet$formData3$.form_id;

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

@@ -370,9 +370,9 @@ var header = function header(_ref) {
         className: "go-payments-modal-content"
       }, /*#__PURE__*/React.createElement("div", {
         className: "go-payments-modal-content-title"
-      }, locales.getText('page.booking.text.unconfirmed-payements')), /*#__PURE__*/React.createElement("div", {
+      }, locales.getText('page.booking.text.unconfirmed-payments')), /*#__PURE__*/React.createElement("div", {
         className: "go-payments-modal-content-desc"
-      }, locales.getText('page.booking.text.unconfirmed-payements.msg')), /*#__PURE__*/React.createElement("div", {
+      }, locales.getText('page.booking.text.unconfirmed-payments.msg')), /*#__PURE__*/React.createElement("div", {
         className: "go-payments-footer"
       }, /*#__PURE__*/React.createElement(Button, {
         className: "go-payments-footer-btn",

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

@@ -73,7 +73,7 @@ var Info = Provider(function (props) {
         timezone: context === null || context === void 0 ? void 0 : (_context$appHelper3 = context.appHelper) === null || _context$appHelper3 === void 0 ? void 0 : (_context$appHelper3$u = _context$appHelper3.utils) === null || _context$appHelper3$u === void 0 ? void 0 : (_context$appHelper3$u2 = _context$appHelper3$u.store) === null || _context$appHelper3$u2 === void 0 ? void 0 : (_context$appHelper3$u3 = _context$appHelper3$u2.getState()) === null || _context$appHelper3$u3 === void 0 ? void 0 : (_context$appHelper3$u4 = _context$appHelper3$u3.global) === null || _context$appHelper3$u4 === void 0 ? void 0 : (_context$appHelper3$u5 = _context$appHelper3$u4.globalConfig) === null || _context$appHelper3$u5 === void 0 ? void 0 : _context$appHelper3$u5.timezone
       })
     });
-  }, [globalState]);
+  }, [JSON.stringify(globalState)]);
   var addNote = function addNote(e) {
     modal.dispatch({
       type: "setNotes",

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

@@ -1,6 +1,6 @@
-import React from "react";
-import "./index.less";
-import { InfoProps } from "../../forms/forms";
+import React from 'react';
+import './index.less';
+import { InfoProps } from '../../forms/forms';
 interface PetProps {
     state?: any;
     dispatch?: any;