@blocklet/payment-react 1.23.5 → 1.23.6

package/es/components/auto-topup/product-card.js

@@ -3,7 +3,7 @@ import { Stack, Typography, TextField, Card } from "@mui/material";
 import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
 import { useState } from "react";
 import ProductCard from "../../payment/product-card.js";
-import { formatPrice, formatNumber } from "../../libs/util.js";
+import { formatPrice, formatNumber, formatCreditForCheckout } from "../../libs/util.js";
 export default function AutoTopupProductCard({
   product,
   price,
@@ -14,7 +14,7 @@ export default function AutoTopupProductCard({
   minQuantity = 1,
   creditCurrency
 }) {
-  const { t } = useLocaleContext();
+  const { t, locale } = useLocaleContext();
   const [localQuantity, setLocalQuantity] = useState(quantity);
   const localQuantityNum = Number(localQuantity) || 0;
   const handleQuantityChange = (newQuantity) => {
@@ -69,8 +69,11 @@ export default function AutoTopupProductCard({
                 {
                   name: product?.name || "",
                   description: t("payment.autoTopup.creditsIncluded", {
-                    name: creditCurrency?.name,
-                    num: formatNumber(creditUnitAmount * localQuantityNum)
+                    num: formatCreditForCheckout(
+                      formatNumber(creditUnitAmount * localQuantityNum),
+                      creditCurrency?.symbol || "",
+                      locale
+                    )
                   }),
                   logo: product?.images?.[0],
                   size: 40

package/es/locales/en.js

@@ -339,7 +339,7 @@ export default flat({
       thresholdDescription: "Credits remaining to trigger auto top-up",
       thresholdMinError: "Threshold must be greater than 0",
       thresholdFormatError: "Please enter a valid number",
-      creditsIncluded: "{num} {name} included",
+      creditsIncluded: "{num} included",
       purchaseBelow: "Purchase this package",
       perPackage: "per package",
       quantity: "Quantity",

package/es/locales/zh.js

@@ -343,7 +343,7 @@ export default flat({
       thresholdDescription: "\u89E6\u53D1\u81EA\u52A8\u5145\u503C\u7684\u5269\u4F59\u989D\u5EA6",
       thresholdMinError: "\u9608\u503C\u5FC5\u987B\u5927\u4E8E0",
       thresholdFormatError: "\u8BF7\u8F93\u5165\u6709\u6548\u6570\u5B57",
-      creditsIncluded: "\u5305\u542B {num} {name}",
+      creditsIncluded: "\u5305\u542B {num}",
       purchaseBelow: "\u8D2D\u4E70\u6B64\u5957\u9910",
       perPackage: "\u6BCF\u5305",
       quantity: "\u6570\u91CF",

package/lib/components/auto-topup/product-card.js

@@ -22,7 +22,8 @@ function AutoTopupProductCard({
   creditCurrency
 }) {
   const {
-    t
+    t,
+    locale
   } = (0, _context.useLocaleContext)();
   const [localQuantity, setLocalQuantity] = (0, _react.useState)(quantity);
   const localQuantityNum = Number(localQuantity) || 0;
@@ -75,8 +76,7 @@ function AutoTopupProductCard({
         children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_productCard.default, {
           name: product?.name || "",
           description: t("payment.autoTopup.creditsIncluded", {
-            name: creditCurrency?.name,
-            num: (0, _util.formatNumber)(creditUnitAmount * localQuantityNum)
+            num: (0, _util.formatCreditForCheckout)((0, _util.formatNumber)(creditUnitAmount * localQuantityNum), creditCurrency?.symbol || "", locale)
           }),
           logo: product?.images?.[0],
           size: 40

package/lib/locales/en.js

@@ -346,7 +346,7 @@ module.exports = (0, _flat.default)({
       thresholdDescription: "Credits remaining to trigger auto top-up",
       thresholdMinError: "Threshold must be greater than 0",
       thresholdFormatError: "Please enter a valid number",
-      creditsIncluded: "{num} {name} included",
+      creditsIncluded: "{num} included",
       purchaseBelow: "Purchase this package",
       perPackage: "per package",
       quantity: "Quantity",

package/lib/locales/zh.js

@@ -350,7 +350,7 @@ module.exports = (0, _flat.default)({
       thresholdDescription: "\u89E6\u53D1\u81EA\u52A8\u5145\u503C\u7684\u5269\u4F59\u989D\u5EA6",
       thresholdMinError: "\u9608\u503C\u5FC5\u987B\u5927\u4E8E0",
       thresholdFormatError: "\u8BF7\u8F93\u5165\u6709\u6548\u6570\u5B57",
-      creditsIncluded: "\u5305\u542B {num} {name}",
+      creditsIncluded: "\u5305\u542B {num}",
       purchaseBelow: "\u8D2D\u4E70\u6B64\u5957\u9910",
       perPackage: "\u6BCF\u5305",
       quantity: "\u6570\u91CF",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/payment-react",
-  "version": "1.23.5",
+  "version": "1.23.6",
   "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.23.5",
+    "@blocklet/payment-types": "1.23.6",
     "@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": "486456ed522207cc4efa54cd14b1f65c6433d179"
+  "gitHead": "0026a41a10475159d72ade801561d6cbce0008fe"
 }

package/src/components/auto-topup/product-card.tsx

@@ -4,7 +4,7 @@ import { useState } from 'react';
 
 import type { TPaymentCurrency } from '@blocklet/payment-types';
 import ProductCard from '../../payment/product-card';
-import { formatPrice, formatNumber } from '../../libs/util';
+import { formatPrice, formatNumber, formatCreditForCheckout } from '../../libs/util';
 
 interface AutoTopupProductCardProps {
   product: any;
@@ -27,7 +27,7 @@ export default function AutoTopupProductCard({
   minQuantity = 1,
   creditCurrency,
 }: AutoTopupProductCardProps) {
-  const { t } = useLocaleContext();
+  const { t, locale } = useLocaleContext();
   const [localQuantity, setLocalQuantity] = useState<number | undefined>(quantity);
   const localQuantityNum = Number(localQuantity) || 0;
 
@@ -79,8 +79,11 @@ export default function AutoTopupProductCard({
           <ProductCard
             name={product?.name || ''}
             description={t('payment.autoTopup.creditsIncluded', {
-              name: creditCurrency?.name,
-              num: formatNumber(creditUnitAmount * localQuantityNum),
+              num: formatCreditForCheckout(
+                formatNumber(creditUnitAmount * localQuantityNum),
+                creditCurrency?.symbol || '',
+                locale
+              ),
             })}
             logo={product?.images?.[0] as string}
             size={40}

package/src/locales/en.tsx

@@ -355,7 +355,7 @@ export default flat({
       thresholdDescription: 'Credits remaining to trigger auto top-up',
       thresholdMinError: 'Threshold must be greater than 0',
       thresholdFormatError: 'Please enter a valid number',
-      creditsIncluded: '{num} {name} included',
+      creditsIncluded: '{num} included',
       purchaseBelow: 'Purchase this package',
       perPackage: 'per package',
       quantity: 'Quantity',

package/src/locales/zh.tsx

@@ -351,7 +351,7 @@ export default flat({
       thresholdDescription: '触发自动充值的剩余额度',
       thresholdMinError: '阈值必须大于0',
       thresholdFormatError: '请输入有效数字',
-      creditsIncluded: '包含 {num} {name}',
+      creditsIncluded: '包含 {num}',
       purchaseBelow: '购买此套餐',
       perPackage: '每包',
       quantity: '数量',