SUPPORT-32352 fix(money input): add support for apostrophe as a fraction separator for money value input when locale is de-CH (#3094)

* fix(money input): add support for apostrophe as a fraction separator for money value input when locale is de-CH

* fix(test): update test to only test for right quote added by .toLocaleString to numbers for locale de-CH

Author: ByronDWall

.changeset/tangy-parents-sniff.md

@@ -0,0 +1,6 @@
+---
+'@commercetools-uikit/money-input': patch
+'@commercetools-uikit/utils': patch
+---
+
+fix bug in money input where amounts above 999 were not being parsed correctly when locale is de-CH

packages/components/inputs/money-input/src/money-input.spec.js

@@ -328,6 +328,22 @@ describe('MoneyInput.parseMoneyValue', () => {
       ).toEqual({ amount: '1234,567', currencyCode: 'EUR' });
     });
   });
+  describe('when called with a locale that uses right quote (0x2019) or single quote as fraction separator for 🇨🇭', () => {
+    // The Swiss do things different https://en.wikipedia.org/wiki/Decimal_separator#Examples_of_use
+    it('should parse the value according to the passed locale when separator is right quote', () => {
+      expect(
+        MoneyInput.parseMoneyValue(
+          {
+            type: 'highPrecision',
+            currencyCode: 'EUR',
+            fractionDigits: 3,
+            preciseAmount: 1234567,
+          },
+          'de-CH'
+        )
+      ).toEqual({ amount: '1’234.567', currencyCode: 'EUR' });
+    });
+  });
 
   describe('when called with a minimal, valid centPrecision price', () => {
     it('should turn it into a value', () => {

packages/components/inputs/money-input/src/money-input.tsx

@@ -274,7 +274,6 @@ export const parseRawAmountToNumber = (rawAmount: string, locale: string) => {
     const lastComma = String(rawAmount).lastIndexOf(',');
     fractionsSeparator = lastComma > lastDot ? ',' : '.';
   }
-
   fractionsSeparator = fractionsSeparator === '.' ? '\\.' : fractionsSeparator; // here we escape the '.' to use it as regex
   // The raw amount with only one sparator
   const normalizedAmount = String(rawAmount)
@@ -305,7 +304,7 @@ export const createMoneyValue = (
 
   const currency = allCurrencies[currencyCode];
   if (!currency) return null;
-
+  // The user may enter a value with a comma, dot, or apostrophe as the decimal separator.
   if (rawAmount.length === 0 || !isNumberish(rawAmount)) return null;
 
   warning(

packages/utils/src/is-numberish.ts

@@ -1,5 +1,5 @@
 // Given a string, validates that it has the correct format
 // to be a number, with decimal separators and negative sign.
 export default function isNumberish(number: string): boolean {
-  return !/[^(\-?)\d,.\s]/.test(number);
+  return !/[^(\-?)\d,.’'\s]/.test(number);
 }