@pisell/private-materials 6.2.49 → 6.2.50

package/es/components/pinVerifyModal/locales.d.ts

@@ -0,0 +1,24 @@
+declare const _default: {
+    en: {
+        'pisell2.pin.verify.modal.title': string;
+        'pisell2.pin.verify.modal.wallet': string;
+        'pisell2.pin.verify.modal.keyboard.title': string;
+        'pisell2.pin.verify.modal.keyboard.desc': string;
+        'pisell2.pin.verify.modal.keyboard.verify': string;
+    };
+    'zh-CN': {
+        'pisell2.pin.verify.modal.title': string;
+        'pisell2.pin.verify.modal.wallet': string;
+        'pisell2.pin.verify.modal.keyboard.title': string;
+        'pisell2.pin.verify.modal.keyboard.desc': string;
+        'pisell2.pin.verify.modal.keyboard.verify': string;
+    };
+    'zh-HK': {
+        'pisell2.pin.verify.modal.title': string;
+        'pisell2.pin.verify.modal.wallet': string;
+        'pisell2.pin.verify.modal.keyboard.title': string;
+        'pisell2.pin.verify.modal.keyboard.desc': string;
+        'pisell2.pin.verify.modal.keyboard.verify': string;
+    };
+};
+export default _default;

package/es/components/pinVerifyModal/locales.js

@@ -0,0 +1,23 @@
+export default {
+  en: {
+    'pisell2.pin.verify.modal.title': 'Wallet Verification',
+    'pisell2.pin.verify.modal.wallet': 'Wallet : ',
+    'pisell2.pin.verify.modal.keyboard.title': 'Enter the 4-digit PIN to continue',
+    'pisell2.pin.verify.modal.keyboard.desc': 'Remaining attempts : ',
+    'pisell2.pin.verify.modal.keyboard.verify': 'Verify'
+  },
+  'zh-CN': {
+    'pisell2.pin.verify.modal.title': '钱包验证',
+    'pisell2.pin.verify.modal.wallet': '钱包 : ',
+    'pisell2.pin.verify.modal.keyboard.title': '请输入该钱包的4位PIN码以继续',
+    'pisell2.pin.verify.modal.keyboard.desc': '剩余验证次数 : ',
+    'pisell2.pin.verify.modal.keyboard.verify': '验证'
+  },
+  'zh-HK': {
+    'pisell2.pin.verify.modal.title': '錢包驗證',
+    'pisell2.pin.verify.modal.wallet': '錢包 : ',
+    'pisell2.pin.verify.modal.keyboard.title': '請輸入該錢包的4位PIN碼以繼續',
+    'pisell2.pin.verify.modal.keyboard.desc': '剩餘驗證次數 : ',
+    'pisell2.pin.verify.modal.keyboard.verify': '驗證'
+  }
+};

package/es/components/pinVerifyModal/types.d.ts

@@ -0,0 +1,33 @@
+export interface PinVerifyModalProps {
+    onOpen?: () => void;
+    onClose?: () => void;
+    onSuccess?: (params?: VerifyPinSuccessParams) => void;
+}
+export interface PinVerifyModalRef {
+    open: (params: ModalParams) => void;
+    close: () => void;
+}
+export interface ModalParams {
+    wallet_code: string;
+    wallet_detail_id: string | number;
+    failed_count?: number;
+    check_max_count?: number;
+    customer?: {
+        display_name?: string;
+        nickname?: string;
+        cover?: string;
+    };
+}
+export interface VerifyInfo {
+    remaining_count?: number;
+    failed_count?: number;
+    check_max_count?: number;
+}
+export declare type TVerifyPin = (data: {
+    wallet_detail_id: string | number;
+    pin: string;
+}, onSuccess: (params: VerifyPinSuccessParams) => void) => void;
+export interface VerifyPinSuccessParams {
+    customer_id: string | number;
+    customer_pin_key: string;
+}

package/es/components/pinVerifyModal/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CalendarDataItem, ScheduleItem } from "./type";
 import dayjs from "dayjs";
 export interface FormState {
@@ -69,11 +68,4 @@ export interface FormState {
     };
     setGlobalState: Function | null;
 }
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: FormState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
+export declare const Provider: any, Context: any;

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

