@pisell/private-materials 6.3.15 → 6.4.1

package/lib/components/ticketBooking/components/addServiceVariant/addService.js

@@ -40,17 +40,29 @@ var import_utils2 = require("../../../booking/utils");
 var import_utils3 = require("../../../booking/info2/service/addService/utils");
 var import_utils4 = require("../../../booking/info/service2/utils");
 var import_utils5 = require("../../../booking/info/utils");
-var import_serve = require("../../../booking/info/service/serve");
 var import_serviceManager = require("../../../booking/info/service/serviceManager");
 var import_productSelect = __toESM(require("../../../../plus/productSelect"));
 var import_index = require("./index.less");
 var import_utils6 = require("../../utils");
 var import_notAvailable = __toESM(require("../notAvailable"));
 var import_dayjs = __toESM(require("dayjs"));
+var import_pisellos = require("../../hooks/pisellos");
+var import_utils7 = require("./utils");
+var productListLayout = {
+  grid: true,
+  config: "12:12"
+};
+var productListSetting = {
+  isProductCover: 1,
+  isTitle: 1,
+  isSubtitle: 1,
+  isPrice: 1,
+  isOriginPrice: 0,
+  isStock: 0
+};
 var AddSerivce = (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;
   const { onEdit, state, dispatch, renderMode = "current" } = props;
-  const [loading, setLoading] = (0, import_react.useState)(true);
   const context = (0, import_useEngineContext.default)();
   const notAvailableRef = (0, import_react.useRef)(null);
   const isLoadedServiceRef = (0, import_react.useRef)(false);
@@ -63,13 +75,14 @@ var AddSerivce = (props) => {
     dispatch
   });
   const isBooking4 = (0, import_utils5.isBooking4Shop)(
-    (_g = (_f = (_e = (_d = (_c = context.appHelper.utils.store) == null ? void 0 : _c.getState) == null ? void 0 : _d.call(_c)) == null ? void 0 : _e.global) == null ? void 0 : _f.globalConfig) == null ? void 0 : _g.id,
+    ((_e = (_d = (_c = context.appHelper) == null ? void 0 : _c.utils) == null ? void 0 : _d.getData) == null ? void 0 : _e.call(_d, "shop_id")) || ((_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),
     state == null ? void 0 : state.renderType,
-    (_h = context.appHelper.utils) == null ? void 0 : _h.businessUtils
+    (_k = context.appHelper.utils) == null ? void 0 : _k.businessUtils
   );
   const [currentProduct, setCurrentProduct] = (0, import_react.useState)(null);
   const stateRef = (0, import_react.useRef)(state);
   stateRef.current = state;
+  const { getProducts, products, loading } = (0, import_pisellos.useProducts)();
   (0, import_react.useEffect)(() => {
     return () => {
       Object.values(debounceTimersRef.current).forEach((timer) => {
@@ -78,163 +91,94 @@ var AddSerivce = (props) => {
       debounceTimersRef.current = {};
     };
   }, []);
+  (0, import_react.useEffect)(() => {
+    const handler = (event) => {
+      var _a2;
+      const cacheItem = (_a2 = event == null ? void 0 : event.detail) == null ? void 0 : _a2.cacheItem;
+      console.log("Modal closed with result:", event.detail.cacheItem);
+      if (!(cacheItem == null ? void 0 : cacheItem.id)) return;
+      (0, import_utils6.addServiceScroll)(String(cacheItem.id), cacheItem);
+    };
+    window.addEventListener("onAddNewService", handler);
+    return () => {
+      window.removeEventListener("onAddNewService", handler);
+    };
+  }, []);
   const pendingCacheValuesRef = (0, import_react.useRef)({});
   const clickCountRef = (0, import_react.useRef)({});
   const debounceTimersRef = (0, import_react.useRef)({});
   const menuList = (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.menu_list_tab) == null ? void 0 : _c2.menu_list) || [];
-  }, [(_i = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _i.config]);
+  }, [(_l = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _l.config]);
   const customerId = (0, import_react.useMemo)(() => {
     var _a2, _b2;
     return ((_b2 = (_a2 = state.client) == null ? void 0 : _a2.value) == null ? void 0 : _b2.id) || void 0;
-  }, [(_k = (_j = state.client) == null ? void 0 : _j.value) == null ? void 0 : _k.id]);
-  const setDefaultService = async (list) => {
-    if (state.renderType !== "eventBooking") {
-      return;
-    }
-    if (state.bookingId) {
-      return;
-    }
-    if (list.length !== 1) {
-      return;
-    }
-    let _list = [...state.service.value];
-    if (_list.length !== 0) {
-      return;
-    }
-    setLoading(true);
-    let product = list[0];
-    const detail = await (0, import_serve.getProductDetail)(product.id, {
-      schedule_date: state.date.value.format("YYYY-MM-DD")
-    });
-    const isBundleOrCombination = (0, import_utils5.getIsBundleOrCombination)(detail.data);
-    setLoading(false);
-    if (isBundleOrCombination) return;
-    let _item = {
-      ...product,
-      product_id: product.id,
-      _id: (0, import_utils.getUniqueId)(),
-      _extend: {
-        start_date: state.date.value,
-        startDate: state.date.value,
-        endDate: state.date.value,
-        start_time: "00:00:00",
-        duration: 10,
-        quantity: 1,
-        price: product.price,
-        total: product.price,
-        origin_total: product.price,
-        product_name: product.title
-      }
-    };
-    _list.push(_item);
-    dispatch({
-      type: "setService",
-      payload: {
-        value: _list,
-        edit: true
+  }, [(_n = (_m = state.client) == null ? void 0 : _m.value) == null ? void 0 : _n.id]);
+  const scanAddService = (0, import_ahooks.useMemoizedFn)((list, code) => {
+    let newService = [...state.service.value];
+    list.forEach((item) => {
+      if ((0, import_utils7.isBundle)(item) || (0, import_utils7.isOption)(item)) {
+        handleSelectProduct(item);
+        return;
       }
+      const values = (0, import_utils7.genValues)(item, code);
+      let cacheItem = (0, import_utils7.createCacheItem)(item, values, state);
+      cacheItem._serviceKey = (0, import_utils6.genServiceKey)(cacheItem);
+      cacheItem.autoClose = false;
+      let { list: _list, quantity } = (0, import_utils6.addService)(
+        [...newService],
+        cacheItem,
+        state
+      );
+      handleAddToast(cacheItem.title, quantity);
+      newService = _list;
     });
-  };
-  const removeNotAvailableService = (list) => {
-    var _a2, _b2, _c2, _d2, _e2;
-    if (!((_c2 = (_b2 = (_a2 = stateRef.current) == null ? void 0 : _a2.service) == null ? void 0 : _b2.value) == null ? void 0 : _c2.length)) return;
-    const listMap = list.reduce((acc, cur) => {
-      acc[cur.id] = cur;
-      return acc;
-    }, {});
-    const newValue = (((_e2 = (_d2 = stateRef.current) == null ? void 0 : _d2.service) == null ? void 0 : _e2.value) || []).filter(
-      (item) => listMap[item.product_id]
-    );
     dispatch({
       type: "setService",
       payload: {
-        value: newValue,
+        value: newService,
         edit: true
       }
     });
+  });
+  (0, import_react.useMemo)(() => {
+    (0, import_utils7.setHandleSetService)(scanAddService);
+  }, []);
+  const handleAddToast = (title, quantity) => {
+    var _a2;
+    (_a2 = Toast == null ? void 0 : Toast.success) == null ? void 0 : _a2.call(
+      Toast,
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "add-toast-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "add-toast-title" }, title), /* @__PURE__ */ import_react.default.createElement("div", { className: "add-toast-quantity" }, import_utils.locales.getText("pisell2.ticket-booking.in-cart")(quantity || 1)))
+    );
   };
-  const getServices = async (params) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
-    setLoading(true);
-    if (state.renderType === "eventBooking" && !((_b2 = (_a2 = state.eventOtherParams) == null ? void 0 : _a2.productIds) == null ? void 0 : _b2.length)) {
-      dispatch({
-        type: "setService",
-        payload: {
-          services: []
-        }
-      });
-      setLoading(false);
-      return;
-    }
-    let data = await state.apis.getServices({
-      skip: 1,
-      num: 500,
-      // extension_type: state.productExtensionType,
-      exclude_extension_type: [
-        "product_party",
-        "product_event",
-        "product_series_event",
-        "product_package_ticket",
-        "ticket",
-        "event_item"
-      ],
-      with: ["category"],
-      open_quotation: 1,
-      with_schedule: 1,
-      with_count: ["bundleGroup", "optionGroup"],
-      order_by_string: "sort:desc",
-      status: "published",
-      schedule_date: params == null ? void 0 : params.schedule_date,
-      schedule_datetime: params == null ? void 0 : params.schedule_datetime,
-      customer_id: params == null ? void 0 : params.customer_id,
-      menu_list_ids: params == null ? void 0 : params.menu_list_ids,
-      _config: {
-        fullResult: true,
-        customResponse: true
-      }
-    });
-    setLoading(false);
-    if ((data == null ? void 0 : data.code) === 607100) {
-      if (!isLoadedServiceRef.current || ((_d2 = (_c2 = state.service) == null ? void 0 : _c2.services) == null ? void 0 : _d2.length)) {
-        (_e2 = notAvailableRef.current) == null ? void 0 : _e2.open();
-      }
-    }
-    if (!state.service.addModal) {
-      setDefaultService((_f2 = data == null ? void 0 : data.data) == null ? void 0 : _f2.list);
+  const executeCacheValues = (0, import_ahooks.useMemoizedFn)(
+    (productId, originalCacheValues, item, originalCallback) => {
+      const clickCount = clickCountRef.current[productId] || 1;
+      const finalCacheValues = {
+        ...originalCacheValues,
+        quantity: clickCount
+      };
+      delete pendingCacheValuesRef.current[productId];
+      delete clickCountRef.current[productId];
+      delete debounceTimersRef.current[productId];
+      originalCallback(finalCacheValues, "", item, true);
     }
-    removeNotAvailableService((_g2 = data == null ? void 0 : data.data) == null ? void 0 : _g2.list);
-    isLoadedServiceRef.current = true;
-    dispatch({
-      type: "setService",
-      payload: {
-        services: ((_h2 = data == null ? void 0 : data.data) == null ? void 0 : _h2.list) || []
+  );
+  const debouncedExecuteCacheValues = (0, import_ahooks.useMemoizedFn)(
+    (productId, cacheValues, item, callback) => {
+      if (debounceTimersRef.current[productId]) {
+        clearTimeout(debounceTimersRef.current[productId]);
       }
-    });
-  };
-  const executeCacheValues = (0, import_ahooks.useMemoizedFn)((productId, originalCacheValues, item, originalCallback) => {
-    const clickCount = clickCountRef.current[productId] || 1;
-    const finalCacheValues = {
-      ...originalCacheValues,
-      quantity: clickCount
-    };
-    delete pendingCacheValuesRef.current[productId];
-    delete clickCountRef.current[productId];
-    delete debounceTimersRef.current[productId];
-    originalCallback(finalCacheValues, "", item, true);
-  });
-  const debouncedExecuteCacheValues = (0, import_ahooks.useMemoizedFn)((productId, cacheValues, item, callback) => {
-    if (debounceTimersRef.current[productId]) {
-      clearTimeout(debounceTimersRef.current[productId]);
+      debounceTimersRef.current[productId] = setTimeout(() => {
+        executeCacheValues(productId, cacheValues, item, callback);
+      }, 0);
     }
-    debounceTimersRef.current[productId] = setTimeout(() => {
-      executeCacheValues(productId, cacheValues, item, callback);
-    }, 0);
-  });
+  );
   const handleSelectProduct = (0, import_ahooks.useMemoizedFn)(
     (item, type = "select") => {
       var _a2, _b2, _c2, _d2;
+      console.log("handleSelectProduct");
       if (!(0, import_utils4.isNormalProductByDurationSchedule)(item)) {
         if (!Array.isArray((_a2 = state.service) == null ? void 0 : _a2.resourcesOrigin) || !state.service.resourcesOrigin.length) {
           dispatch({
@@ -334,16 +278,17 @@ var AddSerivce = (props) => {
             state
           );
           if (!notShowToast) {
-            (_b3 = Toast == null ? void 0 : Toast.success) == null ? void 0 : _b3.call(
-              Toast,
-              /* @__PURE__ */ import_react.default.createElement("div", { className: "add-toast-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "add-toast-title" }, cacheItem.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "add-toast-quantity" }, import_utils.locales.getText("pisell2.ticket-booking.in-cart")(
-                quantity || 1
-              )))
-            );
+            handleAddToast(cacheItem.title, quantity || 1);
           }
-          (0, import_utils6.addServiceScroll)(e.rowKey, cacheItem);
+          window.dispatchEvent(
+            new CustomEvent("onAddNewService", {
+              detail: {
+                cacheItem
+              }
+            })
+          );
           try {
-            if (((_g2 = (_f2 = (_e2 = (_d3 = (_c3 = context.appHelper.utils.store) == null ? void 0 : _c3.getState) == null ? void 0 : _d3.call(_c3)) == null ? void 0 : _e2.global) == null ? void 0 : _f2.globalConfig) == null ? void 0 : _g2.id) === 2155) {
+            if (((_f2 = (_e2 = (_d3 = (_c3 = (_b3 = context.appHelper.utils.store) == null ? void 0 : _b3.getState) == null ? void 0 : _c3.call(_b3)) == null ? void 0 : _d3.global) == null ? void 0 : _e2.globalConfig) == null ? void 0 : _f2.id) === 2155) {
               const val = _list == null ? void 0 : _list.map((s) => {
                 return {
                   product_id: s == null ? void 0 : s.product_id,
@@ -387,6 +332,7 @@ var AddSerivce = (props) => {
             }
           });
         } else {
+          (_g2 = window.openBookingEditModal) == null ? void 0 : _g2.call(window);
           dispatch({
             type: "setService",
             payload: {
@@ -408,7 +354,9 @@ var AddSerivce = (props) => {
           clickCountRef.current[productId] = 1;
         }
         const cacheItem = (0, import_utils6.createSimpleCacheItem)(item, cacheValues, state);
-        const detail = (_b2 = state.service.value) == null ? void 0 : _b2.find((val) => (0, import_utils6.isSameProduct)(val, cacheItem));
+        const detail = (_b2 = state.service.value) == null ? void 0 : _b2.find(
+          (val) => (0, import_utils6.isSameProduct)(val, cacheItem)
+        );
         const originalQuantity = ((_c2 = detail == null ? void 0 : detail._extend) == null ? void 0 : _c2.quantity) || 0;
         (_d2 = Toast == null ? void 0 : Toast.success) == null ? void 0 : _d2.call(
           Toast,
@@ -444,8 +392,7 @@ var AddSerivce = (props) => {
     }
   );
   const renderList = (0, import_react.useMemo)(() => {
-    var _a2;
-    let _list = ((_a2 = state.service) == null ? void 0 : _a2.services) || [];
+    let _list = products || [];
     if ((0, import_utils4.isDaysBooking)(state)) {
       if (!(0, import_utils4.holderId)(state)) {
         _list = _list.filter(
@@ -454,7 +401,7 @@ var AddSerivce = (props) => {
       }
     }
     return _list;
-  }, [(_l = state.service) == null ? void 0 : _l.services, state == null ? void 0 : state.activeCartId]);
+  }, [products, state == null ? void 0 : state.activeCartId]);
   const currentDate = (0, import_react.useMemo)(() => {
     return state.date.value.format("YYYY-MM-DD");
   }, [state.date.value]);
@@ -463,7 +410,7 @@ var AddSerivce = (props) => {
   }, [state.date.value]);
   (0, import_react.useEffect)(() => {
     if (renderMode === "current" && state.bookingConfig) {
-      getServices({
+      getProducts({
         schedule_date: currentDate,
         customer_id: customerId,
         menu_list_ids: menuList,
@@ -477,21 +424,11 @@ var AddSerivce = (props) => {
         import_productSelect.default,
         {
           dataSource: renderList,
-          layout: {
-            grid: true,
-            config: "12:12"
-          },
+          layout: productListLayout,
           onChange: handleSelectProduct,
           value: currentProduct == null ? void 0 : currentProduct.id,
           loading: !renderList.length && loading,
-          productListSetting: {
-            isProductCover: 1,
-            isTitle: 1,
-            isSubtitle: 1,
-            isPrice: 1,
-            isOriginPrice: 0,
-            isStock: 0
-          }
+          productListSetting
         }
       ), /* @__PURE__ */ import_react.default.createElement(import_notAvailable.default, { ref: notAvailableRef }));
     }

package/lib/components/ticketBooking/components/addServiceVariant/utils.d.ts

@@ -0,0 +1,8 @@
+export declare const formatVariantGroupTitle: (title: any, variant_group?: never[]) => string | undefined;
+export declare const createCacheItem: (detail: any, values: any, state: any) => any;
+export declare const isVariant: (item: any) => boolean;
+export declare const isOption: (item: any) => boolean;
+export declare const isBundle: (item: any) => boolean;
+export declare const genValues: (item: any, code: string) => any;
+export declare const setHandleSetService: (fn: ((list: any[], code: string) => void) | null) => void;
+export declare const getHandleSetService: () => ((list: any[], code: string) => void) | null;

package/lib/components/ticketBooking/components/addServiceVariant/utils.js

@@ -0,0 +1,174 @@
+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/ticketBooking/components/addServiceVariant/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  createCacheItem: () => createCacheItem,
+  formatVariantGroupTitle: () => formatVariantGroupTitle,
+  genValues: () => genValues,
+  getHandleSetService: () => getHandleSetService,
+  isBundle: () => isBundle,
+  isOption: () => isOption,
+  isVariant: () => isVariant,
+  setHandleSetService: () => setHandleSetService
+});
+module.exports = __toCommonJS(utils_exports);
+var import_utils = require("@pisell/utils");
+var import_utils2 = require("../../../booking/utils");
+var import_utils3 = require("../../../booking/info2/service/addService/utils");
+var formatVariantGroupTitle = (title, variant_group = []) => {
+  try {
+    const formattedTitle = variant_group == null ? void 0 : variant_group.map((item) => {
+      const value = title[item == null ? void 0 : item.position_id];
+      if (value) {
+        return `${(item == null ? void 0 : item.name) || "-"}: ${value}`;
+      }
+      return "";
+    }).filter(Boolean);
+    return formattedTitle == null ? void 0 : formattedTitle.join(", ");
+  } catch (error) {
+    console.log(error);
+  }
+};
+var createCacheItem = (detail, values, state) => {
+  let cacheItem = {
+    ...detail,
+    product_id: detail.id,
+    _id: (0, import_utils.getUniqueId)(),
+    _key: values.key,
+    _extend: {
+      start_date: state.date.value,
+      quantity: (values == null ? void 0 : values.quantity) || 1,
+      price: detail.price,
+      product_name: detail.title,
+      other: values
+    },
+    new: 1
+  };
+  let _total = (0, import_utils2.getProductTotalPrice)(cacheItem);
+  cacheItem._extend.total = _total;
+  cacheItem._extend.origin_total = _total;
+  cacheItem.currentDefaultTime = state.date.value.format("HH:mm");
+  cacheItem = (0, import_utils3.getProductExtend)({
+    cacheItem,
+    state,
+    isDisabledTime: true
+  });
+  return cacheItem;
+};
+var formatDataKey = (data) => {
+  var _a, _b, _c, _d;
+  const _data = {
+    ...data
+  };
+  let key = `${_data.product_id}`;
+  let rowKey = key;
+  if (_data.product_variant_id) {
+    let str = `_${_data.product_variant_id}`;
+    key += str;
+    rowKey += str;
+  }
+  if ((_a = _data == null ? void 0 : _data.option) == null ? void 0 : _a.length) {
+    for (const item of _data.option) {
+      let str = `_${item.option_group_id}_${item.product_option_item_id}`;
+      key += str;
+      rowKey += `${str}_${item.quantity || item.num}`;
+    }
+  }
+  if ((_b = _data == null ? void 0 : _data.bundle) == null ? void 0 : _b.length) {
+    for (const item of _data.bundle) {
+      let str = `_${item.group_id}_${item.bundle_product_id}`;
+      key += str;
+      rowKey += `${str}_${item.quantity || item.num}`;
+      if (item == null ? void 0 : item.option) {
+        for (const opt of item.option) {
+          let str2 = `_${opt.option_group_id}_${opt.product_option_item_id}`;
+          key += str2;
+          rowKey += `${str2}_${opt.quantity || opt.num}`;
+        }
+      }
+    }
+  }
+  if (_data == null ? void 0 : _data.session) {
+    let str = `_${(_c = _data == null ? void 0 : _data.session) == null ? void 0 : _c.key}`;
+    key += str;
+    rowKey += str;
+  }
+  if (_data == null ? void 0 : _data.schedule) {
+    let str = `_${(_d = _data == null ? void 0 : _data.schedule) == null ? void 0 : _d.key}`;
+    key += str;
+    rowKey += str;
+  }
+  _data.key = key;
+  _data.rowKey = rowKey;
+  return _data;
+};
+var isVariant = (item) => {
+  return (item == null ? void 0 : item.variant_group_count) > 0 && (item == null ? void 0 : item.option_group_count) === 0;
+};
+var isOption = (item) => {
+  var _a;
+  return (item == null ? void 0 : item.option_group_count) > 0 || ((_a = item == null ? void 0 : item.option_group) == null ? void 0 : _a.length) > 0;
+};
+var isBundle = (item) => {
+  return (item == null ? void 0 : item.bundle_group_count) > 0;
+};
+var genValues = (item, code) => {
+  var _a, _b;
+  let params = {
+    bundle: [],
+    option: [],
+    // price,
+    product_id: item.id,
+    product_variant_id: 0,
+    // product_option_string,
+    quantity: 1,
+    rowKey: "",
+    session: null
+  };
+  if (((_a = item == null ? void 0 : item.variant_group) == null ? void 0 : _a.length) || ((_b = item == null ? void 0 : item.option_group) == null ? void 0 : _b.length)) {
+    const variantItem = item.variant.find((item2) => item2.code === code || item2.barcode === code);
+    const variant_group_title = formatVariantGroupTitle(
+      variantItem == null ? void 0 : variantItem.title,
+      (item == null ? void 0 : item.variant_group) || []
+    );
+    params.price = Number((variantItem == null ? void 0 : variantItem.price) || 0);
+    params.product_variant_id = variantItem.id;
+    params.product_option_string = variant_group_title;
+  }
+  return formatDataKey(params);
+};
+var handleSetService = null;
+var setHandleSetService = (fn) => {
+  handleSetService = fn;
+};
+var getHandleSetService = () => {
+  return handleSetService;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createCacheItem,
+  formatVariantGroupTitle,
+  genValues,
+  getHandleSetService,
+  isBundle,
+  isOption,
+  isVariant,
+  setHandleSetService
+});

package/lib/components/ticketBooking/components/bookingDataPanel/bookingDashboard/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.less';
+interface BookingDashboardProps {
+    bookingTimeStartBetween: string[];
+}
+declare const BookingDashboard: React.ForwardRefExoticComponent<BookingDashboardProps & React.RefAttributes<unknown>>;
+export default BookingDashboard;

package/lib/components/ticketBooking/components/bookingDataPanel/bookingDashboard/index.js

@@ -0,0 +1,75 @@
+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/ticketBooking/components/bookingDataPanel/bookingDashboard/index.tsx
+var bookingDashboard_exports = {};
+__export(bookingDashboard_exports, {
+  default: () => bookingDashboard_default
+});
+module.exports = __toCommonJS(bookingDashboard_exports);
+var import_react = __toESM(require("react"));
+var import_react2 = require("react");
+var import_dashboard = __toESM(require("../../../../booking/dashboard"));
+var import_index = require("./index.less");
+var BookingDashboard = (0, import_react.forwardRef)((props, ref) => {
+  const { bookingTimeStartBetween } = props;
+  const bookingDashboardRef = (0, import_react.useRef)(null);
+  const cptProps = (0, import_react.useMemo)(() => {
+    return {
+      style: {
+        padding: "16px"
+      },
+      otherParams: { booking_time_start_between: bookingTimeStartBetween },
+      backgroundColors: [
+        "rgba(224, 79, 22, 0.20)",
+        "rgba(217, 45, 32, 0.14)",
+        "rgba(127, 86, 217, 0.22)",
+        "rgba(7, 148, 85, 0.20)",
+        "rgba(21, 112, 239, 0.23)",
+        "rgba(202, 133, 4, 0.20)",
+        "var(--Gray-800, #1D2939)",
+        "var(--Gray-true-800, #292929)"
+      ]
+    };
+  }, [bookingTimeStartBetween]);
+  (0, import_react2.useImperativeHandle)(ref, () => ({
+    refresh: () => {
+      var _a;
+      (_a = bookingDashboardRef.current) == null ? void 0 : _a.refresh();
+    }
+  }));
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_dashboard.default,
+    {
+      className: "pisell-ticket-booking-dashboard pisell-lowcode-statistic-list-wrap",
+      ref: bookingDashboardRef,
+      ...cptProps
+    }
+  );
+});
+var bookingDashboard_default = BookingDashboard;

package/lib/components/ticketBooking/components/bookingDataPanel/bookingDashboard/index.less

@@ -0,0 +1,5 @@
+.pisell-ticket-booking-dashboard {
+  .pisell-lowcode-statistic-list-item {
+    padding: 16px !important;
+  }
+}

package/lib/components/ticketBooking/components/bookingDataPanel/bookingList/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './index.less';
+export interface BookingListProps {
+    bookingTimeStartBetween: string[];
+    onBookingClick: (booking: any) => void;
+    bookingId?: number;
+}
+export interface BookingListRef {
+    refresh: () => void;
+}
+declare const BookingList: React.ForwardRefExoticComponent<BookingListProps & React.RefAttributes<BookingListRef>>;
+export default BookingList;