@blocklet/payment-react 1.15.33 → 1.15.34

package/es/components/pricing-table.d.ts

@@ -6,13 +6,15 @@ type Props = {
     alignItems?: 'center' | 'left';
     mode?: 'checkout' | 'select';
     interval?: string;
+    hideCurrency?: boolean;
 };
-declare function PricingTable({ table, alignItems, interval, mode, onSelect }: Props): import("react").JSX.Element;
+declare function PricingTable({ table, alignItems, interval, mode, onSelect, hideCurrency }: Props): import("react").JSX.Element;
 declare namespace PricingTable {
     var defaultProps: {
         alignItems: string;
         mode: string;
         interval: string;
+        hideCurrency: boolean;
     };
 }
 export default PricingTable;

package/es/components/pricing-table.js

@@ -58,9 +58,10 @@ const groupItemsByRecurring = (items, currency) => {
 PricingTable.defaultProps = {
   alignItems: "center",
   mode: "checkout",
-  interval: ""
+  interval: "",
+  hideCurrency: false
 };
-export default function PricingTable({ table, alignItems, interval, mode, onSelect }) {
+export default function PricingTable({ table, alignItems, interval, mode, onSelect, hideCurrency }) {
   const { t, locale } = useLocaleContext();
   const { isMobile } = useMobile();
   const {
@@ -258,7 +259,7 @@ export default function PricingTable({ table, alignItems, interval, mode, onSele
                   ))
                 }
               ) }),
