@openocean.finance/widget 1.0.25 → 1.0.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openocean.finance/widget",
-  "version": "1.0.25",
+  "version": "1.0.26",
   "description": "Openocean Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
   "type": "module",
   "main": "./dist/esm/index.js",

package/src/components/AmountInput/AmountInput.tsx

@@ -12,7 +12,7 @@ import { FormKeyHelper, type FormTypeProps } from '../../stores/form/types.js'
 import { useFieldController } from '../../stores/form/useFieldController.js'
 import { useFieldValues } from '../../stores/form/useFieldValues.js'
 import { DisabledUI } from '../../types/widget.js'
-import { formatInputAmount, formatTokenAmount } from '../../utils/format.js'
+import { formatInputAmount, formatTokenAmount, formatToTokenAmount } from '../../utils/format.js'
 import { fitInputText } from '../../utils/input.js'
 
 import {
@@ -101,7 +101,7 @@ export const AmountInputBase: React.FC<
       router.toToken &&
       typeof router.toToken.decimals === 'number'
     ) {
-      inputValue = String(formatTokenAmount(BigInt(router.toAmount), router.toToken.decimals))
+      inputValue = String(formatToTokenAmount(BigInt(router.toAmount), router.toToken.decimals))
     } else {
       inputValue = ''
     }

package/src/config/version.ts

@@ -1,2 +1,2 @@
 export const name = '@openocean.finance/widget'
-export const version = '1.0.25'
+export const version = '1.0.26'

package/src/utils/format.ts

@@ -18,6 +18,28 @@ export function formatTokenAmount(
   return formattedAmount
 }
 
+/**
+ * Format toToken amount with conditional decimal places for display only.
+ * When toToken value > 1000, keep 4 decimal places, otherwise keep 6 decimal places.
+ * This function only changes the display format, not the original value precision.
+ * @param amount amount to format.
+ * @param decimals token decimals.
+ * @returns formatted amount string for display.
+ */
+export function formatToTokenAmount(
+  amount: bigint | undefined,
+  decimals: number
+) {
+  const formattedAmount = amount ? formatUnits(amount, decimals) : '0'
+  const parsedAmount = Number.parseFloat(formattedAmount)
+  if (!parsedAmount || Number.isNaN(Number(formattedAmount))) {
+    return '0'
+  }
+
+  const decimalPlaces = parsedAmount > 1000 ? 4 : 6
+  return parsedAmount.toFixed(decimalPlaces)
+}
+
 export function formatSlippage(
   slippage = '',
   defaultValue = '',