@pisell/private-materials 6.4.56 → 6.4.58

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.js

@@ -25,15 +25,37 @@ module.exports = __toCommonJS(useProducts_exports);
 var import_ahooks = require("ahooks");
 var import_bookingTicket = require("./bookingTicket");
 var import_react = require("react");
+var import_OsKeyContext = require("../../context/OsKeyContext");
+var import_productCache = require("../../utils/productCache");
 var useProducts = () => {
   const bookingTicket = (0, import_bookingTicket.useBookingTicket)();
+  const osKey = (0, import_OsKeyContext.useOsKey)();
   const [products, setProducts] = (0, import_react.useState)([]);
   const [loading, setLoading] = (0, import_react.useState)(true);
+  const isFirstLoadRef = (0, import_react.useRef)(true);
   const getProducts = (0, import_ahooks.useMemoizedFn)(async (params) => {
-    setLoading(true);
-    const products2 = await bookingTicket.loadProducts(params);
-    setProducts(products2);
-    setLoading(false);
+    if (isFirstLoadRef.current && osKey) {
+      const cachedProducts = (0, import_productCache.getProductCache)(osKey);
+      if (cachedProducts) {
+        setProducts(cachedProducts);
+        setLoading(false);
+      }
+      isFirstLoadRef.current = false;
+    } else {
+      setLoading(true);
+    }
+    try {
+      const freshProducts = await bookingTicket.loadProducts(params);
+      setProducts(freshProducts);
+      if (osKey) {
+        (0, import_productCache.setProductCache)(osKey, freshProducts);
+        console.log("[ProductCache] 已更新缓存");
+      }
+    } catch (error) {
+      console.error("[ProductCache] 获取产品失败:", error);
+    } finally {
+      setLoading(false);
+    }
   });
   return {
     getProducts,

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

@@ -27,13 +27,15 @@ var import_utils = require("@pisell/utils");
 var import_bookingTicket = require("./bookingTicket");
 var import_utils2 = require("../../utils");
 var import_materials = require("@pisell/materials");
+var import_useActiveExecute = require("./useActiveExecute");
 var useScanCustomer = () => {
   const bookingTicket = (0, import_bookingTicket.useBookingTicket)();
   const scanRef = (0, import_react.useRef)(null);
   const Toast = (0, import_materials.useToast)();
+  const { executeIfActive } = (0, import_useActiveExecute.useActiveExecute)();
   const handleScanCustomer = (callback) => {
     console.log("handleScanCustomer>>>>>>>", callback);
-    scanRef.current = bookingTicket == null ? void 0 : bookingTicket.scanCustomerListener((data) => {
+    scanRef.current = bookingTicket == null ? void 0 : bookingTicket.scanCustomerListener(executeIfActive((data) => {
       console.log("scanCustomerListener>>>>>>>", data);
       if (data.status === "failed") {
         Toast.fail(import_utils.locales.getText("pisell2.text.scan-global-failed"));
@@ -41,7 +43,7 @@ var useScanCustomer = () => {
       }
       const customer = (0, import_utils2.formatScanCustomer)(data);
       callback(customer);
-    });
+    }));
   };
   return {
     openScan: handleScanCustomer,

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

@@ -27,13 +27,17 @@ var import_bookingTicket = require("./bookingTicket");
 var import_utils = require("../../utils");
 var import_materials = require("@pisell/materials");
 var import_utils2 = require("@pisell/utils");
+var import_useActiveExecute = require("./useActiveExecute");
 var useScanGlobal = () => {
   const bookingTicket = (0, import_bookingTicket.useBookingTicket)();
   const scanRef = (0, import_react.useRef)(null);
   const Toast = (0, import_materials.useToast)();
+  const { executeIfActive } = (0, import_useActiveExecute.useActiveExecute)();
   const handleScanGlobal = (callback) => {
+    var _a;
+    (_a = bookingTicket == null ? void 0 : bookingTicket.initPeripheralsListener) == null ? void 0 : _a.call(bookingTicket);
     scanRef.current = bookingTicket == null ? void 0 : bookingTicket.scanGlobalListener(
-      (data) => {
+      executeIfActive((data) => {
         console.log("scanGlobalListener>>>>>>>", data);
         if (data.status === "failed") {
           Toast.fail(import_utils2.locales.getText("pisell2.text.scan-global-failed"));
@@ -41,7 +45,7 @@ var useScanGlobal = () => {
         }
         const result = (0, import_utils.formatScanGlobal)(data);
         callback(result);
-      }
+      })
     );
   };
   return {

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

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

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

@@ -0,0 +1,37 @@
+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/useShopDiscountModule.ts
+var useShopDiscountModule_exports = {};
+__export(useShopDiscountModule_exports, {
+  useShopDiscountModule: () => useShopDiscountModule
+});
+module.exports = __toCommonJS(useShopDiscountModule_exports);
+var import_useEngineContext = require("../../../../hooks/useEngineContext");
+var import_OsKeyContext = require("../../context/OsKeyContext");
+var import_utils = require("../../utils");
+var useShopDiscountModule = () => {
+  const pisellOS = (0, import_useEngineContext.usePisellOS)();
+  const osKey = (0, import_OsKeyContext.useOsKey)();
+  const moduleKey = (0, import_utils.getShopDiscountKey)(osKey || "ticket");
+  return pisellOS.getModule(moduleKey);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useShopDiscountModule
+});

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

@@ -1,8 +1,14 @@
+import { ProductDisplayConfig, ProductDisplayPresetKey } from './components/ProductDisplayAdapter/types';
 import './index.less';
 interface TicketBookingProps {
     productExtensionType: string[];
     bookingConfigParams: Record<string, any>;
     isShowMenuBar?: boolean;
+    isShowTimeBar?: boolean;
+    isShowFloatButtons?: boolean;
+    productDisplayConfig?: ProductDisplayPresetKey | ProductDisplayConfig;
+    isActive?: boolean;
+    rulesHooks?: any;
 }
 declare const _default: (props: TicketBookingProps) => JSX.Element;
 export default _default;

package/lib/components/ticketBooking/index.js

@@ -43,6 +43,9 @@ var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
 var import_utils3 = require("./utils");
 var import_locales = __toESM(require("./locales"));
 var import_menuBar = __toESM(require("./components/menuBar"));
+var import_ahooks = require("ahooks");
+var import_OsKeyContext = require("./context/OsKeyContext");
+var import_IsActiveContext = require("./context/IsActiveContext");
 var import_index = require("./index.less");
 var initialState = {
   amountSymbol: "$",
@@ -189,13 +192,49 @@ var ticketBooking_default = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const {
     productExtensionType,
-    bookingConfigParams,
-    isShowMenuBar = true
+    bookingConfigParams: propsBookingConfigParams,
+    isShowMenuBar = true,
+    isShowTimeBar: propsIsShowTimeBar = true,
+    isShowFloatButtons: propsIsShowFloatButtons = true,
+    productDisplayConfig: propsProductDisplayConfig,
+    isActive = true,
+    rulesHooks: propsRulesHooks
   } = props;
+  const [activeNavKey, setActiveNavKey] = (0, import_ahooks.useLocalStorageState)(
+    "pisell-ticket-booking-nav-key",
+    {
+      defaultValue: "ticket"
+    }
+  );
+  const bookingConfigParams = (0, import_react.useMemo)(() => {
+    if (isShowMenuBar && activeNavKey === "food") {
+      return {
+        ...propsBookingConfigParams,
+        sub_type: "food",
+        source_type: "pos"
+      };
+    }
+    return propsBookingConfigParams;
+  }, [isShowMenuBar, activeNavKey, propsBookingConfigParams]);
+  const isShowTimeBar = (0, import_react.useMemo)(() => {
+    return isShowMenuBar && activeNavKey === "food" ? false : propsIsShowTimeBar;
+  }, [isShowMenuBar, activeNavKey, propsIsShowTimeBar]);
+  const isShowFloatButtons = (0, import_react.useMemo)(() => {
+    return isShowMenuBar && activeNavKey === "food" ? false : propsIsShowFloatButtons;
+  }, [isShowMenuBar, activeNavKey, propsIsShowFloatButtons]);
+  const osKey = (0, import_react.useMemo)(() => {
+    return bookingConfigParams == null ? void 0 : bookingConfigParams.sub_type;
+  }, [bookingConfigParams]);
+  const productDisplayConfig = (0, import_react.useMemo)(() => {
+    if (isShowMenuBar && activeNavKey === "food") {
+      return "sku-list-a5";
+    }
+    return propsProductDisplayConfig;
+  }, [isShowMenuBar, activeNavKey, propsProductDisplayConfig]);
   const storeRef = (0, import_react.useRef)(null);
   const context = (0, import_useEngineContext.default)();
   const { pisellos, pisellosAllModule } = (_a = context.appHelper) == null ? void 0 : _a.utils;
-  const { BookingTicket } = pisellosAllModule || {};
+  const { BookingTicket, ShopDiscountImpl } = pisellosAllModule || {};
   import_utils.locales.init(
     import_locales.default,
     ((_f = (_e = (_d = (_c = (_b = context.appHelper.utils) == null ? void 0 : _b.getApp) == null ? void 0 : _c.call(_b)) == null ? void 0 : _d.locales) == null ? void 0 : _e.getLocale) == null ? void 0 : _f.call(_e)) || ((_h = (_g = context.appHelper.utils) == null ? void 0 : _g.storage) == null ? void 0 : _h.get("umi_locale")) || "en"
@@ -210,17 +249,34 @@ var ticketBooking_default = (props) => {
       productExtensionType
     });
     storeRef.current = store;
-  }, []);
+  }, [bookingConfigParams, productExtensionType]);
   (0, import_react.useMemo)(() => {
     if (BookingTicket) {
-      pisellos == null ? void 0 : pisellos.registerModule(new BookingTicket("bookingTicket"), {
+      pisellos == null ? void 0 : pisellos.registerModule(new BookingTicket((0, import_utils3.getBookingTicketKey)(osKey)), {
         initialState: {},
         otherParams: {
-          cacheId: "test-cache",
+          cacheId: (0, import_utils3.getBookingTicketKey)(osKey),
           platform: "shop"
         }
       });
     }
-  }, []);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-ticket-booking-wrapper" }, isShowMenuBar && /* @__PURE__ */ import_react.default.createElement(import_menuBar.default, null), /* @__PURE__ */ import_react.default.createElement(import_miniRedux.Provider, { store: storeRef.current }, /* @__PURE__ */ import_react.default.createElement(import_ticketBooking.default, null)));
+    if (ShopDiscountImpl) {
+      pisellos == null ? void 0 : pisellos.registerModule(new ShopDiscountImpl((0, import_utils3.getShopDiscountKey)(osKey)), {
+        otherParams: {
+          platform: "shop",
+          rules: {
+            hooks: propsRulesHooks || import_utils3.rulesHooks
+          }
+        }
+      });
+    }
+  }, [osKey]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-ticket-booking-wrapper" }, isShowMenuBar && /* @__PURE__ */ import_react.default.createElement(import_menuBar.default, { activeNavKey, onNavChange: setActiveNavKey }), /* @__PURE__ */ import_react.default.createElement(import_IsActiveContext.IsActiveProvider, { isActive }, /* @__PURE__ */ import_react.default.createElement(import_OsKeyContext.OsKeyProvider, { osKey }, /* @__PURE__ */ import_react.default.createElement(import_miniRedux.Provider, { store: storeRef.current, key: activeNavKey }, /* @__PURE__ */ import_react.default.createElement(
+    import_ticketBooking.default,
+    {
+      productDisplayConfig,
+      isShowTimeBar,
+      isShowFloatButtons
+    }
+  )))));
 };

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

