@pisell/private-materials 6.1.1 → 6.2.1

package/lib/components/booking/editBookingModal/serve.d.ts

@@ -0,0 +1,51 @@
+import { mockBooking } from './mock';
+import { EditBookingModalParams } from './type';
+/**
+ * @title: 获取预约详情
+ * @description: 获取预约详细信息
+ * @param {number} bookingId
+ * @param {any} params
+ * @return {*}
+ * @Author: cong.shao
+ * @Date: 2025-06-17 14:22
+ */
+export declare const getBookingDetail: (bookingId: number, params?: any) => Promise<any>;
+/**
+ * @title: 获取资源列表
+ * @description: 资源列表
+ * @param {any} params
+ * @return {*}
+ * @Author: cong.shao
+ * @Date: 2025-06-17 14:22
+ */
+export declare const getResources: (params: any) => Promise<any>;
+/**
+ * @title: 更新子预约时间及资源
+ * @description: 更新预约信息
+ * @param {string} orderId
+ * @param {any} params
+ * @return {*}
+ * @Author: cong.shao
+ * @Date: 2025-06-17 14:26
+ */
+export declare const updateChildBooking: (orderId: string, params: any) => Promise<any>;
+export declare const _getBookingDetail: (bookingId: number) => Promise<typeof mockBooking>;
+export declare const getChildrenBookingById: (bookings: any[], id: number) => any;
+export declare const _getResources: (params: any, bookingId?: number) => Promise<{
+    list: any[];
+    listMap: any;
+}>;
+export declare const _editBooking: (data: any, values: any) => Promise<void>;
+export declare const updateResourceErrors: (resourceMaps: any, cacheItem: any) => any;
+export declare const init: (params: EditBookingModalParams) => Promise<{
+    bookingOrigin: any;
+    booking: any;
+    childrenBooking: any;
+    dataRange: {
+        end_date: any;
+        start_date: any;
+    };
+    resourcesOrigin: any[];
+    toResource: any;
+}>;
+export declare const createCacheItem: (cacheItem: any, values?: any) => any;

package/lib/components/booking/editBookingModal/serve.js

