@pisell/private-materials 6.3.29 → 6.3.31

package/lib/components/appointmentBooking/hooks.js

@@ -66,7 +66,16 @@ var contextUtils = () => {
 var useAppointmentBookingStep = () => {
   var _a, _b, _c;
   const pisellOS = (0, import_useEngineContext.usePisellOS)();
-  const { appointmentBooking, setCurrentStep, carts, openPolicy, setLoading, setCurrentSelectedResources, currentStepParams, setIsErrorHolder } = (0, import_context.useAppointmentBookingContext)();
+  const {
+    appointmentBooking,
+    setCurrentStep,
+    carts,
+    openPolicy,
+    setLoading,
+    setCurrentSelectedResources,
+    currentStepParams,
+    setIsErrorHolder
+  } = (0, import_context.useAppointmentBookingContext)();
   const { isRetailTemplate } = useAppointmentBookingSetting();
   const stepList = ((_c = (_b = (_a = appointmentBooking == null ? void 0 : appointmentBooking.store) == null ? void 0 : _a.step) == null ? void 0 : _b.store) == null ? void 0 : _c.stepList) || [];
   const { isLogin, openLoginModal } = useAppointmentBookingLogin();
@@ -79,14 +88,11 @@ var useAppointmentBookingStep = () => {
   };
   (0, import_react.useEffect)(() => {
     getCurrentAndLastStep();
-    pisellOS.effects.on(
-      "appointmentBooking_step:changed",
-      async (res) => {
-        if (res.path === "currentStep") {
-          getCurrentAndLastStep();
-        }
+    pisellOS.effects.on("appointmentBooking_step:changed", async (res) => {
+      if (res.path === "currentStep") {
+        getCurrentAndLastStep();
       }
-    );
+    });
   }, []);
   const getStepIndex = (type, skipNumber = 0) => {
     const currentStep = appointmentBooking == null ? void 0 : appointmentBooking.getCurrentStep();
@@ -105,11 +111,14 @@ var useAppointmentBookingStep = () => {
   };
   const addStep = (props, stepKey) => {
     const { index, key, description } = props;
-    return appointmentBooking.addStep({
-      index,
-      key,
-      description
-    }, stepKey);
+    return appointmentBooking.addStep(
+      {
+        index,
+        key,
+        description
+      },
+      stepKey
+    );
   };
   const updateStep = (key, step) => {
     appointmentBooking.updateStep(key, {
@@ -159,7 +168,9 @@ var useAppointmentBookingStep = () => {
           appointmentBooking.addStep(
             {
               key: "select-resource",
-              description: import_utils.locales.getText("pisell2.appointment.select.resource")
+              description: import_utils.locales.getText(
+                "pisell2.appointment.select.resource"
+              )
             },
             targetKey
           );
@@ -175,7 +186,9 @@ var useAppointmentBookingStep = () => {
           appointmentBooking.addStep(
             {
               key: "select-resource",
-              description: import_utils.locales.getText("pisell2.appointment.select.resource")
+              description: import_utils.locales.getText(
+                "pisell2.appointment.select.resource"
+              )
             },
             targetKey
           );
@@ -191,13 +204,19 @@ var useAppointmentBookingStep = () => {
       }
       const capacityResult = appointmentBooking.checkMaxDurationCapacity();
       if (!capacityResult.success) {
-        const getMessage = import_utils.locales.getText("pisell2.appointment.unuse.capacity");
+        const getMessage = import_utils.locales.getText(
+          "pisell2.appointment.unuse.capacity"
+        );
         const message = typeof getMessage === "function" ? getMessage(capacityResult.minAvailableCount) : getMessage;
         return (0, import_utils2.Toast)(message);
       }
     }
     if (!isRetailTemplate && (currentKey == null ? void 0 : currentKey.startsWith("select-resource"))) {
-      const { hasError, updatedCartList } = (0, import_utils2.checkAndMarkCartRenderError)(currentSelectedResources, appointmentBooking, utils);
+      const { hasError, updatedCartList } = (0, import_utils2.checkAndMarkCartRenderError)(
+        currentSelectedResources,
+        appointmentBooking,
+        utils
+      );
       if (hasError) {
         setCurrentSelectedResources(updatedCartList);
         (0, import_utils3.scrollToFirstErrorCard)();
@@ -214,7 +233,10 @@ var useAppointmentBookingStep = () => {
         if (formId) {
           const description = import_utils.locales.getText("pisell2.appointment.fill-form");
           const beforeKey = (0, import_utils2.getFormInsertBeforeKey)(currentKey, stepList2);
-          appointmentBooking.addStep({ key: formKey, description }, preKey || beforeKey);
+          appointmentBooking.addStep(
+            { key: formKey, description },
+            preKey || beforeKey
+          );
           preKey = formKey;
         } else {
           appointmentBooking.removeStep(formKey);
@@ -224,15 +246,20 @@ var useAppointmentBookingStep = () => {
       const selectedResource = (_c2 = currentSelectedResources == null ? void 0 : currentSelectedResources[0]) == null ? void 0 : _c2.currentSelectedResource;
       if (selectedResource) {
         const originRenderLists = ((_d = selectedResource == null ? void 0 : selectedResource.resourceItem) == null ? void 0 : _d.originRenderLists) || [];
-        const currentResourceIndex = originRenderLists == null ? void 0 : originRenderLists.findIndex((item) => {
-          var _a3;
-          return item.id === ((_a3 = selectedResource == null ? void 0 : selectedResource.renderItem) == null ? void 0 : _a3.form_id);
-        });
+        const currentResourceIndex = originRenderLists == null ? void 0 : originRenderLists.findIndex(
+          (item) => {
+            var _a3;
+            return item.id === ((_a3 = selectedResource == null ? void 0 : selectedResource.renderItem) == null ? void 0 : _a3.form_id);
+          }
+        );
         const nextResource = originRenderLists == null ? void 0 : originRenderLists[currentResourceIndex + 1];
         const resourceKey = `select-resource_@${nextResource == null ? void 0 : nextResource.form_id}-${nextResource == null ? void 0 : nextResource.code}`;
         if (nextResource) {
           const beforeKey = (_e = stepList2[stepList2.length - 2]) == null ? void 0 : _e.key;
-          appointmentBooking.addStep({ key: resourceKey, description: "" }, beforeKey);
+          appointmentBooking.addStep(
+            { key: resourceKey, description: "" },
+            beforeKey
+          );
         } else {
           appointmentBooking.removeStep(resourceKey);
         }
@@ -255,8 +282,14 @@ var useAppointmentBookingStep = () => {
         } else {
           cartLists = carts || [];
         }
-        const appoimentCarts = cartLists.filter((n) => !(appointmentBooking == null ? void 0 : appointmentBooking.isTargetCartIdNormalProduct(n._id)));
-        const { hasError } = (0, import_utils2.checkAndGoNext)(isFormSubject, checkAccount, appoimentCarts);
+        const appoimentCarts = cartLists.filter(
+          (n) => !(appointmentBooking == null ? void 0 : appointmentBooking.isTargetCartIdNormalProduct(n._id))
+        );
+        const { hasError } = (0, import_utils2.checkAndGoNext)(
+          isFormSubject,
+          checkAccount,
+          appoimentCarts
+        );
         setIsErrorHolder(hasError);
         if (hasError) {
           return;
@@ -370,12 +403,9 @@ var useAppointmentBookingCart = () => {
   };
   (0, import_react.useEffect)(() => {
     getCartAndSummary();
-    pisellOS.effects.on(
-      "appointmentBooking_cart:changed",
-      async () => {
-        getCartAndSummary();
-      }
-    );
+    pisellOS.effects.on("appointmentBooking_cart:changed", async () => {
+      getCartAndSummary();
+    });
   }, []);
 };
 var useAppointmentBookingLogin = () => {
@@ -441,7 +471,10 @@ var useAppointmentBookingAccount = () => {
   };
   const addAccount = async (val, type) => {
     const customer = (0, import_utils2.getCustomer)(utils);
-    const result = await appointmentBooking.addAccount(val, { type, customerId: customer == null ? void 0 : customer.id });
+    const result = await appointmentBooking.addAccount(val, {
+      type,
+      customerId: customer == null ? void 0 : customer.id
+    });
     return result;
   };
   const checkAccount = (type) => {
@@ -484,7 +517,11 @@ var useIsSkipResourceStep = () => {
     try {
       const { resources } = getResourceList();
       const accountLists = await appointmentBooking.getAccounts();
-      const { isSystem, isSkip, form_code } = (0, import_utils2.currentAppointmentBoard)(currentStepParams.key, resources, appointmentBooking);
+      const { isSystem, isSkip, form_code } = (0, import_utils2.currentAppointmentBoard)(
+        currentStepParams.key,
+        resources,
+        appointmentBooking
+      );
       if (isSystem) {
         nextStep();
         return true;
@@ -512,7 +549,7 @@ var useIsSkipResourceStep = () => {
   return { checkSkipResourceStep };
 };
 var useAppointmentBookingSetting = () => {
-  var _a, _b;
+  var _a, _b, _c;
   const utils = contextUtils();
   const { appointmentBooking } = (0, import_context.useAppointmentBookingContext)();
   const { bookingProcess, bookingSubject, customPageId, channel } = ((_a = appointmentBooking == null ? void 0 : appointmentBooking.otherParams) == null ? void 0 : _a.productModuleParams) || {};
@@ -537,7 +574,8 @@ var useAppointmentBookingSetting = () => {
     bookingSubject,
     setOtherData,
     getOtherData,
-    formName
+    formName,
+    bookingSetting: ((_c = appointmentBooking == null ? void 0 : appointmentBooking.otherParams) == null ? void 0 : _c.bookingSetting) || {}
   };
 };
 // Annotate the CommonJS export names for ESM import in node:

package/lib/components/appointmentBooking/locales.js

@@ -140,7 +140,8 @@ var locales_default = {
     "pisell2.text.goodpass.code-invalid": "Current code is invalid",
     "pisell2.text.goodpass.code-invalid-cart": "No eligible items in the cart",
     "pisell2.text.goodpass.login": "Login",
-    "pisell2.text.goodpass.login-tip": " for member benefit Or use account credit"
+    "pisell2.text.goodpass.login-tip": " for member benefit Or use account credit",
+    "pisell2.text.contact-info.title": "Contact info"
   },
   "zh-CN": {
     "pisell2.event.calendar.limit.unavailable": "不可预约",
@@ -259,7 +260,8 @@ var locales_default = {
     "pisell2.text.goodpass.code-invalid": "当前券码不可用",
     "pisell2.text.goodpass.code-invalid-cart": "当前购物车中无可用商品",
     "pisell2.text.goodpass.login": "登录",
-    "pisell2.text.goodpass.login-tip": "以获取会员福利或使用账户积分"
+    "pisell2.text.goodpass.login-tip": "以获取会员福利或使用账户积分",
+    "pisell2.text.contact-info.title": "联系信息"
   },
   "zh-HK": {
     "pisell2.event.calendar.limit.unavailable": "不可預約",
@@ -378,6 +380,7 @@ var locales_default = {
     "pisell2.text.goodpass.code-invalid": "當前券碼不可用",
     "pisell2.text.goodpass.code-invalid-cart": "當前購物車中無可用商品",
     "pisell2.text.goodpass.login": "登錄",
-    "pisell2.text.goodpass.login-tip": "以獲取會員福利或使用賬戶積分"
+    "pisell2.text.goodpass.login-tip": "以獲取會員福利或使用賬戶積分",
+    "pisell2.text.contact-info.title": "聯繫信息"
   }
 };

package/lib/components/booking/components/TabProduct/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 interface TabProductProps {
     list: any[];

package/lib/components/booking/components/footer/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 /**
  * @title: 底部

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

@@ -147,7 +147,7 @@ var Footer = (props) => {
     return false;
   }, [(_g = state.addons) == null ? void 0 : _g.edit]);
   const infoEdit = (0, import_react.useMemo)(() => {
-    var _a2, _b2, _c2, _d2, _e2, _f2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
     if (!state.bookingId) {
       return true;
     }
@@ -169,6 +169,9 @@ var Footer = (props) => {
     if ((_f2 = state.contacts) == null ? void 0 : _f2.edit) {
       return true;
     }
+    if ((_g2 = state.contacts_info) == null ? void 0 : _g2.edit) {
+      return true;
+    }
     return false;
   }, [state]);
   const isEdit = (0, import_react.useMemo)(() => {

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

@@ -71,9 +71,9 @@ var formatProductOption = (option) => {
   }
   return option.map((d) => {
     return {
-      "num": d.num,
-      "option_group_item_id": d.product_option_item_id || d.option_group_item_id,
-      "option_group_id": d.option_group_id
+      num: d.num,
+      option_group_item_id: d.product_option_item_id || d.option_group_item_id,
+      option_group_id: d.option_group_id
       // "add_price": Number(d?.add_price),
     };
   });
@@ -92,7 +92,9 @@ var formatProductBundle = (bundle) => {
     return;
   }
   try {
-    const errorBundles = bundle == null ? void 0 : bundle.filter((d) => !(d == null ? void 0 : d.group_id) || !(d == null ? void 0 : d.id) || !(d == null ? void 0 : d._bundle_product_id));
+    const errorBundles = bundle == null ? void 0 : bundle.filter(
+      (d) => !(d == null ? void 0 : d.group_id) || !(d == null ? void 0 : d.id) || !(d == null ? void 0 : d._bundle_product_id)
+    );
     if ((errorBundles == null ? void 0 : errorBundles.length) > 0) {
       log(errorBundles);
     }
@@ -100,16 +102,16 @@ var formatProductBundle = (bundle) => {
   }
   return bundle.map((d) => {
     return {
-      "bundle_group_id": d.group_id,
-      "bundle_id": d.id,
-      "bundle_product_id": (d == null ? void 0 : d._bundle_product_id) || (d == null ? void 0 : d.product_id),
-      "bundle_variant_id": d.bundle_variant_id,
-      "num": d.num,
-      "extension_id": d.extension_id,
-      "extension_type": d.extension_type,
+      bundle_group_id: d.group_id,
+      bundle_id: d.id,
+      bundle_product_id: (d == null ? void 0 : d._bundle_product_id) || (d == null ? void 0 : d.product_id),
+      bundle_variant_id: d.bundle_variant_id,
+      num: d.num,
+      extension_id: d.extension_id,
+      extension_type: d.extension_type,
       // "price": Number(d?.price),
       // "price_type": d?.price_type,
-      "option": formatProductOption(d.option)
+      option: formatProductOption(d.option)
     };
   });
 };
@@ -168,11 +170,14 @@ var formatResource = (service) => {
     return void 0;
   }
   try {
-    return Object.values(service._extend.resource).reduce((pre, cur) => {
-      const newList = checkResourcesFormat(cur, service);
-      pre = pre.concat(newList);
-      return pre;
-    }, []);
+    return Object.values(service._extend.resource).reduce(
+      (pre, cur) => {
+        const newList = checkResourcesFormat(cur, service);
+        pre = pre.concat(newList);
+        return pre;
+      },
+      []
+    );
   } catch (err) {
     return void 0;
   }
@@ -199,7 +204,9 @@ var formatProductPrice = (item) => {
   const other = (_a = item._extend) == null ? void 0 : _a.other;
   let price = Number((_b = item._extend) == null ? void 0 : _b.price);
   if ((other == null ? void 0 : other.product_variant_id) > 0 && ((_c = item == null ? void 0 : item.variant) == null ? void 0 : _c.length) > 0) {
-    const variant = item.variant.find((d) => d.id === (other == null ? void 0 : other.product_variant_id));
+    const variant = item.variant.find(
+      (d) => d.id === (other == null ? void 0 : other.product_variant_id)
+    );
     if (variant) {
       price = Number(variant == null ? void 0 : variant.price) || 0;
     }
@@ -211,7 +218,7 @@ var formatProductPrice = (item) => {
   }
   return price;
 };
-var formatMetaData = (item) => {
+var formatMetaData = (item, isMultiDayPrices) => {
   var _a, _b, _c, _d, _e;
   let metadata = {};
   if ((_a = item._extend) == null ? void 0 : _a.capacity) {
@@ -223,7 +230,7 @@ var formatMetaData = (item) => {
   if ((_b = item._extend) == null ? void 0 : _b.holder_id) {
     metadata.holder_id = (_c = item._extend) == null ? void 0 : _c.holder_id;
   }
-  if ((_d = item._extend) == null ? void 0 : _d.multiDayPrices) {
+  if (isMultiDayPrices && ((_d = item._extend) == null ? void 0 : _d.multiDayPrices)) {
     metadata.multiDayPrices = (_e = item._extend) == null ? void 0 : _e.multiDayPrices;
   }
   return metadata;
@@ -233,7 +240,9 @@ var getSourceProductPrice = (item) => {
   const other = (_a = item._extend) == null ? void 0 : _a.other;
   let price = Number((_b = item._extend) == null ? void 0 : _b.price);
   if ((other == null ? void 0 : other.product_variant_id) > 0 && ((_c = item == null ? void 0 : item.variant) == null ? void 0 : _c.length) > 0) {
-    const variant = item.variant.find((d) => d.id === (other == null ? void 0 : other.product_variant_id));
+    const variant = item.variant.find(
+      (d) => d.id === (other == null ? void 0 : other.product_variant_id)
+    );
     if (variant) {
       price = Number(variant == null ? void 0 : variant.price) || 0;
     }
@@ -247,7 +256,9 @@ var formatProducts = (item, quantity) => {
   const discount_amount = origin_total - total;
   const discount_list = (item == null ? void 0 : item.discount_list) || [];
   const discount_type = discount_amount < 0 ? "change_price" : "discount";
-  const notManualDiscount = discount_list.filter((item2) => item2.type !== "product");
+  const notManualDiscount = discount_list.filter(
+    (item2) => item2.type !== "product"
+  );
   return {
     "num": quantity || item._extend.quantity,
     "price": formatProductPrice(item),
@@ -266,17 +277,19 @@ var formatProducts = (item, quantity) => {
     "product_option_item": formatProductOption((_d = (_c = item._extend) == null ? void 0 : _c.other) == null ? void 0 : _d.option),
     "product_variant_id": ((_f = (_e = item._extend) == null ? void 0 : _e.other) == null ? void 0 : _f.product_variant_id) || 0,
     "discount_list": notManualDiscount,
-    metadata: formatMetaData(item)
+    metadata: formatMetaData(item, false)
   };
 };
 var formatAppointmentProductLists = (data) => {
   var _a;
   try {
     let list = data.service.value;
-    list = list.filter((item) => {
-      var _a2;
-      return ((_a2 = item._extend) == null ? void 0 : _a2.holder_id) && !(0, import_utils4.isNormalProductByDurationSchedule)(item);
-    });
+    list = list.filter(
+      (item) => {
+        var _a2;
+        return ((_a2 = item._extend) == null ? void 0 : _a2.holder_id) && !(0, import_utils4.isNormalProductByDurationSchedule)(item);
+      }
+    );
     const groupMap = /* @__PURE__ */ new Map();
     list.forEach((item) => {
       var _a2;
@@ -286,7 +299,10 @@ var formatAppointmentProductLists = (data) => {
       }
       groupMap.get(key).push(item);
     });
-    const result = (_a = Array.from(groupMap.values())) == null ? void 0 : _a.reduce((acc, group) => acc.concat(group), []);
+    const result = (_a = Array.from(groupMap.values())) == null ? void 0 : _a.reduce(
+      (acc, group) => acc.concat(group),
+      []
+    );
     return list || [];
   } catch (error) {
   }
@@ -317,8 +333,9 @@ var formatBookings = (data, values) => {
   let dayParams = {};
   const eventOtherParams = data.eventOtherParams;
   let bookings = [];
-  list.forEach((item) => {
-    var _a, _b, _c, _d;
+  let obj = {};
+  list.forEach((item, index) => {
+    var _a, _b, _c, _d, _e;
     let start_date = item._extend.startDate.format("YYYY-MM-DD");
     let end_date = item._extend.endDate.format("YYYY-MM-DD");
     let end_time = item._extend.endDate.format("HH:mm");
@@ -330,15 +347,22 @@ var formatBookings = (data, values) => {
     if (isDay) {
       const startDate = ((_a = item._extend) == null ? void 0 : _a.startDate) || ((_b = item._extend) == null ? void 0 : _b.start_date);
       const endDate = ((_c = item._extend) == null ? void 0 : _c.endDate) || ((_d = item._extend) == null ? void 0 : _d.end_date);
-      const { startDateTime, endDateTime } = (0, import_utils4.formatDayTime)({ startDate, endDate });
+      const { startDateTime, endDateTime } = (0, import_utils4.formatDayTime)({
+        startDate,
+        endDate
+      });
       start_date = (0, import_dayjs.default)(startDateTime).format("YYYY-MM-DD");
       start_time = (0, import_dayjs.default)(startDateTime).format("HH:mm");
       end_date = (0, import_dayjs.default)(endDateTime).format("YYYY-MM-DD");
       end_time = (0, import_dayjs.default)(endDateTime).format("HH:mm");
       dayParams.relation_products = (item == null ? void 0 : item.relation_products) || [];
       dayParams.holder = formatHolders(data, item, values);
-      dayParams.duration = (0, import_utils3.getDays)({ _extend: { start_date: startDateTime, end_date: endDateTime } }, "minutes");
+      dayParams.duration = (0, import_utils3.getDays)(
+        { _extend: { start_date: startDateTime, end_date: endDateTime } },
+        "minutes"
+      );
     }
+    const isSetGroupId = obj[(_e = item == null ? void 0 : item._extend) == null ? void 0 : _e.groupId];
     const booking = {
       "product": formatProducts(item),
       "relation_products": formatRelationDetails(item._extend.relation_details),
@@ -357,10 +381,14 @@ var formatBookings = (data, values) => {
       "duration": isDay ? 0 : import_utils.flexibleObj.getValue(item._extend.duration),
       "number": item._extend.capacity ? (0, import_utilsByBooking.getSumCapacity)({ cacheItem: item }) : item._extend.number || 1,
       "resources": formatResource(item),
-      "metadata": formatMetaData(item),
+      // 当groupId第一次出现时，需要设置metadata.multiDayPrices， 否则不用
+      "metadata": formatMetaData(item, !isSetGroupId),
       ...eventOtherParams || {},
       ...dayParams
     };
+    if (!isSetGroupId) {
+      obj[item._extend.groupId] = true;
+    }
     if (isDay) {
       bookings.push(booking);
       return;
@@ -368,9 +396,9 @@ var formatBookings = (data, values) => {
     for (let i = 0; i < (item._extend.quantity || 1); i++) {
       bookings.push({
         ...booking,
-        "product": formatProducts(item, 1),
-        "number": item._extend.capacity ? (0, import_utilsByBooking.getSumCapacity)({ cacheItem: item }, false) : item._extend.number || 1,
-        "holder": getHolderByIndex(booking.holder, i)
+        product: formatProducts(item, 1),
+        number: item._extend.capacity ? (0, import_utilsByBooking.getSumCapacity)({ cacheItem: item }, false) : item._extend.number || 1,
+        holder: getHolderByIndex(booking.holder, i)
       });
     }
   });
@@ -422,7 +450,7 @@ var formatHolder = (state, values) => {
   return obj;
 };
 var formatValues = (state) => {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   let values = {
     type: state.renderType === "eventBooking" ? "event_booking_v2" : "appointment_booking",
     platform: state.isBookingTicket2 ? "pos" : "shop",
@@ -454,7 +482,10 @@ var formatValues = (state) => {
   };
   values.holder = formatHolder(state, values);
   if (isDay || isEvent) {
-    values.relation_products = formatRelationProducts(state, isDay ? "day" : "event");
+    values.relation_products = formatRelationProducts(
+      state,
+      isDay ? "day" : "event"
+    );
   } else {
     values.relation_products = formatNormalProducts(state);
     if (!((_b = values.relation_products) == null ? void 0 : _b.length)) {
@@ -473,6 +504,7 @@ var formatValues = (state) => {
   if (!((_g = values == null ? void 0 : values.bookings) == null ? void 0 : _g.length)) {
     values.type = "virtual";
   }
+  values.contacts_info = ((_h = state.contacts_info) == null ? void 0 : _h.value) || null;
   return values;
 };
 var checkHolderIsError = (state) => {

package/lib/components/booking/components/formItemChildrenWrap/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const FormItemChildrenWrap: (props: any) => JSX.Element;
 export default FormItemChildrenWrap;

package/lib/components/booking/forms/table/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare const Table: ({ value, onChange, field, mode, onAdd }: any) => JSX.Element;
 export default Table;

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);

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

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

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: {