@pisell/private-materials 3.4.42 → 3.4.44

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

@@ -4,6 +4,6 @@ declare const useSendModal: (bookingId?: number) => {
     setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     handleOpen: () => void;
     handleValuesChange: (val: any) => void;
-    handleOk: (values: SendModalValues) => Promise<boolean | undefined>;
+    handleOk: (values: SendModalValues) => Promise<any>;
 };
 export default useSendModal;

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

@@ -91,8 +91,13 @@ var Client = () => {
     }
     _setLoading(true);
     const api = state.isFranchisee ? import_serve.getFranchiseeCustomerList : state.apis.getClientsEs;
+    const withKey = [...(resetParams == null ? void 0 : resetParams.with) || []];
+    if (!withKey.includes("contactsInfo")) {
+      withKey.push("contactsInfo");
+    }
     const data = await api({
       ...resetParams,
+      with: withKey,
       ...!state.isFranchisee ? { _config: { abort: true } } : {}
     });
     const list = ((data == null ? void 0 : data.list) || []).map((d) => {
@@ -322,6 +327,14 @@ var Client = () => {
         closeCallback: () => {
         },
         optionRender: (item) => {
+          var _a2, _b2, _c2, _d2, _e2;
+          console.log("render_optionRender", item);
+          let displayEmail = item == null ? void 0 : item.email;
+          let displayPhone = item == null ? void 0 : item.phone;
+          if (!displayEmail && !displayPhone) {
+            displayEmail = (_b2 = (_a2 = item == null ? void 0 : item.contacts_info) == null ? void 0 : _a2.value) == null ? void 0 : _b2.email;
+            displayPhone = (_e2 = (_d2 = (_c2 = item == null ? void 0 : item.contacts_info) == null ? void 0 : _c2.value) == null ? void 0 : _d2.phone) == null ? void 0 : _e2.phone;
+          }
           return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
             import_antd.Avatar,
             {
@@ -329,7 +342,7 @@ var Client = () => {
               src: import_utils.image.ali(item.cover, 100) || void 0,
               icon: /* @__PURE__ */ import_react.default.createElement(import_User01.default, { className: "pisell-lowcode__booking-client-list-item-avatar-icon" })
             }
-          ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info-name" }, getNickname(item)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info-desc" }, item.email ? /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, item.email) : null, item.phone ? /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, item.phone) : null), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info-waiver", title: (0, import_utils3.getWaiverTitle)(item.waiver_form) }, (item.waiver_form || []).map((item2) => {
+          ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info-name" }, getNickname(item)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info-desc" }, displayEmail ? /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, displayEmail) : null, displayPhone ? /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, displayPhone) : null), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info-waiver", title: (0, import_utils3.getWaiverTitle)(item.waiver_form) }, (item.waiver_form || []).map((item2) => {
             return /* @__PURE__ */ import_react.default.createElement("span", null, item2.form_title, ":", item2.is_filled ? /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-client-list-item-waiver-filled" }, import_utils.locales.getText("pisell2.text.filled")) : /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-client-list-item-waiver-not-filled" }, import_utils.locales.getText("pisell2.text.not-filled")), "; ");
           }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-loading" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, { spinning: franchiseeLoading === item.id })));
         },

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

@@ -52,7 +52,7 @@ var useClientFn = (_params) => {
     num: 5,
     total: 0,
     search: "",
-    with: ["formRecord"],
+    with: ["formRecord", "contactsInfo"],
     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);
@@ -91,11 +91,16 @@ var useClientFn = (_params) => {
     }
     _setLoading(true);
     const api = state.isFranchisee ? import_serve.getFranchiseeCustomerList : state.apis.getClients;
