react-native-international-phone-number 0.6.3 → 0.6.5

package/README.md

@@ -109,11 +109,16 @@ create a `react-native.config.js` file at the root of your react-native project
     android: {},
   },
   assets: [
-    './node_modules/react-native-international-phone-number/assets/fonts',
+    './node_modules/react-native-international-phone-number/lib/assets/fonts',
   ],
  };
 ```
 
+Then link the font to your native projects with:
+```bash
+npx react-native-asset
+```
+
 - Using Expo:
 
 1. Install [expo-fonts](https://docs.expo.dev/versions/latest/sdk/font/): `npx expo install expo-font`;
@@ -125,7 +130,7 @@ create a `react-native.config.js` file at the root of your react-native project
  ...
 
  useFonts({
-    'TwemojiMozilla': require('./node_modules/react-native-international-phone-number/assets/fonts/TwemojiMozilla.ttf'),
+    'TwemojiMozilla': require('./node_modules/react-native-international-phone-number/lib/assets/fonts/TwemojiMozilla.ttf'),
   });
 
  ...
@@ -657,7 +662,7 @@ export default function App() {
 - `modalDisabled?:` boolean;
 - `modalHeight?:` number | string;
 - `theme?:` [ITheme](lib/interfaces/theme.ts);
-- `phoneInputStyle?:` [IPhoneInputStyles](lib/interfaces/phoneInputStyles.ts);
+- `phoneInputStyles?:` [IPhoneInputStyles](lib/interfaces/phoneInputStyles.ts);
 - `modalStyles?:` [IModalStyles](lib/interfaces/modalStyles.ts);
 - `modalSearchInputPlaceholder?:` string;
 - `modalNotFoundCountryMessage?:` string;

package/lib/constants/countries.js

@@ -1263,7 +1263,7 @@ export const countries = [
       ua: "Кот-д'Івуар",
       zh: '科特迪瓦',
     },
-    phoneMasks: ['## ### ###'],
+    phoneMasks: ['## ### ###', '## ## ## ####'],
   },
   {
     callingCode: '+682',
@@ -1347,7 +1347,7 @@ export const countries = [
       ua: 'Камерун',
       zh: '喀麥隆',
     },
-    phoneMasks: ['#### ####'],
+    phoneMasks: ['#### ####', '### ### ###'],
   },
   {
     callingCode: '+86',
@@ -2082,7 +2082,7 @@ export const countries = [
       ua: 'Франція',
       zh: '法國',
     },
-    phoneMasks: ['### ### ###'],
+    phoneMasks: ['# ## ## ## ##', '## ## ## ## ##'],
   },
   {
     callingCode: '+241',

package/lib/index.js

@@ -40,8 +40,8 @@ const PhoneInput = forwardRef(
       placeholder,
       placeholderTextColor,
       selectionColor,
-      phoneInputStyle,
-      modalStyle,
+      phoneInputStyles,
+      modalStyles,
       disabled,
       modalDisabled,
       modalHeight,
@@ -83,8 +83,8 @@ const PhoneInput = forwardRef(
         placeholder,
         placeholderTextColor,
         selectionColor,
-        phoneInputStyle,
-        modalStyle,
+        phoneInputStyles,
+        modalStyles,
         disabled,
         modalDisabled,
         modalHeight,
@@ -289,7 +289,7 @@ const PhoneInput = forwardRef(
           <View
             style={getContainerStyle(
               theme,
-              phoneInputStyle?.container,
+              phoneInputStyles?.container,
               disabled
             )}
           >
@@ -300,23 +300,23 @@ const PhoneInput = forwardRef(
               }
               style={getFlagContainerStyle(
                 theme,
-                phoneInputStyle?.flagContainer
+                phoneInputStyles?.flagContainer
               )}
             >
-              <Text style={getFlagStyle(phoneInputStyle?.flag)}>
+              <Text style={getFlagStyle(phoneInputStyles?.flag)}>
                 {countryValue?.flag}
               </Text>
               <Text
                 style={getFlagTextStyle(
                   theme,
-                  phoneInputStyle?.callingCode
+                  phoneInputStyles?.callingCode
                 )}
               >
                 {countryValue?.callingCode}
               </Text>
             </TouchableOpacity>
             <TextInput
-              style={getInputStyle(theme, phoneInputStyle?.input)}
+              style={getInputStyle(theme, phoneInputStyles?.input)}
               placeholder={
                 placeholder ||
                 getPhoneNumberInputPlaceholder(language || 'en')
@@ -355,7 +355,7 @@ const PhoneInput = forwardRef(
               style={getCountryPickerStyle(
                 theme,
                 modalHeight,
-                modalStyle
+                modalStyles
               )}
               pickerButtonOnPress={onSelect}
               onBackdropPress={() => setShow(false)}

package/lib/interfaces/phoneInputProps.ts

@@ -14,8 +14,8 @@ interface BasePhoneInput extends TextInputProps {
   placeholder?: string;
   placeholderTextColor?: string;
   selectionColor?: string;
-  phoneInputStyle?: IPhoneInputStyles;
-  modalStyle?: IModalStyles;
+  phoneInputStyles?: IPhoneInputStyles;
+  modalStyles?: IModalStyles;
   theme?: ITheme;
   disabled?: boolean;
   modalDisabled?: boolean;

package/package.json

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