react-native-phone-country-input 1.0.0

package/src/Styling/Colors.ts

@@ -0,0 +1,206 @@
+// Tailwind v3 color palette for React Native styles.
+// Use via: import { colors } from './Colors'
+
+export const colors = {
+  transparent: 'transparent',
+  black: '#000000',
+  white: '#ffffff',
+
+  slate: {
+    50:  '#f8fafc',
+    100: '#f1f5f9',
+    200: '#e2e8f0',
+    300: '#cbd5e1',
+    400: '#94a3b8',
+    500: '#64748b',
+    600: '#475569',
+    700: '#334155',
+    800: '#1e293b',
+    900: '#0f172a',
+    950: '#020617',
+  },
+
+  gray: {
+    50:  '#f9fafb',
+    100: '#f3f4f6',
+    200: '#e5e7eb',
+    300: '#d1d5db',
+    400: '#9ca3af',
+    500: '#6b7280',
+    600: '#4b5563',
+    700: '#374151',
+    800: '#1f2937',
+    900: '#111827',
+    950: '#030712',
+  },
+
+  zinc: {
+    50:  '#fafafa',
+    100: '#f4f4f5',
+    200: '#e4e4e7',
+    300: '#d4d4d8',
+    400: '#a1a1aa',
+    500: '#71717a',
+    600: '#52525b',
+    700: '#3f3f46',
+    800: '#27272a',
+    900: '#18181b',
+    950: '#09090b',
+  },
+
+  red: {
+    50:  '#fef2f2',
+    100: '#fee2e2',
+    200: '#fecaca',
+    300: '#fca5a5',
+    400: '#f87171',
+    500: '#ef4444',
+    600: '#dc2626',
+    700: '#b91c1c',
+    800: '#991b1b',
+    900: '#7f1d1d',
+    950: '#450a0a',
+  },
+
+  orange: {
+    50:  '#fff7ed',
+    100: '#ffedd5',
+    200: '#fed7aa',
+    300: '#fdba74',
+    400: '#fb923c',
+    500: '#f97316',
+    600: '#ea580c',
+    700: '#c2410c',
+    800: '#9a3412',
+    900: '#7c2d12',
+    950: '#431407',
+  },
+
+  amber: {
+    50:  '#fffbeb',
+    100: '#fef3c7',
+    200: '#fde68a',
+    300: '#fcd34d',
+    400: '#fbbf24',
+    500: '#f59e0b',
+    600: '#d97706',
+    700: '#b45309',
+    800: '#92400e',
+    900: '#78350f',
+    950: '#451a03',
+  },
+
+  yellow: {
+    50:  '#fefce8',
+    100: '#fef9c3',
+    200: '#fef08a',
+    300: '#fde047',
+    400: '#facc15',
+    500: '#eab308',
+    600: '#ca8a04',
+    700: '#a16207',
+    800: '#854d0e',
+    900: '#713f12',
+    950: '#422006',
+  },
+
+  green: {
+    50:  '#f0fdf4',
+    100: '#dcfce7',
+    200: '#bbf7d0',
+    300: '#86efac',
+    400: '#4ade80',
+    500: '#22c55e',
+    600: '#16a34a',
+    700: '#15803d',
+    800: '#166534',
+    900: '#14532d',
+    950: '#052e16',
+  },
+
+  teal: {
+    50:  '#f0fdfa',
+    100: '#ccfbf1',
+    200: '#99f6e4',
+    300: '#5eead4',
+    400: '#2dd4bf',
+    500: '#14b8a6',
+    600: '#0d9488',
+    700: '#0f766e',
+    800: '#115e59',
+    900: '#134e4a',
+    950: '#042f2e',
+  },
+
+  blue: {
+    50:  '#eff6ff',
+    100: '#dbeafe',
+    200: '#bfdbfe',
+    300: '#93c5fd',
+    400: '#60a5fa',
+    500: '#3b82f6',
+    600: '#2563eb',
+    700: '#1d4ed8',
+    800: '#1e40af',
+    900: '#1e3a8a',
+    950: '#172554',
+  },
+
+  indigo: {
+    50:  '#eef2ff',
+    100: '#e0e7ff',
+    200: '#c7d2fe',
+    300: '#a5b4fc',
+    400: '#818cf8',
+    500: '#6366f1',
+    600: '#4f46e5',
+    700: '#4338ca',
+    800: '#3730a3',
+    900: '#312e81',
+    950: '#1e1b4b',
+  },
+
+  violet: {
+    50:  '#f5f3ff',
+    100: '#ede9fe',
+    200: '#ddd6fe',
+    300: '#c4b5fd',
+    400: '#a78bfa',
+    500: '#8b5cf6',
+    600: '#7c3aed',
+    700: '#6d28d9',
+    800: '#5b21b6',
+    900: '#4c1d95',
+    950: '#2e1065',
+  },
+
+  pink: {
+    50:  '#fdf2f8',
+    100: '#fce7f3',
+    200: '#fbcfe8',
+    300: '#f9a8d4',
+    400: '#f472b6',
+    500: '#ec4899',
+    600: '#db2777',
+    700: '#be185d',
+    800: '#9d174d',
+    900: '#831843',
+    950: '#500724',
+  },
+
+  rose: {
+    50:  '#fff1f2',
+    100: '#ffe4e6',
+    200: '#fecdd3',
+    300: '#fda4af',
+    400: '#fb7185',
+    500: '#f43f5e',
+    600: '#e11d48',
+    700: '#be123c',
+    800: '#9f1239',
+    900: '#881337',
+    950: '#4c0519',
+  },
+} as const
+
+export type Colors = typeof colors

package/src/Styling/Sizing.ts

