@blocklet/payment-react 1.22.24 → 1.22.26

package/es/payment/donation-form.js

@@ -133,6 +133,9 @@ function PaymentInner({
     const amountStr = fromTokenToUnit(amount, currency.decimal).toString();
     setBenefitsState({ amount: amountStr });
     try {
+      if (!amountStr || Number(amountStr) === 0) {
+        return;
+      }
       const { data } = await api.put(`/api/checkout-sessions/${state.checkoutSession.id}/amount`, {
         priceId,
         amount: amountStr

package/es/payment/product-donation.js

@@ -11,7 +11,11 @@ import { useTabNavigation } from "../hooks/keyboard.js";
 const DONATION_PRESET_KEY_BASE = "payment-donation-preset";
 const DONATION_CUSTOM_AMOUNT_KEY_BASE = "payment-donation-custom-amount";
 const formatAmount = (amount) => {
-  return String(amount);
+  const str = String(amount);
+  if (!str || str === "0") return str;
+  const num = parseFloat(str);
+  if (Number.isNaN(num)) return str;
+  return num.toString();
 };
 export default function ProductDonation({
   item,
@@ -29,7 +33,8 @@ export default function ProductDonation({
   };
   const getSavedCustomAmount = () => {
     try {
-      return localStorage.getItem(getUserStorageKey(DONATION_CUSTOM_AMOUNT_KEY_BASE)) || "";
+      const saved = localStorage.getItem(getUserStorageKey(DONATION_CUSTOM_AMOUNT_KEY_BASE)) || "";
+      return saved ? formatAmount(saved) : "";
     } catch (e) {
       console.warn("Failed to access localStorage", e);
       return "";

package/lib/payment/donation-form.js

@@ -146,6 +146,9 @@ function PaymentInner({
       amount: amountStr
     });
     try {
+      if (!amountStr || Number(amountStr) === 0) {
+        return;
+      }
       const {
         data
       } = await _api.default.put(`/api/checkout-sessions/${state.checkoutSession.id}/amount`, {

package/lib/payment/product-donation.js

@@ -18,7 +18,11 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 const DONATION_PRESET_KEY_BASE = "payment-donation-preset";
 const DONATION_CUSTOM_AMOUNT_KEY_BASE = "payment-donation-custom-amount";
 const formatAmount = amount => {
-  return String(amount);
+  const str = String(amount);
+  if (!str || str === "0") return str;
+  const num = parseFloat(str);
+  if (Number.isNaN(num)) return str;
+  return num.toString();
 };
 function ProductDonation({
   item,
@@ -42,7 +46,8 @@ function ProductDonation({
   };
   const getSavedCustomAmount = () => {
     try {
-      return localStorage.getItem(getUserStorageKey(DONATION_CUSTOM_AMOUNT_KEY_BASE)) || "";
+      const saved = localStorage.getItem(getUserStorageKey(DONATION_CUSTOM_AMOUNT_KEY_BASE)) || "";
+      return saved ? formatAmount(saved) : "";
     } catch (e) {
       console.warn("Failed to access localStorage", e);
       return "";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/payment-react",
-  "version": "1.22.24",
+  "version": "1.22.26",
   "description": "Reusable react components for payment kit v2",
   "keywords": [
     "react",
@@ -54,13 +54,13 @@
     }
   },
   "dependencies": {
-    "@arcblock/bridge": "^3.2.10",
-    "@arcblock/did-connect-react": "^3.2.10",
-    "@arcblock/react-hooks": "^3.2.10",
-    "@arcblock/ux": "^3.2.10",
+    "@arcblock/bridge": "^3.2.11",
+    "@arcblock/did-connect-react": "^3.2.11",
+    "@arcblock/react-hooks": "^3.2.11",
+    "@arcblock/ux": "^3.2.11",
     "@arcblock/ws": "^1.27.12",
-    "@blocklet/theme": "^3.2.10",
-    "@blocklet/ui-react": "^3.2.10",
+    "@blocklet/theme": "^3.2.11",
+    "@blocklet/ui-react": "^3.2.11",
     "@mui/icons-material": "^7.1.2",
     "@mui/lab": "7.0.0-beta.14",
     "@mui/material": "^7.1.2",
@@ -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.24",
+    "@blocklet/payment-types": "1.22.26",
     "@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": "d24ce471f0bdbf4a0ccaaa5317d4c68b4ddfd3bf"
+  "gitHead": "eb36a8deed14f45ff5917cc61bcc44cda36d1906"
 }

package/src/payment/donation-form.tsx

@@ -163,6 +163,9 @@ function PaymentInner({
     const amountStr = fromTokenToUnit(amount, currency.decimal).toString();
     setBenefitsState({ amount: amountStr });
     try {
+      if (!amountStr || Number(amountStr) === 0) {
+        return;
+      }
       const { data } = await api.put(`/api/checkout-sessions/${state.checkoutSession.id}/amount`, {
         priceId,
         amount: amountStr,

package/src/payment/product-donation.tsx

@@ -15,7 +15,11 @@ const DONATION_PRESET_KEY_BASE = 'payment-donation-preset';
 const DONATION_CUSTOM_AMOUNT_KEY_BASE = 'payment-donation-custom-amount';
 
 const formatAmount = (amount: string | number): string => {
-  return String(amount);
+  const str = String(amount);
+  if (!str || str === '0') return str;
+  const num = parseFloat(str);
+  if (Number.isNaN(num)) return str;
+  return num.toString();
 };
 
 export default function ProductDonation({
@@ -41,7 +45,8 @@ export default function ProductDonation({
 
   const getSavedCustomAmount = () => {
     try {
-      return localStorage.getItem(getUserStorageKey(DONATION_CUSTOM_AMOUNT_KEY_BASE)) || '';
+      const saved = localStorage.getItem(getUserStorageKey(DONATION_CUSTOM_AMOUNT_KEY_BASE)) || '';
+      return saved ? formatAmount(saved) : '';
     } catch (e) {
       console.warn('Failed to access localStorage', e);
       return '';