@pisell/private-materials 6.4.55 → 6.4.57

package/es/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/es/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/es/components/ticketBooking/components/ticketBooking/index.js

@@ -32,7 +32,7 @@ import dayjs from 'dayjs';
 import useEngineContext from "../../../../hooks/useEngineContext";
 import { useStore } from "../../miniRedux";
 import BookingInfo from "../../../../components/booking/info";
-import { formatDateToStr, getNextTimeSlice, getDisabledEdit, restoreProductOtherData, getIsParallelResourcesBooking, formatHolder } from "../../utils";
+import { formatDateToStr, getNextTimeSlice, getDisabledEdit, restoreProductOtherData, getIsParallelResourcesBooking, formatHolder, getBoardConfigCache, setBoardConfigCache } from "../../utils";
 import AddServiceVariant from "../addServiceVariant";
 import TimeBar from "../timeBar";
 import { formatProducts } from "../../../booking/info/service2/utils";
@@ -49,6 +49,9 @@ import { useCustomer } from "../../hooks/pisellos";
 import { useMemoizedFn } from 'ahooks';
 import useScanManager from "../../hooks/pisellos/useScanManager";
 import { useDebounceFn } from 'ahooks';
+import { useOsKey } from "../../context";
+import { useIsActive } from "../../context/IsActiveContext";
+import { useShopDiscountModule } from "../../hooks/pisellos/useShopDiscountModule";
 export var _formatBookingDetail = function _formatBookingDetail(data, modalState) {
   var _bookings$list, _bookings$list2;
   var customer_id = data.customer_id,
@@ -218,8 +221,13 @@ var formatProductValues = function formatProductValues(data) {
     });
   });
 };