@@ -0,0 +1,110 @@
+// Tailwind-based sizing scale for React Native styles.
+// 
+export const SIDE_SCREEN_PADDING = 16;
+// All values are numbers (px). Use via: import { spacing, fontSize, radius } from './Sizing'
+export const spacing = {
+  px: 1,
+  0: 0,
+  0.5: 2,
+  1: 4,
+  1.5: 6,
+  2: 8,
+  2.5: 10,
+  3: 12,
+  3.5: 14,
+  4: 16,
+  5: 20,
+  6: 24,
+  7: 28,
+  8: 32,
+  9: 36,
+  10: 40,
+  11: 44,
+  12: 48,
+  14: 56,
+  16: 64,
+  20: 80,
+  24: 96,
+  28: 112,
+  32: 128,
+  36: 144,
+  40: 160,
+  44: 176,
+  48: 192,
+  52: 208,
+  56: 224,
+  60: 240,
+  64: 256,
+  72: 288,
+  80: 320,
+  96: 384,
+} as const
+
+// Aliases — use these for gap/padding/margin to match Tailwind intent
+export const gap = spacing
+export const padding = spacing
+export const margin = spacing
+
+export const fontSize = {
+  xs: 12,
+  sm: 14,
+  base: 16,
+  lg: 18,
+  xl: 20,
+  '2xl': 24,
+  '3xl': 30,
+  '4xl': 36,
+  '5xl': 48,
+  '6xl': 60,
+  '7xl': 72,
+  '8xl': 96,
+  '9xl': 128,
+} as const
+
+export const lineHeight = {
+  xs: 16,
+  sm: 20,
+  base: 24,
+  lg: 28,
+  xl: 28,
+  '2xl': 32,
+  '3xl': 36,
+  '4xl': 40,
+  '5xl': 48,
+  '6xl': 60,
+  '7xl': 72,
+  '8xl': 96,
+  '9xl': 128,
+} as const
+
+export const radius = {
+  none: 0,
+  sm: 2,
+  DEFAULT: 4,
+  md: 6,
+  lg: 8,
+  xl: 12,
+  '2xl': 16,
+  '3xl': 24,
+  full: 9999,
+} as const
+
+export const borderWidth = {
+  0: 0,
+  DEFAULT: 1,
+  2: 2,
+  4: 4,
+  8: 8,
+} as const
+
+export const borders = borderWidth
+
+export const iconSize = {
+  xs: 12,
+  sm: 16,
+  md: 20,
+  lg: 24,
+  xl: 32,
+  '2xl': 40,
+  '3xl': 48,
+} as const

package/src/consts/KEYBOARD_LAYOUT.ts

@@ -0,0 +1,34 @@
+import { spacing } from '../Styling/Sizing';
+export interface SELECTION_TYPE {
+  start: number;
+  end: number;
+  hasBeenSelected: boolean;
+  hasBeenConsumed?: boolean;
+}
+export interface KEYPAD_KEY {
+  main: string;
+  subtext?: string;
+}
+
+export type KEYPAD_ROW = KEYPAD_KEY[];
+export type KEYPAD_COLLECTION = KEYPAD_ROW[];
+
+export const BACK_BUTTON = '<-';
+export const GLOBE_BUTTON = '__';
+export const CLEAR_BUTTON = 'clear';
+export const GAP = spacing[1];
+
+export const KEYBOARD_LAYOUT: KEYPAD_COLLECTION = [
+  [{ main: '1' }, { main: '2', subtext: 'ABC' }, { main: '3', subtext: 'DEF' }],
+  [
+    { main: '4', subtext: 'GHI' },
+    { main: '5', subtext: 'JKL' },
+    { main: '6', subtext: 'MNO' },
+  ],
+  [
+    { main: '7', subtext: 'PQRS' },
+    { main: '8', subtext: 'TUV' },
+    { main: '9', subtext: 'WXYZ' },
+  ],
+  [{ main: GLOBE_BUTTON }, { main: '0' }, { main: BACK_BUTTON }],
+];

package/src/consts/regions.ts

