@blocklet/payment-react 1.13.229 → 1.13.230

package/es/components/blockchain/gas.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
-import type { PaymentDetails, TPaymentCurrency, TPaymentMethod } from '@blocklet/payment-types';
+import type { PaymentDetails, TPaymentMethod } from '@blocklet/payment-types';
 declare function TxGas(props: {
     details: PaymentDetails;
-    currency: TPaymentCurrency;
     method: TPaymentMethod;
 }): import("react").JSX.Element;
 declare namespace TxGas {

package/es/components/blockchain/gas.js

@@ -2,18 +2,22 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
 import { Typography } from "@mui/material";
 import { fromUnitToToken } from "@ocap/util";
+import { usePaymentContext } from "../../contexts/payment.js";
 import { getTxLink } from "../../util.js";
 TxGas.defaultProps = {};
 export default function TxGas(props) {
   const { t } = useLocaleContext();
+  const { settings } = usePaymentContext();
   const { gas } = getTxLink(props.method, props.details);
-  if (gas) {
+  const method = settings.paymentMethods.find((x) => x.id === props.method.id);
+  if (gas && method) {
+    const currency = method.payment_currencies.find((x) => x.id === method.default_currency_id);
     return /* @__PURE__ */ jsxs(Typography, { component: "span", children: [
-      fromUnitToToken(gas, props.currency.decimal),
+      fromUnitToToken(gas, currency.decimal),
       " ",
-      props.currency.symbol,
+      currency.symbol,
       " (",
-      props.method.name,
+      method.name,
       ")"
     ] });
   }

package/lib/components/blockchain/gas.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
-import type { PaymentDetails, TPaymentCurrency, TPaymentMethod } from '@blocklet/payment-types';
+import type { PaymentDetails, TPaymentMethod } from '@blocklet/payment-types';
 declare function TxGas(props: {
     details: PaymentDetails;
-    currency: TPaymentCurrency;
     method: TPaymentMethod;
 }): import("react").JSX.Element;
 declare namespace TxGas {

package/lib/components/blockchain/gas.js

@@ -8,19 +8,25 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _material = require("@mui/material");
 var _util = require("@ocap/util");
+var _payment = require("../../contexts/payment");
 var _util2 = require("../../util");
 TxGas.defaultProps = {};
 function TxGas(props) {
   const {
     t
   } = (0, _context.useLocaleContext)();
+  const {
+    settings
+  } = (0, _payment.usePaymentContext)();
   const {
     gas
   } = (0, _util2.getTxLink)(props.method, props.details);
-  if (gas) {
+  const method = settings.paymentMethods.find(x => x.id === props.method.id);
+  if (gas && method) {
+    const currency = method.payment_currencies.find(x => x.id === method.default_currency_id);
     return /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Typography, {
       component: "span",
-      children: [(0, _util.fromUnitToToken)(gas, props.currency.decimal), " ", props.currency.symbol, " (", props.method.name, ")"]
+      children: [(0, _util.fromUnitToToken)(gas, currency.decimal), " ", currency.symbol, " (", method.name, ")"]
     });
   }
   return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/payment-react",
-  "version": "1.13.229",
+  "version": "1.13.230",
   "description": "Reusable react components for payment kit v2",
   "keywords": [
     "react",
@@ -90,7 +90,7 @@
     "@babel/core": "^7.24.4",
     "@babel/preset-env": "^7.24.4",
     "@babel/preset-react": "^7.24.1",
-    "@blocklet/payment-types": "1.13.229",
+    "@blocklet/payment-types": "1.13.230",
     "@storybook/addon-essentials": "^7.6.17",
     "@storybook/addon-interactions": "^7.6.17",
     "@storybook/addon-links": "^7.6.17",
@@ -119,5 +119,5 @@
     "vite-plugin-babel": "^1.2.0",
     "vite-plugin-node-polyfills": "^0.21.0"
   },
-  "gitHead": "7def3178288871dff00ba89e16c5adcec6d4dfc9"
+  "gitHead": "c7209ae95049960f39b4e9eb65714626fb56ceab"
 }

package/src/components/blockchain/gas.tsx

@@ -1,21 +1,25 @@
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
-import type { PaymentDetails, TPaymentCurrency, TPaymentMethod } from '@blocklet/payment-types';
+import type { PaymentDetails, TPaymentMethod } from '@blocklet/payment-types';
 import { Typography } from '@mui/material';
 import { fromUnitToToken } from '@ocap/util';
 
+import { usePaymentContext } from '../../contexts/payment';
 import { getTxLink } from '../../util';
 
 TxGas.defaultProps = {};
 
-export default function TxGas(props: { details: PaymentDetails; currency: TPaymentCurrency; method: TPaymentMethod }) {
+export default function TxGas(props: { details: PaymentDetails; method: TPaymentMethod }) {
   const { t } = useLocaleContext();
+  const { settings } = usePaymentContext();
 
   const { gas } = getTxLink(props.method, props.details);
 
-  if (gas) {
+  const method = settings.paymentMethods.find((x) => x.id === props.method.id);
+  if (gas && method) {
+    const currency = method.payment_currencies.find((x) => x.id === method.default_currency_id);
     return (
       <Typography component="span">
-        {fromUnitToToken(gas, props.currency.decimal)} {props.currency.symbol} ({props.method.name})
+        {fromUnitToToken(gas, currency!.decimal)} {currency!.symbol} ({method.name})
       </Typography>
     );
   }