-var TicketBooking = function TicketBooking() {
+var TicketBooking = function TicketBooking(props) {
   var _engineContext$appHel2, _state$modalState2, _state$modalState4;
+  var productDisplayConfig = props.productDisplayConfig,
+    _props$isShowTimeBar = props.isShowTimeBar,
+    isShowTimeBar = _props$isShowTimeBar === void 0 ? true : _props$isShowTimeBar,
+    _props$isShowFloatBut = props.isShowFloatButtons,
+    isShowFloatButtons = _props$isShowFloatBut === void 0 ? true : _props$isShowFloatBut;
   var _useStore = useStore(),
     _useStore2 = _slicedToArray(_useStore, 2),
     state = _useStore2[0],
@@ -244,6 +252,7 @@ var TicketBooking = function TicketBooking() {
   var _listTimerRef = useRef();
   var _timerRef = useRef();
   var _callbackFnRef = useRef();
+  var _isFirstLoadBoardConfigRef = useRef(true); // 跟踪 boardConfig 是否首次加载
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     activeBookingId = _useState2[0],
@@ -254,6 +263,9 @@ var TicketBooking = function TicketBooking() {
     setShowTerminalUpgradeModal = _useState4[1];
   var pisellFloatingPanelRef = useRef(null);
   var closeRef = useRef(null);
+  var shopDiscount = useShopDiscountModule();
+  var isActive = useIsActive();
+  var osKey = useOsKey();
   var bookingTicket = useBookingTicket();
   var _useScanGlobal = useScanGlobal(),
     openScan = _useScanGlobal.openScan,
@@ -302,16 +314,16 @@ var TicketBooking = function TicketBooking() {
       }
     }
   });
-  useMemo(function () {
-    openScan(function (data) {
-      handleScan(data);
-    });
-  }, []);
   useEffect(function () {
+    if (isActive) {
+      openScan(function (data) {
+        handleScan(data);
+      });
+    }
     return function () {
       closeScan();
     };
-  }, []);
+  }, [isActive]);
   var _useDebounceFn = useDebounceFn(function (type, orderId) {
       // 支付成功后清空状态
       try {
@@ -720,27 +732,57 @@ var TicketBooking = function TicketBooking() {
    */
   var _getBoardConfig = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-      var _data$config;
-      var bookingConfigParams, data;
+      var bookingConfigParams, isHasCache, cachedBoardConfig, _cachedBoardConfig$co, data;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            bookingConfigParams = state.bookingConfigParams; // 获取board设置
-            _context2.next = 3;
+            bookingConfigParams = state.bookingConfigParams;
+            isHasCache = false; // 1. 如果是首次加载，尝试从缓存中获取数据
+            if (_isFirstLoadBoardConfigRef.current && osKey) {
+              cachedBoardConfig = getBoardConfigCache(osKey);
+              if (cachedBoardConfig) {
+                isHasCache = true;
+                // 先展示缓存数据
+                setState({
+                  bookingConfig: cachedBoardConfig
+                });
+                console.log('[BoardConfigCache] 使用缓存数据展示');
+
+                // 如果缓存数据中有 quick_time 配置，也加载快捷时间产品
+                if (cachedBoardConfig !== null && cachedBoardConfig !== void 0 && (_cachedBoardConfig$co = cachedBoardConfig.config) !== null && _cachedBoardConfig$co !== void 0 && (_cachedBoardConfig$co = _cachedBoardConfig$co.information_tab) !== null && _cachedBoardConfig$co !== void 0 && (_cachedBoardConfig$co = _cachedBoardConfig$co.appointment_card) !== null && _cachedBoardConfig$co !== void 0 && _cachedBoardConfig$co.quick_time) {
+                  _getAddTimeProducts();
+                }
+              }
+              _isFirstLoadBoardConfigRef.current = false;
+            }
+
+            // 2. 无论是否有缓存，都调用接口获取最新数据
+            _context2.prev = 3;
+            _context2.next = 6;
             return getBookingConfig(_objectSpread({}, bookingConfigParams));
-          case 3:
+          case 6:
             data = _context2.sent;
-            if (data !== null && data !== void 0 && (_data$config = data.config) !== null && _data$config !== void 0 && (_data$config = _data$config.information_tab) !== null && _data$config !== void 0 && (_data$config = _data$config.appointment_card) !== null && _data$config !== void 0 && _data$config.quick_time) {
-              _getAddTimeProducts();
+            if (!isHasCache) {
+              setState({
+                bookingConfig: data
+              });
             }
-            setState({
-              bookingConfig: data
-            });
-          case 6:
+            // 4. 将新数据缓存到 storage
+            if (osKey && data) {
+              setBoardConfigCache(osKey, data);
+              console.log('[BoardConfigCache] 已更新缓存');
+            }
+            _context2.next = 14;
+            break;
+          case 11:
+            _context2.prev = 11;
+            _context2.t0 = _context2["catch"](3);
+            console.error('[BoardConfigCache] 获取配置失败:', _context2.t0);
+          case 14:
           case "end":
             return _context2.stop();
         }
-      }, _callee2);
+      }, _callee2, null, [[3, 11]]);
     }));
     return function _getBoardConfig() {
       return _ref2.apply(this, arguments);
@@ -1265,10 +1307,11 @@ var TicketBooking = function TicketBooking() {
       productExtensionType: state.productExtensionType,
       isBookingTicket2: true
     }),
