@pisell/private-materials 6.3.10 → 6.3.12

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;
 
@@ -30,7 +30,7 @@ var Text = Typography.Text;
 dayjs.extend(timezone);
 dayjs.extend(utc);
 var Detail = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _context$appHelper, _utils$getStore, _dvaStore$core, _context$appHelper2, _store$getState, _utils$interaction, _utils$interaction$is, _detail$machinecode_c;
+  var _context$appHelper, _utils$getStore, _dvaStore$core, _context$appHelper2, _store$getState, _detail$machinecode_c;
   var _props$detail = props.detail,
     detail = _props$detail === void 0 ? {} : _props$detail,
     _props$buttonGroupLis = props.buttonGroupList,
@@ -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 = [{
@@ -231,7 +377,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 +391,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 +440,8 @@ var Detail = /*#__PURE__*/forwardRef(function (props, ref) {
       return _ref3.apply(this, arguments);
     };
   }();
+
+  // 当切换商品卡时，获取新的详情数据
   useEffect(function () {
     if (detail.id) {
       getDetail();
@@ -718,10 +903,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);
@@ -817,7 +1002,7 @@ var Detail = /*#__PURE__*/forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: "wallet-detail".concat(platform === 'h5' ? ' wallet-detail-h5' : ' wallet-detail-pc', " ").concat(className || ''),
     ref: detailWrapperRef
-  }, (platform === 'h5' || showWalletBar) && !(utils !== null && utils !== void 0 && (_utils$interaction = utils.interaction) !== null && _utils$interaction !== void 0 && (_utils$interaction = _utils$interaction.utils) !== null && _utils$interaction !== void 0 && (_utils$interaction$is = _utils$interaction.isAppEnv) !== null && _utils$interaction$is !== void 0 && _utils$interaction$is.call(_utils$interaction)) && /*#__PURE__*/React.createElement("div", {
+  }, (platform === 'h5' || showWalletBar) && /*#__PURE__*/React.createElement("div", {
     className: "wallet-detail-header"
   }, /*#__PURE__*/React.createElement(WalletBar, {
     setup: "detail",
@@ -860,16 +1045,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", {

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

@@ -29,6 +29,23 @@ declare const _default: {
         'page.wallet.openedInBrowser': string;
         'page.wallet.openFailed': string;
         'page.wallet.loading': string;
+        'page.wallet.usageRules': string;
+        'page.wallet.usageRulesSubtitle': string;
+        'page.wallet.timeUsageLimits': string;
+        'page.wallet.totalQuantityControl': string;
+        'page.wallet.dailyLimit': string;
+        'page.wallet.weeklyLimit': string;
+        'page.wallet.monthlyLimit': string;
+        'page.wallet.personalLimit': string;
+        'page.wallet.dailyLimitDesc': string;
+        'page.wallet.weeklyLimitDesc': string;
+        'page.wallet.monthlyLimitDesc': string;
+        'page.wallet.monthlyLimitUnlimited': string;
+        'page.wallet.personalLimitDesc': string;
+        'page.wallet.dailyReset': string;
+        'page.wallet.weeklyReset': string;
+        'page.wallet.monthlyReset': string;
+        'page.wallet.voucherExpireNote': string;
     };
     'zh-CN': {
         'page.wallet.copyTitle': string;
@@ -60,6 +77,23 @@ declare const _default: {
         'page.wallet.openedInBrowser': string;
         'page.wallet.openFailed': string;
         'page.wallet.loading': string;
+        'page.wallet.usageRules': string;
+        'page.wallet.usageRulesSubtitle': string;
+        'page.wallet.timeUsageLimits': string;
+        'page.wallet.totalQuantityControl': string;
+        'page.wallet.dailyLimit': string;
+        'page.wallet.weeklyLimit': string;
+        'page.wallet.monthlyLimit': string;
+        'page.wallet.personalLimit': string;
+        'page.wallet.dailyLimitDesc': string;
+        'page.wallet.weeklyLimitDesc': string;
+        'page.wallet.monthlyLimitDesc': string;
+        'page.wallet.monthlyLimitUnlimited': string;
+        'page.wallet.personalLimitDesc': string;
+        'page.wallet.dailyReset': string;
+        'page.wallet.weeklyReset': string;
+        'page.wallet.monthlyReset': string;
+        'page.wallet.voucherExpireNote': string;
     };
     'zh-HK': {
         'page.wallet.copyTitle': string;
@@ -91,6 +125,23 @@ declare const _default: {
         'page.wallet.openedInBrowser': string;
         'page.wallet.openFailed': string;
         'page.wallet.loading': string;
+        'page.wallet.usageRules': string;
+        'page.wallet.usageRulesSubtitle': string;
+        'page.wallet.timeUsageLimits': string;
+        'page.wallet.totalQuantityControl': string;
+        'page.wallet.dailyLimit': string;
+        'page.wallet.weeklyLimit': string;
+        'page.wallet.monthlyLimit': string;
+        'page.wallet.personalLimit': string;
+        'page.wallet.dailyLimitDesc': string;
+        'page.wallet.weeklyLimitDesc': string;
+        'page.wallet.monthlyLimitDesc': string;
+        'page.wallet.monthlyLimitUnlimited': string;
+        'page.wallet.personalLimitDesc': string;
+        'page.wallet.dailyReset': string;
+        'page.wallet.weeklyReset': string;
+        'page.wallet.monthlyReset': string;
+        'page.wallet.voucherExpireNote': string;
     };
 };
 export default _default;

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

@@ -31,7 +31,25 @@ export default {
     'page.wallet.useAppleInstead': 'You are using an iOS device, would you like to use Apple Wallet instead of Google Wallet?',
     'page.wallet.openedInBrowser': 'Opened in browser',
     'page.wallet.openFailed': 'Failed to open wallet link',
-    'page.wallet.loading': 'Loading wallet...'
+    'page.wallet.loading': 'Loading wallet...',
+    // Usage Rules
+    'page.wallet.usageRules': 'Terms & Conditions',
+    'page.wallet.usageRulesSubtitle': 'Please read the following usage conditions carefully',
+    'page.wallet.timeUsageLimits': 'Time Window Restrictions',
+    'page.wallet.totalQuantityControl': 'Total Usage Control',
+    'page.wallet.dailyLimit': 'Daily Limit:',
+    'page.wallet.weeklyLimit': 'Weekly Limit:',
+    'page.wallet.monthlyLimit': 'Monthly Limit:',
+    'page.wallet.personalLimit': 'Personal Limit:',
+    'page.wallet.dailyLimitDesc': 'Maximum {limit} uses from 12:00 AM to 11:59 PM each day',
+    'page.wallet.weeklyLimitDesc': 'Maximum {limit} uses from Monday 12:00 AM to Sunday 11:59 PM',
+    'page.wallet.monthlyLimitDesc': 'Maximum {limit} uses from 1st 12:00 AM to end of month 11:59 PM',
+    'page.wallet.monthlyLimitUnlimited': 'Unlimited',
+    'page.wallet.personalLimitDesc': 'You can use this voucher maximum {total} times ({remaining} remaining)',
+    'page.wallet.dailyReset': 'Counter resets automatically at midnight',
+    'page.wallet.weeklyReset': 'Counter resets every Monday at midnight',
+    'page.wallet.monthlyReset': 'Counter resets on 1st of each month at midnight',
+    'page.wallet.voucherExpireNote': 'Voucher will automatically expire when limit is reached'
   },
   'zh-CN': {
     // 简体中文翻译
@@ -65,7 +83,25 @@ export default {
     'page.wallet.useAppleInstead': '您正在使用iOS设备，是否使用Apple Wallet代替Google Wallet?',
     'page.wallet.openedInBrowser': '已在浏览器中打开',
     'page.wallet.openFailed': '打开钱包链接失败',
-    'page.wallet.loading': '正在加载钱包...'
+    'page.wallet.loading': '正在加载钱包...',
+    // Usage Rules
+    'page.wallet.usageRules': '使用规则',
+    'page.wallet.usageRulesSubtitle': '请仔细阅读以下使用条件',
+    'page.wallet.timeUsageLimits': '时间使用限制',
+    'page.wallet.totalQuantityControl': '总量控制',
+    'page.wallet.dailyLimit': '每日限制:',
+    'page.wallet.weeklyLimit': '每周限制:',
+    'page.wallet.monthlyLimit': '每月限制:',
+    'page.wallet.personalLimit': '个人限额:',
+    'page.wallet.dailyLimitDesc': '每天0点-24点最多使用{limit}次',
+    'page.wallet.weeklyLimitDesc': '每周一0点-周日24点最多使用{limit}次',
+    'page.wallet.monthlyLimitDesc': '每月1号0点-月末24点最多使用{limit}次',
+    'page.wallet.monthlyLimitUnlimited': '无限制',
+    'page.wallet.personalLimitDesc': '您最多可使用此券{total}次(剩余{remaining}次)',
+    'page.wallet.dailyReset': '每天0点自动重置计数',
+    'page.wallet.weeklyReset': '每周一0点自动重置计数',
+    'page.wallet.monthlyReset': '每月1号0点自动重置计数',
+    'page.wallet.voucherExpireNote': '用完后此券将自动失效'
   },
   'zh-HK': {
     // 繁体中文翻译
@@ -99,6 +135,24 @@ export default {
     'page.wallet.useAppleInstead': '您正在使用iOS設備，是否使用Apple Wallet代替Google Wallet?',
     'page.wallet.openedInBrowser': '已在瀏覽器中打開',
     'page.wallet.openFailed': '打開錢包連結失敗',
-    'page.wallet.loading': '正在加載錢包...'
+    'page.wallet.loading': '正在加載錢包...',
+    // Usage Rules
+    'page.wallet.usageRules': '使用規則',
+    'page.wallet.usageRulesSubtitle': '請仔細閱讀以下使用條件',
+    'page.wallet.timeUsageLimits': '時間使用限制',
+    'page.wallet.totalQuantityControl': '總量控制',
+    'page.wallet.dailyLimit': '每日限制:',
+    'page.wallet.weeklyLimit': '每週限制:',
+    'page.wallet.monthlyLimit': '每月限制:',
+    'page.wallet.personalLimit': '個人限額:',
+    'page.wallet.dailyLimitDesc': '每天0點-24點最多使用{limit}次',
+    'page.wallet.weeklyLimitDesc': '每週一0點-週日24點最多使用{limit}次',
+    'page.wallet.monthlyLimitDesc': '每月1號0點-月末24點最多使用{limit}次',
+    'page.wallet.monthlyLimitUnlimited': '無限制',
+    'page.wallet.personalLimitDesc': '您最多可使用此券{total}次(剩餘{remaining}次)',
+    'page.wallet.dailyReset': '每天0點自動重置計數',
+    'page.wallet.weeklyReset': '每週一0點自動重置計數',
+    'page.wallet.monthlyReset': '每月1號0點自動重置計數',
+    'page.wallet.voucherExpireNote': '用完後此券將自動失效'
   }
 };

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

@@ -43,7 +43,11 @@ export var getDetailApi = /*#__PURE__*/function () {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           _context2.next = 2;
-          return request.getRequest().get("/h5/machinecode/lowcode/detail/".concat(params.id), {});
+          return request.getRequest().get("/h5/machinecode/lowcode/detail/".concat(params.id), {
+            order_behavior_count: 1,
+            // 订单行为次数
+            order_behavior_count_customer: 1 // 客户订单行为次数
+          });
         case 2:
           _yield$request$getReq2 = _context2.sent;
           data = _yield$request$getReq2.data;

package/es/components/wallet/components/UsageRules/index.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import './index.less';
+interface UsageRule {
+    type: 'daily' | 'weekly' | 'monthly';
+    limit: number;
+    description: string;
+    resetTime?: string;
+}
+interface UsageRulesProps {
+    className?: string;
+    style?: React.CSSProperties;
+    rules?: UsageRule[];
+    personalLimit?: {
+        total: number;
+        remaining: number;
+        note?: string;
+    };
+    locales?: {
+        getText: (key: string) => string;
+    };
+}
+declare function UsageRules({ className, style, rules, personalLimit, locales }: UsageRulesProps): JSX.Element;
+export default UsageRules;