-              currencyList.length > 0 && /* @__PURE__ */ jsx(
+              currencyList.length > 0 && !hideCurrency && /* @__PURE__ */ jsx(
                 Select,
                 {
                   value: currency?.id,

package/es/history/invoice/list.d.ts

@@ -4,6 +4,7 @@ type Props = {
     subscription_id?: string;
     currency_id?: string;
     include_staking?: boolean;
+    include_return_staking?: boolean;
     include_recovered_from?: boolean;
     status?: string;
     pageSize?: number;

package/es/history/invoice/list.js

@@ -16,6 +16,7 @@ import {
   formatError,
   formatToDate,
   formatToDatetime,
+  getInvoiceDescriptionAndReason,
   getInvoiceStatusColor,
   getPrefix,
   getTxLink
@@ -69,6 +70,7 @@ const InvoiceTable = React.memo((props) => {
     currency_id,
     subscription_id,
     include_staking,
+    include_return_staking,
     include_recovered_from,
     onTableDataChange
   } = props;
@@ -90,6 +92,7 @@ const InvoiceTable = React.memo((props) => {
       currency_id,
       subscription_id,
       include_staking,
+      include_return_staking,
       include_recovered_from,
       ignore_zero: true
     }),
@@ -131,6 +134,17 @@ const InvoiceTable = React.memo((props) => {
         }
       }
     },
+    {
+      label: t("common.type"),
+      name: "billing_reason",
+      options: {
+        customBodyRenderLite: (_, index) => {
+          const invoice = data.list[index];
+          const link = getInvoiceLink(invoice, action);
+          return /* @__PURE__ */ jsx("a", { href: link.url, target: link.external ? "_blank" : target, rel: "noreferrer", children: /* @__PURE__ */ jsx(Status, { label: getInvoiceDescriptionAndReason(invoice, locale)?.type }) });
+        }
+      }
+    },
     {
       label: t("payment.customer.invoice.invoiceNumber"),
       name: "number",
@@ -161,7 +175,7 @@ const InvoiceTable = React.memo((props) => {
         customBodyRenderLite: (val, index) => {
           const invoice = data?.list[index];
           const link = getInvoiceLink(invoice, action);
-          return /* @__PURE__ */ jsx("a", { href: link.url, target: link.external ? "_blank" : target, rel: "noreferrer", children: invoice.description || invoice.id });
+          return /* @__PURE__ */ jsx("a", { href: link.url, target: link.external ? "_blank" : target, rel: "noreferrer", children: getInvoiceDescriptionAndReason(invoice, locale)?.description || invoice.id });
         }
       }
     },

package/es/libs/util.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { PaymentDetails, PriceCurrency, PriceRecurring, TLineItemExpanded, TPaymentCurrency, TPaymentCurrencyExpanded, TPaymentMethod, TPaymentMethodExpanded, TPrice, TProductExpanded, TSubscriptionExpanded, TSubscriptionItemExpanded } from '@blocklet/payment-types';
+import type { PaymentDetails, PriceCurrency, PriceRecurring, TInvoiceExpanded, TLineItemExpanded, TPaymentCurrency, TPaymentCurrencyExpanded, TPaymentMethod, TPaymentMethodExpanded, TPrice, TProductExpanded, TSubscriptionExpanded, TSubscriptionItemExpanded } from '@blocklet/payment-types';
 import { ActionProps, PricingRenderProps } from '../types';
 export declare const PAYMENT_KIT_DID = "z2qaCNvKMv5GjouKdcDWexv6WqtHbpNPQDnAk";
 export declare const isPaymentKitMounted: () => any;
@@ -108,3 +108,9 @@ export declare function getWordBreakStyle(value: any): 'break-word' | 'break-all
 export declare function isMobileSafari(): boolean;
 export declare function truncateText(text: string, maxLength: number, useWidth?: boolean): string;
 export declare function getCustomerAvatar(did: string | undefined, updated_at: string | number | undefined, imageSize?: number): string;
+export declare function hasDelegateTxHash(details: PaymentDetails, paymentMethod: TPaymentMethod): any;
+export declare function getInvoiceDescriptionAndReason(invoice: TInvoiceExpanded, locale?: string): {
+    description: string | undefined;
+    reason: string;
+    type: string;
+};

package/es/libs/util.js

@@ -669,6 +669,9 @@ export const flattenPaymentMethods = (methods = []) => {
   return out;
 };
 export const getTxLink = (method, details) => {
+  if (!details) {
+    return { text: "N/A", link: "", gas: "" };
+  }
   if (method.type === "arcblock" && details.arcblock?.tx_hash) {
     return {
       link: joinURL(method.settings.arcblock?.explorer_host, "/txs", details.arcblock?.tx_hash),
@@ -842,3 +845,41 @@ export function getCustomerAvatar(did, updated_at, imageSize = 48) {
   const updated = typeof updated_at === "number" ? updated_at : dayjs(updated_at).unix();
   return `/.well-known/service/user/avatar/${did}?imageFilter=resize&w=${imageSize}&h=${imageSize}&updateAt=${updated || dayjs().unix()}`;
 }
+export function hasDelegateTxHash(details, paymentMethod) {
+  return paymentMethod?.type && ["arcblock", "ethereum"].includes(paymentMethod?.type) && // @ts-ignore
+  details?.[paymentMethod?.type]?.tx_hash;
+}
+export function getInvoiceDescriptionAndReason(invoice, locale = "en") {
+  const { billing_reason: reason, description } = invoice;
+  const reasonMap = {
+    subscription_create: t("payment.invoice.reason.creation", locale),
+    subscription_cycle: t("payment.invoice.reason.cycle", locale),
+    subscription_update: t("payment.invoice.reason.update", locale),
+    subscription_recover: t("payment.invoice.reason.recover", locale),
+    subscription_threshold: t("payment.invoice.reason.threshold", locale),
+    subscription_cancel: t("payment.invoice.reason.cancel", locale),
+    manual: t("payment.invoice.reason.manual", locale),
+    upcoming: t("payment.invoice.reason.upcoming", locale),
+    slash_stake: t("payment.invoice.reason.slashStake", locale),
+    stake: t("payment.invoice.reason.stake", locale),
+    return_stake: t("payment.invoice.reason.returnStake", locale)
+  };
+  if (description?.startsWith("Subscription ") || description?.startsWith("Slash stake")) {
+    return {
+      description: reasonMap[reason],
+      reason: reasonMap[reason],
+      type: reason.includes("stake") ? reasonMap[reason] : t("payment.invoice.reason.payment", locale)
+    };
+  }
+  const descMap = {
+    "Stake for subscription plan change": t("payment.invoice.reason.stakeForChangePlan", locale),
+    "Stake for subscription payment change": t("payment.invoice.reason.stakeForChangePayment", locale),
+    "Stake for subscription": t("payment.invoice.reason.staking", locale),
+    "Return Subscription staking": t("payment.invoice.reason.returnStake", locale)
+  };
+  return {
+    description: descMap[description] || description,
+    reason: reasonMap[reason] || reason,
+    type: reason.includes("stake") ? reasonMap[reason] : t("payment.invoice.reason.payment", locale)
+  };
+}

package/es/locales/en.js

@@ -88,7 +88,9 @@ export default flat({
     quantityLimitPerCheckout: "Exceed purchase limit",
     quantityNotEnough: "Exceed inventory",
     amountPrecisionLimit: "Amount decimal places must be less than or equal to {precision}",
-    saveAsDefaultPriceSuccess: "Set default price successfully"
+    saveAsDefaultPriceSuccess: "Set default price successfully",
+    stakeAmount: "Stake Amount",
+    slashStakeAmount: "Slash Stake Amount"
   },
   payment: {
     checkout: {
@@ -305,7 +307,12 @@ export default flat({
         cancel: "Subscription cancel",
         manual: "Manual invoice",
         upcoming: "Upcoming invoice",
-        slashStake: "Slash stake"
+        slashStake: "Slash stake",
+        stake: "Stake",
+        payment: "Payment",
+        returnStake: "Return stake",
+        stakeForChangePlan: "Subscription plan update",
+        stakeForChangePayment: "Subscription payment method update"
       }
     }
   },

package/es/locales/zh.js

@@ -88,7 +88,9 @@ export default flat({
     quantityLimitPerCheckout: "\u8D85\u51FA\u8D2D\u4E70\u9650\u5236",
     quantityNotEnough: "\u5E93\u5B58\u4E0D\u8DB3",
     amountPrecisionLimit: "\u91D1\u989D\u5C0F\u6570\u4F4D\u6570\u5FC5\u987B\u5728 {precision} \u4F4D\u4EE5\u5185",
-    saveAsDefaultPriceSuccess: "\u8BBE\u7F6E\u9ED8\u8BA4\u4EF7\u683C\u6210\u529F"
+    saveAsDefaultPriceSuccess: "\u8BBE\u7F6E\u9ED8\u8BA4\u4EF7\u683C\u6210\u529F",
+    stakeAmount: "\u8D28\u62BC\u91D1\u989D",
+    slashStakeAmount: "\u7F5A\u6CA1\u91D1\u989D"
   },
   payment: {
     checkout: {
@@ -298,14 +300,19 @@ export default flat({
       reason: {
         creation: "\u8BA2\u9605\u521B\u5EFA",
         cycle: "\u81EA\u52A8\u6263\u8D39",
-        staking: "\u8BA2\u9605\u521B\u5EFA\uFF08\u8D28\u62BC\uFF09",
+        staking: "\u8BA2\u9605\u521B\u5EFA",
         update: "\u8BA2\u9605\u66F4\u65B0",
         recover: "\u8BA2\u9605\u6062\u590D",
         threshold: "\u7528\u91CF\u8D26\u5355",
         cancel: "\u8BA2\u9605\u53D6\u6D88",
         manual: "\u4EBA\u5DE5\u8D26\u5355",
         upcoming: "\u672A\u6765\u8D26\u5355",
-        slashStake: "\u7F5A\u6CA1\u8D28\u62BC"
+        slashStake: "\u7F5A\u6CA1\u8D28\u62BC",
+        stake: "\u62BC\u91D1",
+        payment: "\u4ED8\u6B3E",
+        returnStake: "\u9000\u62BC\u91D1",
+        stakeForChangePlan: "\u8BA2\u9605\u5957\u9910\u66F4\u65B0",
+        stakeForChangePayment: "\u8BA2\u9605\u652F\u4ED8\u65B9\u5F0F\u66F4\u65B0"
       }
     }
   },

package/lib/components/pricing-table.d.ts

@@ -6,13 +6,15 @@ type Props = {
     alignItems?: 'center' | 'left';
     mode?: 'checkout' | 'select';
     interval?: string;
+    hideCurrency?: boolean;
 };
-declare function PricingTable({ table, alignItems, interval, mode, onSelect }: Props): import("react").JSX.Element;
+declare function PricingTable({ table, alignItems, interval, mode, onSelect, hideCurrency }: Props): import("react").JSX.Element;
 declare namespace PricingTable {
     var defaultProps: {
         alignItems: string;
         mode: string;
         interval: string;
+        hideCurrency: boolean;
     };
 }
 export default PricingTable;

package/lib/components/pricing-table.js

@@ -48,14 +48,16 @@ const groupItemsByRecurring = (items, currency) => {
 PricingTable.defaultProps = {
   alignItems: "center",
   mode: "checkout",
-  interval: ""
+  interval: "",
+  hideCurrency: false
 };
 function PricingTable({
   table,
   alignItems,
   interval,
   mode,
-  onSelect
+  onSelect,
+  hideCurrency
 }) {
   const {
     t,
@@ -274,7 +276,7 @@ function PricingTable({
               children: (0, _util2.formatRecurring)(recurring[x], true, "", locale)
             }, x))
           })
-        }), currencyList.length > 0 && /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Select, {
+        }), currencyList.length > 0 && !hideCurrency && /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Select, {
           value: currency?.id,
           onChange: e => setCurrency(currencyList.find(v => v?.id === e.target.value)),
           size: "small",

package/lib/history/invoice/list.d.ts

@@ -4,6 +4,7 @@ type Props = {
     subscription_id?: string;
     currency_id?: string;
     include_staking?: boolean;
+    include_return_staking?: boolean;
     include_recovered_from?: boolean;
     status?: string;
     pageSize?: number;

package/lib/history/invoice/list.js

@@ -67,6 +67,7 @@ const InvoiceTable = _react.default.memo(props => {
     currency_id,
     subscription_id,
     include_staking,
+    include_return_staking,
     include_recovered_from,
     onTableDataChange
   } = props;
@@ -93,6 +94,7 @@ const InvoiceTable = _react.default.memo(props => {
     currency_id,
     subscription_id,
     include_staking,
+    include_return_staking,
     include_recovered_from,
     ignore_zero: true
   }), {
@@ -135,6 +137,23 @@ const InvoiceTable = _react.default.memo(props => {
         });
       }
     }
+  }, {
+    label: t("common.type"),
+    name: "billing_reason",
+    options: {
+      customBodyRenderLite: (_, index) => {
+        const invoice = data.list[index];
+        const link = getInvoiceLink(invoice, action);
+        return /* @__PURE__ */(0, _jsxRuntime.jsx)("a", {
+          href: link.url,
+          target: link.external ? "_blank" : target,
+          rel: "noreferrer",
+          children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_status.default, {
+            label: (0, _util.getInvoiceDescriptionAndReason)(invoice, locale)?.type
+          })
+        });
+      }
+    }
   }, {
     label: t("payment.customer.invoice.invoiceNumber"),
     name: "number",
@@ -177,7 +196,7 @@ const InvoiceTable = _react.default.memo(props => {
           href: link.url,
           target: link.external ? "_blank" : target,
           rel: "noreferrer",
-          children: invoice.description || invoice.id
+          children: (0, _util.getInvoiceDescriptionAndReason)(invoice, locale)?.description || invoice.id
         });
       }
     }

package/lib/libs/util.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { PaymentDetails, PriceCurrency, PriceRecurring, TLineItemExpanded, TPaymentCurrency, TPaymentCurrencyExpanded, TPaymentMethod, TPaymentMethodExpanded, TPrice, TProductExpanded, TSubscriptionExpanded, TSubscriptionItemExpanded } from '@blocklet/payment-types';
+import type { PaymentDetails, PriceCurrency, PriceRecurring, TInvoiceExpanded, TLineItemExpanded, TPaymentCurrency, TPaymentCurrencyExpanded, TPaymentMethod, TPaymentMethodExpanded, TPrice, TProductExpanded, TSubscriptionExpanded, TSubscriptionItemExpanded } from '@blocklet/payment-types';
 import { ActionProps, PricingRenderProps } from '../types';
 export declare const PAYMENT_KIT_DID = "z2qaCNvKMv5GjouKdcDWexv6WqtHbpNPQDnAk";
 export declare const isPaymentKitMounted: () => any;
@@ -108,3 +108,9 @@ export declare function getWordBreakStyle(value: any): 'break-word' | 'break-all
 export declare function isMobileSafari(): boolean;
 export declare function truncateText(text: string, maxLength: number, useWidth?: boolean): string;
 export declare function getCustomerAvatar(did: string | undefined, updated_at: string | number | undefined, imageSize?: number): string;
+export declare function hasDelegateTxHash(details: PaymentDetails, paymentMethod: TPaymentMethod): any;
+export declare function getInvoiceDescriptionAndReason(invoice: TInvoiceExpanded, locale?: string): {
+    description: string | undefined;
+    reason: string;
+    type: string;
+};

package/lib/libs/util.js

@@ -30,6 +30,7 @@ exports.formatUpsellSaving = formatUpsellSaving;
 exports.getCheckoutAmount = getCheckoutAmount;
 exports.getCustomerAvatar = getCustomerAvatar;
 exports.getFreeTrialTime = getFreeTrialTime;
+exports.getInvoiceDescriptionAndReason = getInvoiceDescriptionAndReason;
 exports.getInvoiceStatusColor = getInvoiceStatusColor;
 exports.getPaymentIntentStatusColor = getPaymentIntentStatusColor;
 exports.getPayoutStatusColor = getPayoutStatusColor;
@@ -45,6 +46,7 @@ exports.getSubscriptionStatusColor = getSubscriptionStatusColor;
 exports.getTxLink = exports.getSubscriptionTimeSummary = void 0;
 exports.getWebhookStatusColor = getWebhookStatusColor;
 exports.getWordBreakStyle = getWordBreakStyle;
+exports.hasDelegateTxHash = hasDelegateTxHash;
 exports.isMobileSafari = isMobileSafari;
 exports.isPaymentKitMounted = void 0;
 exports.isValidCountry = isValidCountry;
@@ -827,6 +829,13 @@ const flattenPaymentMethods = (methods = []) => {
 };
 exports.flattenPaymentMethods = flattenPaymentMethods;
 const getTxLink = (method, details) => {
+  if (!details) {
+    return {
+      text: "N/A",
+      link: "",
+      gas: ""
+    };
+  }
   if (method.type === "arcblock" && details.arcblock?.tx_hash) {
     return {
       link: (0, _ufo.joinURL)(method.settings.arcblock?.explorer_host, "/txs", details.arcblock?.tx_hash),
@@ -1014,4 +1023,46 @@ function truncateText(text, maxLength, useWidth = false) {
 function getCustomerAvatar(did, updated_at, imageSize = 48) {
   const updated = typeof updated_at === "number" ? updated_at : (0, _dayjs.default)(updated_at).unix();
   return `/.well-known/service/user/avatar/${did}?imageFilter=resize&w=${imageSize}&h=${imageSize}&updateAt=${updated || (0, _dayjs.default)().unix()}`;
+}
+function hasDelegateTxHash(details, paymentMethod) {
+  return paymentMethod?.type && ["arcblock", "ethereum"].includes(paymentMethod?.type) &&
+  // @ts-ignore
+  details?.[paymentMethod?.type]?.tx_hash;
+}
+function getInvoiceDescriptionAndReason(invoice, locale = "en") {
+  const {
+    billing_reason: reason,
+    description
+  } = invoice;
+  const reasonMap = {
+    subscription_create: (0, _locales.t)("payment.invoice.reason.creation", locale),
+    subscription_cycle: (0, _locales.t)("payment.invoice.reason.cycle", locale),
+    subscription_update: (0, _locales.t)("payment.invoice.reason.update", locale),
+    subscription_recover: (0, _locales.t)("payment.invoice.reason.recover", locale),
+    subscription_threshold: (0, _locales.t)("payment.invoice.reason.threshold", locale),
+    subscription_cancel: (0, _locales.t)("payment.invoice.reason.cancel", locale),
+    manual: (0, _locales.t)("payment.invoice.reason.manual", locale),
+    upcoming: (0, _locales.t)("payment.invoice.reason.upcoming", locale),
+    slash_stake: (0, _locales.t)("payment.invoice.reason.slashStake", locale),
+    stake: (0, _locales.t)("payment.invoice.reason.stake", locale),
+    return_stake: (0, _locales.t)("payment.invoice.reason.returnStake", locale)
+  };
+  if (description?.startsWith("Subscription ") || description?.startsWith("Slash stake")) {
+    return {
+      description: reasonMap[reason],
+      reason: reasonMap[reason],
+      type: reason.includes("stake") ? reasonMap[reason] : (0, _locales.t)("payment.invoice.reason.payment", locale)
+    };
+  }
+  const descMap = {
+    "Stake for subscription plan change": (0, _locales.t)("payment.invoice.reason.stakeForChangePlan", locale),
+    "Stake for subscription payment change": (0, _locales.t)("payment.invoice.reason.stakeForChangePayment", locale),
+    "Stake for subscription": (0, _locales.t)("payment.invoice.reason.staking", locale),
+    "Return Subscription staking": (0, _locales.t)("payment.invoice.reason.returnStake", locale)
+  };
+  return {
+    description: descMap[description] || description,
+    reason: reasonMap[reason] || reason,
+    type: reason.includes("stake") ? reasonMap[reason] : (0, _locales.t)("payment.invoice.reason.payment", locale)
+  };
 }

package/lib/locales/en.js

@@ -95,7 +95,9 @@ module.exports = (0, _flat.default)({
     quantityLimitPerCheckout: "Exceed purchase limit",
     quantityNotEnough: "Exceed inventory",
     amountPrecisionLimit: "Amount decimal places must be less than or equal to {precision}",
-    saveAsDefaultPriceSuccess: "Set default price successfully"
+    saveAsDefaultPriceSuccess: "Set default price successfully",
+    stakeAmount: "Stake Amount",
+    slashStakeAmount: "Slash Stake Amount"
   },
   payment: {
     checkout: {
@@ -312,7 +314,12 @@ module.exports = (0, _flat.default)({
         cancel: "Subscription cancel",
         manual: "Manual invoice",
         upcoming: "Upcoming invoice",
-        slashStake: "Slash stake"
+        slashStake: "Slash stake",
+        stake: "Stake",
+        payment: "Payment",
+        returnStake: "Return stake",
+        stakeForChangePlan: "Subscription plan update",
+        stakeForChangePayment: "Subscription payment method update"
       }
     }
   },

package/lib/locales/zh.js

@@ -95,7 +95,9 @@ module.exports = (0, _flat.default)({
     quantityLimitPerCheckout: "\u8D85\u51FA\u8D2D\u4E70\u9650\u5236",
     quantityNotEnough: "\u5E93\u5B58\u4E0D\u8DB3",
     amountPrecisionLimit: "\u91D1\u989D\u5C0F\u6570\u4F4D\u6570\u5FC5\u987B\u5728 {precision} \u4F4D\u4EE5\u5185",
-    saveAsDefaultPriceSuccess: "\u8BBE\u7F6E\u9ED8\u8BA4\u4EF7\u683C\u6210\u529F"
+    saveAsDefaultPriceSuccess: "\u8BBE\u7F6E\u9ED8\u8BA4\u4EF7\u683C\u6210\u529F",
+    stakeAmount: "\u8D28\u62BC\u91D1\u989D",
+    slashStakeAmount: "\u7F5A\u6CA1\u91D1\u989D"
   },
   payment: {
     checkout: {
@@ -305,14 +307,19 @@ module.exports = (0, _flat.default)({
       reason: {
         creation: "\u8BA2\u9605\u521B\u5EFA",
         cycle: "\u81EA\u52A8\u6263\u8D39",
-        staking: "\u8BA2\u9605\u521B\u5EFA\uFF08\u8D28\u62BC\uFF09",
+        staking: "\u8BA2\u9605\u521B\u5EFA",
         update: "\u8BA2\u9605\u66F4\u65B0",
         recover: "\u8BA2\u9605\u6062\u590D",
         threshold: "\u7528\u91CF\u8D26\u5355",
         cancel: "\u8BA2\u9605\u53D6\u6D88",
         manual: "\u4EBA\u5DE5\u8D26\u5355",
         upcoming: "\u672A\u6765\u8D26\u5355",
-        slashStake: "\u7F5A\u6CA1\u8D28\u62BC"
+        slashStake: "\u7F5A\u6CA1\u8D28\u62BC",
+        stake: "\u62BC\u91D1",
+        payment: "\u4ED8\u6B3E",
+        returnStake: "\u9000\u62BC\u91D1",
+        stakeForChangePlan: "\u8BA2\u9605\u5957\u9910\u66F4\u65B0",
+        stakeForChangePayment: "\u8BA2\u9605\u652F\u4ED8\u65B9\u5F0F\u66F4\u65B0"
       }
     }
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/payment-react",
-  "version": "1.15.33",
+  "version": "1.15.34",
   "description": "Reusable react components for payment kit v2",
   "keywords": [
     "react",
@@ -92,7 +92,7 @@
     "@babel/core": "^7.25.2",
     "@babel/preset-env": "^7.25.2",
     "@babel/preset-react": "^7.24.7",
-    "@blocklet/payment-types": "1.15.33",
+    "@blocklet/payment-types": "1.15.34",
     "@storybook/addon-essentials": "^7.6.20",
     "@storybook/addon-interactions": "^7.6.20",
     "@storybook/addon-links": "^7.6.20",
@@ -122,5 +122,5 @@
     "vite-plugin-babel": "^1.2.0",
     "vite-plugin-node-polyfills": "^0.21.0"
   },
-  "gitHead": "88e0986e379d9ed673435ea96305f16b4a54097e"
+  "gitHead": "95c0d3ddd12382f694014c05015ca46c19424e3e"
 }

package/src/components/pricing-table.tsx

@@ -72,15 +72,17 @@ type Props = {
   alignItems?: 'center' | 'left';
   mode?: 'checkout' | 'select';
   interval?: string;
+  hideCurrency?: boolean;
 };
 
 PricingTable.defaultProps = {
   alignItems: 'center',
   mode: 'checkout',
   interval: '',
+  hideCurrency: false,
 };
 
-export default function PricingTable({ table, alignItems, interval, mode, onSelect }: Props) {
+export default function PricingTable({ table, alignItems, interval, mode, onSelect, hideCurrency }: Props) {
   const { t, locale } = useLocaleContext();
   const { isMobile } = useMobile();
   const {
@@ -291,7 +293,7 @@ export default function PricingTable({ table, alignItems, interval, mode, onSele
               )}
             </Box>
           )}
-          {currencyList.length > 0 && (
+          {currencyList.length > 0 && !hideCurrency && (
             <Select
               value={currency?.id}
               onChange={(e) => setCurrency(currencyList.find((v) => v?.id === e.target.value))}

package/src/history/invoice/list.tsx

@@ -23,6 +23,7 @@ import {
   formatError,
   formatToDate,
   formatToDatetime,
+  getInvoiceDescriptionAndReason,
   getInvoiceStatusColor,
   getPrefix,
   getTxLink,
@@ -58,6 +59,7 @@ type Props = {
   subscription_id?: string;
   currency_id?: string;
   include_staking?: boolean;
+  include_return_staking?: boolean;
   include_recovered_from?: boolean;
   status?: string;
   pageSize?: number;
@@ -97,6 +99,7 @@ const InvoiceTable = React.memo((props: Props & { onPay: (invoiceId: string) =>
     currency_id,
     subscription_id,
     include_staking,
+    include_return_staking,
     include_recovered_from,
     onTableDataChange,
   } = props;
@@ -120,6 +123,7 @@ const InvoiceTable = React.memo((props: Props & { onPay: (invoiceId: string) =>
         currency_id,
         subscription_id,
         include_staking,
+        include_return_staking,
         include_recovered_from,
         ignore_zero: true,
       }),
@@ -169,6 +173,21 @@ const InvoiceTable = React.memo((props: Props & { onPay: (invoiceId: string) =>
         },
       },
     },
+    {
+      label: t('common.type'),
+      name: 'billing_reason',
+      options: {
+        customBodyRenderLite: (_: string, index: number) => {
+          const invoice = data.list[index] as TInvoiceExpanded;
+          const link = getInvoiceLink(invoice, action);
+          return (
+            <a href={link.url} target={link.external ? '_blank' : target} rel="noreferrer">
+              <Status label={getInvoiceDescriptionAndReason(invoice, locale)?.type} />
+            </a>
+          );
+        },
+      },
+    },
     {
       label: t('payment.customer.invoice.invoiceNumber'),
       name: 'number',
@@ -209,7 +228,7 @@ const InvoiceTable = React.memo((props: Props & { onPay: (invoiceId: string) =>
           const link = getInvoiceLink(invoice, action);
           return (
             <a href={link.url} target={link.external ? '_blank' : target} rel="noreferrer">
-              {invoice.description || invoice.id}
+              {getInvoiceDescriptionAndReason(invoice, locale)?.description || invoice.id}
             </a>
           );
         },

package/src/libs/util.ts

@@ -4,6 +4,7 @@ import type {
   PaymentDetails,
   PriceCurrency,
   PriceRecurring,
+  TInvoiceExpanded,
   TLineItemExpanded,
   TPaymentCurrency,
   TPaymentCurrencyExpanded,
@@ -890,6 +891,9 @@ export const flattenPaymentMethods = (methods: TPaymentMethodExpanded[] = []) =>
 };
 
 export const getTxLink = (method: TPaymentMethod, details: PaymentDetails) => {
+  if (!details) {
+    return { text: 'N/A', link: '', gas: '' };
+  }
   if (method.type === 'arcblock' && details.arcblock?.tx_hash) {
     return {
       link: joinURL(method.settings.arcblock?.explorer_host as string, '/txs', details.arcblock?.tx_hash as string),
@@ -1092,3 +1096,52 @@ export function getCustomerAvatar(
   const updated = typeof updated_at === 'number' ? updated_at : dayjs(updated_at).unix();
   return `/.well-known/service/user/avatar/${did}?imageFilter=resize&w=${imageSize}&h=${imageSize}&updateAt=${updated || dayjs().unix()}`;
 }
+
+// 判断是否存在txHash
+export function hasDelegateTxHash(details: PaymentDetails, paymentMethod: TPaymentMethod) {
+  return (
+    paymentMethod?.type &&
+    ['arcblock', 'ethereum'].includes(paymentMethod?.type) &&
+    // @ts-ignore
+    details?.[paymentMethod?.type]?.tx_hash
+  );
+}
+
+export function getInvoiceDescriptionAndReason(invoice: TInvoiceExpanded, locale = 'en') {
+  const { billing_reason: reason, description } = invoice;
+  const reasonMap = {
+    subscription_create: t('payment.invoice.reason.creation', locale),
+    subscription_cycle: t('payment.invoice.reason.cycle', locale),
+    subscription_update: t('payment.invoice.reason.update', locale),
+    subscription_recover: t('payment.invoice.reason.recover', locale),
+    subscription_threshold: t('payment.invoice.reason.threshold', locale),
+    subscription_cancel: t('payment.invoice.reason.cancel', locale),
+    manual: t('payment.invoice.reason.manual', locale),
+    upcoming: t('payment.invoice.reason.upcoming', locale),
+    slash_stake: t('payment.invoice.reason.slashStake', locale),
+    stake: t('payment.invoice.reason.stake', locale),
+    return_stake: t('payment.invoice.reason.returnStake', locale),
+  };
+  if (description?.startsWith('Subscription ') || description?.startsWith('Slash stake')) {
+    return {
+      description: reasonMap[reason as keyof typeof reasonMap],
+      reason: reasonMap[reason as keyof typeof reasonMap],
+      type: reason.includes('stake')
+        ? reasonMap[reason as keyof typeof reasonMap]
+        : t('payment.invoice.reason.payment', locale),
+    };
+  }
+  const descMap = {
+    'Stake for subscription plan change': t('payment.invoice.reason.stakeForChangePlan', locale),
+    'Stake for subscription payment change': t('payment.invoice.reason.stakeForChangePayment', locale),
+    'Stake for subscription': t('payment.invoice.reason.staking', locale),
+    'Return Subscription staking': t('payment.invoice.reason.returnStake', locale),
+  };
+  return {
+    description: descMap[description as keyof typeof descMap] || description,
+    reason: reasonMap[reason as keyof typeof reasonMap] || reason,
+    type: reason.includes('stake')
+      ? reasonMap[reason as keyof typeof reasonMap]
+      : t('payment.invoice.reason.payment', locale),
+  };
+}

package/src/locales/en.tsx

@@ -91,6 +91,8 @@ export default flat({
     quantityNotEnough: 'Exceed inventory',
     amountPrecisionLimit: 'Amount decimal places must be less than or equal to {precision}',
     saveAsDefaultPriceSuccess: 'Set default price successfully',
+    stakeAmount: 'Stake Amount',
+    slashStakeAmount: 'Slash Stake Amount',
   },
   payment: {
     checkout: {
@@ -319,6 +321,11 @@ export default flat({
         manual: 'Manual invoice',
         upcoming: 'Upcoming invoice',
         slashStake: 'Slash stake',
+        stake: 'Stake',
+        payment: 'Payment',
+        returnStake: 'Return stake',
+        stakeForChangePlan: 'Subscription plan update',
+        stakeForChangePayment: 'Subscription payment method update',
       },
     },
   },

package/src/locales/zh.tsx

@@ -91,6 +91,8 @@ export default flat({
     quantityNotEnough: '库存不足',
     amountPrecisionLimit: '金额小数位数必须在 {precision} 位以内',
     saveAsDefaultPriceSuccess: '设置默认价格成功',
+    stakeAmount: '质押金额',
+    slashStakeAmount: '罚没金额',
   },
   payment: {
     checkout: {
@@ -301,7 +303,7 @@ export default flat({
       reason: {
         creation: '订阅创建',
         cycle: '自动扣费',
-        staking: '订阅创建（质押）',
+        staking: '订阅创建',
         update: '订阅更新',
         recover: '订阅恢复',
         threshold: '用量账单',
@@ -309,6 +311,11 @@ export default flat({
         manual: '人工账单',
         upcoming: '未来账单',
         slashStake: '罚没质押',
+        stake: '押金',
+        payment: '付款',
+        returnStake: '退押金',
+        stakeForChangePlan: '订阅套餐更新',
+        stakeForChangePayment: '订阅支付方式更新',
       },
     },
   },