@@ -23,7 +23,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useEffect, useMemo, useRef, useState } from 'react';
-import { locales } from '@pisell/utils';
+import { locales, sendWarningLog } from '@pisell/utils';
 import { message } from 'antd';
 import { Iconfont } from '@pisell/materials';
 import { getOrderInfoByCode, getBookingDetail, getEventBookingDetail, getBookingConfig, getServices, voidAppointment } from "../../serve";
@@ -48,6 +48,7 @@ import { getBookingType } from "../bookingDataPanel/bookingList/utils";
 import { useCustomer } from "../../hooks/pisellos";
 import useScanManager from "../../hooks/pisellos/useScanManager";
 import { useShopDiscount } from "../../../appointmentBooking/hooks";
+import { useDebounceFn } from 'ahooks';
 export var _formatBookingDetail = function _formatBookingDetail(data, modalState) {
   var _bookings$list, _bookings$list2;
   var customer_id = data.customer_id,
@@ -266,8 +267,56 @@ var TicketBooking = function TicketBooking() {
       closeScan();
     };
   }, []);
+  var _useDebounceFn = useDebounceFn(function (type, orderId) {
+      // 支付成功后清空状态
+      try {
+        var _store$getState;
+        _initFn(function () {});
+        setState({
+          createCount: state.createCount + 1
+        });
+        sendWarningLog({
+          title: '清空购物车',
+          content: [{
+            key: '店铺id',
+            value: store === null || store === void 0 || (_store$getState = store.getState) === null || _store$getState === void 0 || (_store$getState = _store$getState.call(store)) === null || _store$getState === void 0 || (_store$getState = _store$getState.global) === null || _store$getState === void 0 || (_store$getState = _store$getState.globalConfig) === null || _store$getState === void 0 ? void 0 : _store$getState.id
+          }, {
+            key: '订单id',
+            value: orderId
+          }, {
+            key: '类型',
+            value: type
+          }]
+        });
+      } catch (err) {
+        var _store$getState2;
+        sendWarningLog({
+          title: '清空购物车失败',
+          content: [{
+            key: '店铺id',
+            value: store === null || store === void 0 || (_store$getState2 = store.getState) === null || _store$getState2 === void 0 || (_store$getState2 = _store$getState2.call(store)) === null || _store$getState2 === void 0 || (_store$getState2 = _store$getState2.global) === null || _store$getState2 === void 0 || (_store$getState2 = _store$getState2.globalConfig) === null || _store$getState2 === void 0 ? void 0 : _store$getState2.id
+          }, {
+            key: '订单id',
+            value: orderId
+          }, {
+            key: '类型',
+            value: type
+          }, {
+            key: 'error',
+            value: err === null || err === void 0 ? void 0 : err.message
+          }]
+        });
+      }
+    }, {
+      wait: 500,
+      leading: true,
+      trailing: false
+    }),
+    clearAllCart = _useDebounceFn.run;
   useEffect(function () {
-    var _store$getState, _interaction$utils, _interaction$utils2;
+    var _store$getState3, _interaction$utils, _interaction$utils2;
+    // bellaswonderland.mypisell.com localStorage可能满了
+    localStorage.removeItem('bookingResourceList');
     _persistentRef.current = storage.get("drawer-booking") === 'true' ? true : isTerminal();
     if (lowcodeRef) {
       lowcodeRef.onReady(_this);
@@ -293,7 +342,7 @@ var TicketBooking = function TicketBooking() {
       });
     });
     setState({
-      amountSymbol: (store === null || store === void 0 || (_store$getState = store.getState) === null || _store$getState === void 0 || (_store$getState = _store$getState.call(store)) === null || _store$getState === void 0 || (_store$getState = _store$getState.global) === null || _store$getState === void 0 ? void 0 : _store$getState.symbol) || '$'
+      amountSymbol: (store === null || store === void 0 || (_store$getState3 = store.getState) === null || _store$getState3 === void 0 || (_store$getState3 = _store$getState3.call(store)) === null || _store$getState3 === void 0 || (_store$getState3 = _store$getState3.global) === null || _store$getState3 === void 0 ? void 0 : _store$getState3.symbol) || '$'
     }, function () {
       _initStateRef.current = JSON.parse(JSON.stringify(state));
       _getBoardConfig();
@@ -305,6 +354,7 @@ var TicketBooking = function TicketBooking() {
       console.log('bookingTicket.clearAllCart');
       // 支付成功后清空状态
       _initFn(function () {});
+      _setIntervalTime(true);
       selectCustomer(null);
       enableAllScanListeners();
       shopDiscount === null || shopDiscount === void 0 || (_shopDiscount$clear = shopDiscount.clear) === null || _shopDiscount$clear === void 0 || _shopDiscount$clear.call(shopDiscount);
@@ -511,8 +561,8 @@ var TicketBooking = function TicketBooking() {
     }, 100);
   };
   var _setShopOpeningHours = function _setShopOpeningHours() {
-    var _store$getState2;
-    var time = store === null || store === void 0 || (_store$getState2 = store.getState) === null || _store$getState2 === void 0 || (_store$getState2 = _store$getState2.call(store)) === null || _store$getState2 === void 0 || (_store$getState2 = _store$getState2.global) === null || _store$getState2 === void 0 || (_store$getState2 = _store$getState2.shopDetail) === null || _store$getState2 === void 0 || (_store$getState2 = _store$getState2.operating_day_boundary) === null || _store$getState2 === void 0 ? void 0 : _store$getState2.time;
+    var _store$getState4;
+    var time = store === null || store === void 0 || (_store$getState4 = store.getState) === null || _store$getState4 === void 0 || (_store$getState4 = _store$getState4.call(store)) === null || _store$getState4 === void 0 || (_store$getState4 = _store$getState4.global) === null || _store$getState4 === void 0 || (_store$getState4 = _store$getState4.shopDetail) === null || _store$getState4 === void 0 || (_store$getState4 = _store$getState4.operating_day_boundary) === null || _store$getState4 === void 0 ? void 0 : _store$getState4.time;
     if (time) {
       localStorage.setItem('shopOpeningHours', time);
     }
@@ -531,11 +581,10 @@ var TicketBooking = function TicketBooking() {
             });
           case 2:
             data = _context.sent;
-            console.log('wwww', data);
             setState({
               addTimeProducts: (data === null || data === void 0 ? void 0 : data.list) || []
             });
-          case 5:
+          case 4:
           case "end":
             return _context.stop();
         }
