@pisell/private-materials 6.5.13 → 6.5.14

package/es/components/ticketBooking/hooks/pisellos/index.d.ts

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

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

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

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 || '');
+  return pisellOS.getModule(moduleKey);
+};

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

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

package/es/components/ticketBooking/index.js

@@ -1,6 +1,12 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -12,9 +18,12 @@ import { cloneDeep } from 'lodash';
 import TicketBooking from "./components/ticketBooking/index";
 import { request } from "../../utils";
 import useEngineContext from "../../hooks/useEngineContext";
-import { getDefaultStartParam } from "./utils";
+import { getBookingTicketKey, getDefaultStartParam, getShopDiscountKey, rulesHooks } from "./utils";
 import localeTexts from "./locales";
 import MenuBar from "./components/menuBar";
+import { useLocalStorageState } from 'ahooks';
+import { OsKeyProvider } from "./context/OsKeyContext";
+import { IsActiveProvider } from "./context/IsActiveContext";
 import "./index.less";
 var initialState = {
   amountSymbol: '$',
@@ -137,17 +146,61 @@ var initialState = {
 export default (function (props) {
   var _context$appHelper, _context$appHelper$ut2, _context$appHelper$ut3, _context$appHelper$ut4, _context$appHelper$ut5;
   var productExtensionType = props.productExtensionType,
-    bookingConfigParams = props.bookingConfigParams,
+    propsBookingConfigParams = props.bookingConfigParams,
+    onPrerenderComplete = props.onPrerenderComplete,
     _props$isShowMenuBar = props.isShowMenuBar,
     isShowMenuBar = _props$isShowMenuBar === void 0 ? true : _props$isShowMenuBar,
-    onPrerenderComplete = props.onPrerenderComplete;
+    _props$isShowTimeBar = props.isShowTimeBar,
+    propsIsShowTimeBar = _props$isShowTimeBar === void 0 ? true : _props$isShowTimeBar,
+    _props$isShowFloatBut = props.isShowFloatButtons,
+    propsIsShowFloatButtons = _props$isShowFloatBut === void 0 ? true : _props$isShowFloatBut,
+    propsProductDisplayConfig = props.productDisplayConfig,
+    _props$isActive = props.isActive,
+    isActive = _props$isActive === void 0 ? true : _props$isActive,
+    propsRulesHooks = props.rulesHooks;
+  var _useLocalStorageState = useLocalStorageState('pisell-ticket-booking-nav-key', {
+      defaultValue: 'ticket'
+    }),
+    _useLocalStorageState2 = _slicedToArray(_useLocalStorageState, 2),
+    activeNavKey = _useLocalStorageState2[0],
+    setActiveNavKey = _useLocalStorageState2[1];
+
+  // 根据 activeNavKey 动态配置（仅在显示菜单栏时生效）
+  var bookingConfigParams = useMemo(function () {
+    if (isShowMenuBar && activeNavKey === 'food') {
+      return _objectSpread(_objectSpread({}, propsBookingConfigParams), {}, {
+        sub_type: 'food',
+        source_type: 'pos'
+      });
+    }
+    return propsBookingConfigParams;
+  }, [isShowMenuBar, activeNavKey, propsBookingConfigParams]);
+  var isShowTimeBar = useMemo(function () {
+    return isShowMenuBar && activeNavKey === 'food' ? false : propsIsShowTimeBar;
+  }, [isShowMenuBar, activeNavKey, propsIsShowTimeBar]);
+  var isShowFloatButtons = useMemo(function () {
+    return isShowMenuBar && activeNavKey === 'food' ? false : propsIsShowFloatButtons;
+  }, [isShowMenuBar, activeNavKey, propsIsShowFloatButtons]);
+
+  // 根据bookingConfigParams?.sub_type 动态配置osKey
+  // 多页面使用同一个组件时，需要根据不同的osKey来区分不同的页面
+  var osKey = useMemo(function () {
+    return bookingConfigParams === null || bookingConfigParams === void 0 ? void 0 : bookingConfigParams.sub_type;
+  }, [bookingConfigParams]);
+  var productDisplayConfig = useMemo(function () {
+    if (isShowMenuBar && activeNavKey === 'food') {
+      return 'sku-list-a5';
+    }
+    return propsProductDisplayConfig;
+  }, [isShowMenuBar, activeNavKey, propsProductDisplayConfig]);
   var storeRef = useRef(null);
   var context = useEngineContext();
   var _context$appHelper$ut = (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils,
     pisellos = _context$appHelper$ut.pisellos,
     pisellosAllModule = _context$appHelper$ut.pisellosAllModule;
   var _ref = pisellosAllModule || {},
-    BookingTicket = _ref.BookingTicket;
+    BookingTicket = _ref.BookingTicket,
+    ShopDiscountImpl = _ref.ShopDiscountImpl;
   locales.init(localeTexts, ((_context$appHelper$ut2 = context.appHelper.utils) === null || _context$appHelper$ut2 === void 0 || (_context$appHelper$ut3 = _context$appHelper$ut2.getApp) === null || _context$appHelper$ut3 === void 0 || (_context$appHelper$ut3 = _context$appHelper$ut3.call(_context$appHelper$ut2)) === null || _context$appHelper$ut3 === void 0 || (_context$appHelper$ut3 = _context$appHelper$ut3.locales) === null || _context$appHelper$ut3 === void 0 || (_context$appHelper$ut4 = _context$appHelper$ut3.getLocale) === null || _context$appHelper$ut4 === void 0 ? void 0 : _context$appHelper$ut4.call(_context$appHelper$ut3)) || ((_context$appHelper$ut5 = context.appHelper.utils) === null || _context$appHelper$ut5 === void 0 || (_context$appHelper$ut5 = _context$appHelper$ut5.storage) === null || _context$appHelper$ut5 === void 0 ? void 0 : _context$appHelper$ut5.get('umi_locale')) || 'en');
   useLayoutEffect(function () {
     request.setRequest(context.appHelper.utils.request);
@@ -158,23 +211,44 @@ export default (function (props) {
       productExtensionType: productExtensionType
     }));
     storeRef.current = store;
-  }, []);
+  }, [bookingConfigParams, productExtensionType]);
   useMemo(function () {
     if (BookingTicket) {
-      pisellos === null || pisellos === void 0 || pisellos.registerModule(new BookingTicket('bookingTicket'), {
+      pisellos === null || pisellos === void 0 || pisellos.registerModule(new BookingTicket(getBookingTicketKey(osKey)), {
         initialState: {},
         otherParams: {
-          cacheId: 'test-cache',
+          cacheId: getBookingTicketKey(osKey),
           platform: 'shop'
         }
       });
     }
-  }, []);
+    if (ShopDiscountImpl) {
+      pisellos === null || pisellos === void 0 || pisellos.registerModule(new ShopDiscountImpl(getShopDiscountKey(osKey)), {
+        otherParams: {
+          platform: "shop",
+          rules: {
+            hooks: propsRulesHooks || rulesHooks
+          }
+        }
+      });
+    }
+  }, [osKey]);
   return /*#__PURE__*/React.createElement("div", {
     className: "pisell-ticket-booking-wrapper"
-  }, isShowMenuBar && /*#__PURE__*/React.createElement(MenuBar, null), /*#__PURE__*/React.createElement(Provider, {
-    store: storeRef.current
+  }, isShowMenuBar && /*#__PURE__*/React.createElement(MenuBar, {
+    activeNavKey: activeNavKey,
+    onNavChange: setActiveNavKey
+  }), /*#__PURE__*/React.createElement(IsActiveProvider, {
+    isActive: isActive
+  }, /*#__PURE__*/React.createElement(OsKeyProvider, {
+    osKey: osKey
+  }, /*#__PURE__*/React.createElement(Provider, {
+    store: storeRef.current,
+    key: activeNavKey
   }, /*#__PURE__*/React.createElement(TicketBooking, {
-    onPrerenderComplete: onPrerenderComplete
-  })));
+    onPrerenderComplete: onPrerenderComplete,
+    productDisplayConfig: productDisplayConfig,
+    isShowTimeBar: isShowTimeBar,
+    isShowFloatButtons: isShowFloatButtons
+  })))));
 });

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