@@ -0,0 +1,178 @@
+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/editBookingModal/serve.ts
+var serve_exports = {};
+__export(serve_exports, {
+  _editBooking: () => _editBooking,
+  _getBookingDetail: () => _getBookingDetail,
+  _getResources: () => _getResources,
+  createCacheItem: () => createCacheItem,
+  getBookingDetail: () => getBookingDetail,
+  getChildrenBookingById: () => getChildrenBookingById,
+  getResources: () => getResources,
+  init: () => init,
+  updateChildBooking: () => updateChildBooking,
+  updateResourceErrors: () => updateResourceErrors
+});
+module.exports = __toCommonJS(serve_exports);
+var import_utils = require("../../../utils");
+var import_ticketBooking = require("../../ticketBooking/components/ticketBooking");
+var import_dayjs = __toESM(require("dayjs"));
+var import_utils2 = require("../info2/service/addService/utils");
+var import_utils3 = require("../info2/utils");
+var import_utilsByBooking = require("../info2/utilsByBooking");
+var getBookingDetail = async (bookingId, params) => {
+  let { data } = await import_utils.request.getRequest().get(`/shop/order/appointment/${bookingId}`, params);
+  return data;
+};
+var getResources = async (params) => {
+  let { data } = await import_utils.request.getRequest().get(`/shop/schedule/resource/list`, params);
+  return data;
+};
+var updateChildBooking = async (orderId, params) => {
+  let { data } = await import_utils.request.getRequest().put(`/shop/v1.1/order/appointment/child-booking/${orderId}`, params);
+  return data;
+};
+var _getBookingDetail = async (bookingId) => {
+  let data = await getBookingDetail(bookingId);
+  return data;
+};
+var getChildrenBookingById = (bookings, id) => {
+  return bookings.find((item) => item.booking_id === id);
+};
+var _getResources = async (params, bookingId) => {
+  let data = await getResources(params);
+  return (0, import_utils3.getFormatResourceListAndMap)(data, bookingId);
+};
+var _editBooking = async (data, values) => {
+  console.log("submit data", data);
+  console.log("submit values", values);
+};
+var updateResourceErrors = (resourceMaps, cacheItem) => {
+  var _a, _b;
+  if ((_a = cacheItem == null ? void 0 : cacheItem._extend) == null ? void 0 : _a.resource) {
+    let _resource = { ...(_b = cacheItem == null ? void 0 : cacheItem._extend) == null ? void 0 : _b.resource };
+    for (let form_id in _resource) {
+      _resource[form_id] = _resource[form_id].map((d) => {
+        var _a2, _b2;
+        return {
+          ...d,
+          errors: (0, import_utilsByBooking.getErrorList)(
+            (_b2 = (_a2 = resourceMaps == null ? void 0 : resourceMaps[form_id]) == null ? void 0 : _a2.renderListMaps) == null ? void 0 : _b2[d == null ? void 0 : d.relation_id],
+            cacheItem
+          )
+        };
+      });
+    }
+    return _resource;
+  }
+};
+var init = async (params) => {
+  const { toStartDate, toEndDate, event, fromResourceId, toResourceId } = params;
+  let bookingOrigin = await _getBookingDetail(event.order.id);
+  let booking = (0, import_ticketBooking._formatBookingDetail)(bookingOrigin, {});
+  const resources = await _getResources({
+    date: (0, import_dayjs.default)(toStartDate).format("YYYY-MM-DD")
+  });
+  let childrenBooking = getChildrenBookingById(booking.service.value, event.id);
+  console.log("childrenBooking", childrenBooking);
+  const extraParams = {
+    extraResources: []
+  };
+  const fromResource = resources.listMap[fromResourceId];
+  const toResource = resources.listMap[toResourceId];
+  if (fromResource) {
+    extraParams.extraResources.push({
+      form_id: fromResource.form_id,
+      id: fromResource.id
+    });
+  }
+  if (toResource) {
+    extraParams.extraResources.push({
+      form_id: toResource.form_id,
+      id: toResource.id
+    });
+  }
+  const resourcesOrigin = (0, import_utils2.getResourceByIds)(
+    resources.listMap,
+    childrenBooking,
+    extraParams
+  );
+  return {
+    // 原接口数据
+    bookingOrigin,
+    //格式化后的booking数据
+    booking,
+    // 当前子预约
+    childrenBooking,
+    // 时间范围数据
+    dataRange: {
+      end_date: childrenBooking._extend.end_date,
+      start_date: childrenBooking._extend.start_date
+    },
+    // 总资源列表
+    resourcesOrigin,
+    // 目标资源
+    toResource
+  };
+};
+var createCacheItem = (cacheItem, values) => {
+  var _a;
+  console.log("values", values);
+  if (!values || ((_a = values == null ? void 0 : values.toDate) == null ? void 0 : _a.length) !== 2 || !(values == null ? void 0 : values.resource)) {
+    return cacheItem;
+  }
+  const { toDate, resource } = values || {};
+  return {
+    ...cacheItem,
+    _extend: {
+      ...cacheItem._extend,
+      endDate: toDate[1],
+      end_date: toDate[1],
+      end_time: toDate[1].format("HH:mm"),
+      startDate: toDate[0],
+      start_date: toDate[0],
+      start_time: toDate[0].format("HH:mm"),
+      resource
+    }
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  _editBooking,
+  _getBookingDetail,
+  _getResources,
+  createCacheItem,
+  getBookingDetail,
+  getChildrenBookingById,
+  getResources,
+  init,
+  updateChildBooking,
+  updateResourceErrors
+});

package/lib/components/booking/editBookingModal/type.d.ts

