@blocklet/payment-react 1.22.32 → 1.23.1

package/docs/providers.zh-TW.md

@@ -4,29 +4,9 @@ Context Provider 是 `@blocklet/payment-react` 的一個核心概念。它們作
 
 要使用此函式庫中的大多數元件，您必須用適當的 provider 包裝您的應用程式或相關頁面。
 
-```d2 基本 Provider 結構 icon=graph:flowchart
-direction: down
-
-Your-Application: {
-  shape: rectangle
-
-  PaymentProvider: {
-    label: "PaymentProvider"
-    shape: rectangle
-
-    CheckoutForm: {
-      label: "CheckoutForm"
-    }
-    CustomerInvoiceList: {
-      label: "CustomerInvoiceList"
-    }
-  }
-}
-
-Your-Application -> PaymentProvider: "包裝"
-PaymentProvider -> CheckoutForm: "提供 context"
-PaymentProvider -> CustomerInvoiceList: "提供 context"
-```
+<!-- DIAGRAM_IMAGE_START:architecture:16:9::1765377042 -->
+![Providers](assets/diagram/providers-01.zh-TW.jpg)
+<!-- DIAGRAM_IMAGE_END -->
 
 此函式庫提供兩個主要的 provider，每個都有不同的用途。請選擇適合您需求的 provider。
 

package/docs/providers.zh.md

@@ -4,29 +4,9 @@ Context 提供者是 `@blocklet/payment-react` 的一个核心概念。它们充
 
 要使用此库中的大多数组件，您必须使用适当的提供者来包装您的应用程序或相关页面。
 
-```d2 Basic Provider Structure icon=graph:flowchart
-direction: down
-
-您的应用程序: {
-  shape: rectangle
-
-  PaymentProvider: {
-    label: "PaymentProvider"
-    shape: rectangle
-
-    CheckoutForm: {
-      label: "CheckoutForm"
-    }
-    CustomerInvoiceList: {
-      label: "CustomerInvoiceList"
-    }
-  }
-}
-
-您的应用程序 -> PaymentProvider: "包装"
-PaymentProvider -> CheckoutForm: "提供上下文"
-PaymentProvider -> CustomerInvoiceList: "提供上下文"
-```
+<!-- DIAGRAM_IMAGE_START:architecture:16:9::1765377042 -->
+![Providers](assets/diagram/providers-01.zh.jpg)
+<!-- DIAGRAM_IMAGE_END -->
 
 该库提供了两个主要的提供者，每个都有不同的用途。选择适合您需求的一个。
 

package/es/history/credit/transactions-list.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
-import { Box, Typography, Grid, Stack, Link, Button, Popover } from "@mui/material";
+import { Box, Typography, Grid, Stack, Link, Button } from "@mui/material";
 import { useRequest } from "ahooks";
 import { useNavigate } from "react-router-dom";
 import React, { useCallback, useEffect, useRef, useState } from "react";
@@ -12,7 +12,6 @@ import { usePaymentContext } from "../../contexts/payment.js";
 import api from "../../libs/api.js";
 import Table from "../../components/table.js";
 import { createLink, handleNavigation } from "../../libs/navigation.js";
