@pisell/private-materials 6.4.56 → 6.4.57

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

@@ -41,7 +41,7 @@ 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_serviceManager = require("../../../booking/info/service/serviceManager");
-var import_productSelect = __toESM(require("../../../../plus/productSelect"));
+var import_ProductDisplayAdapter = __toESM(require("../ProductDisplayAdapter"));
 var import_index = require("./index.less");
 var import_utils6 = require("../../utils");
 var import_notAvailable = __toESM(require("../notAvailable"));
@@ -49,6 +49,7 @@ var import_dayjs = __toESM(require("dayjs"));
 var import_pisellos = require("../../hooks/pisellos");
 var import_utils7 = require("./utils");
 var import_materials = require("@pisell/materials");
+var import_IsActiveContext = require("../../context/IsActiveContext");
 var productListLayout = {
   grid: true,
   config: "12:12"
@@ -63,11 +64,18 @@ var productListSetting = {
 };
 var AddSerivce = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
-  const { onEdit, state, dispatch, renderMode = "current" } = props;
+  const {
+    onEdit,
+    state,
+    dispatch,
+    renderMode = "current",
+    productDisplayConfig
+  } = props;
   const context = (0, import_useEngineContext.default)();
   const notAvailableRef = (0, import_react.useRef)(null);
   const isLoadedServiceRef = (0, import_react.useRef)(false);
   import_utils2.request.setRequest(context.appHelper.utils.request);
+  const isActive = (0, import_IsActiveContext.useIsActive)();
   const Toast = (0, import_materials.useToast)();
   const { createBookingData, createBooking } = (0, import_serviceManager.useService)({
     renderMode,
@@ -81,9 +89,18 @@ var AddSerivce = (props) => {
     (_i = context.appHelper.utils) == null ? void 0 : _i.businessUtils
   );
   const [currentProduct, setCurrentProduct] = (0, import_react.useState)(null);
+  const [firstLoading, setFirstLoading] = (0, import_react.useState)(true);
   const stateRef = (0, import_react.useRef)(state);
   stateRef.current = state;
   const { getProducts, products, loading } = (0, import_pisellos.useProducts)();
+  (0, import_react.useEffect)(() => {
+    const timer = setTimeout(() => {
+      setFirstLoading(false);
+    }, 300);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, []);
   (0, import_react.useEffect)(() => {
     return () => {
       Object.values(debounceTimersRef.current).forEach((timer) => {
@@ -144,8 +161,10 @@ var AddSerivce = (props) => {
     });
   });
   (0, import_react.useMemo)(() => {
-    (0, import_utils7.setHandleSetService)(scanAddService);
-  }, []);
+    if (isActive) {
+      (0, import_utils7.setHandleSetService)(scanAddService);
+    }
+  }, [isActive]);
   const handleAddToast = (title, quantity) => {
     var _a2;
     (_a2 = Toast == null ? void 0 : Toast.success) == null ? void 0 : _a2.call(
@@ -419,17 +438,31 @@ var AddSerivce = (props) => {
       });
     }
   }, [renderMode, currentDate, customerId, menuList, currentDatetime]);
+  const finalDisplayConfig = (0, import_react.useMemo)(() => {
+    var _a2, _b2;
+    const resolvedConfig = (0, import_ProductDisplayAdapter.resolveProductDisplayConfig)(productDisplayConfig);
+    if (resolvedConfig.displayMode === "product-select") {
+      return {
+        ...resolvedConfig,
+        productSelectConfig: {
+          ...resolvedConfig.productSelectConfig,
+          layout: ((_a2 = resolvedConfig.productSelectConfig) == null ? void 0 : _a2.layout) || productListLayout,
+          productListSetting: ((_b2 = resolvedConfig.productSelectConfig) == null ? void 0 : _b2.productListSetting) || productListSetting
+        }
+      };
+    }
+    return resolvedConfig;
+  }, [productDisplayConfig]);
   return (0, import_react.useMemo)(() => {
     if (renderMode === "current") {
       return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-        import_productSelect.default,
+        import_ProductDisplayAdapter.default,
         {
+          config: finalDisplayConfig,
           dataSource: renderList,
-          layout: productListLayout,
-          onChange: handleSelectProduct,
-          value: currentProduct == null ? void 0 : currentProduct.id,
-          loading: !renderList.length && loading,
-          productListSetting
+          loading: !renderList.length && loading || firstLoading,
+          currentProductId: currentProduct == null ? void 0 : currentProduct.id,
+          onSelectProduct: handleSelectProduct
         }
       ), /* @__PURE__ */ import_react.default.createElement(import_notAvailable.default, { ref: notAvailableRef }));
     }
@@ -444,7 +477,8 @@ var AddSerivce = (props) => {
     (0, import_utils4.holderId)(state),
     loading,
     currentProduct,
-    isBooking4
+    isBooking4,
+    finalDisplayConfig
   ]);
 };
 var addService_default = AddSerivce;

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