@@ -0,0 +1,12 @@
+export interface EditBookingModalParams {
+    toStartDate: string;
+    toEndDate: string;
+    event: any;
+    fromResourceId: string;
+    toResourceId: string;
+}
+export interface EditBookingModalProps {
+    open: boolean;
+    onCancel: () => void;
+    onOk: () => void;
+}

package/lib/components/{pay/toB/store/context.js → booking/editBookingModal/type.js}

@@ -2,10 +2,6 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 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))
@@ -16,17 +12,6 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/pay/toB/store/context.ts
-var context_exports = {};
-__export(context_exports, {
-  ToBPayContext: () => ToBPayContext
-});
-module.exports = __toCommonJS(context_exports);
-var import_react = require("react");
-var ToBPayContext = (0, import_react.createContext)(
-  {}
-);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ToBPayContext
-});
+// src/components/booking/editBookingModal/type.ts
+var type_exports = {};
+module.exports = __toCommonJS(type_exports);

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

@@ -0,0 +1,12 @@
+export interface ResourceItem {
+    [key: string]: any;
+}
+/**
+ * @title: 传入资源，如果有子资源，会根据组合资源的 capacity 计算修改子资源的 capacity
+ * @description:
+ * @param {object} resource
+ * @return {*}
+ * @Author: jinglin.tan
+ */
+export declare const checkSubResourcesCapacity: (resource: ResourceItem) => void;
+export declare const formatValues: (data: any, values: any) => any;

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

@@ -0,0 +1,158 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/booking/editBookingModal/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  checkSubResourcesCapacity: () => checkSubResourcesCapacity,
+  formatValues: () => formatValues
+});
+module.exports = __toCommonJS(utils_exports);
+var import_utilsByBooking = require("../../info2/utilsByBooking");
+var formatRelationDetails = (list) => {
+  return (list || []).map((item) => {
+    return {
+      num: item.product_quantity,
+      price: item.payment_price || 0,
+      product_id: item.product_id,
+      is_charge_tax: item.is_charge_tax,
+      order_detail_id: item.order_detail_id
+    };
+  });
+};
+var checkSubResourcesCapacity = (resource) => {
+  if (resource.children && resource.children.length) {
+    let countCapacity = resource.capacity;
+    resource.children.forEach((child) => {
+      if (child.capacity <= countCapacity) {
+        countCapacity -= child.capacity;
+      } else {
+        child.capacity = countCapacity;
+        countCapacity = 0;
+      }
+    });
+  }
+};
+var checkResourcesFormat = (resources, service, isChild) => {
+  return resources.map((resource) => {
+    var _a;
+    if (!isChild) {
+      resource.capacity = (0, import_utilsByBooking.getSumCapacity)({ cacheItem: service });
+    }
+    checkSubResourcesCapacity(resource);
+    return {
+      children: ((_a = resource.children) == null ? void 0 : _a.length) ? checkResourcesFormat(resource.children, service, true) : void 0,
+      form_id: resource.form_id,
+      relation_type: resource.relation_type || "form",
+      relation_id: resource.relation_id || 0,
+      capacity: resource.capacity,
+      like_status: resource.like_status || "common",
+      metadata: resource.metadata || {}
+    };
+  });
+};
+var formatResource = (service) => {
+  if (!service._extend.resource) {
+    return void 0;
+  }
+  try {
+    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;
+  }
+};
+var formatProducts = (item) => {
+  return {
+    "num": Number(item.detail.quantity),
+    "price": Number(item.detail.source_product_price),
+    "source_product_price": Number(item.detail.source_product_price),
+    "product_id": item.detail.id,
+    "discount_amount": item.detail.discount_amount,
+    "product_discount_reason": item.detail.product_discount_reason || "",
+    "is_charge_tax": item.detail.is_charge_tax,
+    "note": item.detail.note,
+    "discountway": item.detail.discountway || "num",
+    "discount_per": item.detail.discount_per,
+    "discount_type": item.detail.discount_type,
+    "order_detail_id": item.detail.order_detail_id,
+    "product_bundle": item.detail.product_bundle,
+    "bundle_edit": 0,
+    "product_option_item": [],
+    "product_variant_id": item.detail.product_variant_id || 0,
+    "discount_list": item.detail.discount_list,
+    metadata: item.detail.metadata
+  };
+};
+var formatBookings = (data, values) => {
+  let bookings = [];
+  bookings = data.map((item) => {
+    return {
+      "product": formatProducts(item),
+      "relation_products": formatRelationDetails(item.relation_details),
+      "id": item.id,
+      "relation_id": item.relation_id,
+      "like_status": item.like_status,
+      "relation_type": item.relation_type,
+      "is_all": item.is_all,
+      "schedule_id": item.schedule_id || 0,
+      "end_time": item.end_time,
+      "sub_type": item.sub_type,
+      "select_date": item.start_date,
+      "start_time": item.start_time,
+      "end_date": item.end_date,
+      "start_date": item.start_date,
+      "duration": item.duration,
+      "number": item.number,
+      "resources": formatResource(item),
+      "metadata": item.metadata,
+      "holder": item.holder
+    };
+  });
+  return bookings;
+};
+var formatValues = (data, values) => {
+  let result = {
+    type: "appointment_booking",
+    platform: data.platform,
+    sales_channel: data.platform,
+    bookings: [],
+    customer_id: data.customer_id,
+    holder: data.holder,
+    relation_products: data.relation_products,
+    metadata: data.metadata,
+    shop_note: data.shop_note,
+    shop_discount: data.shop_discount,
+    shop_discount_reason: data.shop_discount_reason,
+    contacts: data.contacts,
+    customer_name: data.customer_name,
+    email: data.customer_name,
+    phone: data.customer_name,
+    country_calling_code: data.customer_name
+  };
+  result.bookings = formatBookings(data, values);
+  return result;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  checkSubResourcesCapacity,
+  formatValues
+});

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

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

