react-native-phone-country-input 1.0.0

package/src/utils/maskToPhoneNumber.ts

@@ -0,0 +1,30 @@
+export function maskToPhoneNumber(rawInput: string, countryCode: string, mask: string): string {
+  const justDigits = rawInput.replace(/\D/g, '');
+  const restOfNumber = justDigits.slice(countryCode.length, justDigits.length);
+  let digitIndex = 0;
+  let maskedPart = '';
+
+  for (const char of mask) {
+    console.debug(
+      'char',
+      char,
+      'digitIndex',
+      digitIndex,
+      'restOfNumber',
+      restOfNumber,
+      'restOfNumber[digitIndex]',
+      restOfNumber[digitIndex],
+      'Output',
+      maskedPart
+    );
+
+    if (digitIndex >= restOfNumber.length) break;
+    if (char === '#') {
+      maskedPart += restOfNumber[digitIndex++];
+    } else {
+      maskedPart += char;
+    }
+  }
+
+  return countryCode + maskedPart;
+}

package/src/utils/matchCountryCode.ts

@@ -0,0 +1,23 @@
+import { CountryCode } from '../consts/regions';
+
+export function matchCountryCode(
+  filteredCountryCodes: CountryCode[],
+  rawInput: string
+): CountryCode | undefined {
+  return filteredCountryCodes.find(({ code }) => {
+    // intentional to use _value here instead of cleanedValue because we want to match against the raw input value that includes the '+' sign and any formatting characters, since country codes are typically prefixed with a '+' and may be followed by formatting characters like dashes or parentheses. Using cleanedValue would remove these characters and could lead to incorrect matching of country codes.
+
+    const phoneNumberWithoutPlus = rawInput.replace('+', '');
+    const CountryCodeWithoutPlus = code.replace('+', '');
+    const result = phoneNumberWithoutPlus.startsWith(CountryCodeWithoutPlus);
+    // console.debug(
+    //   'checking code',
+    //   code,
+    //   'against cleanedValue',
+    //   cleanedValue,
+    //   'result',
+    //   result
+    // );
+    return result;
+  });
+}