@@ -35,7 +35,7 @@ module.exports = __toCommonJS(addServiceVariant_exports);
 var import_react = __toESM(require("react"));
 var import_addService = __toESM(require("./addService"));
 var AddServiceVariant = (props) => {
-  const { globalState, setGlobalState } = props;
+  const { globalState, setGlobalState, productDisplayConfig } = props;
   const stateRef = (0, import_react.useRef)(globalState);
   stateRef.current = globalState;
   const dispatch = ({ type, payload }) => {
@@ -49,7 +49,8 @@ var AddServiceVariant = (props) => {
     import_addService.default,
     {
       state: globalState,
-      dispatch
+      dispatch,
+      productDisplayConfig
     }
   );
 };

package/lib/components/ticketBooking/components/menuBar/index.js

@@ -39,8 +39,21 @@ var import_antd = require("antd");
 var import_icons = require("@ant-design/icons");
 var import_utils = require("@pisell/utils");
 var import_materials = require("@pisell/materials");
-var index = () => {
+var index = (props) => {
+  const { activeNavKey = "ticket", onNavChange } = props;
   const status = (0, import_useNetworkStatus.useNetworkStatus)();
+  const navItems = [
+    {
+      key: "ticket",
+      icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-ticket", style: { fontSize: 32 } }),
+      label: ""
+    },
+    {
+      key: "food",
+      label: "",
+      icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-food", style: { fontSize: 32 } })
+    }
+  ];
   const items = [
     {
       key: "1",
@@ -81,6 +94,9 @@ var index = () => {
       window.location.href = "/login";
     }
   };
+  const handleNavClick = (key) => {
+    onNavChange == null ? void 0 : onNavChange(key);
+  };
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-ticket-booking-menu-bar" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "logo-wrapper" }, /* @__PURE__ */ import_react.default.createElement(
     "svg",
     {
@@ -97,25 +113,15 @@ var index = () => {
         fill: "#8157D5"
       }
     )
-  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "nav-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "nav-item active" }, /* @__PURE__ */ import_react.default.createElement(
-    "svg",
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "nav-wrapper" }, navItems.map((navItem) => /* @__PURE__ */ import_react.default.createElement(
+    "div",
     {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "32",
-      height: "25",
-      viewBox: "0 0 34 27",
-      fill: "none"
+      key: navItem.key,
+      className: `nav-item ${activeNavKey === navItem.key ? "active" : ""}`,
+      onClick: () => handleNavClick(navItem.key)
     },
-    /* @__PURE__ */ import_react.default.createElement(
-      "path",
-      {
-        d: "M13.8 7.05078V5.48828M13.8 14.082V12.5195M13.8 21.1133V19.5508M6.12 0.800781H27.88C29.6722 0.800781 30.5683 0.800781 31.2528 1.14139C31.8549 1.44099 32.3444 1.91905 32.6512 2.50706C33 3.17554 33 4.05062 33 5.80078V7.83203C29.9072 7.83203 27.4 10.2805 27.4 13.3008C27.4 16.3211 29.9072 18.7695 33 18.7695V20.8008C33 22.5509 33 23.426 32.6512 24.0945C32.3444 24.6825 31.8549 25.1606 31.2528 25.4602C30.5683 25.8008 29.6722 25.8008 27.88 25.8008H6.12C4.32783 25.8008 3.43175 25.8008 2.74723 25.4602C2.14511 25.1606 1.65557 24.6825 1.34878 24.0945C1 23.426 1 22.5509 1 20.8008V18.7695C4.09279 18.7695 6.6 16.3211 6.6 13.3008C6.6 10.2805 4.09279 7.83203 1 7.83203V5.80078C1 4.05062 1 3.17554 1.34878 2.50706C1.65557 1.91905 2.14511 1.44099 2.74723 1.14139C3.43175 0.800781 4.32783 0.800781 6.12 0.800781Z",
-        stroke: "white",
-        "stroke-width": "1.5",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
-      }
-    )
+    navItem.icon && navItem.icon,
+    navItem.label && navItem.label
   )))), /* @__PURE__ */ import_react.default.createElement("div", { className: "menu-wrapper" }, /* @__PURE__ */ import_react.default.createElement(
     import_materials.ConfigProvider,
     {

package/lib/components/ticketBooking/components/menuBar/index.less

@@ -28,6 +28,7 @@
     display: flex;
     flex-direction: column;
     align-items: center;
+    gap: 12px;
 
     .nav-item {
       cursor: pointer;
@@ -38,10 +39,35 @@
       justify-content: center;
       align-items: center;
       position: relative;
-      background: var(--Gray-950, #0c111d);
+      background: transparent;
+      color: rgba(255, 255, 255, 0.75);
+      transition: all 0.3s ease;
+
+      svg {
+        transition: all 0.3s ease;
+        
+        path {
+          stroke: rgba(255, 255, 255, 0.75);
+          transition: all 0.3s ease;
+        }
+      }
+
+      &:hover {
+        background: rgba(129, 87, 213, 0.1);
+        color: rgba(255, 255, 255, 0.95);
+
+        svg path {
+          stroke: rgba(255, 255, 255, 0.95);
+        }
+      }
 
       &.active {
         background: #8157d5;
+        color: #ffffff;
+
+        svg path {
+          stroke: #ffffff;
+        }
 
         &::before {
           display: block;

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

@@ -1,4 +1,9 @@
 import './index.less';
+import { ProductDisplayConfig, ProductDisplayPresetKey } from '../ProductDisplayAdapter/types';
 export declare const _formatBookingDetail: (data: any, modalState: any) => any;
-declare const TicketBooking: () => JSX.Element;
+declare const TicketBooking: (props: {
+    productDisplayConfig?: ProductDisplayPresetKey | ProductDisplayConfig;
+    isShowTimeBar?: boolean;
+    isShowFloatButtons?: boolean;
+}) => JSX.Element;
 export default TicketBooking;

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

@@ -60,6 +60,9 @@ var import_pisellos = require("../../hooks/pisellos");
 var import_ahooks = require("ahooks");
 var import_useScanManager = __toESM(require("../../hooks/pisellos/useScanManager"));
 var import_ahooks2 = require("ahooks");
+var import_context = require("../../context");
+var import_IsActiveContext = require("../../context/IsActiveContext");
+var import_useShopDiscountModule = require("../../hooks/pisellos/useShopDiscountModule");
 var _formatBookingDetail = (data, modalState) => {
   var _a, _b, _c, _d;
   let {
@@ -238,8 +241,9 @@ var formatProductValues = (data) => {
     };
   });
 };
-var TicketBooking = () => {
+var TicketBooking = (props) => {
   var _a, _b, _c, _d, _e;
+  const { productDisplayConfig, isShowTimeBar = true, isShowFloatButtons = true } = props;
   const [state, setState] = (0, import_miniRedux.useStore)();
   const engineContext = (0, import_useEngineContext.default)();
   const { props: engineProps } = engineContext.engine;
@@ -262,10 +266,14 @@ var TicketBooking = () => {
   const _listTimerRef = (0, import_react.useRef)();
   const _timerRef = (0, import_react.useRef)();
   const _callbackFnRef = (0, import_react.useRef)();
+  const _isFirstLoadBoardConfigRef = (0, import_react.useRef)(true);
   const [activeBookingId, setActiveBookingId] = (0, import_react.useState)(0);
   const [showTerminalUpgradeModal, setShowTerminalUpgradeModal] = (0, import_react.useState)(false);
   const pisellFloatingPanelRef = (0, import_react.useRef)(null);
   const closeRef = (0, import_react.useRef)(null);
+  const shopDiscount = (0, import_useShopDiscountModule.useShopDiscountModule)();
+  const isActive = (0, import_IsActiveContext.useIsActive)();
+  const osKey = (0, import_context.useOsKey)();
   const bookingTicket = (0, import_bookingTicket.useBookingTicket)();
   const { openScan, closeScan } = (0, import_useScanGlobal.default)();
   const handleScan = (0, import_useScanGlobalHandle.default)();
@@ -304,16 +312,16 @@ var TicketBooking = () => {
       }
     }
   });
-  (0, import_react.useMemo)(() => {
-    openScan((data) => {
-      handleScan(data);
-    });
-  }, []);
   (0, import_react.useEffect)(() => {
+    if (isActive) {
+      openScan((data) => {
+        handleScan(data);
+      });
+    }
     return () => {
       closeScan();
     };
-  }, []);
+  }, [isActive]);
   const { run: clearAllCart } = (0, import_ahooks2.useDebounceFn)(
     (type, orderId) => {
       var _a2, _b2, _c2, _d2, _e2, _f, _g, _h;
@@ -600,10 +608,10 @@ var TicketBooking = () => {
       }
     });
   }, [(_c = (_b = state == null ? void 0 : state.modalState) == null ? void 0 : _b.service) == null ? void 0 : _c.value]);
-  const _setModalState = (props) => {
+  const _setModalState = (props2) => {
     var _a2, _b2;
-    console.log("同步state到外层", props);
-    let newVal = { ...props };
+    console.log("同步state到外层", props2);
+    let newVal = { ...props2 };
     if (newVal.service) {
       newVal.service.value = ((_a2 = newVal == null ? void 0 : newVal.service) == null ? void 0 : _a2.value) || [];
     }
@@ -672,15 +680,37 @@ var TicketBooking = () => {
   const _getBoardConfig = async () => {
     var _a2, _b2, _c2;
     const { bookingConfigParams } = state;
-    const data = await (0, import_serve.getBookingConfig)({
-      ...bookingConfigParams
-    });
-    if ((_c2 = (_b2 = (_a2 = data == null ? void 0 : data.config) == null ? void 0 : _a2.information_tab) == null ? void 0 : _b2.appointment_card) == null ? void 0 : _c2.quick_time) {
-      _getAddTimeProducts();
+    let isHasCache = false;
+    if (_isFirstLoadBoardConfigRef.current && osKey) {
+      const cachedBoardConfig = (0, import_utils2.getBoardConfigCache)(osKey);
+      if (cachedBoardConfig) {
+        isHasCache = true;
+        setState({
+          bookingConfig: cachedBoardConfig
+        });
+        console.log("[BoardConfigCache] 使用缓存数据展示");
+        if ((_c2 = (_b2 = (_a2 = cachedBoardConfig == null ? void 0 : cachedBoardConfig.config) == null ? void 0 : _a2.information_tab) == null ? void 0 : _b2.appointment_card) == null ? void 0 : _c2.quick_time) {
+          _getAddTimeProducts();
+        }
+      }
+      _isFirstLoadBoardConfigRef.current = false;
+    }
+    try {
+      const data = await (0, import_serve.getBookingConfig)({
+        ...bookingConfigParams
+      });
+      if (!isHasCache) {
+        setState({
+          bookingConfig: data
+        });
+      }
+      if (osKey && data) {
+        (0, import_utils2.setBoardConfigCache)(osKey, data);
+        console.log("[BoardConfigCache] 已更新缓存");
+      }
+    } catch (error) {
+      console.error("[BoardConfigCache] 获取配置失败:", error);
     }
-    setState({
-      bookingConfig: data
-    });
   };
   const _addVisibilityListener = (callback) => {
     const handleVisibilityChange = () => {
@@ -851,7 +881,7 @@ var TicketBooking = () => {
       });
     }
   };
-  const _openModal = (props) => {
+  const _openModal = (props2) => {
     const {
       bookingId,
       serviceParams,
@@ -860,7 +890,7 @@ var TicketBooking = () => {
       renderType = "booking",
       openRebook,
       isParallelResourcesBooking = true
-    } = props || {};
+    } = props2 || {};
     setState({
       isShowInfo: false
     });
@@ -943,12 +973,12 @@ var TicketBooking = () => {
       id: objDetail.event_id
     });
   };
-  const _onAction = (0, import_ahooks.useMemoizedFn)((props) => {
-    if (props === "init") {
+  const _onAction = (0, import_ahooks.useMemoizedFn)((props2) => {
+    if (props2 === "init") {
       _getBookingDetail(state.bookingId);
       return;
     }
-    action == null ? void 0 : action(props);
+    action == null ? void 0 : action(props2);
   });
   const _setActiveTab = (key) => {
   };
@@ -1159,9 +1189,10 @@ var TicketBooking = () => {
         productExtensionType: state.productExtensionType,
         isBookingTicket2: true
       },
-      setGlobalState: _setModalState
+      setGlobalState: _setModalState,
+      productDisplayConfig
     }
-  ), /* @__PURE__ */ import_react.default.createElement(import_floatButtons.default, { items: floatButtons })), /* @__PURE__ */ import_react.default.createElement(
+  ), isShowFloatButtons && /* @__PURE__ */ import_react.default.createElement(import_floatButtons.default, { items: floatButtons })), isShowTimeBar && /* @__PURE__ */ import_react.default.createElement(
     import_timeBar.default,
     {
       onCreateClick: handleCreateClick,

package/lib/components/ticketBooking/components/timeBar/index.less

@@ -4,6 +4,7 @@
   align-items: center;
   gap: 16px;
   padding: 8px;
+  background-color: #fff;
 
   button {
     flex-shrink: 0;

package/lib/components/ticketBooking/context/IsActiveContext.js

@@ -0,0 +1,56 @@
+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/context/IsActiveContext.tsx
+var IsActiveContext_exports = {};
+__export(IsActiveContext_exports, {
+  IsActiveProvider: () => IsActiveProvider,
+  default: () => IsActiveContext_default,
+  useIsActive: () => useIsActive
+});
+module.exports = __toCommonJS(IsActiveContext_exports);
+var import_react = __toESM(require("react"));
+var IsActiveContext = (0, import_react.createContext)({
+  isActive: true
+});
+var IsActiveProvider = ({ isActive, children }) => {
+  return /* @__PURE__ */ import_react.default.createElement(IsActiveContext.Provider, { value: { isActive } }, children);
+};
+var useIsActive = () => {
+  const context = (0, import_react.useContext)(IsActiveContext);
+  if (!context) {
+    throw new Error("useIsActive must be used within an IsActiveProvider");
+  }
+  return context.isActive;
+};
+var IsActiveContext_default = IsActiveContext;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  IsActiveProvider,
+  useIsActive
+});

package/lib/components/ticketBooking/context/OsKeyContext.js

@@ -0,0 +1,56 @@
+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/context/OsKeyContext.tsx
+var OsKeyContext_exports = {};
+__export(OsKeyContext_exports, {
+  OsKeyProvider: () => OsKeyProvider,
+  default: () => OsKeyContext_default,
+  useOsKey: () => useOsKey
+});
+module.exports = __toCommonJS(OsKeyContext_exports);
+var import_react = __toESM(require("react"));
+var OsKeyContext = (0, import_react.createContext)({
+  osKey: void 0
+});
+var OsKeyProvider = ({ osKey, children }) => {
+  return /* @__PURE__ */ import_react.default.createElement(OsKeyContext.Provider, { value: { osKey } }, children);
+};
+var useOsKey = () => {
+  const context = (0, import_react.useContext)(OsKeyContext);
+  if (!context) {
+    throw new Error("useOsKey must be used within an OsKeyProvider");
+  }
+  return (context == null ? void 0 : context.osKey) || "ticket";
+};
+var OsKeyContext_default = OsKeyContext;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OsKeyProvider,
+  useOsKey
+});

package/lib/components/ticketBooking/context/index.js

@@ -0,0 +1,44 @@
+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/context/index.ts
+var context_exports = {};
+__export(context_exports, {
+  OsKeyContext: () => import_OsKeyContext2.default,
+  OsKeyProvider: () => import_OsKeyContext.OsKeyProvider,
+  useOsKey: () => import_OsKeyContext.useOsKey
+});
+module.exports = __toCommonJS(context_exports);
+var import_OsKeyContext = require("./OsKeyContext");
+var import_OsKeyContext2 = __toESM(require("./OsKeyContext"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OsKeyContext,
+  OsKeyProvider,
+  useOsKey
+});

package/lib/components/ticketBooking/hooks/pisellos/bookingTicket.js

@@ -23,9 +23,13 @@ __export(bookingTicket_exports, {
 });
 module.exports = __toCommonJS(bookingTicket_exports);
 var import_useEngineContext = require("../../../../hooks/useEngineContext");
+var import_OsKeyContext = require("../../context/OsKeyContext");
+var import_utils = require("../../utils");
 var useBookingTicket = () => {
   const pisellOS = (0, import_useEngineContext.usePisellOS)();
-  return pisellOS.getModule("bookingTicket");
+  const osKey = (0, import_OsKeyContext.useOsKey)();
+  const moduleKey = (0, import_utils.getBookingTicketKey)(osKey || "ticket");
+  return pisellOS.getModule(moduleKey);
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/lib/components/ticketBooking/hooks/pisellos/index.js

@@ -19,9 +19,11 @@ module.exports = __toCommonJS(pisellos_exports);
 __reExport(pisellos_exports, require("./bookingTicket"), module.exports);
 __reExport(pisellos_exports, require("./useProducts"), module.exports);
 __reExport(pisellos_exports, require("./useCustomer"), module.exports);
+__reExport(pisellos_exports, require("./useActiveExecute"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("./bookingTicket"),
   ...require("./useProducts"),
-  ...require("./useCustomer")
+  ...require("./useCustomer"),
+  ...require("./useActiveExecute")
 });

package/lib/components/ticketBooking/hooks/pisellos/useActiveExecute.js

@@ -0,0 +1,47 @@
+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/hooks/pisellos/useActiveExecute.ts
+var useActiveExecute_exports = {};
+__export(useActiveExecute_exports, {
+  useActiveExecute: () => useActiveExecute
+});
+module.exports = __toCommonJS(useActiveExecute_exports);
+var import_ahooks = require("ahooks");
+var import_react = require("react");
+var import_IsActiveContext = require("../../context/IsActiveContext");
+var useActiveExecute = () => {
+  const isActive = (0, import_IsActiveContext.useIsActive)();
+  const isActiveRef = (0, import_react.useRef)(isActive);
+  (0, import_react.useEffect)(() => {
+    isActiveRef.current = isActive;
+  }, [isActive]);
+  const executeIfActive = (0, import_ahooks.useMemoizedFn)(
+    (fn) => {
+      return (...args) => {
+        if (!isActiveRef.current) return;
+        return fn == null ? void 0 : fn(...args);
+      };
+    }
+  );
+  return { executeIfActive };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useActiveExecute
+});