@@ -0,0 +1,268 @@
+// country code list with all country name, country code, two letter code, and flag based on https://en.wikipedia.org/wiki/List_of_country_calling_codes
+import { CountryId } from '../enum/CountryIds';
+
+export interface CountryCode {
+  code: string; // e.g. '+1'
+  id: CountryId; // e.g. CountryId.UNITED_STATES
+  flag: string; // e.g. '🇺🇸'
+  name: string; // e.g. 'United States'
+  mask: string; // e.g. '(###)-###-####'
+}
+
+
+export const countryCodeList: CountryCode[] = [
+    // Zone 1 - North American Numbering Plan (NANP)
+    { code: '+1', id: CountryId.UNITED_STATES, flag: '🇺🇸', name: 'United States', mask: '(###)-###-####' },
+    { code: '+1', id: CountryId.CANADA, flag: '🇨🇦', name: 'Canada', mask: '(###)-###-####' },
+    { code: '+1', id: CountryId.ANTIGUA_AND_BARBUDA, flag: '🇦🇬', name: 'Antigua and Barbuda', mask: '(###)-###-####' },
+    { code: '+1', id: CountryId.ANGUILLA, flag: '🇦🇮', name: 'Anguilla', mask: '(###)-###-####' },
+    { code: '+1', id: CountryId.AMERICAN_SAMOA, flag: '🇦🇸', name: 'American Samoa', mask: '(###)-###-####' },
+    { code: '+1', id: CountryId.BAHAMAS, flag: '🇧🇸', name: 'Bahamas', mask: '(###)-###-####' },
+    { code: '+1', id: CountryId.BARBADOS, flag: '🇧🇧', name: 'Barbados', mask: '(###)-###-####' },
+    { code: '+1', id: CountryId.BERMUDA, flag: '🇧🇲', name: 'Bermuda', mask: '(###)-###-####' },
+    { code: '+1', id: CountryId.BRITISH_VIRGIN_ISLANDS, flag: '🇻🇬', name: 'British Virgin Islands', mask: '(###)-###-####' },
+    { code: '+1', id: CountryId.CAYMAN_ISLANDS, flag: '🇰🇾', name: 'Cayman Islands', mask: '(###)-###-####' },
+    { code: '+1', id: CountryId.DOMINICA, flag: '🇩🇲', name: 'Dominica', mask: '(###)-###-####' },
+    { code: '+1', id: CountryId.DOMINICAN_REPUBLIC, flag: '🇩🇴', name: 'Dominican Republic', mask: '(###)-###-####' },
+    { code: '+1', id: CountryId.GRENADA, flag: '🇬🇩', name: 'Grenada', mask: '(###)-###-####' },
+    { code: '+1', id: CountryId.GUAM, flag: '🇬🇺', name: 'Guam', mask: '(###)-###-####' },
+    { code: '+1', id: CountryId.JAMAICA, flag: '🇯🇲', name: 'Jamaica', mask: '(###)-###-####' },
+    { code: '+1', id: CountryId.MONTSERRAT, flag: '🇲🇸', name: 'Montserrat', mask: '(###)-###-####' },
+    { code: '+1', id: CountryId.NORTHERN_MARIANA_ISLANDS, flag: '🇲🇵', name: 'Northern Mariana Islands', mask: '(###)-###-####' },
+    { code: '+1', id: CountryId.PUERTO_RICO, flag: '🇵🇷', name: 'Puerto Rico', mask: '(###)-###-####' },
+    { code: '+1', id: CountryId.SAINT_KITTS_AND_NEVIS, flag: '🇰🇳', name: 'Saint Kitts and Nevis', mask: '(###)-###-####' },
+    { code: '+1', id: CountryId.SAINT_LUCIA, flag: '🇱🇨', name: 'Saint Lucia', mask: '(###)-###-####' },
+    { code: '+1', id: CountryId.SAINT_VINCENT_AND_THE_GRENADINES, flag: '🇻🇨', name: 'Saint Vincent and the Grenadines', mask: '(###)-###-####' },
+    { code: '+1', id: CountryId.SINT_MAARTEN, flag: '🇸🇽', name: 'Sint Maarten', mask: '(###)-###-####' },
+    { code: '+1', id: CountryId.TRINIDAD_AND_TOBAGO, flag: '🇹🇹', name: 'Trinidad and Tobago', mask: '(###)-###-####' },
+    { code: '+1', id: CountryId.TURKS_AND_CAICOS_ISLANDS, flag: '🇹🇨', name: 'Turks and Caicos Islands', mask: '(###)-###-####' },
+    { code: '+1', id: CountryId.UNITED_STATES_VIRGIN_ISLANDS, flag: '🇻🇮', name: 'United States Virgin Islands', mask: '(###)-###-####' },
+    // Zone 2 - Africa
+    { code: '+20', id: CountryId.EGYPT, flag: '🇪🇬', name: 'Egypt', mask: '(###)-###-####' },
+    { code: '+211', id: CountryId.SOUTH_SUDAN, flag: '🇸🇸', name: 'South Sudan', mask: '(###)-###-###' },
+    { code: '+212', id: CountryId.MOROCCO, flag: '🇲🇦', name: 'Morocco', mask: '(###)-###-###' },
+    { code: '+212', id: CountryId.WESTERN_SAHARA, flag: '🇪🇭', name: 'Western Sahara', mask: '(###)-###-###' },
+    { code: '+213', id: CountryId.ALGERIA, flag: '🇩🇿', name: 'Algeria', mask: '(###)-##-##-##' },
+    { code: '+216', id: CountryId.TUNISIA, flag: '🇹🇳', name: 'Tunisia', mask: '(##)-###-###' },
+    { code: '+218', id: CountryId.LIBYA, flag: '🇱🇾', name: 'Libya', mask: '(##)-#######' },
+    { code: '+220', id: CountryId.GAMBIA, flag: '🇬🇲', name: 'Gambia', mask: '(###)-####' },
+    { code: '+221', id: CountryId.SENEGAL, flag: '🇸🇳', name: 'Senegal', mask: '(##)-###-##-##' },
+    { code: '+222', id: CountryId.MAURITANIA, flag: '🇲🇷', name: 'Mauritania', mask: '(##)-##-##-##' },
+    { code: '+223', id: CountryId.MALI, flag: '🇲🇱', name: 'Mali', mask: '(##)-##-##-##' },
+    { code: '+224', id: CountryId.GUINEA, flag: '🇬🇳', name: 'Guinea', mask: '(###)-##-##-##' },
+    { code: '+225', id: CountryId.IVORY_COAST, flag: '🇨🇮', name: 'Ivory Coast', mask: '(##)-##-##-##' },
+    { code: '+226', id: CountryId.BURKINA_FASO, flag: '🇧🇫', name: 'Burkina Faso', mask: '(##)-##-##-##' },
+    { code: '+227', id: CountryId.NIGER, flag: '🇳🇪', name: 'Niger', mask: '(##)-##-##-##' },
+    { code: '+228', id: CountryId.TOGO, flag: '🇹🇬', name: 'Togo', mask: '(##)-##-##-##' },
+    { code: '+229', id: CountryId.BENIN, flag: '🇧🇯', name: 'Benin', mask: '(##)-##-##-##' },
+    { code: '+230', id: CountryId.MAURITIUS, flag: '🇲🇺', name: 'Mauritius', mask: '(####)-####' },
+    { code: '+231', id: CountryId.LIBERIA, flag: '🇱🇷', name: 'Liberia', mask: '(###)-####' },
+    { code: '+232', id: CountryId.SIERRA_LEONE, flag: '🇸🇱', name: 'Sierra Leone', mask: '(##)-######' },
+    { code: '+233', id: CountryId.GHANA, flag: '🇬🇭', name: 'Ghana', mask: '(##)-###-####' },
+    { code: '+234', id: CountryId.NIGERIA, flag: '🇳🇬', name: 'Nigeria', mask: '(###)-###-####' },
+    { code: '+235', id: CountryId.CHAD, flag: '🇹🇩', name: 'Chad', mask: '(##)-##-##-##' },
+    { code: '+236', id: CountryId.CENTRAL_AFRICAN_REPUBLIC, flag: '🇨🇫', name: 'Central African Republic', mask: '(##)-##-##-##' },
+    { code: '+237', id: CountryId.CAMEROON, flag: '🇨🇲', name: 'Cameroon', mask: '(##)-##-##-##' },
+    { code: '+238', id: CountryId.CAPE_VERDE, flag: '🇨🇻', name: 'Cape Verde', mask: '(###)-##-##' },
+    { code: '+239', id: CountryId.SAO_TOME_AND_PRINCIPE, flag: '🇸🇹', name: 'São Tomé and Príncipe', mask: '(###)-####' },
+    { code: '+240', id: CountryId.EQUATORIAL_GUINEA, flag: '🇬🇶', name: 'Equatorial Guinea', mask: '(###)-###-###' },
+    { code: '+241', id: CountryId.GABON, flag: '🇬🇦', name: 'Gabon', mask: '(##)-##-##-##' },
+    { code: '+242', id: CountryId.REPUBLIC_OF_THE_CONGO, flag: '🇨🇬', name: 'Republic of the Congo', mask: '(##)-###-####' },
+    { code: '+243', id: CountryId.DEMOCRATIC_REPUBLIC_OF_THE_CONGO, flag: '🇨🇩', name: 'Democratic Republic of the Congo', mask: '(###)-###-###' },
+    { code: '+244', id: CountryId.ANGOLA, flag: '🇦🇴', name: 'Angola', mask: '(###)-###-###' },
+    { code: '+245', id: CountryId.GUINEA_BISSAU, flag: '🇬🇼', name: 'Guinea-Bissau', mask: '(###)-####' },
+    { code: '+246', id: CountryId.BRITISH_INDIAN_OCEAN_TERRITORY, flag: '🇮🇴', name: 'British Indian Ocean Territory', mask: '(###)-####' },
+    { code: '+247', id: CountryId.ASCENSION_ISLAND, flag: '🇦🇨', name: 'Ascension Island', mask: '####' },
+    { code: '+248', id: CountryId.SEYCHELLES, flag: '🇸🇨', name: 'Seychelles', mask: '(#)-###-###' },
+    { code: '+249', id: CountryId.SUDAN, flag: '🇸🇩', name: 'Sudan', mask: '(##)-###-####' },
+    { code: '+250', id: CountryId.RWANDA, flag: '🇷🇼', name: 'Rwanda', mask: '(###)-###-###' },
+    { code: '+251', id: CountryId.ETHIOPIA, flag: '🇪🇹', name: 'Ethiopia', mask: '(##)-###-####' },
+    { code: '+252', id: CountryId.SOMALIA, flag: '🇸🇴', name: 'Somalia', mask: '(##)-###-####' },
+    { code: '+253', id: CountryId.DJIBOUTI, flag: '🇩🇯', name: 'Djibouti', mask: '(##)-##-##-##' },
+    { code: '+254', id: CountryId.KENYA, flag: '🇰🇪', name: 'Kenya', mask: '(###)-######' },
+    { code: '+255', id: CountryId.TANZANIA, flag: '🇹🇿', name: 'Tanzania', mask: '(###)-###-###' },
+    { code: '+256', id: CountryId.UGANDA, flag: '🇺🇬', name: 'Uganda', mask: '(###)-######' },
+    { code: '+257', id: CountryId.BURUNDI, flag: '🇧🇮', name: 'Burundi', mask: '(##)-##-##-##' },
+    { code: '+258', id: CountryId.MOZAMBIQUE, flag: '🇲🇿', name: 'Mozambique', mask: '(##)-###-####' },
+    { code: '+260', id: CountryId.ZAMBIA, flag: '🇿🇲', name: 'Zambia', mask: '(##)-###-####' },
+    { code: '+261', id: CountryId.MADAGASCAR, flag: '🇲🇬', name: 'Madagascar', mask: '(##)-##-###-##' },
+    { code: '+262', id: CountryId.REUNION, flag: '🇷🇪', name: 'Réunion', mask: '(###)-##-##-##' },
+    { code: '+262', id: CountryId.MAYOTTE, flag: '🇾🇹', name: 'Mayotte', mask: '(###)-##-##-##' },
+    { code: '+263', id: CountryId.ZIMBABWE, flag: '🇿🇼', name: 'Zimbabwe', mask: '(##)-###-####' },
+    { code: '+264', id: CountryId.NAMIBIA, flag: '🇳🇦', name: 'Namibia', mask: '(##)-###-####' },
+    { code: '+265', id: CountryId.MALAWI, flag: '🇲🇼', name: 'Malawi', mask: '(###)-##-##-##' },
+    { code: '+266', id: CountryId.LESOTHO, flag: '🇱🇸', name: 'Lesotho', mask: '(##)-###-###' },
+    { code: '+267', id: CountryId.BOTSWANA, flag: '🇧🇼', name: 'Botswana', mask: '(##)-###-###' },
+    { code: '+268', id: CountryId.ESWATINI, flag: '🇸🇿', name: 'Eswatini', mask: '(##)-##-####' },
+    { code: '+269', id: CountryId.COMOROS, flag: '🇰🇲', name: 'Comoros', mask: '(###)-##-##' },
+    { code: '+27', id: CountryId.SOUTH_AFRICA, flag: '🇿🇦', name: 'South Africa', mask: '(##)-###-####' },
+    { code: '+290', id: CountryId.SAINT_HELENA, flag: '🇸🇭', name: 'Saint Helena', mask: '#####' },
+    { code: '+291', id: CountryId.ERITREA, flag: '🇪🇷', name: 'Eritrea', mask: '(#)-###-###' },
+    { code: '+297', id: CountryId.ARUBA, flag: '🇦🇼', name: 'Aruba', mask: '(###)-####' },
+    { code: '+298', id: CountryId.FAROE_ISLANDS, flag: '🇫🇴', name: 'Faroe Islands', mask: '(###)-###' },
+    { code: '+299', id: CountryId.GREENLAND, flag: '🇬🇱', name: 'Greenland', mask: '(##)-##-##' },
+    // Zone 3 - Europe
+    { code: '+30', id: CountryId.GREECE, flag: '🇬🇷', name: 'Greece', mask: '(###)-###-####' },
+    { code: '+31', id: CountryId.NETHERLANDS, flag: '🇳🇱', name: 'Netherlands', mask: '(##)-###-####' },
+    { code: '+32', id: CountryId.BELGIUM, flag: '🇧🇪', name: 'Belgium', mask: '(###)-##-##-##' },
+    { code: '+33', id: CountryId.FRANCE, flag: '🇫🇷', name: 'France', mask: '(#)-##-##-##-##' },
+    { code: '+34', id: CountryId.SPAIN, flag: '🇪🇸', name: 'Spain', mask: '(###)-###-###' },
+    { code: '+350', id: CountryId.GIBRALTAR, flag: '🇬🇮', name: 'Gibraltar', mask: '#####' },
+    { code: '+351', id: CountryId.PORTUGAL, flag: '🇵🇹', name: 'Portugal', mask: '(###)-###-###' },
+    { code: '+352', id: CountryId.LUXEMBOURG, flag: '🇱🇺', name: 'Luxembourg', mask: '(###)-###-###' },
+    { code: '+353', id: CountryId.IRELAND, flag: '🇮🇪', name: 'Ireland', mask: '(##)-###-####' },
+    { code: '+354', id: CountryId.ICELAND, flag: '🇮🇸', name: 'Iceland', mask: '(###)-####' },
+    { code: '+355', id: CountryId.ALBANIA, flag: '🇦🇱', name: 'Albania', mask: '(###)-###-###' },
+    { code: '+356', id: CountryId.MALTA, flag: '🇲🇹', name: 'Malta', mask: '(####)-####' },
+    { code: '+357', id: CountryId.CYPRUS, flag: '🇨🇾', name: 'Cyprus', mask: '(##)-######' },
+    { code: '+358', id: CountryId.FINLAND, flag: '🇫🇮', name: 'Finland', mask: '(##)-###-##-##' },
+    { code: '+358', id: CountryId.ALAND_ISLANDS, flag: '🇦🇽', name: 'Åland Islands', mask: '(##)-###-##-##' },
+    { code: '+359', id: CountryId.BULGARIA, flag: '🇧🇬', name: 'Bulgaria', mask: '(##)-###-####' },
+    { code: '+36', id: CountryId.HUNGARY, flag: '🇭🇺', name: 'Hungary', mask: '(##)-###-####' },
+    { code: '+370', id: CountryId.LITHUANIA, flag: '🇱🇹', name: 'Lithuania', mask: '(###)-##-###' },
+    { code: '+371', id: CountryId.LATVIA, flag: '🇱🇻', name: 'Latvia', mask: '(##)-###-###' },
+    { code: '+372', id: CountryId.ESTONIA, flag: '🇪🇪', name: 'Estonia', mask: '(##)-###-###' },
+    { code: '+373', id: CountryId.MOLDOVA, flag: '🇲🇩', name: 'Moldova', mask: '(##)-###-###' },
+    { code: '+374', id: CountryId.ARMENIA, flag: '🇦🇲', name: 'Armenia', mask: '(##)-###-###' },
+    { code: '+375', id: CountryId.BELARUS, flag: '🇧🇾', name: 'Belarus', mask: '(##)-###-##-##' },
+    { code: '+376', id: CountryId.ANDORRA, flag: '🇦🇩', name: 'Andorra', mask: '(###)-###' },
+    { code: '+377', id: CountryId.MONACO, flag: '🇲🇨', name: 'Monaco', mask: '(##)-##-##-##' },
+    { code: '+378', id: CountryId.SAN_MARINO, flag: '🇸🇲', name: 'San Marino', mask: '(####)-######' },
+    { code: '+380', id: CountryId.UKRAINE, flag: '🇺🇦', name: 'Ukraine', mask: '(##)-###-##-##' },
+    { code: '+381', id: CountryId.SERBIA, flag: '🇷🇸', name: 'Serbia', mask: '(##)-###-####' },
+    { code: '+382', id: CountryId.MONTENEGRO, flag: '🇲🇪', name: 'Montenegro', mask: '(##)-###-###' },
+    { code: '+383', id: CountryId.KOSOVO, flag: '🇽🇰', name: 'Kosovo', mask: '(##)-###-###' },
+    { code: '+385', id: CountryId.CROATIA, flag: '🇭🇷', name: 'Croatia', mask: '(##)-###-###' },
+    { code: '+386', id: CountryId.SLOVENIA, flag: '🇸🇮', name: 'Slovenia', mask: '(##)-###-###' },
+    { code: '+387', id: CountryId.BOSNIA_AND_HERZEGOVINA, flag: '🇧🇦', name: 'Bosnia and Herzegovina', mask: '(##)-###-###' },
+    { code: '+389', id: CountryId.NORTH_MACEDONIA, flag: '🇲🇰', name: 'North Macedonia', mask: '(##)-###-###' },
+    { code: '+39', id: CountryId.ITALY, flag: '🇮🇹', name: 'Italy', mask: '(###)-###-####' },
+    { code: '+39', id: CountryId.VATICAN_CITY, flag: '🇻🇦', name: 'Vatican City', mask: '(##)-####-####' },
+    { code: '+40', id: CountryId.ROMANIA, flag: '🇷🇴', name: 'Romania', mask: '(###)-###-###' },
+    { code: '+41', id: CountryId.SWITZERLAND, flag: '🇨🇭', name: 'Switzerland', mask: '(##)-###-##-##' },
+    { code: '+420', id: CountryId.CZECH_REPUBLIC, flag: '🇨🇿', name: 'Czech Republic', mask: '(###)-###-###' },
+    { code: '+421', id: CountryId.SLOVAKIA, flag: '🇸🇰', name: 'Slovakia', mask: '(###)-###-###' },
+    { code: '+423', id: CountryId.LIECHTENSTEIN, flag: '🇱🇮', name: 'Liechtenstein', mask: '(###)-####' },
+    { code: '+43', id: CountryId.AUSTRIA, flag: '🇦🇹', name: 'Austria', mask: '(###)-###-####' },
+    { code: '+44', id: CountryId.UNITED_KINGDOM, flag: '🇬🇧', name: 'United Kingdom', mask: '(####)-######' },
+    { code: '+44', id: CountryId.GUERNSEY, flag: '🇬🇬', name: 'Guernsey', mask: '(####)-######' },
+    { code: '+44', id: CountryId.ISLE_OF_MAN, flag: '🇮🇲', name: 'Isle of Man', mask: '(####)-######' },
+    { code: '+44', id: CountryId.JERSEY, flag: '🇯🇪', name: 'Jersey', mask: '(####)-######' },
+    { code: '+45', id: CountryId.DENMARK, flag: '🇩🇰', name: 'Denmark', mask: '(##)-##-##-##' },
+    { code: '+46', id: CountryId.SWEDEN, flag: '🇸🇪', name: 'Sweden', mask: '(##)-###-##-##' },
+    { code: '+47', id: CountryId.NORWAY, flag: '🇳🇴', name: 'Norway', mask: '(###)-##-###' },
+    { code: '+47', id: CountryId.SVALBARD_AND_JAN_MAYEN, flag: '🇸🇯', name: 'Svalbard and Jan Mayen', mask: '(###)-##-###' },
+    { code: '+48', id: CountryId.POLAND, flag: '🇵🇱', name: 'Poland', mask: '(###)-###-###' },
+    { code: '+49', id: CountryId.GERMANY, flag: '🇩🇪', name: 'Germany', mask: '(###)-#######' },
+    // Zone 5 - Central & South America, Caribbean
+    { code: '+500', id: CountryId.FALKLAND_ISLANDS, flag: '🇫🇰', name: 'Falkland Islands', mask: '#####' },
+    { code: '+500', id: CountryId.SOUTH_GEORGIA_AND_THE_SOUTH_SANDWICH_ISLANDS, flag: '🇬🇸', name: 'South Georgia and the South Sandwich Islands', mask: '#####' },
+    { code: '+501', id: CountryId.BELIZE, flag: '🇧🇿', name: 'Belize', mask: '(###)-####' },
+    { code: '+502', id: CountryId.GUATEMALA, flag: '🇬🇹', name: 'Guatemala', mask: '(####)-####' },
+    { code: '+503', id: CountryId.EL_SALVADOR, flag: '🇸🇻', name: 'El Salvador', mask: '(####)-####' },
+    { code: '+504', id: CountryId.HONDURAS, flag: '🇭🇳', name: 'Honduras', mask: '(####)-####' },
+    { code: '+505', id: CountryId.NICARAGUA, flag: '🇳🇮', name: 'Nicaragua', mask: '(####)-####' },
+    { code: '+506', id: CountryId.COSTA_RICA, flag: '🇨🇷', name: 'Costa Rica', mask: '(####)-####' },
+    { code: '+507', id: CountryId.PANAMA, flag: '🇵🇦', name: 'Panama', mask: '(####)-####' },
+    { code: '+508', id: CountryId.SAINT_PIERRE_AND_MIQUELON, flag: '🇵🇲', name: 'Saint Pierre and Miquelon', mask: '(##)-##-##' },
+    { code: '+509', id: CountryId.HAITI, flag: '🇭🇹', name: 'Haiti', mask: '(##)-##-####' },
+    { code: '+51', id: CountryId.PERU, flag: '🇵🇪', name: 'Peru', mask: '(###)-###-###' },
+    { code: '+52', id: CountryId.MEXICO, flag: '🇲🇽', name: 'Mexico', mask: '(##)-####-####' },
+    { code: '+53', id: CountryId.CUBA, flag: '🇨🇺', name: 'Cuba', mask: '(#)-###-####' },
+    { code: '+54', id: CountryId.ARGENTINA, flag: '🇦🇷', name: 'Argentina', mask: '(##)-####-####' },
+    { code: '+55', id: CountryId.BRAZIL, flag: '🇧🇷', name: 'Brazil', mask: '(##)-#####-####' },
+    { code: '+56', id: CountryId.CHILE, flag: '🇨🇱', name: 'Chile', mask: '(#)-####-####' },
+    { code: '+57', id: CountryId.COLOMBIA, flag: '🇨🇴', name: 'Colombia', mask: '(###)-###-####' },
+    { code: '+58', id: CountryId.VENEZUELA, flag: '🇻🇪', name: 'Venezuela', mask: '(###)-###-####' },
+    { code: '+590', id: CountryId.GUADELOUPE, flag: '🇬🇵', name: 'Guadeloupe', mask: '(###)-##-##-##' },
+    { code: '+590', id: CountryId.SAINT_BARTHELEMY, flag: '🇧🇱', name: 'Saint Barthélemy', mask: '(###)-##-##-##' },
+    { code: '+590', id: CountryId.SAINT_MARTIN, flag: '🇲🇫', name: 'Saint Martin', mask: '(###)-##-##-##' },
+    { code: '+591', id: CountryId.BOLIVIA, flag: '🇧🇴', name: 'Bolivia', mask: '(#)-###-####' },
+    { code: '+592', id: CountryId.GUYANA, flag: '🇬🇾', name: 'Guyana', mask: '(###)-####' },
+    { code: '+593', id: CountryId.ECUADOR, flag: '🇪🇨', name: 'Ecuador', mask: '(##)-###-####' },
+    { code: '+594', id: CountryId.FRENCH_GUIANA, flag: '🇬🇫', name: 'French Guiana', mask: '(###)-##-##-##' },
+    { code: '+595', id: CountryId.PARAGUAY, flag: '🇵🇾', name: 'Paraguay', mask: '(###)-###-###' },
+    { code: '+596', id: CountryId.MARTINIQUE, flag: '🇲🇶', name: 'Martinique', mask: '(###)-##-##-##' },
+    { code: '+597', id: CountryId.SURINAME, flag: '🇸🇷', name: 'Suriname', mask: '(###)-####' },
+    { code: '+598', id: CountryId.URUGUAY, flag: '🇺🇾', name: 'Uruguay', mask: '(#)-###-##-##' },
+    { code: '+599', id: CountryId.CURACAO, flag: '🇨🇼', name: 'Curaçao', mask: '(###)-####' },
+    { code: '+599', id: CountryId.CARIBBEAN_NETHERLANDS, flag: '🇧🇶', name: 'Caribbean Netherlands', mask: '(###)-####' },
+    // Zone 6 - Southeast Asia & Oceania
+    { code: '+60', id: CountryId.MALAYSIA, flag: '🇲🇾', name: 'Malaysia', mask: '(##)-####-####' },
+    { code: '+61', id: CountryId.AUSTRALIA, flag: '🇦🇺', name: 'Australia', mask: '(###)-###-###' },
+    { code: '+61', id: CountryId.CHRISTMAS_ISLAND, flag: '🇨🇽', name: 'Christmas Island', mask: '(###)-###-###' },
+    { code: '+61', id: CountryId.COCOS_KEELING_ISLANDS, flag: '🇨🇨', name: 'Cocos (Keeling) Islands', mask: '(###)-###-###' },
+    { code: '+62', id: CountryId.INDONESIA, flag: '🇮🇩', name: 'Indonesia', mask: '(###)-####-####' },
+    { code: '+63', id: CountryId.PHILIPPINES, flag: '🇵🇭', name: 'Philippines', mask: '(###)-###-####' },
+    { code: '+64', id: CountryId.NEW_ZEALAND, flag: '🇳🇿', name: 'New Zealand', mask: '(##)-###-####' },
+    { code: '+64', id: CountryId.PITCAIRN_ISLANDS, flag: '🇵🇳', name: 'Pitcairn Islands', mask: '(####)-####' },
+    { code: '+65', id: CountryId.SINGAPORE, flag: '🇸🇬', name: 'Singapore', mask: '(####)-####' },
+    { code: '+66', id: CountryId.THAILAND, flag: '🇹🇭', name: 'Thailand', mask: '(##)-###-####' },
+    { code: '+670', id: CountryId.TIMOR_LESTE, flag: '🇹🇱', name: 'Timor-Leste', mask: '(###)-####' },
+    { code: '+672', id: CountryId.NORFOLK_ISLAND, flag: '🇳🇫', name: 'Norfolk Island', mask: '(##)-####' },
+    { code: '+673', id: CountryId.BRUNEI, flag: '🇧🇳', name: 'Brunei', mask: '(###)-####' },
+    { code: '+674', id: CountryId.NAURU, flag: '🇳🇷', name: 'Nauru', mask: '(###)-####' },
+    { code: '+675', id: CountryId.PAPUA_NEW_GUINEA, flag: '🇵🇬', name: 'Papua New Guinea', mask: '(##)-###-###' },
+    { code: '+676', id: CountryId.TONGA, flag: '🇹🇴', name: 'Tonga', mask: '(###)-####' },
+    { code: '+677', id: CountryId.SOLOMON_ISLANDS, flag: '🇸🇧', name: 'Solomon Islands', mask: '(###)-####' },
+    { code: '+678', id: CountryId.VANUATU, flag: '🇻🇺', name: 'Vanuatu', mask: '(###)-####' },
+    { code: '+679', id: CountryId.FIJI, flag: '🇫🇯', name: 'Fiji', mask: '(###)-####' },
+    { code: '+680', id: CountryId.PALAU, flag: '🇵🇼', name: 'Palau', mask: '(###)-####' },
+    { code: '+681', id: CountryId.WALLIS_AND_FUTUNA, flag: '🇼🇫', name: 'Wallis and Futuna', mask: '(##)-####' },
+    { code: '+682', id: CountryId.COOK_ISLANDS, flag: '🇨🇰', name: 'Cook Islands', mask: '(##)-###' },
+    { code: '+683', id: CountryId.NIUE, flag: '🇳🇺', name: 'Niue', mask: '####' },
+    { code: '+685', id: CountryId.SAMOA, flag: '🇼🇸', name: 'Samoa', mask: '(##)-#####' },
+    { code: '+686', id: CountryId.KIRIBATI, flag: '🇰🇮', name: 'Kiribati', mask: '(##)-##-###' },
+    { code: '+687', id: CountryId.NEW_CALEDONIA, flag: '🇳🇨', name: 'New Caledonia', mask: '(##)-##-##' },
+    { code: '+688', id: CountryId.TUVALU, flag: '🇹🇻', name: 'Tuvalu', mask: '(##)-###' },
+    { code: '+689', id: CountryId.FRENCH_POLYNESIA, flag: '🇵🇫', name: 'French Polynesia', mask: '(##)-##-##-##' },
+    { code: '+690', id: CountryId.TOKELAU, flag: '🇹🇰', name: 'Tokelau', mask: '####' },
+    { code: '+691', id: CountryId.MICRONESIA, flag: '🇫🇲', name: 'Micronesia', mask: '(###)-####' },
+    { code: '+692', id: CountryId.MARSHALL_ISLANDS, flag: '🇲🇭', name: 'Marshall Islands', mask: '(###)-####' },
+    // Zone 7 - Russia & Kazakhstan
+    { code: '+7', id: CountryId.RUSSIA, flag: '🇷🇺', name: 'Russia', mask: '(###)-###-##-##' },
+    { code: '+7', id: CountryId.KAZAKHSTAN, flag: '🇰🇿', name: 'Kazakhstan', mask: '(###)-###-##-##' },
+    // Zone 8 - East Asia
+    { code: '+81', id: CountryId.JAPAN, flag: '🇯🇵', name: 'Japan', mask: '(##)-####-####' },
+    { code: '+82', id: CountryId.SOUTH_KOREA, flag: '🇰🇷', name: 'South Korea', mask: '(##)-####-####' },
+    { code: '+84', id: CountryId.VIETNAM, flag: '🇻🇳', name: 'Vietnam', mask: '(###)-###-####' },
+    { code: '+850', id: CountryId.NORTH_KOREA, flag: '🇰🇵', name: 'North Korea', mask: '(###)-###-####' },
+    { code: '+852', id: CountryId.HONG_KONG, flag: '🇭🇰', name: 'Hong Kong', mask: '(####)-####' },
+    { code: '+853', id: CountryId.MACAU, flag: '🇲🇴', name: 'Macau', mask: '(####)-####' },
+    { code: '+855', id: CountryId.CAMBODIA, flag: '🇰🇭', name: 'Cambodia', mask: '(##)-###-###' },
+    { code: '+856', id: CountryId.LAOS, flag: '🇱🇦', name: 'Laos', mask: '(##)-###-####' },
+    { code: '+86', id: CountryId.CHINA, flag: '🇨🇳', name: 'China', mask: '(###)-####-####' },
+    { code: '+880', id: CountryId.BANGLADESH, flag: '🇧🇩', name: 'Bangladesh', mask: '(##)-####-####' },
+    { code: '+886', id: CountryId.TAIWAN, flag: '🇹🇼', name: 'Taiwan', mask: '(###)-###-####' },
+    // Zone 9 - South Asia, Middle East & Central Asia
+    { code: '+90', id: CountryId.TURKEY, flag: '🇹🇷', name: 'Turkey', mask: '(###)-###-##-##' },
+    { code: '+91', id: CountryId.INDIA, flag: '🇮🇳', name: 'India', mask: '(#####)-#####' },
+    { code: '+92', id: CountryId.PAKISTAN, flag: '🇵🇰', name: 'Pakistan', mask: '(###)-###-####' },
+    { code: '+93', id: CountryId.AFGHANISTAN, flag: '🇦🇫', name: 'Afghanistan', mask: '(##)-###-####' },
+    { code: '+94', id: CountryId.SRI_LANKA, flag: '🇱🇰', name: 'Sri Lanka', mask: '(##)-###-####' },
+    { code: '+95', id: CountryId.MYANMAR, flag: '🇲🇲', name: 'Myanmar', mask: '(##)-###-####' },
+    { code: '+960', id: CountryId.MALDIVES, flag: '🇲🇻', name: 'Maldives', mask: '(###)-####' },
+    { code: '+961', id: CountryId.LEBANON, flag: '🇱🇧', name: 'Lebanon', mask: '(##)-###-###' },
+    { code: '+962', id: CountryId.JORDAN, flag: '🇯🇴', name: 'Jordan', mask: '(##)-###-####' },
+    { code: '+963', id: CountryId.SYRIA, flag: '🇸🇾', name: 'Syria', mask: '(###)-###-###' },
+    { code: '+964', id: CountryId.IRAQ, flag: '🇮🇶', name: 'Iraq', mask: '(###)-###-####' },
+    { code: '+965', id: CountryId.KUWAIT, flag: '🇰🇼', name: 'Kuwait', mask: '(####)-####' },
+    { code: '+966', id: CountryId.SAUDI_ARABIA, flag: '🇸🇦', name: 'Saudi Arabia', mask: '(##)-###-####' },
+    { code: '+967', id: CountryId.YEMEN, flag: '🇾🇪', name: 'Yemen', mask: '(###)-###-###' },
+    { code: '+968', id: CountryId.OMAN, flag: '🇴🇲', name: 'Oman', mask: '(####)-####' },
+    { code: '+970', id: CountryId.PALESTINIAN_TERRITORIES, flag: '🇵🇸', name: 'Palestinian Territories', mask: '(##)-###-####' },
+    { code: '+971', id: CountryId.UNITED_ARAB_EMIRATES, flag: '🇦🇪', name: 'United Arab Emirates', mask: '(##)-###-####' },
+    { code: '+972', id: CountryId.ISRAEL, flag: '🇮🇱', name: 'Israel', mask: '(##)-###-####' },
+    { code: '+973', id: CountryId.BAHRAIN, flag: '🇧🇭', name: 'Bahrain', mask: '(####)-####' },
+    { code: '+974', id: CountryId.QATAR, flag: '🇶🇦', name: 'Qatar', mask: '(####)-####' },
+    { code: '+975', id: CountryId.BHUTAN, flag: '🇧🇹', name: 'Bhutan', mask: '(##)-###-###' },
+    { code: '+976', id: CountryId.MONGOLIA, flag: '🇲🇳', name: 'Mongolia', mask: '(####)-####' },
+    { code: '+977', id: CountryId.NEPAL, flag: '🇳🇵', name: 'Nepal', mask: '(##)-###-####' },
+    { code: '+98', id: CountryId.IRAN, flag: '🇮🇷', name: 'Iran', mask: '(###)-###-####' },
+    { code: '+992', id: CountryId.TAJIKISTAN, flag: '🇹🇯', name: 'Tajikistan', mask: '(##)-###-####' },
+    { code: '+993', id: CountryId.TURKMENISTAN, flag: '🇹🇲', name: 'Turkmenistan', mask: '(##)-###-####' },
+    { code: '+994', id: CountryId.AZERBAIJAN, flag: '🇦🇿', name: 'Azerbaijan', mask: '(##)-###-##-##' },
+    { code: '+995', id: CountryId.GEORGIA, flag: '🇬🇪', name: 'Georgia', mask: '(###)-###-###' },
+    { code: '+996', id: CountryId.KYRGYZSTAN, flag: '🇰🇬', name: 'Kyrgyzstan', mask: '(###)-###-###' },
+    { code: '+998', id: CountryId.UZBEKISTAN, flag: '🇺🇿', name: 'Uzbekistan', mask: '(##)-###-##-##' },
+];