@pisell/private-materials 3.0.92 → 3.0.94

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

@@ -36,14 +36,13 @@ var import_react = __toESM(require("react"));
 var import_User01 = __toESM(require("@pisell/icon/es/User01"));
 var import_antd = require("antd");
 var import_utils = require("@pisell/utils");
-var import_icons = require("@ant-design/icons");
 var import_useClientFn = __toESM(require("../hooks/useClientFn"));
 var import_SelectDrawer = __toESM(require("./SelectDrawer"));
 var import_pet = __toESM(require("../../pet"));
 var import_index = require("./index.less");
 var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
 var VerticalClient = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w;
   const { globalState, setGlobalState } = props;
   const modalRef = (0, import_react.useRef)();
   const state = globalState;
@@ -72,7 +71,14 @@ var VerticalClient = (props) => {
   } = (0, import_useClientFn.default)({
     state,
     setGlobalState,
-    modalRef
+    modalRef,
+    onRemoveClient: () => {
+      setTimeout(() => {
+        handleSelectPet({
+          [boardConfig.form_id]: []
+        });
+      });
+    }
   });
   const renderList = (0, import_react.useMemo)(() => {
     let _list = [...state.client.clients];
@@ -192,6 +198,7 @@ var VerticalClient = (props) => {
     (_l = state.pet) == null ? void 0 : _l.formData,
     boardConfig.type
   ]);
+  console.log((_m = state.pet) == null ? void 0 : _m.value, "state.pet?.value");
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-vertical-client-wrap" }, /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -207,20 +214,21 @@ var VerticalClient = (props) => {
       import_antd.Avatar,
       {
         className: "pisell-lowcode__booking-client-avatar",
-        src: import_utils.image.ali((_m = state.client.value) == null ? void 0 : _m.cover, 100),
+        src: import_utils.image.ali((_n = state.client.value) == null ? void 0 : _n.cover, 100),
         size: 64,
         icon: /* @__PURE__ */ import_react.default.createElement(import_User01.default, { className: "pisell-lowcode__booking-client-list-item-avatar-icon" })
       }
-    ), isWalkIn ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-desc" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-title" }, import_utils.locales.getText("pisell2.text.add-client")), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, import_utils.locales.getText("pisell2.text.leave-empty-for-walk-in"))) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-title" }, getNickname(state.client.value)), ((_n = state.client.value) == null ? void 0 : _n.email) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, (_o = state.client.value) == null ? void 0 : _o.email) : null, ((_p = state.client.value) == null ? void 0 : _p.phone) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, (_q = state.client.value) == null ? void 0 : _q.phone) : null), !isWalkIn && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-action-wrap" }, !state.disabledEdit && /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Dropdown,
+    ), isWalkIn ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-desc" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-title" }, import_utils.locales.getText("pisell2.text.add-client")), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, import_utils.locales.getText("pisell2.text.leave-empty-for-walk-in"))) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-title" }, getNickname(state.client.value)), ((_o = state.client.value) == null ? void 0 : _o.email) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, (_p = state.client.value) == null ? void 0 : _p.email) : null, ((_q = state.client.value) == null ? void 0 : _q.phone) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, (_r = state.client.value) == null ? void 0 : _r.phone) : null), !isWalkIn && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-action-wrap" }, !state.disabledEdit && /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Dropdown.Button,
       {
         menu: {
           items: menus,
           onClick: menuChange
         },
-        placement: "bottomRight"
+        placement: "bottomRight",
+        onClick: () => handleOpenClientModal()
       },
-      /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, null, import_utils.locales.getText("pisell2.text.actions"), /* @__PURE__ */ import_react.default.createElement(import_icons.DownOutlined, null)))
+      import_utils.locales.getText("pisell2.text.variant-client-change")
     ), /* @__PURE__ */ import_react.default.createElement(
       import_antd.Button,
       {
@@ -237,7 +245,7 @@ var VerticalClient = (props) => {
       clientChangeNotSetPet: true,
       state,
       dispatch: petDispatch,
-      hideTitle: !((_s = (_r = state.pet) == null ? void 0 : _r.value) == null ? void 0 : _s.length),
+      hideTitle: true,
       handleOpenModal,
       addButtonProps: {
         onClick: handleOpenClientModal,
@@ -248,18 +256,25 @@ var VerticalClient = (props) => {
   ) : null) : null), isShowAddBtn && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-vertical-footer" }, /* @__PURE__ */ import_react.default.createElement(
     import_antd.Button,
     {
-      icon: /* @__PURE__ */ import_react.default.createElement(import_icons.PlusOutlined, null),
-      onClick: handleOpenClientModal,
+      onClick: () => {
+        var _a2, _b2;
+        let searchVal = getNickname(state.client.value) || ((_a2 = state.client.value) == null ? void 0 : _a2.email) || ((_b2 = state.client.value) == null ? void 0 : _b2.phone) || "";
+        if (isWalkIn) {
+          searchVal = "";
+        }
+        modalRef.current.setSearch(searchVal);
+        handleOpenClientModal(searchVal);
+      },
       block: true,
       size: "large"
     },
-    import_utils.locales.getText("pisell2.text.add")
+    import_utils.locales.getText("pisell2.text.select")
   )), /* @__PURE__ */ import_react.default.createElement(
     import_SelectDrawer.default,
     {
       modalOpen: state.modalOpen,
       loading,
-      autoFocus: !((_v = (_u = (_t = context == null ? void 0 : context.appHelper) == null ? void 0 : _t.utils) == null ? void 0 : _u.isTerminal) == null ? void 0 : _v.call(_u)),
+      autoFocus: !((_u = (_t = (_s = context == null ? void 0 : context.appHelper) == null ? void 0 : _s.utils) == null ? void 0 : _t.isTerminal) == null ? void 0 : _u.call(_t)),
       ref: modalRef,
       onClose: handleClose,
       handleSelectClient,
@@ -269,8 +284,8 @@ var VerticalClient = (props) => {
       formData: state.pet.formData,
       searchChange,
       options: renderList,
-      holder: (_w = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _w.holder,
-      client: (_x = state == null ? void 0 : state.client) == null ? void 0 : _x.value,
+      holder: (_v = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _v.holder,
+      client: (_w = state == null ? void 0 : state.client) == null ? void 0 : _w.value,
       loadMore,
       showPet: (boardConfig == null ? void 0 : boardConfig.type) === "form",
       handleAddPet,

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

@@ -191,7 +191,8 @@ var locales_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": "已退金额",
@@ -366,7 +367,8 @@ var locales_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": "已退金額",
@@ -541,6 +543,7 @@ var locales_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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "3.0.92",
+  "version": "3.0.94",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -58,9 +58,9 @@
     "ahooks": "^3.7.6",
     "react-infinite-scroll-component": "^6.1.0",
     "rc-virtual-list": "^3.11.3",
-    "@pisell/utils": "1.0.25",
     "@pisell/icon": "0.0.11",
-    "@pisell/date-picker": "1.0.88"
+    "@pisell/date-picker": "1.0.88",
+    "@pisell/utils": "1.0.27"
   },
   "peerDependencies": {
     "react": "^18.0.0",