Fix 478 always handle both decimal keys (#486)

* When no decimal separator present, accept the other type as well

* Make sure it only happens on user input

Author: krokosik

src/components/ui/currency-input.tsx

@@ -40,7 +40,7 @@ const CurrencyInput: React.FC<
       }}
       onChange={(e) => {
         const rawValue = e.target.value;
-        const strValue = sanitizeInput(rawValue, allowNegative);
+        const strValue = sanitizeInput(rawValue, allowNegative, true);
         const bigIntValue = toSafeBigInt(strValue, allowNegative);
         onValueChange({ strValue, bigIntValue });
       }}

src/utils/numbers.ts

@@ -23,6 +23,7 @@ export const getCurrencyHelpers = ({
     formatter.formatToParts(11111111).find(({ type }) => type === 'group')?.value ?? '';
   const decimalSeparator =
     formatter.formatToParts(1.1).find(({ type }) => type === 'decimal')?.value ?? '.';
+  const alternativeDecimalSeparator = decimalSeparator === '.' ? ',' : '.';
   const literalSeparator =
     formatter.formatToParts(1.1).find(({ type }) => type === 'literal')?.value ?? '';
   const decimalMultiplier = parseInt(`1${'0'.repeat(decimalDigits)}`, 10);
@@ -78,7 +79,7 @@ export const getCurrencyHelpers = ({
   };
 
   /* Sanitize input by allowing only digits, negative sign, and one decimal separator */
-  const sanitizeInput = (input: string, signed = false) => {
+  const sanitizeInput = (input: string, signed = false, alternativeDecimal = false) => {
     let cleaned = '';
     let hasDecimalSeparator = false;
     let hasNegativeSign = false;
@@ -90,6 +91,16 @@ export const getCurrencyHelpers = ({
         hasDecimalSeparator = true;
         return;
       }
+      if (
+        alternativeDecimal &&
+        letter === alternativeDecimalSeparator &&
+        !hasDecimalSeparator &&
+        !input.includes(decimalSeparator)
+      ) {
+        cleaned += decimalSeparator;
+        hasDecimalSeparator = true;
+        return;
+      }
       // when a user presses '-' sign, switch the sign of the number
       if (letter === '-' && !hasNegativeSign) {
         hasNegativeSign = true;