@@ -41,7 +41,7 @@ declare type ScanData = {
     };
 };
 export declare const formatScanCustomer: (data: ScanData) => {
-    searchType: "customer" | "product" | "walletPass" | "wallet" | "local_product";
+    searchType: "customer" | "product" | "wallet" | "walletPass" | "local_product";
     data: any;
     scanCode: string;
 } | null;
@@ -59,4 +59,31 @@ export declare const formatScanGlobal: (data: ScanData) => {
     scanCode: string;
 } | null | undefined;
 export declare const createSimpleCacheItem: (item: any, e: any, state: any) => any;
+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 {};

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

@@ -332,4 +332,44 @@ export var createSimpleCacheItem = function createSimpleCacheItem(item, e, state
     new: 1
   });
   return cacheItem;
+};
+
+// 获取bookingTicket的key
+export var getBookingTicketKey = function getBookingTicketKey(osKey) {
+  return "bookingTicket-".concat(osKey);
+};
+
+// 获取shopDiscount的key
+export var getShopDiscountKey = function getShopDiscountKey(osKey) {
+  return "shopDiscount-".concat(osKey);
+};
+export var rulesHooks = {
+  // 获取商品关键信息
+  getProduct: function getProduct(product) {
+    var detail = {
+      booking_id: product.booking_id,
+      id: product.id,
+      _id: product._id,
+      price: product.price,
+      total: product._extend.total,
+      discount_list: product.discount_list,
+      origin_total: product._extend.origin_total,
+      num: product._extend.quantity,
+      quantity: product._extend.quantity || 1,
+      vouchersApplicable: product.vouchersApplicable
+    };
+    return detail;
+  },
+  setProduct: function setProduct(product, values) {
+    var detail = _objectSpread(_objectSpread({}, product), {}, {
+      _id: values._id || product._id,
+      discount_list: values.discount_list,
+      _extend: _objectSpread(_objectSpread(_objectSpread({}, product._extend), 'total' in values ? {
+        total: values.total
+      } : {}), 'quantity' in values ? {
+        quantity: values.quantity
+      } : {})
+    });
+    return detail;
+  }
 };

