payment-kit 1.16.19 → 1.17.0

package/blocklet.yml

@@ -14,7 +14,7 @@ repository:
   type: git
   url: git+https://github.com/blocklet/payment-kit.git
 specVersion: 1.2.8
-version: 1.16.19
+version: 1.17.0
 logo: logo.png
 files:
   - dist

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "payment-kit",
-  "version": "1.16.19",
+  "version": "1.17.0",
   "scripts": {
     "dev": "blocklet dev --open",
     "eject": "vite eject",
@@ -53,7 +53,7 @@
     "@arcblock/validator": "^1.18.165",
     "@blocklet/js-sdk": "^1.16.36",
     "@blocklet/logger": "^1.16.36",
-    "@blocklet/payment-react": "1.16.19",
+    "@blocklet/payment-react": "1.17.0",
     "@blocklet/sdk": "^1.16.36",
     "@blocklet/ui-react": "^2.11.15",
     "@blocklet/uploader": "^0.1.60",
@@ -120,7 +120,7 @@
   "devDependencies": {
     "@abtnode/types": "^1.16.36",
     "@arcblock/eslint-config-ts": "^0.3.3",
-    "@blocklet/payment-types": "1.16.19",
+    "@blocklet/payment-types": "1.17.0",
     "@types/cookie-parser": "^1.4.7",
     "@types/cors": "^2.8.17",
     "@types/debug": "^4.1.12",
@@ -166,5 +166,5 @@
       "parser": "typescript"
     }
   },
-  "gitHead": "a033985b46d5c80b56f2ed9dc86d808fb60d9db1"
+  "gitHead": "b25f7f7c1990a01db3c43dff90eecb65f37bd5d7"
 }

package/src/components/customer/overdraft-protection.tsx

@@ -19,9 +19,9 @@ import {
 } from '@mui/material';
 import Dialog from '@arcblock/ux/lib/Dialog';
 import { EventHandler, useState } from 'react';
-import { api, Switch, useMobile } from '@blocklet/payment-react';
+import { api, formatAmountPrecisionLimit, Switch, useMobile } from '@blocklet/payment-react';
 import { useRequest } from 'ahooks';
-import { BN, fromUnitToToken } from '@ocap/util';
+import { BN, fromTokenToUnit, fromUnitToToken } from '@ocap/util';
 import type { TPaymentCurrency, TSubscriptionExpanded } from '@blocklet/payment-types';
 import Currency from '../currency';
 
@@ -32,6 +32,21 @@ const fetchCycleAmount = (
   return api.get(`/api/subscriptions/${subscriptionId}/cycle-amount`, { params }).then((res) => res.data);
 };
 
+function safeAdd(currency: { decimal: number }, ...numbers: string[]) {
+  if (!numbers.length) return '0';
+  if (!numbers.every((n) => /^-?\d*\.?\d*$/.test(n))) {
+    throw new Error('Invalid number format');
+  }
+
+  const decimal = currency?.decimal || 18;
+  const sum = numbers.reduce((total, num) => {
+    const unitAmount = fromTokenToUnit(num, decimal);
+    return new BN(total).add(new BN(unitAmount));
+  }, new BN(0));
+
+  return fromUnitToToken(sum.toString(), decimal);
+}
+
 type OverdraftProtectionDialogProps = {
   value: {
     enabled: boolean;
@@ -48,6 +63,7 @@ type OverdraftProtectionDialogProps = {
     symbol: string;
     logo: string;
     decimal: number;
+    maximum_precision?: number;
   };
   subscription: TSubscriptionExpanded;
 };
@@ -66,7 +82,7 @@ export default function OverdraftProtectionDialog({
   currency,
   subscription,
 }: OverdraftProtectionDialogProps) {
-  const { t } = useLocaleContext();
+  const { t, locale } = useLocaleContext();
   const { isMobile } = useMobile();
   const [customAmount, setCustomAmount] = useState(false);
   const [presetAmounts, setPresetAmounts] = useState<{ amount: string; cycles: number }[]>([]);
@@ -298,6 +314,14 @@ export default function OverdraftProtectionDialog({
                             symbol: currency.symbol,
                           });
                         }
+                        const validPrecision = formatAmountPrecisionLimit(
+                          val.toString(),
+                          locale,
+                          currency?.maximum_precision || 6
+                        );
+                        if (validPrecision) {
+                          return validPrecision;
+                        }
                         return true;
                       },
                     })}
@@ -325,11 +349,11 @@ export default function OverdraftProtectionDialog({
             {amount && Number(amount) > 0 && !methods.formState.errors.amount && (
               <Typography variant="body2" sx={{ color: 'text.lighter', mt: '8px !important' }} fontSize={12}>
                 {t('customer.overdraftProtection.total', {
-                  total: Number(amount) + Number(availableAmount),
+                  total: safeAdd(currency, amount, availableAmount),
                   symbol: currency.symbol,
                 })}
                 {formatEstimatedDuration(
-                  Math.floor((Number(amount) + Number(availableAmount)) / Number(estimateAmount))
+                  Math.floor(Number(safeAdd(currency, amount, availableAmount)) / Number(estimateAmount))
                 )}
               </Typography>
             )}