@@ -41,7 +41,7 @@ declare type ScanData = {
     };
 };
 export declare const formatScanCustomer: (data: ScanData) => {
-    searchType: "customer" | "product" | "wallet" | "walletPass" | "local_product";
+    searchType: "product" | "wallet" | "customer" | "walletPass" | "local_product";
     data: any;
     scanCode: string;
 } | null;
@@ -59,4 +59,32 @@ export declare const formatScanGlobal: (data: ScanData) => {
     scanCode: string;
 } | null | undefined;
 export declare const createSimpleCacheItem: (item: any, e: any, state: any) => any;
-export {};
+export declare const getBookingTicketKey: (osKey: string) => string;
+export declare const getShopDiscountKey: (osKey: string) => string;
+export declare const rulesHooks: {
+    getProduct(product: Record<string, any>): {
+        booking_id: any;
+        id: any;
+        _id: any;
+        price: any;
+        total: any;
+        discount_list: any;
+        origin_total: any;
+        num: any;
+        quantity: any;
+        vouchersApplicable: any;
+    };
+    setProduct(product: Record<string, any>, values: {
+        total: number;
+        discount_list: any[];
+        price: number;
+        quantity: number;
+        _id?: string;
+    }): {
+        _id: any;
+        discount_list: any[];
+        _extend: any;
+    };
+};
+export { getCache, setCache, clearCache, clearAllCache, clearAllCacheByOsKey, getProductCache, setProductCache, clearProductCache, clearAllProductCache, getBoardConfigCache, setBoardConfigCache, clearBoardConfigCache, } from './productCache';
+export type { CacheType } from './productCache';