@pisell/private-materials 6.4.60 → 6.4.61

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;
@@ -94,5 +120,10 @@
     bottom: 44px;
     left: 6px;
     z-index: 99999;
+    .pisell-lowcode-menu {
+      li {
+        padding-top: 6px;
+      }
+    }
   }
 }

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.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Dayjs } from 'dayjs';
 import './index.less';
 interface ITimeBarProps {

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.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+/**
+ * IsActive Context
+ * 用于在 TicketBooking 组件树中提供 isActive 状态
+ * isActive 用于标识当前组件是否处于激活状态
+ */
+interface IsActiveContextType {
+    /** 是否激活 */
+    isActive: boolean;
+}
+declare const IsActiveContext: React.Context<IsActiveContextType>;
+interface IsActiveProviderProps {
+    isActive: boolean;
+    children: React.ReactNode;
+}
+/**
+ * IsActive Provider
+ * 提供 isActive 给子组件使用
+ */
+export declare const IsActiveProvider: React.FC<IsActiveProviderProps>;
+/**
+ * useIsActive Hook
+ * 在子组件中使用此 hook 获取 isActive 状态
+ */
+export declare const useIsActive: () => boolean;
+export default IsActiveContext;

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.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+/**
+ * OsKey Context
+ * 用于在 TicketBooking 组件树中提供 pisellos 的 osKey
+ * osKey 用于区分不同页面使用同一个组件时的模块标识
+ */
+interface OsKeyContextType {
+    /** pisellos 模块的唯一标识 */
+    osKey: string | undefined;
+}
+declare const OsKeyContext: React.Context<OsKeyContextType>;
+interface OsKeyProviderProps {
+    osKey: string | undefined;
+    children: React.ReactNode;
+}
+/**
+ * OsKey Provider
+ * 提供 osKey 给子组件使用
+ */
+export declare const OsKeyProvider: React.FC<OsKeyProviderProps>;
+/**
+ * useOsKey Hook
+ * 在子组件中使用此 hook 获取 osKey
+ */
+export declare const useOsKey: () => string;
+export default OsKeyContext;

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.d.ts

@@ -0,0 +1,2 @@
+export { OsKeyProvider, useOsKey } from './OsKeyContext';
+export { default as OsKeyContext } from './OsKeyContext';

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.d.ts

@@ -1 +1,6 @@
+/**
+ * useBookingTicket Hook
+ * 获取当前 TicketBooking 实例对应的 BookingTicket 模块
+ * 通过 osKey 区分不同页面的模块实例
+ */
 export declare const useBookingTicket: () => any;

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.d.ts

@@ -1,3 +1,4 @@
 export * from './bookingTicket';
 export * from './useProducts';
 export * from './useCustomer';
+export * from './useActiveExecute';

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.d.ts

@@ -0,0 +1,21 @@
+/**
+ * useActiveExecute Hook
+ * 返回一个函数，该函数接收一个回调函数，并返回一个包装后的函数
+ * 包装后的函数只在 isActive 为 true 时执行原始回调
+ *
+ * @example
+ * ```tsx
+ * const { executeIfActive } = useActiveExecute();
+ *
+ * // 创建一个包装函数用于事件监听
+ * const handleChange = (data) => {
+ *   console.log('data:', data);
+ * };
+ *
+ * // 返回的函数会在被调用时检查 isActive
+ * pisellos.effects.on('event', executeIfActive(handleChange));
+ * ```
+ */
+export declare const useActiveExecute: () => {
+    executeIfActive: <T extends (...args: any[]) => any>(fn: T) => T;
+};

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

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

@@ -26,9 +26,11 @@ var import_react = require("react");
 var import_bookingTicket = require("./bookingTicket");
 var import_useEngineContext = require("../../../../hooks/useEngineContext");
 var import_ahooks = require("ahooks");
+var import_useActiveExecute = require("./useActiveExecute");
 var useCustomer = (props) => {
   const bookingTicket = (0, import_bookingTicket.useBookingTicket)();
   const pisellos = (0, import_useEngineContext.usePisellOS)();
+  const { executeIfActive } = (0, import_useActiveExecute.useActiveExecute)();
   const [customers, setCustomers] = (0, import_react.useState)([]);
   const [selectedCustomer, setSelectedCustomer] = (0, import_react.useState)(
     null
@@ -43,10 +45,12 @@ var useCustomer = (props) => {
   const [hasMore, setHasMore] = (0, import_react.useState)(false);
   const [loadingMore, setLoadingMore] = (0, import_react.useState)(false);
   (0, import_react.useEffect)(() => {
-    if (!pisellos) {
+    var _a;
+    if (!bookingTicket) {
       return;
     }
-    const unlisten1 = pisellos.effects.on("customer:onUpdate", (state) => {
+    const customerModule = (_a = bookingTicket == null ? void 0 : bookingTicket.store) == null ? void 0 : _a.customer;
+    const wrappedOnCustomerListUpdate = executeIfActive((state) => {
       setCustomers(state.customerList);
       setHasMore(state.hasMore);
       setPagination((prev) => ({
@@ -56,16 +60,19 @@ var useCustomer = (props) => {
         pageSize: state.pageSize
       }));
     });
-    const unlisten2 = pisellos.effects.on("customer:onSelected", (customer) => {
-      var _a;
+    const wrappedOnCustomerSelected = executeIfActive((customer) => {
+      var _a2;
       setSelectedCustomer(customer);
-      (_a = props.changeCustomerToGlobalState) == null ? void 0 : _a.call(props, customer);
+      (_a2 = props.changeCustomerToGlobalState) == null ? void 0 : _a2.call(props, customer);
     });
-    const unlisten3 = pisellos.effects.on(
-      "customer:onPaginationChange",
-      (paginationInfo) => {
-        setPagination(paginationInfo);
-      }
+    const wrappedOnPaginationChange = executeIfActive((paginationInfo) => {
+      setPagination(paginationInfo);
+    });
+    const unlisten1 = customerModule.effectsOn("onCustomerListUpdate", wrappedOnCustomerListUpdate);
+    const unlisten2 = customerModule.effectsOn("onCustomerSelected", wrappedOnCustomerSelected);
+    const unlisten3 = customerModule.effectsOn(
+      "onPaginationChange",
+      wrappedOnPaginationChange
     );
     return () => {
       unlisten1();

package/lib/components/ticketBooking/hooks/pisellos/useProducts.d.ts

@@ -4,7 +4,7 @@ interface IGetProductsParams {
     menu_list_ids?: number[];
     schedule_datetime?: string;
 }
-export declare const useProducts: () => {
+export declare const useProducts: (notAvailableRef: any) => {
     getProducts: (params?: IGetProductsParams) => Promise<void>;
     products: any[];
     loading: boolean;