package/lib/components/booking/hooks/useIsBooking4Shop.js

@@ -38,9 +38,9 @@ var import_utils = require("../info/utils");
 var useIsBooking4Shop = (state) => {
   const context = (0, import_useEngineContext.default)();
   return (0, import_react.useMemo)(() => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d, _e;
     return (0, import_utils.isBooking4Shop)(
-      ((_c = (_b = (_a = context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.getData) == null ? void 0 : _c.call(_b, "shop_id")) || ((_h = (_g = (_f = (_e = (_d = context.appHelper.utils.store) == null ? void 0 : _d.getState) == null ? void 0 : _e.call(_d)) == null ? void 0 : _f.global) == null ? void 0 : _g.globalConfig) == null ? void 0 : _h.id),
+      (_e = (_d = (_c = (_b = (_a = context.appHelper.utils.store) == null ? void 0 : _a.getState) == null ? void 0 : _b.call(_a)) == null ? void 0 : _c.global) == null ? void 0 : _d.globalConfig) == null ? void 0 : _e.id,
       state.renderType
     );
   }, [state.renderType]);

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

@@ -38,7 +38,7 @@ var import_addService2 = __toESM(require("../../info2/service/addService"));
 var import_utils = require("../utils");
 var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var AddServiceVariant = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  var _a, _b, _c, _d, _e, _f;
   const { globalState, setGlobalState } = props;
   const context = (0, import_useEngineContext.default)();
   const stateRef = (0, import_react.useRef)(globalState);
@@ -57,8 +57,8 @@ var AddServiceVariant = (props) => {
   };
   let Cpt = import_addService.default;
   if ((0, import_utils.isBooking4Shop)(
-    ((_c = (_b = (_a = context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.getData) == null ? void 0 : _c.call(_b, "shop_id")) || ((_h = (_g = (_f = (_e = (_d = context.appHelper.utils.store) == null ? void 0 : _d.getState) == null ? void 0 : _e.call(_d)) == null ? void 0 : _f.global) == null ? void 0 : _g.globalConfig) == null ? void 0 : _h.id),
-    (_i = props == null ? void 0 : props.globalState) == null ? void 0 : _i.renderType
+    (_e = (_d = (_c = (_b = (_a = context.appHelper.utils.store) == null ? void 0 : _a.getState) == null ? void 0 : _b.call(_a)) == null ? void 0 : _c.global) == null ? void 0 : _d.globalConfig) == null ? void 0 : _e.id,
+    (_f = props == null ? void 0 : props.globalState) == null ? void 0 : _f.renderType
   )) {
     Cpt = import_addService2.default;
   }

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

@@ -232,13 +232,7 @@ var Client = () => {
           type: "setClient",
           payload: {
             clients: [
-              ...((_e2 = params2 == null ? void 0 : params2[0]) == null ? void 0 : _e2.customer) ? [
-                {
-                  ...(_f2 = params2 == null ? void 0 : params2[0]) == null ? void 0 : _f2.customer,
-                  id: customer_id,
-                  waiver_form: waiverForm
-                }
-              ] : [],
+              ...((_e2 = params2 == null ? void 0 : params2[0]) == null ? void 0 : _e2.customer) ? [{ ...(_f2 = params2 == null ? void 0 : params2[0]) == null ? void 0 : _f2.customer, id: customer_id, waiver_form: waiverForm }] : [],
               ...((_g2 = state.client) == null ? void 0 : _g2.clients) || []
             ]
           }
@@ -334,28 +328,9 @@ 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) => {
-              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 })));
+          ), /* @__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) => {
+            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 })));
         },
         searchChange,
         searchValue: params.search,
@@ -386,34 +361,21 @@ var Client = () => {
         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-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-left" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-name" }, getNickname(state.client.value)), isWalkIn ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-desc" }, import_utils.locales.getText("pisell2.text.leave-empty-for-walk-in")) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, ((_c = state.client.value) == null ? void 0 : _c.email) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-email" }, (_d = state.client.value) == null ? void 0 : _d.email) : null, ((_e = state.client.value) == null ? void 0 : _e.phone) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-phone" }, (_f = state.client.value) == null ? void 0 : _f.phone) : null, !!((_h = (_g = state.client.value) == null ? void 0 : _g.waiver_form) == null ? void 0 : _h.length) && /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: "pisell-lowcode__booking-client-waiver",
-        title: (0, import_utils3.getWaiverTitle)((_i = state.client.value) == null ? void 0 : _i.waiver_form)
-      },
-      (_l = (_k = (_j = state.client.value) == null ? void 0 : _j.waiver_form) == null ? void 0 : _k.map) == null ? void 0 : _l.call(_k, (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")
-        ), `; `);
-      })
-    ))), !(state == null ? void 0 : state.disableEventBookingEdit) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-right" }, isWalkIn ? /* @__PURE__ */ import_react.default.createElement(import_PlusCircle.default, { className: "pisell-lowcode__booking-client-add-icon" }) : /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-left" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-name" }, getNickname(state.client.value)), isWalkIn ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-desc" }, import_utils.locales.getText("pisell2.text.leave-empty-for-walk-in")) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, ((_c = state.client.value) == null ? void 0 : _c.email) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-email" }, (_d = state.client.value) == null ? void 0 : _d.email) : null, ((_e = state.client.value) == null ? void 0 : _e.phone) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-phone" }, (_f = state.client.value) == null ? void 0 : _f.phone) : null, !!((_h = (_g = state.client.value) == null ? void 0 : _g.waiver_form) == null ? void 0 : _h.length) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-waiver", title: (0, import_utils3.getWaiverTitle)((_i = state.client.value) == null ? void 0 : _i.waiver_form) }, (_l = (_k = (_j = state.client.value) == null ? void 0 : _j.waiver_form) == null ? void 0 : _k.map) == null ? void 0 : _l.call(_k, (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")
+      ), `; `);
+    })))), !(state == null ? void 0 : state.disableEventBookingEdit) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-right" }, isWalkIn ? /* @__PURE__ */ import_react.default.createElement(import_PlusCircle.default, { className: "pisell-lowcode__booking-client-add-icon" }) : /* @__PURE__ */ import_react.default.createElement(
       import_antd.Dropdown,
       {
         menu: {

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

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

package/lib/components/booking/info/hooks/useInfoHolder.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { EditServiceRef } from "../service/editService";
 declare const useInfoHolder: (state: any, dispatch: any) => {
     detailRef: import("react").MutableRefObject<EditServiceRef | undefined>;

package/lib/components/booking/info/hooks/useInfoHolder.js

@@ -36,6 +36,7 @@ var import_react = require("react");
 var import_useHolderConfig = __toESM(require("./useHolderConfig"));
 var import_utils = require("../utils");
 var import_useGetHolderList = __toESM(require("./useGetHolderList"));
+var import_utils2 = require("../../info2/service/addService/utils");
 var useInfoHolder = (state, dispatch) => {
   var _a, _b, _c, _d;
   const detailRef = (0, import_react.useRef)();
@@ -68,11 +69,15 @@ var useInfoHolder = (state, dispatch) => {
     });
   };
   const handleAction = (dataSource) => {
+    const cacheItem = (0, import_utils2.getProductExtend)({
+      cacheItem: { ...dataSource._origin, new: 0 },
+      state
+    });
     dispatch({
       type: "setService",
       payload: {
         addTimeModal: true,
-        cacheItem: dataSource._origin
+        cacheItem
       }
     });
   };

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

@@ -39,12 +39,14 @@ var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext")
 var import_utils = require("./utils");
 var import_antd = require("antd");
 var APP = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const context = (0, import_useEngineContext.default)();
   const { globalState } = props;
-  const shopId = ((_c = (_b = (_a = context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.getData) == null ? void 0 : _c.call(_b, "shop_id")) || ((_h = (_g = (_f = (_e = (_d = context.appHelper.utils.store) == null ? void 0 : _d.getState) == null ? void 0 : _e.call(_d)) == null ? void 0 : _f.global) == null ? void 0 : _g.globalConfig) == null ? void 0 : _h.id);
-  const isBooking4 = (0, import_utils.isBooking4Shop)(shopId, globalState == null ? void 0 : globalState.renderType);
-  if (!shopId) {
+  const isBooking4 = (0, import_utils.isBooking4Shop)(
+    (_e = (_d = (_c = (_b = (_a = context.appHelper.utils.store) == null ? void 0 : _a.getState) == null ? void 0 : _b.call(_a)) == null ? void 0 : _c.global) == null ? void 0 : _d.globalConfig) == null ? void 0 : _e.id,
+    globalState == null ? void 0 : globalState.renderType
+  );
+  if (!((_j = (_i = (_h = (_g = (_f = context.appHelper.utils.store) == null ? void 0 : _f.getState) == null ? void 0 : _g.call(_f)) == null ? void 0 : _h.global) == null ? void 0 : _i.globalConfig) == null ? void 0 : _j.id)) {
     return /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: 16 } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, null));
   }
   if (isBooking4 && (!(globalState == null ? void 0 : globalState.bookingId) || (globalState == null ? void 0 : globalState.isParallelResourcesBooking))) {

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

@@ -79,6 +79,9 @@ var { Provider, Context } = (0, import_utils.miniRedux)({
     },
     setActiveCartId(state, payload) {
       state.setGlobalState(payload);
+    },
+    setAddons(state, payload) {
+      state.setGlobalState({ addons: { ...state.addons, ...payload } });
     }
   },
   reducers: {