+    const withKey = [...(resetParams == null ? void 0 : resetParams.with) || []];
+    if (!withKey.includes("contactsInfo")) {
+      withKey.push("contactsInfo");
+    }
     const data = await api({
       ...resetParams,
       ...resetParams.search ? { num: 10 } : {},
       ...state.isFranchisee ? { franchisee_customer_ids: customer_ids } : { customer_ids },
-      ...!state.isFranchisee && !returnResult ? { _config: { abort: true } } : {}
+      ...!state.isFranchisee && !returnResult ? { _config: { abort: true } } : {},
+      with: withKey
     });
     const list = ((data == null ? void 0 : data.list) || []).map((d) => {
       var _a3;

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

@@ -279,6 +279,7 @@ var SelectDrawer = (props, ref) => {
     }
     closeDrawer();
   };
+  console.log("options7777", options);
   return /* @__PURE__ */ import_react.default.createElement(
     import_drawer.default,
     {
@@ -292,7 +293,7 @@ var SelectDrawer = (props, ref) => {
           ref: searchRef,
           prefix: /* @__PURE__ */ import_react.default.createElement(import_SearchLg.default, null),
           style: { margin: "16px 0", height: 44 },
-          placeholder: import_utils.locales.getText("pisell2.text.search"),
+          placeholder: import_utils.locales.getText("pisell2.booking.text.search-placeholder"),
           value: search,
           allowClear: true,
           onChange: (e) => {
@@ -335,7 +336,13 @@ var SelectDrawer = (props, ref) => {
         }
       }
     ) : null), /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, { spinning: !!loading, delay: 500 }, !!options.length ? options.map((item) => {
-      var _a;
+      var _a, _b, _c, _d, _e, _f;
+      let displayEmail = item == null ? void 0 : item.email;
+      let displayPhone = item == null ? void 0 : item.phone;
+      if (!displayEmail && !displayPhone) {
+        displayEmail = (_b = (_a = item == null ? void 0 : item.contacts_info) == null ? void 0 : _a.value) == null ? void 0 : _b.email;
+        displayPhone = (_e = (_d = (_c = item == null ? void 0 : item.contacts_info) == null ? void 0 : _c.value) == null ? void 0 : _d.phone) == null ? void 0 : _e.phone;
+      }
       return /* @__PURE__ */ import_react.default.createElement(
         "div",
         {
@@ -348,7 +355,7 @@ var SelectDrawer = (props, ref) => {
             onClick: () => handleClientClick(item),
             cover: item.cover,
             title: getNickname(item),
-            desc: [item.email, item.phone],
+            desc: [displayEmail, displayPhone],
             checked: item.id === client.id,
             style: showPet ? { marginBottom: 6 } : {},
             loading: franchiseeLoading === item.id,
@@ -396,7 +403,7 @@ var SelectDrawer = (props, ref) => {
             },
             style: { padding: 16 }
           },
-          /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_PlusCircle.default, { className: "pisell-lowcode__custom-select-create-icon" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__custom-select-create-txt" }, `${import_utils.locales.getText("pisell2.text.create-new")} ${((_a = holder.form) == null ? void 0 : _a.title) || "-"}`))
+          /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_PlusCircle.default, { className: "pisell-lowcode__custom-select-create-icon" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__custom-select-create-txt" }, `${import_utils.locales.getText("pisell2.text.create-new")} ${((_f = holder.form) == null ? void 0 : _f.title) || "-"}`))
         ), /* @__PURE__ */ import_react.default.createElement("div", null))
       );
     }) : /* @__PURE__ */ import_react.default.createElement(import_antd.Empty, { image: import_antd.Empty.PRESENTED_IMAGE_SIMPLE }), /* @__PURE__ */ import_react.default.createElement("div", null, loadMore)))

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

@@ -173,7 +173,11 @@ var VerticalClient = (0, import_react.forwardRef)((props, ref) => {
   const handleAddPet = (_client, cb) => {
     var _a2, _b2, _c2;
     let _data = {
-      formDataConfig: isMinorAndWaiver ? { ...waiverForm, customer_id: _client.id, is_franchisor: (_b2 = (_a2 = state.pet.formData) == null ? void 0 : _a2[0]) == null ? void 0 : _b2.is_franchisor } : { ...((_c2 = state.pet.formData) == null ? void 0 : _c2[0]) || {} }
+      formDataConfig: isMinorAndWaiver ? {
+        ...waiverForm,
+        customer_id: _client.id,
+        is_franchisor: (_b2 = (_a2 = state.pet.formData) == null ? void 0 : _a2[0]) == null ? void 0 : _b2.is_franchisor
+      } : { ...((_c2 = state.pet.formData) == null ? void 0 : _c2[0]) || {} }
     };
     _data.customerId = _client.id;
     state.action({
@@ -278,7 +282,7 @@ var VerticalClient = (0, import_react.forwardRef)((props, ref) => {
         } else {
           const val = await getClients(
             {
-              with: ["formRecord"],
+              with: ["formRecord", "contactsInfo"],
               relation_form_id: boardConfig == null ? void 0 : boardConfig.form_id,
               skip: 1,
               num: 20,
@@ -448,21 +452,34 @@ var VerticalClient = (0, import_react.forwardRef)((props, ref) => {
           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)), ((_A = state.client.value) == null ? void 0 : _A.email) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, (_B = state.client.value) == null ? void 0 : _B.email) : null, ((_C = state.client.value) == null ? void 0 : _C.phone) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, (_D = state.client.value) == null ? void 0 : _D.phone) : null, !!((_F = (_E = state.client.value) == null ? void 0 : _E.waiver_form) == null ? void 0 : _F.length) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-waiver", title: (0, import_utils5.getWaiverTitle)((_G = state.client.value) == null ? void 0 : _G.waiver_form) }, (_J = (_I = (_H = state.client.value) == null ? void 0 : _H.waiver_form) == null ? void 0 : _I.map) == null ? void 0 : _J.call(_I, (item) => {
-        return /* @__PURE__ */ import_react.default.createElement("span", null, item.form_title, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-client-waiver-colon" }, ":"), item.is_filled ? /* @__PURE__ */ import_react.default.createElement(
-          "span",
-          {
-            className: "pisell-lowcode__booking-client-waiver-filled"
-          },
-          import_utils.locales.getText("pisell2.text.filled")
-        ) : /* @__PURE__ */ import_react.default.createElement(
-          "span",
-          {
-            className: "pisell-lowcode__booking-client-waiver-not-filled"
-          },
-          import_utils.locales.getText("pisell2.text.not-filled")
-        ), ` ; `);
-      }))), !isWalkIn && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-action-wrap" }, !state.disabledEdit && /* @__PURE__ */ import_react.default.createElement(
+      ), 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)), ((_A = state.client.value) == null ? void 0 : _A.email) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, (_B = state.client.value) == null ? void 0 : _B.email) : null, ((_C = state.client.value) == null ? void 0 : _C.phone) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, (_D = state.client.value) == null ? void 0 : _D.phone) : null, !!((_F = (_E = state.client.value) == null ? void 0 : _E.waiver_form) == null ? void 0 : _F.length) && /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: "pisell-lowcode__booking-client-waiver",
+          title: (0, import_utils5.getWaiverTitle)((_G = state.client.value) == null ? void 0 : _G.waiver_form)
+        },
+        (_J = (_I = (_H = state.client.value) == null ? void 0 : _H.waiver_form) == null ? void 0 : _I.map) == null ? void 0 : _J.call(_I, (item) => {
+          return /* @__PURE__ */ import_react.default.createElement("span", null, item.form_title, /* @__PURE__ */ import_react.default.createElement(
+            "span",
+            {
+              className: "pisell-lowcode__booking-client-waiver-colon"
+            },
+            ":"
+          ), item.is_filled ? /* @__PURE__ */ import_react.default.createElement(
+            "span",
+            {
+              className: "pisell-lowcode__booking-client-waiver-filled"
+            },
+            import_utils.locales.getText("pisell2.text.filled")
+          ) : /* @__PURE__ */ import_react.default.createElement(
+            "span",
+            {
+              className: "pisell-lowcode__booking-client-waiver-not-filled"
+            },
+            import_utils.locales.getText("pisell2.text.not-filled")
+          ), ` ; `);
+        })
+      )), !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: {

package/lib/components/booking/info/main.js

@@ -55,6 +55,7 @@ var import_index = require("./index.less");
 var import_notes = __toESM(require("./notes"));
 var import_service2 = require("./service2");
 var import_utils3 = require("./service2/utils");
+var import_contactInfoMode = __toESM(require("../info2/service/contactInfoMode"));
 var defaultModules = {
   client: 1,
   date: 1,
@@ -65,7 +66,7 @@ var defaultModules = {
 };
 import_utils.locales.init(import_locales.default, (0, import_locales2.getLocale)());
 var Info = (0, import_model.Provider)((props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
   const { style, globalState, modules = defaultModules, slot } = props;
   const modal = (0, import_react.useContext)(import_model.Context);
   const context = (0, import_useEngineContext.default)();
@@ -91,7 +92,7 @@ var Info = (0, import_model.Provider)((props) => {
     }
   }, []);
   (0, import_react.useEffect)(() => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j, _k, _l, _m;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2;
     const isFranchisee = (_d2 = (_c2 = (_b2 = (_a2 = context == null ? void 0 : context.appHelper) == null ? void 0 : _a2.utils) == null ? void 0 : _b2.businessUtils) == null ? void 0 : _c2.getAppByModal) == null ? void 0 : _d2.call(_c2, "franchisee");
     modal.dispatch({
       type: "setState",
@@ -100,7 +101,7 @@ var Info = (0, import_model.Provider)((props) => {
         ...globalState,
         isTerminal: (_g2 = (_f2 = (_e2 = context == null ? void 0 : context.appHelper) == null ? void 0 : _e2.utils) == null ? void 0 : _f2.isTerminal) == null ? void 0 : _g2.call(_f2),
         isFranchisee,
-        timezone: (_m = (_l = (_k = (_j = (_i2 = (_h2 = context == null ? void 0 : context.appHelper) == null ? void 0 : _h2.utils) == null ? void 0 : _i2.store) == null ? void 0 : _j.getState()) == null ? void 0 : _k.global) == null ? void 0 : _l.globalConfig) == null ? void 0 : _m.timezone,
+        timezone: (_m2 = (_l2 = (_k2 = (_j2 = (_i2 = (_h2 = context == null ? void 0 : context.appHelper) == null ? void 0 : _h2.utils) == null ? void 0 : _i2.store) == null ? void 0 : _j2.getState()) == null ? void 0 : _k2.global) == null ? void 0 : _l2.globalConfig) == null ? void 0 : _m2.timezone,
         isDayBooking: (globalState == null ? void 0 : globalState.renderType) === "dayBooking"
       }
     });
@@ -164,7 +165,7 @@ var Info = (0, import_model.Provider)((props) => {
         ["create-booking-page-info-wrap-create"]: isBookingCreatePageCreateMode && !(0, import_utils3.isTerminalDayBooking)(modal.state)
       })
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-info" }, createHeader, modules.client ? /* @__PURE__ */ import_react.default.createElement(import_client.default, null) : null, modules.holder && !((_i = modal.state) == null ? void 0 : _i.disabledEdit) ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, params.type === "form" ? /* @__PURE__ */ import_react.default.createElement(import_pet.default, null) : null) : null, modules.date ? /* @__PURE__ */ import_react.default.createElement(import_date.default, null) : null, /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-info" }, createHeader, modules.client ? /* @__PURE__ */ import_react.default.createElement(import_client.default, null) : null, ((_m = (_l = (_k = (_j = (_i = modal == null ? void 0 : modal.state) == null ? void 0 : _i.bookingConfig) == null ? void 0 : _j.config) == null ? void 0 : _k.cart_settings_tab) == null ? void 0 : _l.display_contact_info) == null ? void 0 : _m.show_contact_info) === true ? /* @__PURE__ */ import_react.default.createElement(import_contactInfoMode.default, null) : null, modules.holder && !((_n = modal.state) == null ? void 0 : _n.disabledEdit) ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, params.type === "form" ? /* @__PURE__ */ import_react.default.createElement(import_pet.default, null) : null) : null, modules.date ? /* @__PURE__ */ import_react.default.createElement(import_date.default, null) : null, /* @__PURE__ */ import_react.default.createElement(
       import_antd.Skeleton,
       {
         loading: globalState.loading,

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

@@ -1,5 +1,14 @@
+/// <reference types="react" />
+import { FormState } from '../model';
 export declare const walkInData: {
     id: number;
     nickname: string;
 };
-export declare const Provider: any, Context: any;
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/lib/components/booking/info/model.js

@@ -38,6 +38,11 @@ var { Provider, Context } = (0, import_utils.miniRedux)({
     setClient(state, payload) {
       state.setGlobalState({ client: { ...state.client, ...payload } });
     },
+    setContactsInfo(state, payload) {
+      state.setGlobalState({
+        contacts_info: { ...state.contacts_info, ...payload }
+      });
+    },
     setService(state, payload) {
       let obj = {};
       if (payload.value) {

package/lib/components/booking/info/service/addService/utils.d.ts

@@ -6,7 +6,7 @@ export declare const getDurationProps: ({ cacheItem, useStartTime, currentResour
         type: string;
         value: number;
     };
-    locale: any;
+    locale: string;
     slice: any;
     selectProps: {
         size: string;

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

@@ -57,6 +57,7 @@ var import_classnames = __toESM(require("classnames"));
 var import_useCreateBookingPageHeader = __toESM(require("../hooks/useCreateBookingPageHeader"));
 var import_locales2 = require("../../../utils/locales");
 var import_ahooks = require("ahooks");
+var import_contactInfoMode = __toESM(require("./service/contactInfoMode"));
 var defaultModules = {
   client: 1,
   date: 1,
@@ -66,7 +67,7 @@ var defaultModules = {
 };
 import_utils.locales.init(import_locales.default, (0, import_locales2.getLocale)());
 var Info = (0, import_model.Provider)((props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
   const { style, globalState, modules = defaultModules, slot } = props;
   const modal = (0, import_react.useContext)(import_model.Context);
   const context = (0, import_useEngineContext.default)();
@@ -94,7 +95,7 @@ var Info = (0, import_model.Provider)((props) => {
     }
   }, []);
   (0, import_react.useMemo)(() => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2;
     const isFranchisee = (_d2 = (_c2 = (_b2 = (_a2 = context == null ? void 0 : context.appHelper) == null ? void 0 : _a2.utils) == null ? void 0 : _b2.businessUtils) == null ? void 0 : _c2.getAppByModal) == null ? void 0 : _d2.call(_c2, "franchisee");
     modal.dispatch({
       type: "setState",
@@ -103,7 +104,7 @@ var Info = (0, import_model.Provider)((props) => {
         ...globalState,
         isTerminal: (_g2 = (_f2 = (_e2 = context == null ? void 0 : context.appHelper) == null ? void 0 : _e2.utils) == null ? void 0 : _f2.isTerminal) == null ? void 0 : _g2.call(_f2),
         isFranchisee,
-        timezone: (_m = (_l2 = (_k2 = (_j2 = (_i2 = (_h2 = context == null ? void 0 : context.appHelper) == null ? void 0 : _h2.utils) == null ? void 0 : _i2.store) == null ? void 0 : _j2.getState()) == null ? void 0 : _k2.global) == null ? void 0 : _l2.globalConfig) == null ? void 0 : _m.timezone
+        timezone: (_m2 = (_l2 = (_k2 = (_j2 = (_i2 = (_h2 = context == null ? void 0 : context.appHelper) == null ? void 0 : _h2.utils) == null ? void 0 : _i2.store) == null ? void 0 : _j2.getState()) == null ? void 0 : _k2.global) == null ? void 0 : _l2.globalConfig) == null ? void 0 : _m2.timezone
       }
     });
   }, [globalState]);
@@ -221,7 +222,7 @@ var Info = (0, import_model.Provider)((props) => {
         ["create-booking-page-info-wrap-create"]: isBookingCreatePageCreateMode
       })
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-info" }, createHeader, modules.client ? /* @__PURE__ */ import_react.default.createElement(import_client.default, null) : null, modules.holder && !((_l = modal.state) == null ? void 0 : _l.disabledEdit) ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, params.type === "form" ? /* @__PURE__ */ import_react.default.createElement(import_pet.default, null) : null) : null, modules.date ? /* @__PURE__ */ import_react.default.createElement(import_date.default, null) : null, /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-info" }, createHeader, modules.client ? /* @__PURE__ */ import_react.default.createElement(import_client.default, null) : null, ((_p = (_o = (_n = (_m = (_l = modal == null ? void 0 : modal.state) == null ? void 0 : _l.bookingConfig) == null ? void 0 : _m.config) == null ? void 0 : _n.cart_settings_tab) == null ? void 0 : _o.display_contact_info) == null ? void 0 : _p.show_contact_info) === true ? /* @__PURE__ */ import_react.default.createElement(import_contactInfoMode.default, null) : null, modules.holder && !((_q = modal.state) == null ? void 0 : _q.disabledEdit) ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, params.type === "form" ? /* @__PURE__ */ import_react.default.createElement(import_pet.default, null) : null) : null, modules.date ? /* @__PURE__ */ import_react.default.createElement(import_date.default, null) : null, /* @__PURE__ */ import_react.default.createElement(
       import_antd.Skeleton,
       {
         loading: globalState.loading,

package/lib/components/booking/info2/service/addService/utils.d.ts

@@ -7,7 +7,7 @@ export declare const getDurationProps: ({ cacheItem, useStartTime, currentResour
         type: string;
         value: number;
     };
-    locale: any;
+    locale: string;
     slice: any;
     selectProps: {
         size: string;

package/lib/components/booking/info2/service/contactInfoMode/index.d.ts

@@ -0,0 +1,2 @@
+declare const ContactInfoMode: () => JSX.Element;
+export default ContactInfoMode;

package/lib/components/booking/info2/service/contactInfoMode/index.js

@@ -0,0 +1,111 @@
+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/info2/service/contactInfoMode/index.tsx
+var contactInfoMode_exports = {};
+__export(contactInfoMode_exports, {
+  default: () => contactInfoMode_default
+});
+module.exports = __toCommonJS(contactInfoMode_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_contactInfo = __toESM(require("../../../../../plus/contactInfo"));
+var import_model = require("../../../info/model");
+var ContactInfoMode = () => {
+  var _a, _b, _c;
+  const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
+  console.log("state>>>>>>>>>", state);
+  (0, import_react.useEffect)(() => {
+    var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i;
+    console.log("state>>>>>>>>>111", (_a2 = state == null ? void 0 : state.contacts_info) == null ? void 0 : _a2.client_id);
+    console.log("state>>>>>>>>>222", (_b2 = state.client.value) == null ? void 0 : _b2.id);
+    if (((_c2 = state.client.value) == null ? void 0 : _c2.id) != ((_d = state == null ? void 0 : state.contacts_info) == null ? void 0 : _d.client_id)) {
+      const contactInfo = (_f = (_e = state.client.value) == null ? void 0 : _e.contacts_info) == null ? void 0 : _f.value;
+      if (!contactInfo) {
+        const {
+          first_name,
+          last_name,
+          phone,
+          country_calling_code,
+          country_code,
+          email
+        } = ((_g = state.client) == null ? void 0 : _g.value) || {};
+        dispatch({
+          type: "setContactsInfo",
+          payload: {
+            value: {
+              first_name: first_name || "",
+              last_name: last_name || "",
+              phone: {
+                phone: phone || "",
+                country_calling_code: country_calling_code || "",
+                country_code: country_code || ""
+              },
+              email: email || ""
+            },
+            client_id: (_h = state.client.value) == null ? void 0 : _h.id
+          }
+        });
+      } else {
+        dispatch({
+          type: "setContactsInfo",
+          payload: {
+            value: { ...contactInfo || {} },
+            client_id: (_i = state.client.value) == null ? void 0 : _i.id
+          }
+        });
+      }
+    }
+  }, [(_a = state.client.value) == null ? void 0 : _a.id, (_b = state == null ? void 0 : state.contacts_info) == null ? void 0 : _b.client_id]);
+  const handleSave = (value) => {
+    dispatch({
+      type: "setContactsInfo",
+      payload: { value, edit: true }
+    });
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { style: { marginTop: "24px" } }, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell-lowcode__booking-contact-info-title",
+      style: { fontSize: "16px", fontWeight: 500, marginBottom: "8px" }
+    },
+    import_utils.locales.getText("pisell2.booking.text.contact-info.title")
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_contactInfo.default,
+    {
+      dataSource: ((_c = state.contacts_info) == null ? void 0 : _c.value) || null,
+      isShowDelete: false,
+      isShowAvatar: false,
+      isShowPhone: true,
+      isShowEmail: true,
+      style: { padding: "14px 0 14px 14px" },
+      onSave: handleSave
+    }
+  ));
+};
+var contactInfoMode_default = ContactInfoMode;

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

@@ -273,6 +273,8 @@ declare const _default: {
         'pisell2.text.quotation.product.change.title': string;
         'pisell2.text.quotation.product.change.describe': string;
         'pisell2.text.form.link.to.another.record.more': string;
+        'pisell2.booking.text.contact-info.title': string;
+        'pisell2.booking.text.search-placeholder': string;
     };
     'zh-CN': {
         'pisell2.text.refunded-amount': string;
@@ -548,6 +550,8 @@ declare const _default: {
         'pisell2.text.quotation.product.change.title': string;
         'pisell2.text.quotation.product.change.describe': string;
         'pisell2.text.form.link.to.another.record.more': string;
+        'pisell2.booking.text.contact-info.title': string;
+        'pisell2.booking.text.search-placeholder': string;
     };
     'zh-HK': {
         'pisell2.text.refunded-amount': string;
@@ -823,6 +827,8 @@ declare const _default: {
         'pisell2.text.quotation.product.change.title': string;
         'pisell2.text.quotation.product.change.describe': string;
         'pisell2.text.form.link.to.another.record.more': string;
+        'pisell2.booking.text.contact-info.title': string;
+        'pisell2.booking.text.search-placeholder': string;
     };
 };
 export default _default;

package/lib/components/booking/locales.js

@@ -334,7 +334,10 @@ var locales_default = {
     },
     "pisell2.text.quotation.product.change.title": "Notification",
     "pisell2.text.quotation.product.change.describe": "Product updates available: Please refresh the following items to load the latest data.",
-    "pisell2.text.form.link.to.another.record.more": "View More"
+    "pisell2.text.form.link.to.another.record.more": "View More",
+    // 联系信息
+    "pisell2.booking.text.contact-info.title": "Contact info",
+    "pisell2.booking.text.search-placeholder": "Search Customers / Contacts"
   },
   "zh-CN": {
     "pisell2.text.refunded-amount": "已退金额",
@@ -641,7 +644,10 @@ var locales_default = {
     },
     "pisell2.text.quotation.product.change.title": "提示",
     "pisell2.text.quotation.product.change.describe": "以下商品信息已更新，请重新编辑相关商品以同步最新数据。",
-    "pisell2.text.form.link.to.another.record.more": "查看更多"
+    "pisell2.text.form.link.to.another.record.more": "查看更多",
+    // 联系信息
+    "pisell2.booking.text.contact-info.title": "联系信息",
+    "pisell2.booking.text.search-placeholder": "搜索客户/联系信息"
   },
   "zh-HK": {
     "pisell2.text.refunded-amount": "已退金額",
@@ -948,6 +954,9 @@ var locales_default = {
     },
     "pisell2.text.quotation.product.change.title": "提示",
     "pisell2.text.quotation.product.change.describe": "以下商品信息已更新，请重新编辑相关商品以同步最新数据。",
-    "pisell2.text.form.link.to.another.record.more": "查看更多"
+    "pisell2.text.form.link.to.another.record.more": "查看更多",
+    // 联系信息
+    "pisell2.booking.text.contact-info.title": "聯繫信息",
+    "pisell2.booking.text.search-placeholder": "搜索客戶/聯系信息"
   }
 };

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface FormState {
     amountSymbol: string;
     apis: {
@@ -26,6 +27,10 @@ export interface FormState {
         };
         edit: boolean;
     };
+    contacts_info: {
+        edit: boolean;
+        value: any;
+    };
     date: {
         value: any;
         end_date: any;
@@ -104,4 +109,11 @@ export declare const walkInData: {
     id: number;
     nickname: string;
 };
-export declare const Provider: any, Context: any;
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/lib/components/booking/model.js

@@ -57,6 +57,9 @@ var apis = {
   },
   getFormData: () => {
     return [];
+  },
+  getContactsInfo: () => {
+    return null;
   }
 };
 var walkInData = {

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

@@ -1 +1,10 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+import { FormState } from "../model";
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

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

@@ -1 +1,10 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+import { FormState } from "../model";
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/lib/components/eftposPay/app.d.ts

@@ -1,5 +1,5 @@
 import { PosProps, RouteType } from './const';
-declare const App: ({ action, api, device_number, terminal, tyroUrl, tyroVersion, onChangeParams, isMobile, channel, formatAmount, ...props }: Omit<PosProps, "mode" | "type" | "getApi"> & {
+declare const App: ({ action, api, device_number, terminal, tyroUrl, tyroVersion, onChangeParams, isMobile, channel, formatAmount, ...props }: Omit<PosProps, "type" | "mode" | "getApi"> & {
     action: RouteType;
     device_number: string | number;
     api: ReturnType<PosProps['getApi']>;

package/lib/components/eftposPay/hooks.d.ts

@@ -19,7 +19,7 @@ export declare const useStoreRef: <T extends {
     readonly netRef: React.MutableRefObject<boolean | undefined>;
     readonly symbolRef: React.MutableRefObject<string>;
     readonly amountRef: React.MutableRefObject<string | number>;
-    readonly eftposRef: React.MutableRefObject<"tyro" | "windcave" | "payo" | "stripe" | "linkly">;
+    readonly eftposRef: React.MutableRefObject<"stripe" | "tyro" | "windcave" | "payo" | "linkly">;
     readonly clientRef: React.MutableRefObject<ClientEnum>;
     readonly dataRef: React.MutableRefObject<import("./store").State>;
 };

package/lib/components/eftposPay/store/index.d.ts

@@ -297,7 +297,7 @@ export declare const backUpFree: (payload: Partial<State>) => {
         amount?: string | number | undefined;
         mode?: "refund" | "pay" | "fullPay" | "query" | undefined;
         order_id?: string | number | undefined;
-        eftpos?: "tyro" | "windcave" | "payo" | "stripe" | "linkly" | undefined;
+        eftpos?: "stripe" | "tyro" | "windcave" | "payo" | "linkly" | undefined;
         action?: "amount" | "pay" | "deviceList" | undefined;
         key?: number | undefined;
         step?: number | undefined;

package/lib/components/pay/toC/PaymentMethods/ApplePay/index.js

@@ -94,7 +94,7 @@ var ApplePay = (props, ref) => {
       linkElement.href = currentURL;
       const shop_domain = linkElement.hostname;
       const _href = `${config.pay}${(0, import_utils2.formatFranchiseeRoute)(
-        `/apple-pay?order_id=${(_g = state.payGroup) == null ? void 0 : _g.order_id}&shop_id=${shopId}&locale=${locale}&shop_domain=${shop_domain}&total_amount=${values.amount}&payment_group_id=${values.payment_group_id}&front_order_uuid=${state.front_order_uuid}`,
+        `/apple-pay?order_id=${(_g = state.payGroup) == null ? void 0 : _g.order_id}&shop_id=${shopId}&locale=${locale}&shop_domain=${shop_domain}&total_amount=${values.amount}&payment_group_id=${values.payment_group_id}&front_order_uuid=${state.front_order_uuid}&is_replace_router=1`,
         state.history
       )}`;
       paymentLogger.addLog({