-    setGlobalState: _setModalState
-  }), /*#__PURE__*/React.createElement(FloatButtons, {
+    setGlobalState: _setModalState,
+    productDisplayConfig: productDisplayConfig
+  }), isShowFloatButtons && /*#__PURE__*/React.createElement(FloatButtons, {
     items: floatButtons
-  })), /*#__PURE__*/React.createElement(TimeBar, {
+  })), isShowTimeBar && /*#__PURE__*/React.createElement(TimeBar, {
     onCreateClick: handleCreateClick,
     setGlobalState: setState,
     globalState: state,

package/es/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/es/components/ticketBooking/context/IsActiveContext.js

@@ -0,0 +1,37 @@
+import React, { createContext, useContext } from 'react';
+
+/**
+ * IsActive Context
+ * 用于在 TicketBooking 组件树中提供 isActive 状态
+ * isActive 用于标识当前组件是否处于激活状态
+ */
+
+var IsActiveContext = /*#__PURE__*/createContext({
+  isActive: true
+});
+/**
+ * IsActive Provider
+ * 提供 isActive 给子组件使用
+ */
+export var IsActiveProvider = function IsActiveProvider(_ref) {
+  var isActive = _ref.isActive,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement(IsActiveContext.Provider, {
+    value: {
+      isActive: isActive
+    }
+  }, children);
+};
+
+/**
+ * useIsActive Hook
+ * 在子组件中使用此 hook 获取 isActive 状态
+ */
+export var useIsActive = function useIsActive() {
+  var context = useContext(IsActiveContext);
+  if (!context) {
+    throw new Error('useIsActive must be used within an IsActiveProvider');
+  }
+  return context.isActive;
+};
+export default IsActiveContext;

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

@@ -0,0 +1,37 @@
+import React, { createContext, useContext } from 'react';
+
+/**
+ * OsKey Context
+ * 用于在 TicketBooking 组件树中提供 pisellos 的 osKey
+ * osKey 用于区分不同页面使用同一个组件时的模块标识
+ */
+
+var OsKeyContext = /*#__PURE__*/createContext({
+  osKey: undefined
+});
+/**
+ * OsKey Provider
+ * 提供 osKey 给子组件使用
+ */
+export var OsKeyProvider = function OsKeyProvider(_ref) {
+  var osKey = _ref.osKey,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement(OsKeyContext.Provider, {
+    value: {
+      osKey: osKey
+    }
+  }, children);
+};
+
+/**
+ * useOsKey Hook
+ * 在子组件中使用此 hook 获取 osKey
+ */
+export var useOsKey = function useOsKey() {
+  var context = useContext(OsKeyContext);
+  if (!context) {
+    throw new Error('useOsKey must be used within an OsKeyProvider');
+  }
+  return (context === null || context === void 0 ? void 0 : context.osKey) || "ticket";
+};
+export default OsKeyContext;

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

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

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

@@ -1,5 +1,17 @@
 import { usePisellOS } from "../../../../hooks/useEngineContext";
+import { useOsKey } from "../../context/OsKeyContext";
+import { getBookingTicketKey } from "../../utils";
+
+/**
+ * useBookingTicket Hook
+ * 获取当前 TicketBooking 实例对应的 BookingTicket 模块
+ * 通过 osKey 区分不同页面的模块实例
+ */
 export var useBookingTicket = function useBookingTicket() {
   var pisellOS = usePisellOS();
-  return pisellOS.getModule('bookingTicket');
+  var osKey = useOsKey();
+
+  // 根据 osKey 生成模块名称
+  var moduleKey = getBookingTicketKey(osKey || 'ticket');
+  return pisellOS.getModule(moduleKey);
 };

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

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

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

@@ -0,0 +1,50 @@
+import { useMemoizedFn } from 'ahooks';
+import { useRef, useEffect } from 'react';
+import { useIsActive } from "../../context/IsActiveContext";
+
+/**
+ * useActiveExecute Hook
+ * 返回一个函数，该函数接收一个回调函数，并返回一个包装后的函数
+ * 包装后的函数只在 isActive 为 true 时执行原始回调
+ *
+ * @example
+ * ```tsx
+ * const { executeIfActive } = useActiveExecute();
+ *
+ * // 创建一个包装函数用于事件监听
+ * const handleChange = (data) => {
+ *   console.log('data:', data);
+ * };
+ *
+ * // 返回的函数会在被调用时检查 isActive
+ * pisellos.effects.on('event', executeIfActive(handleChange));
+ * ```
+ */
+export var useActiveExecute = function useActiveExecute() {
+  var isActive = useIsActive();
+  // 使用 ref 存储最新的 isActive 值，避免闭包陷阱
+  var isActiveRef = useRef(isActive);
+
+  // 每次 isActive 变化时更新 ref
+  useEffect(function () {
+    isActiveRef.current = isActive;
+  }, [isActive]);
+
+  /**
+   * executeIfActive 接收一个函数，返回一个包装后的函数
+   * 包装后的函数会接收所有参数，并在 isActive 为 true 时调用原始函数
+   */
+  var executeIfActive = useMemoizedFn(function (fn) {
+    return function () {
+      // 使用 ref.current 获取最新的 isActive 值
+      if (!isActiveRef.current) return;
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      return fn === null || fn === void 0 ? void 0 : fn.apply(void 0, args);
+    };
+  });
+  return {
+    executeIfActive: executeIfActive
+  };
+};

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

@@ -17,9 +17,12 @@ import { useState, useEffect } from 'react';
 import { useBookingTicket } from "./bookingTicket";
 import { usePisellOS } from "../../../../hooks/useEngineContext";
 import { useMemoizedFn } from 'ahooks';
+import { useActiveExecute } from "./useActiveExecute";
 export var useCustomer = function useCustomer(props) {
   var bookingTicket = useBookingTicket();
   var pisellos = usePisellOS();
+  var _useActiveExecute = useActiveExecute(),
+    executeIfActive = _useActiveExecute.executeIfActive;
 
   // 客户列表
   var _useState = useState([]),
@@ -59,10 +62,12 @@ export var useCustomer = function useCustomer(props) {
 
   // 监听事件
   useEffect(function () {
-    if (!pisellos) {
+    var _bookingTicket$store;
+    if (!bookingTicket) {
       return;
     }
-    var unlisten1 = pisellos.effects.on('customer:onUpdate', function (state) {
+    var customerModule = bookingTicket === null || bookingTicket === void 0 || (_bookingTicket$store = bookingTicket.store) === null || _bookingTicket$store === void 0 ? void 0 : _bookingTicket$store.customer;
+    var wrappedOnCustomerListUpdate = executeIfActive(function (state) {
       setCustomers(state.customerList);
       setHasMore(state.hasMore);
       setPagination(function (prev) {
@@ -73,14 +78,17 @@ export var useCustomer = function useCustomer(props) {
         });
       });
     });
-    var unlisten2 = pisellos.effects.on('customer:onSelected', function (customer) {
+    var wrappedOnCustomerSelected = executeIfActive(function (customer) {
       var _props$changeCustomer;
       setSelectedCustomer(customer);
       (_props$changeCustomer = props.changeCustomerToGlobalState) === null || _props$changeCustomer === void 0 || _props$changeCustomer.call(props, customer);
     });
-    var unlisten3 = pisellos.effects.on('customer:onPaginationChange', function (paginationInfo) {
+    var wrappedOnPaginationChange = executeIfActive(function (paginationInfo) {
       setPagination(paginationInfo);
     });
+    var unlisten1 = customerModule.effectsOn('onCustomerListUpdate', wrappedOnCustomerListUpdate);
+    var unlisten2 = customerModule.effectsOn('onCustomerSelected', wrappedOnCustomerSelected);
+    var unlisten3 = customerModule.effectsOn('onPaginationChange', wrappedOnPaginationChange);
     return function () {
       unlisten1();
       unlisten2();

package/es/components/ticketBooking/hooks/pisellos/useProducts.js

@@ -10,9 +10,12 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useMemoizedFn } from 'ahooks';
 import { useBookingTicket } from "./bookingTicket";
-import { useState } from 'react';
+import { useState, useRef } from 'react';
+import { useOsKey } from "../../context/OsKeyContext";
+import { getProductCache, setProductCache } from "../../utils/productCache";
 export var useProducts = function useProducts() {
   var bookingTicket = useBookingTicket();
+  var osKey = useOsKey();
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     products = _useState2[0],
@@ -21,24 +24,55 @@ export var useProducts = function useProducts() {
     _useState4 = _slicedToArray(_useState3, 2),
     loading = _useState4[0],
     setLoading = _useState4[1];
+  var isFirstLoadRef = useRef(true);
   var getProducts = useMemoizedFn( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(params) {
-      var products;
+      var cachedProducts, freshProducts;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            setLoading(true);
-            _context.next = 3;
+            // 1. 如果是首次加载，尝试从缓存中获取数据
+            if (isFirstLoadRef.current && osKey) {
+              cachedProducts = getProductCache(osKey);
+              if (cachedProducts) {
+                // 先展示缓存数据
+                setProducts(cachedProducts);
+                setLoading(false);
+              }
+              isFirstLoadRef.current = false;
+            } else {
+              setLoading(true);
+            }
+
+            // 2. 无论是否有缓存，都调用接口获取最新数据
+            _context.prev = 1;
+            _context.next = 4;
             return bookingTicket.loadProducts(params);
-          case 3:
-            products = _context.sent;
-            setProducts(products);
+          case 4:
+            freshProducts = _context.sent;
+            // 3. 更新展示数据
+            setProducts(freshProducts);
+
+            // 4. 将新数据缓存到 storage
+            if (osKey) {
+              setProductCache(osKey, freshProducts);
+              console.log('[ProductCache] 已更新缓存');
+            }
+            _context.next = 12;
+            break;
+          case 9:
+            _context.prev = 9;
+            _context.t0 = _context["catch"](1);
+            console.error('[ProductCache] 获取产品失败:', _context.t0);
+          case 12:
+            _context.prev = 12;
             setLoading(false);
-          case 6:
+            return _context.finish(12);
+          case 15:
           case "end":
             return _context.stop();
         }
-      }, _callee);
+      }, _callee, null, [[1, 9, 12, 15]]);
     }));
     return function (_x) {
       return _ref.apply(this, arguments);

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

@@ -3,13 +3,16 @@ import { locales } from "@pisell/utils";
 import { useBookingTicket } from "./bookingTicket";
 import { formatScanCustomer } from "../../utils";
 import { useToast } from '@pisell/materials';
+import { useActiveExecute } from "./useActiveExecute";
 var useScanCustomer = function useScanCustomer() {
   var bookingTicket = useBookingTicket();
   var scanRef = useRef(null);
   var Toast = useToast();
+  var _useActiveExecute = useActiveExecute(),
+    executeIfActive = _useActiveExecute.executeIfActive;
   var handleScanCustomer = function handleScanCustomer(callback) {
     console.log('handleScanCustomer>>>>>>>', callback);
-    scanRef.current = bookingTicket === null || bookingTicket === void 0 ? void 0 : bookingTicket.scanCustomerListener(function (data) {
+    scanRef.current = bookingTicket === null || bookingTicket === void 0 ? void 0 : bookingTicket.scanCustomerListener(executeIfActive(function (data) {
       console.log('scanCustomerListener>>>>>>>', data);
       if (data.status === 'failed') {
         Toast.fail(locales.getText('pisell2.text.scan-global-failed'));
@@ -17,7 +20,7 @@ var useScanCustomer = function useScanCustomer() {
       }
       var customer = formatScanCustomer(data);
       callback(customer);
-    });
+    }));
   };
   return {
     openScan: handleScanCustomer,

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

@@ -3,12 +3,17 @@ import { useBookingTicket } from "./bookingTicket";
 import { formatScanGlobal } from "../../utils";
 import { useToast } from '@pisell/materials';
 import { locales } from '@pisell/utils';
+import { useActiveExecute } from "./useActiveExecute";
 var useScanGlobal = function useScanGlobal() {
   var bookingTicket = useBookingTicket();
   var scanRef = useRef(null);
   var Toast = useToast();
+  var _useActiveExecute = useActiveExecute(),
+    executeIfActive = _useActiveExecute.executeIfActive;
   var handleScanGlobal = function handleScanGlobal(callback) {
-    scanRef.current = bookingTicket === null || bookingTicket === void 0 ? void 0 : bookingTicket.scanGlobalListener(function (data) {
+    var _bookingTicket$initPe;
+    bookingTicket === null || bookingTicket === void 0 || (_bookingTicket$initPe = bookingTicket.initPeripheralsListener) === null || _bookingTicket$initPe === void 0 || _bookingTicket$initPe.call(bookingTicket);
+    scanRef.current = bookingTicket === null || bookingTicket === void 0 ? void 0 : bookingTicket.scanGlobalListener(executeIfActive(function (data) {
       console.log('scanGlobalListener>>>>>>>', data);
       if (data.status === 'failed') {
         Toast.fail(locales.getText('pisell2.text.scan-global-failed'));
@@ -16,7 +21,7 @@ var useScanGlobal = function useScanGlobal() {
       }
       var result = formatScanGlobal(data);
       callback(result);
-    });
+    }));
   };
   return {
     openScan: handleScanGlobal,

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

@@ -0,0 +1,17 @@
+import { usePisellOS } from "../../../../hooks/useEngineContext";
+import { useOsKey } from "../../context/OsKeyContext";
+import { getShopDiscountKey } from "../../utils";
+
+/**
+ * useShopDiscountModule Hook
+ * 获取当前 ShopDiscount 模块
+ * 通过 osKey 区分不同页面的模块实例
+ */
+export var useShopDiscountModule = function useShopDiscountModule() {
+  var pisellOS = usePisellOS();
+  var osKey = useOsKey();
+
+  // 根据 osKey 生成模块名称
+  var moduleKey = getShopDiscountKey(osKey || 'ticket');
+  return pisellOS.getModule(moduleKey);
+};

package/es/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;