@@ -700,9 +749,9 @@ var TicketBooking = function TicketBooking() {
         // 储存参数, 添加服务商品时使用
         sessionStorage.setItem('pisell2.booking.serviceParams', JSON.stringify(data));
       } else {
-        var _store$getState3;
+        var _store$getState5;
         // 当前时区的时间
-        var timezone = store === null || store === void 0 || (_store$getState3 = store.getState) === null || _store$getState3 === void 0 || (_store$getState3 = _store$getState3.call(store)) === null || _store$getState3 === void 0 || (_store$getState3 = _store$getState3.global) === null || _store$getState3 === void 0 || (_store$getState3 = _store$getState3.globalConfig) === null || _store$getState3 === void 0 ? void 0 : _store$getState3.timezone;
+        var timezone = store === null || store === void 0 || (_store$getState5 = store.getState) === null || _store$getState5 === void 0 || (_store$getState5 = _store$getState5.call(store)) === null || _store$getState5 === void 0 || (_store$getState5 = _store$getState5.global) === null || _store$getState5 === void 0 || (_store$getState5 = _store$getState5.globalConfig) === null || _store$getState5 === void 0 ? void 0 : _store$getState5.timezone;
         initState.modalState.date.value = dayjs.tz(new Date(), timezone);
         // 兜底, 没有传递则清空下
         sessionStorage.removeItem('pisell2.booking.serviceParams');
@@ -901,7 +950,6 @@ var TicketBooking = function TicketBooking() {
       isShowDeposit: state.isShowDeposit,
       disableEventBookingEdit: state.disableEventBookingEdit,
       list: state.list,
-      intervalSetTime: state.intervalSetTime,
       createCount: state.createCount,
       bookingFunctions: state.bookingFunctions,
       isParallelResourcesBooking: state.isParallelResourcesBooking

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

@@ -9,6 +9,7 @@ import { LeftOutlined, RightOutlined } from '@ant-design/icons';
 import { DatePicker, SelectTime } from '@pisell/materials';
 import { useMemoizedFn } from 'ahooks';
 import { Button } from 'antd';
+import dayjs from 'dayjs';
 import classNames from 'classnames';
 import { locales } from '@pisell/utils';
 import "./index.less";
@@ -54,7 +55,7 @@ var TimeBar = function TimeBar(props) {
     setGlobalState({
       isTimeChange: true
     });
-    (_props$setIntervalTim5 = props.setIntervalTime) === null || _props$setIntervalTim5 === void 0 || _props$setIntervalTim5.call(props, false);
+    (_props$setIntervalTim5 = props.setIntervalTime) === null || _props$setIntervalTim5 === void 0 || _props$setIntervalTim5.call(props, timeString === dayjs().format('HH:mm'));
   });
   return useMemo(function () {
     var _state$modalState4, _state$modalState5;

package/es/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: "wallet" | "walletPass" | "product" | "local_product" | "customer";
     data: any;
     scanCode: string;
 } | null;

package/es/components/wallet/Detail/index.js

@@ -21,7 +21,7 @@ import useEngineContext from "./../../../hooks/useEngineContext";
 import localeTexts from "./locales";
 import { getAssetList, getDetailApi } from "./serve";
 import { request } from "./../../../utils";
-import { WalletBar, FooterButtons } from "../components";
+import { WalletBar, FooterButtons, UsageRules } from "../components";
 import "./index.less";
 var Text = Typography.Text;
 
@@ -57,72 +57,218 @@ var Detail = /*#__PURE__*/forwardRef(function (props, ref) {
     product = _detail$product === void 0 ? {} : _detail$product;
   var _ref = product || {},
     _ref$description = _ref.description,
-    description = _ref$description === void 0 ? '' : _ref$description;
+    description = _ref$description === void 0 ? '' : _ref$description,
+    _ref$extension_data = _ref.extension_data,
+    extension_data = _ref$extension_data === void 0 ? [] : _ref$extension_data,
+    _ref$customer_order_b = _ref.customer_order_behavior_count,
+    customer_order_behavior_count = _ref$customer_order_b === void 0 ? 0 : _ref$customer_order_b;
   var context = useEngineContext();
-  var utils = (context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils) || {};
-  var dvaStore = utils === null || utils === void 0 || (_utils$getStore = utils.getStore) === null || _utils$getStore === void 0 || (_utils$getStore = _utils$getStore.call(utils)) === null || _utils$getStore === void 0 ? void 0 : _utils$getStore.getState();
+
+  // 单独存储从详情接口获取的字段
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
-    TimeLineData = _useState2[0],
-    setTimeLineData = _useState2[1];
-  var _useState3 = useState(false),
+    extensionData = _useState2[0],
+    setExtensionData = _useState2[1];
+  var _useState3 = useState(0),
     _useState4 = _slicedToArray(_useState3, 2),
-    isShowtimeLineDetail = _useState4[0],
-    setIsShowtimeLineDetail = _useState4[1];
-  var _useState5 = useState(true),
+    customerOrderBehaviorCount = _useState4[0],
+    setCustomerOrderBehaviorCount = _useState4[1];
+  var _useState5 = useState(0),
     _useState6 = _slicedToArray(_useState5, 2),
-    isSpending = _useState6[0],
-    setIsSpending = _useState6[1];
-  var _useState7 = useState({}),
+    totalOrderBehaviorCount = _useState6[0],
+    setTotalOrderBehaviorCount = _useState6[1];
+  var _useState7 = useState(0),
     _useState8 = _slicedToArray(_useState7, 2),
-    timeLineDetail = _useState8[0],
-    setTimeLineDetail = _useState8[1];
-  var _useState9 = useState(false),
+    todayOrderBehaviorCount = _useState8[0],
+    setTodayOrderBehaviorCount = _useState8[1];
+  var _useState9 = useState(0),
     _useState10 = _slicedToArray(_useState9, 2),
-    wechatModalOpen = _useState10[0],
-    setWechatModalOpen = _useState10[1];
-  var _useState11 = useState(''),
+    weekOrderBehaviorCount = _useState10[0],
+    setWeekOrderBehaviorCount = _useState10[1];
+  var _useState11 = useState(0),
     _useState12 = _slicedToArray(_useState11, 2),
-    copyUrl = _useState12[0],
-    setCopyUrl = _useState12[1];
-  var _useState13 = useState(false),
+    monthOrderBehaviorCount = _useState12[0],
+    setMonthOrderBehaviorCount = _useState12[1];
+
+  // 存储使用规则相关的状态
+  var _useState13 = useState(null),
     _useState14 = _slicedToArray(_useState13, 2),
-    isLoading = _useState14[0],
-    setIsLoading = _useState14[1];
-  var _useState15 = useState(''),
+    usageCreditsData = _useState14[0],
+    setUsageCreditsData = _useState14[1];
+  var _useState15 = useState(false),
     _useState16 = _slicedToArray(_useState15, 2),
-    apple_wallet_url = _useState16[0],
-    setAppleWalletUrl = _useState16[1];
-  var _useState17 = useState(''),
-    _useState18 = _slicedToArray(_useState17, 2),
-    google_wallet_url = _useState18[0],
-    setGoogleWalletUrl = _useState18[1];
-  var stateTimeUnix = 1723255863; //2024.8.10 时间戳
+    shouldShowUsageRules = _useState16[0],
+    setShouldShowUsageRules = _useState16[1];
 
-  var _useState19 = useState([]),
+  // Generate usage rules from real data
+  var generateUsageRules = function generateUsageRules(creditsData) {
+    if (!creditsData) return [];
+    var rules = [];
+
+    // Add daily limit if exists
+    if (creditsData.max_per_day > 0) {
+      rules.push({
+        type: 'daily',
+        limit: creditsData.max_per_day,
+        description: '',
+        // Will be filled by localized text
+        resetTime: '' // Will be filled by localized text
+      });
+    }
+
+    // Add weekly limit if exists
+    if (creditsData.max_per_week > 0) {
+      rules.push({
+        type: 'weekly',
+        limit: creditsData.max_per_week,
+        description: '',
+        // Will be filled by localized text
+        resetTime: '' // Will be filled by localized text
+      });
+    }
+
+    // Add monthly limit if exists
+    if (creditsData.max_per_month > 0) {
+      rules.push({
+        type: 'monthly',
+        limit: creditsData.max_per_month,
+        description: '',
+        // Will be filled by localized text
+        resetTime: '' // Will be filled by localized text
+      });
+    }
+    return rules;
+  };
+
+  // Generate personal limit data
+  var generatePersonalLimit = function generatePersonalLimit(creditsData) {
+    var usedCount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+      totalOrderBehaviorCount: 0,
+      customerOrderBehaviorCount: 0
+    };
+    if (!creditsData) return undefined;
+    var totalCredits = creditsData.total_credits || 0;
+    var perUserLimit = creditsData.per_user_limit || 0;
+
+    // 使用 total_credits 和 per_user_limit 中的较小值且非 0 的值作为总数
+    // 如果 totalCredits 是 0，则使用 perUserLimit
+    var total = 0;
+    if (totalCredits > 0 && perUserLimit > 0) {
+      total = Math.min(totalCredits, perUserLimit);
+    } else {
+      total = Math.max(totalCredits, perUserLimit);
+    }
+    // const total = Math.min(totalCredits, perUserLimit);
+    // const remaining = Math.max(0, total - usedCount.totalOrderBehaviorCount); // Ensure remaining is not negative
+    // 单张卡剩余多少
+    var total_remaining = 0;
+    if (totalCredits > 0) {
+      total_remaining = totalCredits - usedCount.totalOrderBehaviorCount;
+    }
+    // 个人剩余多少
+    var perUser_remaining = 0;
+    if (perUserLimit > 0) {
+      perUser_remaining = perUserLimit - usedCount.customerOrderBehaviorCount;
+    }
+    var remaining = 0;
+    if (total_remaining > 0 && perUser_remaining > 0) {
+      remaining = Math.min(total_remaining, perUser_remaining);
+    } else {
+      // 如果有一个是 0，还需要看是否是因为配置是 0 才导致的 0
+      // 先看总次数是不是剩余 0，是因为什么剩余 0
+      if (total_remaining === 0) {
+        if (totalCredits === 0) {
+          // 代表不限制总使用次数
+          remaining = perUser_remaining;
+        } else {
+          // 代表限制总使用次数，但是总使用次数为 0，则 remaining 为 0
+          remaining = 0;
+        }
+      } else {
+        // 如果剩余总使用次数大于 0，个人使用次数为 0，则 remaining 为 0
+        if (perUser_remaining === 0) {
+          remaining = 0;
+        }
+      }
+    }
+    return {
+      total: total,
+      remaining: remaining,
+      note: '' // Will be filled by localized text
+    };
+  };
+
+  // 简化：直接计算
+  var usageRules = generateUsageRules(usageCreditsData);
+  // 取出所有最大的非 0 的数
+  var personalLimit = generatePersonalLimit(usageCreditsData, {
+    totalOrderBehaviorCount: totalOrderBehaviorCount,
+    customerOrderBehaviorCount: customerOrderBehaviorCount
+  });
+  var utils = (context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils) || {};
+  var dvaStore = utils === null || utils === void 0 || (_utils$getStore = utils.getStore) === null || _utils$getStore === void 0 || (_utils$getStore = _utils$getStore.call(utils)) === null || _utils$getStore === void 0 ? void 0 : _utils$getStore.getState();
+  var _useState17 = useState([]),
+    _useState18 = _slicedToArray(_useState17, 2),
+    TimeLineData = _useState18[0],
+    setTimeLineData = _useState18[1];
+  var _useState19 = useState(false),
     _useState20 = _slicedToArray(_useState19, 2),
-    listData = _useState20[0],
-    setListData = _useState20[1];
-  var modalContentRef = useRef(null);
-  var tabsRef = useRef();
-  var _useState21 = useState('detail'),
+    isShowtimeLineDetail = _useState20[0],
+    setIsShowtimeLineDetail = _useState20[1];
+  var _useState21 = useState(true),
     _useState22 = _slicedToArray(_useState21, 2),
-    activeTab = _useState22[0],
-    setActiveTab = _useState22[1];
-  var _useState23 = useState(false),
+    isSpending = _useState22[0],
+    setIsSpending = _useState22[1];
+  var _useState23 = useState({}),
     _useState24 = _slicedToArray(_useState23, 2),
-    isScrolling = _useState24[0],
-    setIsScrolling = _useState24[1];
-  var isUserClickRef = useRef(false);
-  var scrollTimeoutRef = useRef(null);
+    timeLineDetail = _useState24[0],
+    setTimeLineDetail = _useState24[1];
   var _useState25 = useState(false),
     _useState26 = _slicedToArray(_useState25, 2),
-    addWalletLoading = _useState26[0],
-    setAddWalletLoading = _useState26[1];
-  var _useState27 = useState(false),
+    wechatModalOpen = _useState26[0],
+    setWechatModalOpen = _useState26[1];
+  var _useState27 = useState(''),
     _useState28 = _slicedToArray(_useState27, 2),
-    isAddingToWallet = _useState28[0],
-    setIsAddingToWallet = _useState28[1];
+    copyUrl = _useState28[0],
+    setCopyUrl = _useState28[1];
+  var _useState29 = useState(false),
+    _useState30 = _slicedToArray(_useState29, 2),
+    isLoading = _useState30[0],
+    setIsLoading = _useState30[1];
+  var _useState31 = useState(''),
+    _useState32 = _slicedToArray(_useState31, 2),
+    apple_wallet_url = _useState32[0],
+    setAppleWalletUrl = _useState32[1];
+  var _useState33 = useState(''),
+    _useState34 = _slicedToArray(_useState33, 2),
+    google_wallet_url = _useState34[0],
+    setGoogleWalletUrl = _useState34[1];
+  var stateTimeUnix = 1723255863; //2024.8.10 时间戳
+
+  var _useState35 = useState([]),
+    _useState36 = _slicedToArray(_useState35, 2),
+    listData = _useState36[0],
+    setListData = _useState36[1];
+  var modalContentRef = useRef(null);
+  var tabsRef = useRef();
+  var _useState37 = useState('detail'),
+    _useState38 = _slicedToArray(_useState37, 2),
+    activeTab = _useState38[0],
+    setActiveTab = _useState38[1];
+  var _useState39 = useState(false),
+    _useState40 = _slicedToArray(_useState39, 2),
+    isScrolling = _useState40[0],
+    setIsScrolling = _useState40[1];
+  var isUserClickRef = useRef(false);
+  var scrollTimeoutRef = useRef(null);
+  var _useState41 = useState(false),
+    _useState42 = _slicedToArray(_useState41, 2),
+    addWalletLoading = _useState42[0],
+    setAddWalletLoading = _useState42[1];
+  var _useState43 = useState(false),
+    _useState44 = _slicedToArray(_useState43, 2),
+    isAddingToWallet = _useState44[0],
+    setIsAddingToWallet = _useState44[1];
   var anchorOptions = useMemo(function () {
     // 始终包含detail选项
     var options = [{
@@ -166,9 +312,11 @@ var Detail = /*#__PURE__*/forwardRef(function (props, ref) {
     }];
     //折扣卡显示折扣字段 其他显示余额字段
     if (tag === 'product_discount_card') {
+      var _detail$metadata;
+      var isFixedAmount = ((_detail$metadata = detail.metadata) === null || _detail$metadata === void 0 ? void 0 : _detail$metadata.discount_card_type) === 'fixed_amount';
       data.splice(2, 0, {
         label: locales.getText('page.wallet.discount'),
-        value: balance ? "".concat(Number(balance), "%") : ''
+        value: balance ? isFixedAmount ? "".concat(symbol).concat(Number(balance)) : "".concat(Number(balance), "%") : ''
       });
     } else if (tag === 'point_card') {
       data.splice(2, 0, {
@@ -231,7 +379,7 @@ var Detail = /*#__PURE__*/forwardRef(function (props, ref) {
   };
   var getDetail = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var _yield$getDetailApi, _yield$getDetailApi$a, apple_wallet_url, _yield$getDetailApi$g, google_wallet_url;
+      var _yield$getDetailApi, _yield$getDetailApi$a, apple_wallet_url, _yield$getDetailApi$g, google_wallet_url, _yield$getDetailApi$e, extension_data, _yield$getDetailApi$c, customer_order_behavior_count, _yield$getDetailApi$t, total_order_behavior_count, _yield$getDetailApi$t2, today_order_behavior_count, _yield$getDetailApi$w, week_order_behavior_count, _yield$getDetailApi$m, month_order_behavior_count, usageCreditsItem;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -245,9 +393,46 @@ var Detail = /*#__PURE__*/forwardRef(function (props, ref) {
             apple_wallet_url = _yield$getDetailApi$a === void 0 ? '' : _yield$getDetailApi$a;
             _yield$getDetailApi$g = _yield$getDetailApi.google_wallet_url;
             google_wallet_url = _yield$getDetailApi$g === void 0 ? '' : _yield$getDetailApi$g;
+            _yield$getDetailApi$e = _yield$getDetailApi.extension_data;
+            extension_data = _yield$getDetailApi$e === void 0 ? [] : _yield$getDetailApi$e;
+            _yield$getDetailApi$c = _yield$getDetailApi.customer_order_behavior_count;
+            customer_order_behavior_count = _yield$getDetailApi$c === void 0 ? 0 : _yield$getDetailApi$c;
+            _yield$getDetailApi$t = _yield$getDetailApi.total_order_behavior_count;
+            total_order_behavior_count = _yield$getDetailApi$t === void 0 ? 0 : _yield$getDetailApi$t;
+            _yield$getDetailApi$t2 = _yield$getDetailApi.today_order_behavior_count;
+            today_order_behavior_count = _yield$getDetailApi$t2 === void 0 ? 0 : _yield$getDetailApi$t2;
+            _yield$getDetailApi$w = _yield$getDetailApi.week_order_behavior_count;
+            week_order_behavior_count = _yield$getDetailApi$w === void 0 ? 0 : _yield$getDetailApi$w;
+            _yield$getDetailApi$m = _yield$getDetailApi.month_order_behavior_count;
+            month_order_behavior_count = _yield$getDetailApi$m === void 0 ? 0 : _yield$getDetailApi$m;
             setAppleWalletUrl(apple_wallet_url);
             setGoogleWalletUrl(google_wallet_url);
-          case 9:
+
+            // 存储从详情接口获取的字段
+            setExtensionData(extension_data);
+            setCustomerOrderBehaviorCount(customer_order_behavior_count);
+            setTotalOrderBehaviorCount(total_order_behavior_count);
+            setTodayOrderBehaviorCount(today_order_behavior_count);
+            setWeekOrderBehaviorCount(week_order_behavior_count);
+            setMonthOrderBehaviorCount(month_order_behavior_count);
+
+            // 处理使用规则数据
+            if (Array.isArray(extension_data) && extension_data.length > 0) {
+              usageCreditsItem = extension_data.find(function (item) {
+                return item.field_key === 'usage_credits';
+              });
+              if (usageCreditsItem !== null && usageCreditsItem !== void 0 && usageCreditsItem.value) {
+                setUsageCreditsData(usageCreditsItem.value);
+                setShouldShowUsageRules(true);
+              } else {
+                setUsageCreditsData(null);
+                setShouldShowUsageRules(false);
+              }
+            } else {
+              setUsageCreditsData(null);
+              setShouldShowUsageRules(false);
+            }
+          case 28:
           case "end":
             return _context.stop();
         }
@@ -257,6 +442,8 @@ var Detail = /*#__PURE__*/forwardRef(function (props, ref) {
       return _ref3.apply(this, arguments);
     };
   }();
+
+  // 当切换商品卡时，获取新的详情数据
   useEffect(function () {
     if (detail.id) {
       getDetail();
@@ -718,10 +905,10 @@ var Detail = /*#__PURE__*/forwardRef(function (props, ref) {
 
   // 添加ref用于获取容器元素
   var detailWrapperRef = useRef(null);
-  var _useState29 = useState(undefined),
-    _useState30 = _slicedToArray(_useState29, 2),
-    contentHeight = _useState30[0],
-    setContentHeight = _useState30[1];
+  var _useState45 = useState(undefined),
+    _useState46 = _slicedToArray(_useState45, 2),
+    contentHeight = _useState46[0],
+    setContentHeight = _useState46[1];
 
   // 添加锚点导航ref
   var anchorWrapperRef = useRef(null);
@@ -860,16 +1047,17 @@ var Detail = /*#__PURE__*/forwardRef(function (props, ref) {
     valueColor: "#101828",
     backgroundColors: ['#fff'],
     isHasBorder: false
-  }), /*#__PURE__*/React.createElement("div", {
+  }), description && /*#__PURE__*/React.createElement("div", {
     className: "wallet-detail-card-content-tip"
-  }, description ?
-  /*#__PURE__*/
-  // @ts-ignore 忽略TypeScript错误，React类型定义问题
-  React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     dangerouslySetInnerHTML: {
       __html: description
     }
-  }) : null)), /*#__PURE__*/React.createElement("section", {
+  })), shouldShowUsageRules && /*#__PURE__*/React.createElement(UsageRules, {
+    locales: locales,
+    rules: usageRules,
+    personalLimit: personalLimit
+  })), /*#__PURE__*/React.createElement("section", {
     className: "wallet-detail-card-content-section wallet-detail-card-content-section-timeline",
     "data-section": "activityLog"
   }, tag !== 'product_discount_card' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {