@rango-dev/widget-embedded 0.58.1-next.5 → 0.58.1-next.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.58.1-next.5",
+  "version": "0.58.1-next.6",
   "license": "MIT",
   "type": "module",
   "source": "./src/index.ts",
@@ -30,7 +30,7 @@
     "@rango-dev/queue-manager-rango-preset": "^0.60.1-next.2",
     "@rango-dev/queue-manager-react": "^0.33.0",
     "@rango-dev/signer-solana": "^0.46.2-next.0",
-    "@rango-dev/ui": "^0.61.1-next.2",
+    "@rango-dev/ui": "^0.61.1-next.3",
     "@rango-dev/wallets-core": "^0.57.1-next.0",
     "@rango-dev/wallets-react": "^0.44.1-next.2",
     "@rango-dev/wallets-shared": "^0.58.1-next.2",
@@ -54,4 +54,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}

package/src/store/quote.ts

@@ -26,6 +26,7 @@ import {
 import { isPositiveNumber, sanitizeInputAmount } from '../utils/numbers';
 import {
   ensureLeadingZeroForDecimal,
+  parseNumericValue,
   removeLeadingZeros,
 } from '../utils/sanitizers';
 import { getUsdInputFrom, getUsdOutputFrom } from '../utils/swap';
@@ -249,7 +250,7 @@ const initializer: StateCreator<
     }));
   },
   setInputAmount: (amount) => {
-    let sanitized = amount;
+    let sanitized = parseNumericValue(amount);
     if (!isZeroValue(amount)) {
       // sanitize once a meaningful digit is entered (e.g. "00001" → "1")
       sanitized = removeLeadingZeros(sanitized);

package/src/utils/numbers.ts

@@ -134,5 +134,9 @@ export function sanitizeInputAmount(amount: string): string {
     return '0';
   }
 
+  if (amount.endsWith('.')) {
+    return amount.slice(0, -1);
+  }
+
   return stripTrailingZeros(amount);
 }

package/src/utils/sanitizers.test.ts

@@ -4,6 +4,7 @@ import { describe, expect, test } from 'vitest';
 import {
   ensureLeadingZeroForDecimal,
   formatThousandsWithCommas,
+  parseNumericValue,
   removeLeadingZeros,
   replaceSpacesWithDash,
   stripTrailingZeros,
@@ -119,4 +120,46 @@ describe('check sanitization behaviors', () => {
       expect(stripTrailingZeros('1000')).toBe('1000');
     });
   });
+
+  describe('parseNumericValue', () => {
+    test('removes commas and keeps digits', () => {
+      expect(parseNumericValue('300,222')).toBe('300222');
+    });
+
+    test('removes letters and keeps only the first decimal', () => {
+      expect(parseNumericValue('12a3.4b5')).toBe('123.45');
+    });
+
+    test('removes extra dots and keeps the first one', () => {
+      expect(parseNumericValue('1.2.3.4')).toBe('1.234');
+    });
+
+    test('keeps a leading decimal', () => {
+      expect(parseNumericValue('.5')).toBe('.5');
+    });
+
+    test('removes symbols and letters', () => {
+      expect(parseNumericValue('$1,2a3.4!')).toBe('123.4');
+    });
+
+    test('returns empty string if no digits', () => {
+      expect(parseNumericValue('abc!@#')).toBe('');
+    });
+
+    test('handles empty string', () => {
+      expect(parseNumericValue('')).toBe('');
+    });
+
+    test('keeps only the first dot if string starts with multiple dots', () => {
+      expect(parseNumericValue('...123.45')).toBe('.12345');
+    });
+
+    test('handles string with only dots', () => {
+      expect(parseNumericValue('....')).toBe('.');
+    });
+
+    test('handles string with digits only', () => {
+      expect(parseNumericValue('123456')).toBe('123456');
+    });
+  });
 });

package/src/utils/sanitizers.ts

@@ -39,3 +39,29 @@ export function stripTrailingZeros(input: string): string {
   const s = input.replace(/(\.\d*?[1-9])0+$/, '$1');
   return s.replace(/\.0+$/, '');
 }
+
+/**
+ * Normalize a numeric input string by removing all non-numeric characters
+ * except digits and a single decimal separator.
+ *
+ * This function:
+ * - strips letters, spaces, commas, and symbols
+ * - preserves digits (`0–9`)
+ * - keeps only the first `.` as the decimal point
+ *
+ * @example "300,222"     → "300222"
+ * @example "12a3.4b5"   → "123.45"
+ * @example "1.2.3.4"    → "1.234"
+ * @example ".5"         → ".5"
+ */
+export function parseNumericValue(value: string): string {
+  value = value
+    // 1. Remove everything except digits and dots
+    .replace(/[^\d.]/g, '')
+    // 2. Keep only the first dot
+    .replace(/\./g, (_, offset, string) =>
+      string.indexOf('.') === offset ? '.' : ''
+    );
+
+  return value;
+}