react-native-international-phone-number 0.4.0 → 0.4.2

package/README.md

@@ -45,6 +45,7 @@
   - Disabled Mode
   - Custom Disabled Mode Style
 - [Lib Props](#props)
+- [Functions](#functions)
 - [Contributing](#contributing)
 - [License](#license)
 
@@ -452,6 +453,12 @@ export default function App() {
 - `flagContainerStyle?:` StyleProp<[ViewStyle](https://reactnative.dev/docs/view-style-props)>;
 - `inputStyle?:` StyleProp<[TextStyle](https://reactnative.dev/docs/text-style-props)>;
 
+<br>
+
+## Functions
+
+- `getCountryByPhoneNumber:` (phoneNumber: string) => ICountry | undefined;
+
 </br>
 
 ## Contributing

package/lib/index.d.ts

@@ -5,7 +5,7 @@ import {
   ViewStyle,
 } from 'react-native';
 
-export interface ICountry {
+interface ICountry {
   callingCode: string;
   cca2: string;
   flag: string;
@@ -27,6 +27,10 @@ interface PhoneInputProps extends TextInputProps {
   onChangeSelectedCountry: (country: ICountry) => void;
 }
 
-export declare function PhoneInput(
-  props: PhoneInputProps
-): JSX.Element;
+declare function PhoneInput(props: PhoneInputProps): JSX.Element;
+
+declare function getCountryByPhoneNumber(
+  phoneNumber: string
+): ICountry | undefined;
+
+export { PhoneInput, ICountry, getCountryByPhoneNumber };

package/lib/index.js

@@ -10,10 +10,10 @@ import CountryPicker, {
   DEFAULT_THEME,
 } from 'react-native-country-picker-modal';
 
-import getMatchingCountry from './utils/getMatchingCountry';
-import { phoneMask } from './utils/inputMask';
+import getCountryByPhoneNumber from './utils/getCountryByPhoneNumber';
+import phoneMask from './utils/inputMask';
 
-export function PhoneInput({
+function PhoneInput({
   placeholder,
   placeholderTextColor,
   selectionColor,
@@ -58,17 +58,12 @@ export function PhoneInput({
   useEffect(() => {
     onChangePhoneNumber('');
     if (defaultValue) {
-      const matchingCountry = getMatchingCountry(defaultValue);
+      const matchingCountry = getCountryByPhoneNumber(defaultValue);
 
       if (matchingCountry) {
         setDefaultCca2(matchingCountry.cca2);
 
-        onChangeSelectedCountry({
-          name: matchingCountry.name,
-          cca2: matchingCountry.cca2,
-          flag: matchingCountry.flag,
-          callingCode: matchingCountry.callingCode,
-        });
+        onChangeSelectedCountry(matchingCountry);
       } else {
         onChangeSelectedCountry({
           callingCode: '+55',
@@ -252,3 +247,5 @@ const styles = StyleSheet.create({
     color: '#F3F3F3',
   },
 });
+
+export { PhoneInput, getCountryByPhoneNumber };

package/lib/utils/{getMatchingCountry.js → getCountryByPhoneNumber.js}

@@ -1,11 +1,13 @@
-import {countries} from './countries';
+import { countries } from './countries';
 
-export default function getMatchingCountry(phoneNumber) {
+export default function getCountryByPhoneNumber(phoneNumber) {
   const matchingCountries = [];
   const formattedPhoneNumber = phoneNumber.replace(/\s/g, '');
-  countries.forEach(item => {
+  countries.forEach((item) => {
     if (
-      formattedPhoneNumber.startsWith(item.callingCode.replace(/[\s#]/g, ''))
+      formattedPhoneNumber.startsWith(
+        item.callingCode.replace(/[\s#]/g, '')
+      )
     ) {
       matchingCountries.push(item);
     }
@@ -17,10 +19,10 @@ export default function getMatchingCountry(phoneNumber) {
     const callingCode = matchingCountries[0].callingCode;
 
     for (let i = 0; i < matchingCountries.length; i++) {
-      matchingCountries[i].phoneMasks.map(item => {
+      matchingCountries[i].phoneMasks.map((item) => {
         const areaCode = formattedPhoneNumber.substring(
           callingCode.length,
-          item.replace(/\D/g, '').length + callingCode.length,
+          item.replace(/\D/g, '').length + callingCode.length
         );
         if (
           areaCode &&
@@ -46,5 +48,7 @@ export default function getMatchingCountry(phoneNumber) {
     }
   }
 
+  delete matchingCountry['phoneMasks'];
+
   return matchingCountry;
 }

package/lib/utils/inputMask.js

@@ -1,6 +1,6 @@
 import { countries } from './countries';
 
-export const phoneMask = (phoneNumber, callingCode, cca2) => {
+export default function phoneMask(phoneNumber, callingCode, cca2) {
   let matrix = '';
 
   countries.forEach((item) => {
@@ -55,4 +55,4 @@ export const phoneMask = (phoneNumber, callingCode, cca2) => {
       ? ''
       : a;
   });
-};
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-native-international-phone-number",
   "author": "AstrOOnauta (https://github.com/AstrOOnauta)",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "description": "International mobile phone input component with mask for React Native",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",