package/es/components/wallet/Detail/model.d.ts

@@ -1 +1,13 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+interface RechargeState {
+    addWalletCard: any;
+}
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    walletDetailState: RechargeState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;
+export {};

package/es/components/wallet/DiscountCard/model.d.ts

@@ -1 +1,14 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+interface RechargeState {
+    total: number;
+    setup?: 'menu' | 'list' | 'detail' | string;
+}
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: RechargeState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;
+export {};

package/es/components/wallet/PointCard/model.d.ts

@@ -1 +1,13 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+interface RechargeState {
+    total: number;
+}
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: RechargeState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;
+export {};

package/es/components/wallet/RechargeableCard/model.d.ts

@@ -1 +1,29 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+interface RechargeState {
+    selectedGiftOptionId: string | null;
+    cardList: Array<{
+        id: string;
+        name: string;
+        price: number;
+    }>;
+    selectedItem: {
+        id?: string;
+        gift_price?: number;
+        price?: number;
+        name?: string;
+        variant_id?: string;
+    };
+    productId?: string;
+    detailId?: string;
+    total: string | number;
+    rechargeModalOpen: boolean;
+}
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: RechargeState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;
+export {};

package/es/components/wallet/Voucher/model.d.ts

@@ -1 +1,13 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+interface RechargeState {
+    total: 0;
+}
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: RechargeState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;
+export {};

package/es/components/wallet/model.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IWalletListItemProps } from './serve';
 export interface WalletCardItemProps {
     id: string;
@@ -26,4 +27,11 @@ export interface WalletListProps {
     currentSearchListItemCode?: string;
     [key: string]: any;
 }
-export declare const Provider: any, Context: any;
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    global_wallet: WalletListProps;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/es/index.d.ts

@@ -59,5 +59,7 @@ export { default as ProSkuDetailModal } from './pro/skuDetailModal';
 export { default as SaasLogin } from './plus/saasLogin';
 export { default as SaasRegister } from './plus/saasRegister';
 export { default as SaasCreateOrganization } from './plus/saasCreateOrganization';
+export { default as SkuCard } from './plus/productSelect/ProductCard/SkuCard';
 export { default as PinModal } from './components/pinModal';
 export { default as PinVerifyModal } from './components/pinVerifyModal';
+export { ResponsiveList as SkuList } from './components/list';

package/es/index.js

@@ -63,5 +63,7 @@ export { default as ProSkuDetailModal } from "./pro/skuDetailModal";
 export { default as SaasLogin } from "./plus/saasLogin";
 export { default as SaasRegister } from "./plus/saasRegister";
 export { default as SaasCreateOrganization } from "./plus/saasCreateOrganization";
+export { default as SkuCard } from "./plus/productSelect/ProductCard/SkuCard";
 export { default as PinModal } from "./components/pinModal";
-export { default as PinVerifyModal } from "./components/pinVerifyModal";
+export { default as PinVerifyModal } from "./components/pinVerifyModal";
+export { ResponsiveList as SkuList } from "./components/list";

package/es/plus/productSelect/ProductCard/SkuCard/SkuCardA1/index.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const SkuCardA1: (props: any) => JSX.Element;
+export default SkuCardA1;

package/es/plus/productSelect/ProductCard/SkuCard/SkuCardA1/index.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import CardCom from "../components/CardCom";
+import { PREFIX } from "../status";
+import "./index.less";
+var SkuCardA1 = function SkuCardA1(props) {
+  return /*#__PURE__*/React.createElement(CardCom, {
+    props: props,
+    className: "".concat(PREFIX, "__card-a1")
+  });
+};
+export default SkuCardA1;

package/es/plus/productSelect/ProductCard/SkuCard/SkuCardA1/index.less

@@ -0,0 +1,8 @@
+.pisell-product-sku__card-a1 {
+  .pisell-product-sku__card-a1-content {
+    flex-direction: row !important;
+    justify-content: space-between;
+    align-items: center;
+    gap: 12px;
+  }
+}

package/es/plus/productSelect/ProductCard/SkuCard/SkuCardA2/index.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const SkuCardA2: (props: any) => JSX.Element;
+export default SkuCardA2;

package/es/plus/productSelect/ProductCard/SkuCard/SkuCardA2/index.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import CardCom from "../components/CardCom";
+import { PREFIX } from "../status";
+import "./index.less";
+var SkuCardA2 = function SkuCardA2(props) {
+  return /*#__PURE__*/React.createElement(CardCom, {
+    props: props,
+    className: "".concat(PREFIX, "__card-a2")
+  });
+};
+export default SkuCardA2;