-import SourceDataViewer from "../../components/source-data-viewer.js";
 const fetchData = (params = {}) => {
   const search = new URLSearchParams();
   Object.keys(params).forEach((key) => {
@@ -42,6 +41,16 @@ const getInvoiceDetailLink = (invoiceId, inDashboard) => {
     connect: false
   };
 };
+const getTransactionDetailLink = (transactionId, inDashboard) => {
+  let path = `/customer/credit-transaction/${transactionId}`;
+  if (inDashboard) {
+    path = `/admin/customers/${transactionId}`;
+  }
+  return {
+    link: createLink(path),
+    connect: false
+  };
+};
 const TransactionsTable = React.memo((props) => {
   const {
     pageSize,
@@ -69,7 +78,6 @@ const TransactionsTable = React.memo((props) => {
     start: void 0,
     end: void 0
   });
-  const [sourceDataPopover, setSourceDataPopover] = useState({ anchorEl: null, data: null });
   const handleDateRangeChange = useCallback((newValue) => {
     setFilters(newValue);
     setSearch((prev) => ({
@@ -104,6 +112,15 @@ const TransactionsTable = React.memo((props) => {
       prevData.current = data;
     }
   }, [data]);
+  const handleTransactionClick = (e, item) => {
+    if (item.activity_type === "grant") {
+      const { link } = getGrantDetailLink(item.id, isAdmin && mode === "dashboard");
+      handleNavigation(e, link, navigate, { target: link.external ? "_blank" : "_self" });
+    } else {
+      const { link } = getTransactionDetailLink(item.id, isAdmin && mode === "dashboard");
+      handleNavigation(e, link, navigate, { target: link.external ? "_blank" : "_self" });
+    }
+  };
   const columns = [
     {
       label: t("common.amount"),
@@ -118,13 +135,13 @@ const TransactionsTable = React.memo((props) => {
           const unit = !isGrant && item.meter?.unit ? item.meter.unit : currency?.symbol;
           const displayAmount = formatBNStr(amount, currency?.decimal || 0);
           if (!includeGrants) {
-            return /* @__PURE__ */ jsxs(Typography, { children: [
+            return /* @__PURE__ */ jsx(Box, { onClick: (e) => handleTransactionClick(e, item), children: /* @__PURE__ */ jsxs(Typography, { children: [
               displayAmount,
               " ",
               unit
-            ] });
+            ] }) });
           }
-          return /* @__PURE__ */ jsxs(
+          return /* @__PURE__ */ jsx(Box, { onClick: (e) => handleTransactionClick(e, item), children: /* @__PURE__ */ jsxs(
             Typography,
             {
               sx: {
@@ -138,7 +155,7 @@ const TransactionsTable = React.memo((props) => {
                 unit
               ]
             }
-          );
+          ) });
         }
       }
     },
@@ -177,7 +194,7 @@ const TransactionsTable = React.memo((props) => {
           const item = data?.list[index];
           const isGrant = item.activity_type === "grant";
           const description = isGrant ? item.name || item.description || "Credit Granted" : item.subscription?.description || item.description || `${item.meter_event_name} usage`;
-          return /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { fontWeight: 400 }, children: description });
+          return /* @__PURE__ */ jsx(Box, { onClick: (e) => handleTransactionClick(e, item), children: /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { fontWeight: 400 }, children: description }) });
         }
       }
     },
@@ -202,7 +219,7 @@ const TransactionsTable = React.memo((props) => {
       options: {
         customBodyRenderLite: (_, index) => {
           const item = data?.list[index];
-          return /* @__PURE__ */ jsx(
+          return /* @__PURE__ */ jsx(Box, { onClick: (e) => handleTransactionClick(e, item), children: /* @__PURE__ */ jsx(
             Typography,
             {
               variant: "body2",
@@ -212,7 +229,7 @@ const TransactionsTable = React.memo((props) => {
               },
               children: formatToDate(item.created_at, locale, "YYYY-MM-DD HH:mm")
             }
-          );
+          ) });
         }
       }
     },
@@ -224,7 +241,6 @@ const TransactionsTable = React.memo((props) => {
           const item = data?.list[index];
           const isGrant = item.activity_type === "grant";
           const invoiceId = isGrant ? item.metadata?.invoice_id : null;
-          const sourceData = !isGrant && item.meterEvent?.source_data;
           return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 1, alignItems: "center" }, children: [
             isGrant && invoiceId && /* @__PURE__ */ jsx(
               Button,
@@ -240,7 +256,7 @@ const TransactionsTable = React.memo((props) => {
                 children: t("common.viewInvoice")
               }
             ),
-            sourceData && /* @__PURE__ */ jsx(
+            !isGrant && /* @__PURE__ */ jsx(
               Button,
               {
                 variant: "text",
@@ -248,12 +264,10 @@ const TransactionsTable = React.memo((props) => {
                 color: "primary",
                 onClick: (e) => {
                   e.preventDefault();
-                  setSourceDataPopover({
-                    anchorEl: e.currentTarget,
-                    data: sourceData
-                  });
+                  const link = getTransactionDetailLink(item.id, isAdmin && mode === "dashboard");
+                  handleNavigation(e, link.link, navigate);
                 },
-                children: t("common.viewSourceData")
+                children: t("common.viewDetail")
               }
             )
           ] });
@@ -311,38 +325,6 @@ const TransactionsTable = React.memo((props) => {
         mobileTDFlexDirection: "row",
         emptyNodeText: t("admin.creditTransactions.noTransactions")
       }
-    ),
-    /* @__PURE__ */ jsx(
-      Popover,
-      {
-        open: Boolean(sourceDataPopover.anchorEl),
-        anchorEl: sourceDataPopover.anchorEl,
-        onClose: () => setSourceDataPopover({ anchorEl: null, data: null }),
-        anchorOrigin: {
-          vertical: "bottom",
-          horizontal: "left"
-        },
-        transformOrigin: {
-          vertical: "top",
-          horizontal: "left"
-        },
-        slotProps: {
-          paper: {
-            sx: {
-              minWidth: {
-                xs: 0,
-                md: 320
-              },
-              maxHeight: 450,
-              p: {
-                xs: 1,
-                md: 3
-              }
-            }
-          }
-        },
-        children: sourceDataPopover.data && /* @__PURE__ */ jsx(SourceDataViewer, { data: sourceDataPopover.data, showGroups: true })
-      }
     )
   ] });
 });

package/es/locales/en.js

@@ -12,6 +12,7 @@ export default flat({
     options: "Options",
     advanced: "Advanced options",
     login: "Login to access this page",
+    accessDenied: "You do not have permission to access other customer data",
     settings: "Settings",
     preview: "Preview",
     required: "Required",
@@ -55,6 +56,21 @@ export default flat({
     stakeTxHash: "Stake Transaction",
     slashTxHash: "Slash Transaction",
     transferTxHash: "Transfer Transaction",
+    mintTxHash: "Mint Transaction",
+    pending: "Pending",
+    failed: "Failed",
+    completed: "Completed",
+    creditTransaction: "Credit Transaction",
+    creditAmount: "Credit Amount",
+    remainingBalance: "Remaining Balance",
+    transferStatus: "Transaction Status",
+    sourceData: "Source Data",
+    viewGrant: "View Grant",
+    viewSubscription: "View Subscription",
+    view: "View",
+    meterEvent: "Meter Event",
+    source: "Source",
+    viewDetail: "View Detail",
     customer: "Customer",
     currency: "Currency",
     custom: "Custom",
@@ -235,10 +251,10 @@ export default flat({
       },
       credit: {
         normal: {
-          oneTime: "You will receive {amount} {symbol} after payment.",
-          oneTimeWithExpiry: "You will receive {amount} {symbol} after payment, valid for {duration} {unit}.",
-          recurring: "You will receive {amount} {symbol} {period}.",
-          recurringWithExpiry: "You will receive {amount} {symbol} {period}, valid for {duration} {unit}."
+          oneTime: "Top up {amount} {symbol} credit.",
+          oneTimeWithExpiry: "Top up {amount} {symbol} credit, valid for {duration} {unit}.",
+          recurring: "Top up {amount} {symbol} credit {period}.",
+          recurringWithExpiry: "Top up {amount} {symbol} credit {period}, valid for {duration} {unit}."
         },
         pending: {
           notEnough: "Your outstanding balance is {amount} {symbol}. To settle it, a minimum purchase of {quantity} units is required.",

package/es/locales/zh.js

@@ -16,6 +16,7 @@ export default flat({
     required: "\u5FC5\u586B",
     setup: "\u8BBE\u7F6E",
     login: "\u767B\u5F55\u4EE5\u8BBF\u95EE\u6B64\u9875\u9762",
+    accessDenied: "\u60A8\u65E0\u6743\u8BBF\u95EE\u5176\u4ED6\u5BA2\u6237\u7684\u6570\u636E",
     amount: "\u91D1\u989D",
     total: "\u603B\u8BA1",
     subtotal: "\u5C0F\u8BA1",
@@ -55,6 +56,21 @@ export default flat({
     stakeTxHash: "\u8D28\u62BC\u4EA4\u6613",
     slashTxHash: "\u7F5A\u6CA1\u4EA4\u6613",
     transferTxHash: "\u6263\u6B3E\u4EA4\u6613",
+    mintTxHash: "\u94F8\u9020\u4EA4\u6613",
+    pending: "\u5904\u7406\u4E2D",
+    failed: "\u5931\u8D25",
+    completed: "\u5DF2\u5B8C\u6210",
+    creditTransaction: "\u4FE1\u7528\u4EA4\u6613",
+    creditAmount: "\u4FE1\u7528\u989D\u5EA6",
+    remainingBalance: "\u5269\u4F59\u4F59\u989D",
+    transferStatus: "\u4EA4\u6613\u72B6\u6001",
+    sourceData: "\u6E90\u6570\u636E",
+    viewGrant: "\u67E5\u770B\u989D\u5EA6",
+    viewSubscription: "\u67E5\u770B\u8BA2\u9605",
+    view: "\u67E5\u770B",
+    meterEvent: "\u8BA1\u91CF\u4E8B\u4EF6",
+    source: "\u6765\u6E90",
+    viewDetail: "\u67E5\u770B\u8BE6\u60C5",
     customer: "\u5BA2\u6237",
     currency: "\u5E01\u79CD",
     custom: "\u81EA\u5B9A\u4E49",
@@ -272,10 +288,10 @@ export default flat({
       },
       credit: {
         normal: {
-          oneTime: "\u4ED8\u6B3E\u5B8C\u6210\u540E\u60A8\u5C06\u83B7\u5F97 {amount} {symbol} \u989D\u5EA6\u3002",
-          oneTimeWithExpiry: "\u4ED8\u6B3E\u5B8C\u6210\u540E\u60A8\u5C06\u83B7\u5F97 {amount} {symbol} \u989D\u5EA6\uFF0C\u6709\u6548\u671F {duration} {unit}\u3002",
-          recurring: "\u4ED8\u6B3E\u5B8C\u6210\u540E\uFF0C{period}\u60A8\u5C06\u83B7\u5F97 {amount} {symbol} \u989D\u5EA6\u3002",
-          recurringWithExpiry: "\u4ED8\u6B3E\u5B8C\u6210\u540E\uFF0C{period}\u60A8\u5C06\u83B7\u5F97 {amount} {symbol} \u989D\u5EA6\uFF0C\u6709\u6548\u671F {duration} {unit}\u3002"
+          oneTime: "\u5145\u503C {amount} {symbol} \u989D\u5EA6\u3002",
+          oneTimeWithExpiry: "\u5145\u503C {amount} {symbol} \u989D\u5EA6\uFF0C\u6709\u6548\u671F {duration} {unit}\u3002",
+          recurring: "{period}\u5145\u503C {amount} {symbol} \u989D\u5EA6\u3002",
+          recurringWithExpiry: "{period}\u5145\u503C {amount} {symbol} \u989D\u5EA6\uFF0C\u6709\u6548\u671F {duration} {unit}\u3002"
         },
         pending: {
           notEnough: "\u60A8\u5F53\u524D\u6B20\u8D39 {amount} {symbol}\uFF0C\u81F3\u5C11\u9700\u8981\u8D2D\u4E70 {quantity} \u6570\u91CF\u3002",

package/lib/history/credit/transactions-list.js

@@ -18,7 +18,6 @@ var _payment = require("../../contexts/payment");
 var _api = _interopRequireDefault(require("../../libs/api"));
 var _table = _interopRequireDefault(require("../../components/table"));
 var _navigation = require("../../libs/navigation");
-var _sourceDataViewer = _interopRequireDefault(require("../../components/source-data-viewer"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -51,6 +50,16 @@ const getInvoiceDetailLink = (invoiceId, inDashboard) => {
     connect: false
   };
 };
+const getTransactionDetailLink = (transactionId, inDashboard) => {
+  let path = `/customer/credit-transaction/${transactionId}`;
+  if (inDashboard) {
+    path = `/admin/customers/${transactionId}`;
+  }
+  return {
+    link: (0, _navigation.createLink)(path),
+    connect: false
+  };
+};
 const TransactionsTable = _react.default.memo(props => {
   const {
     pageSize,
@@ -83,10 +92,6 @@ const TransactionsTable = _react.default.memo(props => {
     start: void 0,
     end: void 0
   });
-  const [sourceDataPopover, setSourceDataPopover] = (0, _react.useState)({
-    anchorEl: null,
-    data: null
-  });
   const handleDateRangeChange = (0, _react.useCallback)(newValue => {
     setFilters(newValue);
     setSearch(prev => ({
@@ -124,6 +129,23 @@ const TransactionsTable = _react.default.memo(props => {
       prevData.current = data;
     }
   }, [data]);
+  const handleTransactionClick = (e, item) => {
+    if (item.activity_type === "grant") {
+      const {
+        link
+      } = getGrantDetailLink(item.id, isAdmin && mode === "dashboard");
+      (0, _navigation.handleNavigation)(e, link, navigate, {
+        target: link.external ? "_blank" : "_self"
+      });
+    } else {
+      const {
+        link
+      } = getTransactionDetailLink(item.id, isAdmin && mode === "dashboard");
+      (0, _navigation.handleNavigation)(e, link, navigate, {
+        target: link.external ? "_blank" : "_self"
+      });
+    }
+  };
   const columns = [{
     label: t("common.amount"),
     name: "credit_amount",
@@ -137,15 +159,21 @@ const TransactionsTable = _react.default.memo(props => {
         const unit = !isGrant && item.meter?.unit ? item.meter.unit : currency?.symbol;
         const displayAmount = (0, _util.formatBNStr)(amount, currency?.decimal || 0);
         if (!includeGrants) {
-          return /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Typography, {
-            children: [displayAmount, " ", unit]
+          return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
+            onClick: e => handleTransactionClick(e, item),
+            children: /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Typography, {
+              children: [displayAmount, " ", unit]
+            })
           });
         }
-        return /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Typography, {
-          sx: {
-            color: isGrant ? "success.main" : "error.main"
-          },
-          children: [isGrant ? "+" : "-", " ", displayAmount, " ", unit]
+        return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
+          onClick: e => handleTransactionClick(e, item),
+          children: /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Typography, {
+            sx: {
+              color: isGrant ? "success.main" : "error.main"
+            },
+            children: [isGrant ? "+" : "-", " ", displayAmount, " ", unit]
+          })
         });
       }
     }
@@ -186,12 +214,15 @@ const TransactionsTable = _react.default.memo(props => {
         const item = data?.list[index];
         const isGrant = item.activity_type === "grant";
         const description = isGrant ? item.name || item.description || "Credit Granted" : item.subscription?.description || item.description || `${item.meter_event_name} usage`;
-        return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
-          variant: "body2",
-          sx: {
-            fontWeight: 400
-          },
-          children: description
+        return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
+          onClick: e => handleTransactionClick(e, item),
+          children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
+            variant: "body2",
+            sx: {
+              fontWeight: 400
+            },
+            children: description
+          })
         });
       }
     }
@@ -225,13 +256,16 @@ const TransactionsTable = _react.default.memo(props => {
     options: {
       customBodyRenderLite: (_, index) => {
         const item = data?.list[index];
-        return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
-          variant: "body2",
-          sx: {
-            color: "text.secondary",
-            fontSize: "0.875rem"
-          },
-          children: (0, _util.formatToDate)(item.created_at, locale, "YYYY-MM-DD HH:mm")
+        return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
+          onClick: e => handleTransactionClick(e, item),
+          children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
+            variant: "body2",
+            sx: {
+              color: "text.secondary",
+              fontSize: "0.875rem"
+            },
+            children: (0, _util.formatToDate)(item.created_at, locale, "YYYY-MM-DD HH:mm")
+          })
         });
       }
     }
@@ -243,7 +277,6 @@ const TransactionsTable = _react.default.memo(props => {
         const item = data?.list[index];
         const isGrant = item.activity_type === "grant";
         const invoiceId = isGrant ? item.metadata?.invoice_id : null;
-        const sourceData = !isGrant && item.meterEvent?.source_data;
         return /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
           sx: {
             display: "flex",
@@ -260,18 +293,16 @@ const TransactionsTable = _react.default.memo(props => {
               (0, _navigation.handleNavigation)(e, link.link, navigate);
             },
             children: t("common.viewInvoice")
-          }), sourceData && /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Button, {
+          }), !isGrant && /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Button, {
             variant: "text",
             size: "small",
             color: "primary",
             onClick: e => {
               e.preventDefault();
-              setSourceDataPopover({
-                anchorEl: e.currentTarget,
-                data: sourceData
-              });
+              const link = getTransactionDetailLink(item.id, isAdmin && mode === "dashboard");
+              (0, _navigation.handleNavigation)(e, link.link, navigate);
             },
-            children: t("common.viewSourceData")
+            children: t("common.viewDetail")
           })]
         });
       }
@@ -344,40 +375,6 @@ const TransactionsTable = _react.default.memo(props => {
       showMobile: false,
       mobileTDFlexDirection: "row",
       emptyNodeText: t("admin.creditTransactions.noTransactions")
-    }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Popover, {
-      open: Boolean(sourceDataPopover.anchorEl),
-      anchorEl: sourceDataPopover.anchorEl,
-      onClose: () => setSourceDataPopover({
-        anchorEl: null,
-        data: null
-      }),
-      anchorOrigin: {
-        vertical: "bottom",
-        horizontal: "left"
-      },
-      transformOrigin: {
-        vertical: "top",
-        horizontal: "left"
-      },
-      slotProps: {
-        paper: {
-          sx: {
-            minWidth: {
-              xs: 0,
-              md: 320
-            },
-            maxHeight: 450,
-            p: {
-              xs: 1,
-              md: 3
-            }
-          }
-        }
-      },
-      children: sourceDataPopover.data && /* @__PURE__ */(0, _jsxRuntime.jsx)(_sourceDataViewer.default, {
-        data: sourceDataPopover.data,
-        showGroups: true
-      })
     })]
   });
 });

package/lib/locales/en.js

@@ -19,6 +19,7 @@ module.exports = (0, _flat.default)({
     options: "Options",
     advanced: "Advanced options",
     login: "Login to access this page",
+    accessDenied: "You do not have permission to access other customer data",
     settings: "Settings",
     preview: "Preview",
     required: "Required",
@@ -62,6 +63,21 @@ module.exports = (0, _flat.default)({
     stakeTxHash: "Stake Transaction",
     slashTxHash: "Slash Transaction",
     transferTxHash: "Transfer Transaction",
+    mintTxHash: "Mint Transaction",
+    pending: "Pending",
+    failed: "Failed",
+    completed: "Completed",
+    creditTransaction: "Credit Transaction",
+    creditAmount: "Credit Amount",
+    remainingBalance: "Remaining Balance",
+    transferStatus: "Transaction Status",
+    sourceData: "Source Data",
+    viewGrant: "View Grant",
+    viewSubscription: "View Subscription",
+    view: "View",
+    meterEvent: "Meter Event",
+    source: "Source",
+    viewDetail: "View Detail",
     customer: "Customer",
     currency: "Currency",
     custom: "Custom",
@@ -242,10 +258,10 @@ module.exports = (0, _flat.default)({
       },
       credit: {
         normal: {
-          oneTime: "You will receive {amount} {symbol} after payment.",
-          oneTimeWithExpiry: "You will receive {amount} {symbol} after payment, valid for {duration} {unit}.",
-          recurring: "You will receive {amount} {symbol} {period}.",
-          recurringWithExpiry: "You will receive {amount} {symbol} {period}, valid for {duration} {unit}."
+          oneTime: "Top up {amount} {symbol} credit.",
+          oneTimeWithExpiry: "Top up {amount} {symbol} credit, valid for {duration} {unit}.",
+          recurring: "Top up {amount} {symbol} credit {period}.",
+          recurringWithExpiry: "Top up {amount} {symbol} credit {period}, valid for {duration} {unit}."
         },
         pending: {
           notEnough: "Your outstanding balance is {amount} {symbol}. To settle it, a minimum purchase of {quantity} units is required.",

package/lib/locales/zh.js

@@ -23,6 +23,7 @@ module.exports = (0, _flat.default)({
     required: "\u5FC5\u586B",
     setup: "\u8BBE\u7F6E",
     login: "\u767B\u5F55\u4EE5\u8BBF\u95EE\u6B64\u9875\u9762",
+    accessDenied: "\u60A8\u65E0\u6743\u8BBF\u95EE\u5176\u4ED6\u5BA2\u6237\u7684\u6570\u636E",
     amount: "\u91D1\u989D",
     total: "\u603B\u8BA1",
     subtotal: "\u5C0F\u8BA1",
@@ -62,6 +63,21 @@ module.exports = (0, _flat.default)({
     stakeTxHash: "\u8D28\u62BC\u4EA4\u6613",
     slashTxHash: "\u7F5A\u6CA1\u4EA4\u6613",
     transferTxHash: "\u6263\u6B3E\u4EA4\u6613",
+    mintTxHash: "\u94F8\u9020\u4EA4\u6613",
+    pending: "\u5904\u7406\u4E2D",
+    failed: "\u5931\u8D25",
+    completed: "\u5DF2\u5B8C\u6210",
+    creditTransaction: "\u4FE1\u7528\u4EA4\u6613",
+    creditAmount: "\u4FE1\u7528\u989D\u5EA6",
+    remainingBalance: "\u5269\u4F59\u4F59\u989D",
+    transferStatus: "\u4EA4\u6613\u72B6\u6001",
+    sourceData: "\u6E90\u6570\u636E",
+    viewGrant: "\u67E5\u770B\u989D\u5EA6",
+    viewSubscription: "\u67E5\u770B\u8BA2\u9605",
+    view: "\u67E5\u770B",
+    meterEvent: "\u8BA1\u91CF\u4E8B\u4EF6",
+    source: "\u6765\u6E90",
+    viewDetail: "\u67E5\u770B\u8BE6\u60C5",
     customer: "\u5BA2\u6237",
     currency: "\u5E01\u79CD",
     custom: "\u81EA\u5B9A\u4E49",
@@ -279,10 +295,10 @@ module.exports = (0, _flat.default)({
       },
       credit: {
         normal: {
-          oneTime: "\u4ED8\u6B3E\u5B8C\u6210\u540E\u60A8\u5C06\u83B7\u5F97 {amount} {symbol} \u989D\u5EA6\u3002",
-          oneTimeWithExpiry: "\u4ED8\u6B3E\u5B8C\u6210\u540E\u60A8\u5C06\u83B7\u5F97 {amount} {symbol} \u989D\u5EA6\uFF0C\u6709\u6548\u671F {duration} {unit}\u3002",
-          recurring: "\u4ED8\u6B3E\u5B8C\u6210\u540E\uFF0C{period}\u60A8\u5C06\u83B7\u5F97 {amount} {symbol} \u989D\u5EA6\u3002",
-          recurringWithExpiry: "\u4ED8\u6B3E\u5B8C\u6210\u540E\uFF0C{period}\u60A8\u5C06\u83B7\u5F97 {amount} {symbol} \u989D\u5EA6\uFF0C\u6709\u6548\u671F {duration} {unit}\u3002"
+          oneTime: "\u5145\u503C {amount} {symbol} \u989D\u5EA6\u3002",
+          oneTimeWithExpiry: "\u5145\u503C {amount} {symbol} \u989D\u5EA6\uFF0C\u6709\u6548\u671F {duration} {unit}\u3002",
+          recurring: "{period}\u5145\u503C {amount} {symbol} \u989D\u5EA6\u3002",
+          recurringWithExpiry: "{period}\u5145\u503C {amount} {symbol} \u989D\u5EA6\uFF0C\u6709\u6548\u671F {duration} {unit}\u3002"
         },
         pending: {
           notEnough: "\u60A8\u5F53\u524D\u6B20\u8D39 {amount} {symbol}\uFF0C\u81F3\u5C11\u9700\u8981\u8D2D\u4E70 {quantity} \u6570\u91CF\u3002",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/payment-react",
-  "version": "1.22.32",
+  "version": "1.23.1",
   "description": "Reusable react components for payment kit v2",
   "keywords": [
     "react",
@@ -96,7 +96,7 @@
     "@babel/core": "^7.27.4",
     "@babel/preset-env": "^7.27.2",
     "@babel/preset-react": "^7.27.1",
-    "@blocklet/payment-types": "1.22.32",
+    "@blocklet/payment-types": "1.23.1",
     "@storybook/addon-essentials": "^7.6.20",
     "@storybook/addon-interactions": "^7.6.20",
     "@storybook/addon-links": "^7.6.20",
@@ -127,5 +127,5 @@
     "vite-plugin-babel": "^1.3.1",
     "vite-plugin-node-polyfills": "^0.23.0"
   },
-  "gitHead": "4b5eac2af9a6a10a4f971f7dcbe220e8049d0cc7"
+  "gitHead": "393e83d16adecbe9aa9d145732c45b2198a2e8b9"
 }