@pisell/private-materials 3.0.78 → 3.0.80

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

@@ -0,0 +1,61 @@
+.pisell-lowcode__booking-vertical-client-wrap {
+  position: relative;
+  overflow: hidden;
+  height: 100%;
+  width: 100%;
+  border-right: 1px solid var(--Gray-200, #EAECF0);
+  background: var(--Gray-50, #F9FAFB);
+  display: flex;
+  flex-direction: column;
+  .pisell-lowcode-drawer-content {
+    border-right: 1px solid var(--Gray-200, #EAECF0);
+  }
+  .pisell-lowcode__booking-drawer-title-wrap {
+    padding: 24px 24px 0;
+  }
+  .pisell-lowcode__booking-drawer-back {
+    margin-right: 6px;
+  }
+  .pisell-lowcode__booking-drawer-back, .pisell-lowcode__booking-drawer-title {
+    font-size: 18px;
+  }
+}
+.pisell-lowcode__booking-vertical-client {
+  padding: 24px 16px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+  border-bottom: 1px solid var(--Gray-200, #EAECF0);
+  .pisell-lowcode__booking-client-avatar {
+    margin-bottom: 16px;
+  }
+  .pisell-lowcode__booking-client-title {
+    color: var(--Gray-900, #101828);
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 24px; /* 150% */
+    text-align: center;
+  }
+  .pisell-lowcode__booking-client-desc-item {
+    color: var(--Gray-400, #98A2B3);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px; /* 142.857% */
+    text-align: center;
+  }
+  .pisell-lowcode__booking-client-action-wrap {
+    display: flex;
+    gap: 16px;
+    justify-content: center;
+    margin-top: 16px;
+  }
+}
+
+.pisell-lowcode__booking-vertical-pet {
+  padding: 0 24px 24px;
+  flex:1;
+  overflow: auto;
+}

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

@@ -109,7 +109,7 @@ var Info = (0, import_model.Provider)((props) => {
     if ((globalState == null ? void 0 : globalState.renderType) === "eventBooking") {
       return import_utils.locales.getText("pisell2.text.enroll.detail");
     }
-    return (globalState == null ? void 0 : globalState.bookingId) ? /* @__PURE__ */ import_react.default.createElement(import_header.default, { state: modal.state, dispatch: modal.dispatch }) : /* @__PURE__ */ import_react.default.createElement("div", { className: "", style: { height: 20 } });
+    return (globalState == null ? void 0 : globalState.bookingId) ? /* @__PURE__ */ import_react.default.createElement(import_header.default, { state: modal.state, dispatch: modal.dispatch }) : /* @__PURE__ */ import_react.default.createElement("div", { className: "", style: { height: 0 } });
   }, [
     globalState == null ? void 0 : globalState.bookingId,
     modal.state,

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

@@ -1,4 +1,13 @@
 import React from "react";
 import "./index.less";
-declare const Pet: () => React.JSX.Element;
+import { InfoProps } from "../../forms/forms";
+interface PetProps {
+    state?: any;
+    dispatch?: any;
+    hideTitle?: boolean;
+    addButtonProps?: InfoProps['addButtonProps'];
+    handleOpenModal?: () => void;
+    clientChangeNotSetPet?: boolean;
+}
+declare const Pet: (props: PetProps) => React.JSX.Element;
 export default Pet;

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

@@ -48,15 +48,18 @@ var defaultParams = {
   total: 0,
   keyword: ""
 };
-var Pet = () => {
+var Pet = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+  const { hideTitle, addButtonProps, handleOpenModal, clientChangeNotSetPet } = props;
   const [loadLoading, setLoadLoading] = (0, import_react.useState)(false);
   const [loading, setLoading] = (0, import_react.useState)(false);
-  const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
+  let { state, dispatch } = (0, import_react.useContext)(import_model.Context);
   const [valueLoading, setValueLoading] = (0, import_react.useState)(false);
   const context = (0, import_useEngineContext.default)();
   const { isTerminal } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
   const [params, setParams] = (0, import_react.useState)(defaultParams);
+  state = state || (props == null ? void 0 : props.state);
+  dispatch = dispatch || (props == null ? void 0 : props.dispatch);
   const boardParams = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2;
     return ((_c2 = (_b2 = (_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.basic) == null ? void 0 : _c2.appointment_subject) || {};
@@ -232,6 +235,8 @@ var Pet = () => {
   };
   (0, import_react.useEffect)(() => {
     var _a2, _b2, _c2, _d2;
+    if (clientChangeNotSetPet)
+      return;
     let changeFormValuesData = (0, import_format.changeFormValues)({
       values: ((_a2 = state.pet) == null ? void 0 : _a2.value) || {},
       clientId: (_c2 = (_b2 = state.client) == null ? void 0 : _b2.value) == null ? void 0 : _c2.id,
@@ -243,7 +248,7 @@ var Pet = () => {
         payload: { value: changeFormValuesData }
       });
     });
-  }, [(_f = state.client.value) == null ? void 0 : _f.id]);
+  }, [(_f = state.client.value) == null ? void 0 : _f.id, clientChangeNotSetPet]);
   const handleUpdateForm = () => {
     if (state.bookingId) {
       if (!state.bookingDetail) {
@@ -263,9 +268,9 @@ var Pet = () => {
     state.bookingDetail,
     boardParams.form_id,
     boardParams.type,
-    (_h = (_g = state.client) == null ? void 0 : _g.value) == null ? void 0 : _h.id,
     state.renderType,
-    petForm
+    petForm,
+    clientChangeNotSetPet ? (_h = (_g = state.client) == null ? void 0 : _g.value) == null ? void 0 : _h.id : void 0
   ]);
   const addCallback = (_params) => {
     var _a2, _b2;
@@ -301,7 +306,7 @@ var Pet = () => {
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-wraps" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { loading: valueLoading, active: true, round: true }, /* @__PURE__ */ import_react.default.createElement(
     import_forms.default,
     {
-      hideTitle: true,
+      hideTitle,
       watch: { value: state.pet.value },
       addCallback: () => {
         addCallback();
@@ -328,7 +333,8 @@ var Pet = () => {
         loadMore,
         filterItem: () => {
           return true;
-        }
+        },
+        handleOpenModal
       },
       optionRender: (item) => {
         return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
@@ -368,7 +374,8 @@ var Pet = () => {
         showDisabledMessage: !state.disableEventBookingEdit,
         addCallback: async () => {
           addCallback();
-        }
+        },
+        ...addButtonProps
       }
     }
   )));

package/lib/components/booking/info/service/addService/index.js

@@ -233,7 +233,7 @@ var Info = () => {
     var _a2, _b2, _c2, _d2, _e, _f, _g;
     if (shopList.includes(
       (_e = (_d2 = (_c2 = (_b2 = (_a2 = context.appHelper.utils.store) == null ? void 0 : _a2.getState) == null ? void 0 : _b2.call(_a2)) == null ? void 0 : _c2.global) == null ? void 0 : _d2.globalConfig) == null ? void 0 : _e.id
-    )) {
+    ) || state.closeAutoOpenService) {
       return;
     }
     if (state.modalOpen && !state.bookingId && state.renderType !== "eventBooking" && ((_g = (_f = state.service) == null ? void 0 : _f.value) == null ? void 0 : _g.length) === 0) {

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

@@ -1 +1,2 @@
 export declare const getIsBundleOrCombination: (productDetail: any) => boolean;
+export declare const uniqueByField: (arr: any[], field: string) => any[];

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

@@ -19,7 +19,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/booking/info/utils.ts
 var utils_exports = {};
 __export(utils_exports, {
-  getIsBundleOrCombination: () => getIsBundleOrCombination
+  getIsBundleOrCombination: () => getIsBundleOrCombination,
+  uniqueByField: () => uniqueByField
 });
 module.exports = __toCommonJS(utils_exports);
 var getIsBundleOrCombination = (productDetail) => {
@@ -29,7 +30,20 @@ var getIsBundleOrCombination = (productDetail) => {
   }
   return false;
 };
+var uniqueByField = (arr, field) => {
+  const seen = /* @__PURE__ */ new Set();
+  return arr.filter((item) => {
+    const fieldValue = item[field];
+    if (seen.has(fieldValue)) {
+      return false;
+    } else {
+      seen.add(fieldValue);
+      return true;
+    }
+  });
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  getIsBundleOrCombination
+  getIsBundleOrCombination,
+  uniqueByField
 });

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

@@ -157,6 +157,8 @@ declare const _default: {
         'page.booking.text.fully-booked': string;
         'page.booking.text.unlimited': string;
         'pisell2.text.terminal-edit-message': string;
+        "pisell2.text.actions": string;
+        "pisell2.text.add-client": string;
     };
     'zh-CN': {
         'pisell2.text.refunded-amount': string;
@@ -316,6 +318,8 @@ declare const _default: {
         'page.booking.text.available': string;
         'page.booking.text.fully-booked': string;
         'page.booking.text.unlimited': string;
+        "pisell2.text.actions": string;
+        "pisell2.text.add-client": string;
     };
     'zh-HK': {
         'pisell2.text.refunded-amount': string;
@@ -475,6 +479,8 @@ declare const _default: {
         'page.booking.text.available': string;
         'page.booking.text.fully-booked': string;
         'page.booking.text.unlimited': string;
+        "pisell2.text.actions": string;
+        "pisell2.text.add-client": string;
     };
 };
 export default _default;

package/lib/components/booking/locales.js

@@ -189,7 +189,9 @@ var locales_default = {
     "page.booking.text.available": "Available",
     "page.booking.text.fully-booked": "Fully booked",
     "page.booking.text.unlimited": "Unlimited",
-    "pisell2.text.terminal-edit-message": "This operation cannot be performed. To proceed, please use the Pisell Terminal."
+    "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"
   },
   "zh-CN": {
     "pisell2.text.refunded-amount": "已退金额",
@@ -362,7 +364,9 @@ var locales_default = {
     "page.booking.text.unavailable": "不可用",
     "page.booking.text.available": "可用",
     "page.booking.text.fully-booked": "已约满",
-    "page.booking.text.unlimited": "无限制"
+    "page.booking.text.unlimited": "无限制",
+    "pisell2.text.actions": "操作选项",
+    "pisell2.text.add-client": "添加客户"
   },
   "zh-HK": {
     "pisell2.text.refunded-amount": "已退金額",
@@ -535,6 +539,8 @@ var locales_default = {
     "page.booking.text.unavailable": "不可用",
     "page.booking.text.available": "可用",
     "page.booking.text.fully-booked": "已約滿",
-    "page.booking.text.unlimited": "無限制"
+    "page.booking.text.unlimited": "無限制",
+    "pisell2.text.actions": "操作選項",
+    "pisell2.text.add-client": "添加客戶"
   }
 };

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

@@ -89,6 +89,8 @@ export interface FormState {
         productIds: number[];
     };
     disableEventBookingEdit?: boolean;
+    /** 关闭自动打开选择服务弹窗 */
+    closeAutoOpenService?: boolean;
 }
 export declare const walkInData: {
     id: number;

package/lib/index.d.ts

@@ -11,6 +11,7 @@ export { default as BookingResources } from './components/booking/materiels/reso
 export { default as BookingStartTime } from './components/booking/materiels/startTime';
 export { default as BookingDuration } from './components/booking/materiels/duration';
 export { default as BookingContacts } from './components/booking/materiels/contacts';
+export { VerticalClient } from './components/booking/info/clientVariant';
 export { default as ProductExtension } from './components/productExtension';
 export { default as BookingDeposit } from './components/booking/deposit';
 export { default as RuleSetting } from './components/ruleSetting';

package/lib/index.js

@@ -44,7 +44,8 @@ __export(src_exports, {
   ProductExtension: () => import_productExtension.default,
   RuleSetting: () => import_ruleSetting.default,
   Schedules: () => import_schedules.default,
-  TaxSelect: () => import_taxSelect.default
+  TaxSelect: () => import_taxSelect.default,
+  VerticalClient: () => import_clientVariant.VerticalClient
 });
 module.exports = __toCommonJS(src_exports);
 var import_weekday = __toESM(require("dayjs/plugin/weekday"));
@@ -62,6 +63,7 @@ var import_resources = __toESM(require("./components/booking/materiels/resources
 var import_startTime = __toESM(require("./components/booking/materiels/startTime"));
 var import_duration = __toESM(require("./components/booking/materiels/duration"));
 var import_contacts = __toESM(require("./components/booking/materiels/contacts"));
+var import_clientVariant = require("./components/booking/info/clientVariant");
 var import_productExtension = __toESM(require("./components/productExtension"));
 var import_deposit = __toESM(require("./components/booking/deposit"));
 var import_ruleSetting = __toESM(require("./components/ruleSetting"));
@@ -85,5 +87,6 @@ import_dayjs.default.extend(import_localeData.default);
   ProductExtension,
   RuleSetting,
   Schedules,
-  TaxSelect
+  TaxSelect,
+  VerticalClient
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "3.0.78",
+  "version": "3.0.80",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -58,7 +58,7 @@
     "ahooks": "^3.7.6",
     "react-infinite-scroll-component": "^6.1.0",
     "rc-virtual-list": "^3.11.3",
-    "@pisell/icon": "0.0.8",
+    "@pisell/icon": "0.0.11",
     "@pisell/utils": "1.0.25",
     "@pisell/date-picker": "1.0.74"
   },