@feathery/react 2.12.3-pr-1522.4bcc507.0 → 2.14.0

package/dist/fthry_index.sXNItbKY.js

@@ -0,0 +1,1997 @@
+import { t as __rest, _ as __read, w as countryData, af as authState, ag as firebaseSMSCountries, j as jsxs, b as jsx, a as __assign, m as Fragment, D as DROPDOWN_Z_INDEX, u as useBorder, ah as phoneLibPromise, h as hoverStylesGuard, ai as isNum, i as iosScrollOnFocus, r as resetStyles } from './fthry_index.CdIRvNp8.js';
+import { forwardRef, useRef, useState, useEffect, useMemo, memo } from 'react';
+import { P as Placeholder } from './fthry_Placeholder.7M07CwTS.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.xj-t-582.js';
+import { O as Overlay } from './fthry_Overlay.CJFSLbLE.js';
+import { u as useElementSize } from './fthry_useElementSize.1FdURPgQ.js';
+import 'react/jsx-runtime';
+import 'react-dom/client';
+import 'jszip';
+import 'react-dom';
+
+var timeZoneCountries = {
+    'Africa/Abidjan': {
+        c: ['CI', 'BF', 'GH', 'GM', 'GN', 'ML', 'MR', 'SH', 'SL', 'SN', 'TG']
+    },
+    'Africa/Accra': {
+        c: ['GH']
+    },
+    'Africa/Addis_Ababa': {
+        c: ['ET']
+    },
+    'Africa/Algiers': {
+        c: ['DZ']
+    },
+    'Africa/Asmara': {
+        c: ['ER']
+    },
+    'Africa/Asmera': {
+        c: ['ER']
+    },
+    'Africa/Bamako': {
+        c: ['ML']
+    },
+    'Africa/Bangui': {
+        c: ['CF']
+    },
+    'Africa/Banjul': {
+        c: ['GM']
+    },
+    'Africa/Bissau': {
+        c: ['GW']
+    },
+    'Africa/Blantyre': {
+        c: ['MW']
+    },
+    'Africa/Brazzaville': {
+        c: ['CG']
+    },
+    'Africa/Bujumbura': {
+        c: ['BI']
+    },
+    'Africa/Cairo': {
+        c: ['EG']
+    },
+    'Africa/Casablanca': {
+        c: ['MA']
+    },
+    'Africa/Ceuta': {
+        c: ['ES']
+    },
+    'Africa/Conakry': {
+        c: ['GN']
+    },
+    'Africa/Dakar': {
+        c: ['SN']
+    },
+    'Africa/Dar_es_Salaam': {
+        c: ['TZ']
+    },
+    'Africa/Djibouti': {
+        c: ['DJ']
+    },
+    'Africa/Douala': {
+        c: ['CM']
+    },
+    'Africa/El_Aaiun': {
+        c: ['EH']
+    },
+    'Africa/Freetown': {
+        c: ['SL']
+    },
+    'Africa/Gaborone': {
+        c: ['BW']
+    },
+    'Africa/Harare': {
+        c: ['ZW']
+    },
+    'Africa/Johannesburg': {
+        c: ['ZA', 'LS', 'SZ']
+    },
+    'Africa/Juba': {
+        c: ['SS']
+    },
+    'Africa/Kampala': {
+        c: ['UG']
+    },
+    'Africa/Khartoum': {
+        c: ['SD']
+    },
+    'Africa/Kigali': {
+        c: ['RW']
+    },
+    'Africa/Kinshasa': {
+        c: ['CD']
+    },
+    'Africa/Lagos': {
+        c: ['NG', 'AO', 'BJ', 'CD', 'CF', 'CG', 'CM', 'GA', 'GQ', 'NE']
+    },
+    'Africa/Libreville': {
+        c: ['GA']
+    },
+    'Africa/Lome': {
+        c: ['TG']
+    },
+    'Africa/Luanda': {
+        c: ['AO']
+    },
+    'Africa/Lubumbashi': {
+        c: ['CD']
+    },
+    'Africa/Lusaka': {
+        c: ['ZM']
+    },
+    'Africa/Malabo': {
+        c: ['GQ']
+    },
+    'Africa/Maputo': {
+        c: ['MZ', 'BI', 'BW', 'CD', 'MW', 'RW', 'ZM', 'ZW']
+    },
+    'Africa/Maseru': {
+        c: ['LS']
+    },
+    'Africa/Mbabane': {
+        c: ['SZ']
+    },
+    'Africa/Mogadishu': {
+        c: ['SO']
+    },
+    'Africa/Monrovia': {
+        c: ['LR']
+    },
+    'Africa/Nairobi': {
+        c: ['KE', 'DJ', 'ER', 'ET', 'KM', 'MG', 'SO', 'TZ', 'UG', 'YT']
+    },
+    'Africa/Ndjamena': {
+        c: ['TD']
+    },
+    'Africa/Niamey': {
+        c: ['NE']
+    },
+    'Africa/Nouakchott': {
+        c: ['MR']
+    },
+    'Africa/Ouagadougou': {
+        c: ['BF']
+    },
+    'Africa/Porto-Novo': {
+        c: ['BJ']
+    },
+    'Africa/Sao_Tome': {
+        c: ['ST']
+    },
+    'Africa/Timbuktu': {
+        c: ['ML']
+    },
+    'Africa/Tripoli': {
+        c: ['LY']
+    },
+    'Africa/Tunis': {
+        c: ['TN']
+    },
+    'Africa/Windhoek': {
+        c: ['NA']
+    },
+    'America/Adak': {
+        c: ['US']
+    },
+    'America/Anchorage': {
+        c: ['US']
+    },
+    'America/Anguilla': {
+        c: ['AI']
+    },
+    'America/Antigua': {
+        c: ['AG']
+    },
+    'America/Araguaina': {
+        c: ['BR']
+    },
+    'America/Argentina/Buenos_Aires': {
+        c: ['AR']
+    },
+    'America/Argentina/Catamarca': {
+        c: ['AR']
+    },
+    'America/Argentina/Cordoba': {
+        c: ['AR']
+    },
+    'America/Argentina/Jujuy': {
+        c: ['AR']
+    },
+    'America/Argentina/La_Rioja': {
+        c: ['AR']
+    },
+    'America/Argentina/Mendoza': {
+        c: ['AR']
+    },
+    'America/Argentina/Rio_Gallegos': {
+        c: ['AR']
+    },
+    'America/Argentina/Salta': {
+        c: ['AR']
+    },
+    'America/Argentina/San_Juan': {
+        c: ['AR']
+    },
+    'America/Argentina/San_Luis': {
+        c: ['AR']
+    },
+    'America/Argentina/Tucuman': {
+        c: ['AR']
+    },
+    'America/Argentina/Ushuaia': {
+        c: ['AR']
+    },
+    'America/Aruba': {
+        c: ['AW']
+    },
+    'America/Asuncion': {
+        c: ['PY']
+    },
+    'America/Atikokan': {
+        c: ['CA']
+    },
+    'America/Bahia': {
+        c: ['BR']
+    },
+    'America/Bahia_Banderas': {
+        c: ['MX']
+    },
+    'America/Barbados': {
+        c: ['BB']
+    },
+    'America/Belem': {
+        c: ['BR']
+    },
+    'America/Belize': {
+        c: ['BZ']
+    },
+    'America/Blanc-Sablon': {
+        c: ['CA']
+    },
+    'America/Boa_Vista': {
+        c: ['BR']
+    },
+    'America/Bogota': {
+        c: ['CO']
+    },
+    'America/Boise': {
+        c: ['US']
+    },
+    'America/Cambridge_Bay': {
+        c: ['CA']
+    },
+    'America/Campo_Grande': {
+        c: ['BR']
+    },
+    'America/Cancun': {
+        c: ['MX']
+    },
+    'America/Caracas': {
+        c: ['VE']
+    },
+    'America/Cayenne': {
+        c: ['GF']
+    },
+    'America/Cayman': {
+        c: ['KY']
+    },
+    'America/Chicago': {
+        c: ['US']
+    },
+    'America/Chihuahua': {
+        c: ['MX']
+    },
+    'America/Coral_Harbour': {
+        c: ['CA']
+    },
+    'America/Costa_Rica': {
+        c: ['CR']
+    },
+    'America/Creston': {
+        c: ['CA']
+    },
+    'America/Cuiaba': {
+        c: ['BR']
+    },
+    'America/Curacao': {
+        c: ['CW']
+    },
+    'America/Danmarkshavn': {
+        c: ['GL']
+    },
+    'America/Dawson': {
+        c: ['CA']
+    },
+    'America/Dawson_Creek': {
+        c: ['CA']
+    },
+    'America/Denver': {
+        c: ['US']
+    },
+    'America/Detroit': {
+        c: ['US']
+    },
+    'America/Dominica': {
+        c: ['DM']
+    },
+    'America/Edmonton': {
+        c: ['CA']
+    },
+    'America/Eirunepe': {
+        c: ['BR']
+    },
+    'America/El_Salvador': {
+        c: ['SV']
+    },
+    'America/Fort_Nelson': {
+        c: ['CA']
+    },
+    'America/Fortaleza': {
+        c: ['BR']
+    },
+    'America/Glace_Bay': {
+        c: ['CA']
+    },
+    'America/Goose_Bay': {
+        c: ['CA']
+    },
+    'America/Grand_Turk': {
+        c: ['TC']
+    },
+    'America/Grenada': {
+        c: ['GD']
+    },
+    'America/Guadeloupe': {
+        c: ['GP']
+    },
+    'America/Guatemala': {
+        c: ['GT']
+    },
+    'America/Guayaquil': {
+        c: ['EC']
+    },
+    'America/Guyana': {
+        c: ['GY']
+    },
+    'America/Halifax': {
+        c: ['CA']
+    },
+    'America/Havana': {
+        c: ['CU']
+    },
+    'America/Hermosillo': {
+        c: ['MX']
+    },
+    'America/Indiana/Indianapolis': {
+        c: ['US']
+    },
+    'America/Indiana/Knox': {
+        c: ['US']
+    },
+    'America/Indiana/Marengo': {
+        c: ['US']
+    },
+    'America/Indiana/Petersburg': {
+        c: ['US']
+    },
+    'America/Indiana/Tell_City': {
+        c: ['US']
+    },
+    'America/Indiana/Vevay': {
+        c: ['US']
+    },
+    'America/Indiana/Vincennes': {
+        c: ['US']
+    },
+    'America/Indiana/Winamac': {
+        c: ['US']
+    },
+    'America/Inuvik': {
+        c: ['CA']
+    },
+    'America/Iqaluit': {
+        c: ['CA']
+    },
+    'America/Jamaica': {
+        c: ['JM']
+    },
+    'America/Juneau': {
+        c: ['US']
+    },
+    'America/Kentucky/Louisville': {
+        c: ['US']
+    },
+    'America/Kentucky/Monticello': {
+        c: ['US']
+    },
+    'America/Kralendijk': {
+        c: ['BQ']
+    },
+    'America/La_Paz': {
+        c: ['BO']
+    },
+    'America/Lima': {
+        c: ['PE']
+    },
+    'America/Los_Angeles': {
+        c: ['US']
+    },
+    'America/Lower_Princes': {
+        c: ['SX']
+    },
+    'America/Maceio': {
+        c: ['BR']
+    },
+    'America/Managua': {
+        c: ['NI']
+    },
+    'America/Manaus': {
+        c: ['BR']
+    },
+    'America/Marigot': {
+        c: ['MF']
+    },
+    'America/Martinique': {
+        c: ['MQ']
+    },
+    'America/Matamoros': {
+        c: ['MX']
+    },
+    'America/Mazatlan': {
+        c: ['MX']
+    },
+    'America/Menominee': {
+        c: ['US']
+    },
+    'America/Merida': {
+        c: ['MX']
+    },
+    'America/Metlakatla': {
+        c: ['US']
+    },
+    'America/Mexico_City': {
+        c: ['MX']
+    },
+    'America/Miquelon': {
+        c: ['PM']
+    },
+    'America/Moncton': {
+        c: ['CA']
+    },
+    'America/Monterrey': {
+        c: ['MX']
+    },
+    'America/Montevideo': {
+        c: ['UY']
+    },
+    'America/Montreal': {
+        c: ['CA']
+    },
+    'America/Montserrat': {
+        c: ['MS']
+    },
+    'America/Nassau': {
+        c: ['BS']
+    },
+    'America/New_York': {
+        c: ['US']
+    },
+    'America/Nipigon': {
+        c: ['CA']
+    },
+    'America/Nome': {
+        c: ['US']
+    },
+    'America/Noronha': {
+        c: ['BR']
+    },
+    'America/North_Dakota/Beulah': {
+        c: ['US']
+    },
+    'America/North_Dakota/Center': {
+        c: ['US']
+    },
+    'America/North_Dakota/New_Salem': {
+        c: ['US']
+    },
+    'America/Nuuk': {
+        c: ['GL']
+    },
+    'America/Ojinaga': {
+        c: ['MX']
+    },
+    'America/Panama': {
+        c: ['PA', 'CA', 'KY']
+    },
+    'America/Pangnirtung': {
+        c: ['CA']
+    },
+    'America/Paramaribo': {
+        c: ['SR']
+    },
+    'America/Phoenix': {
+        c: ['US', 'CA']
+    },
+    'America/Port-au-Prince': {
+        c: ['HT']
+    },
+    'America/Port_of_Spain': {
+        c: ['TT']
+    },
+    'America/Porto_Velho': {
+        c: ['BR']
+    },
+    'America/Puerto_Rico': {
+        c: [
+            'PR',
+            'AG',
+            'CA',
+            'AI',
+            'AW',
+            'BL',
+            'BQ',
+            'CW',
+            'DM',
+            'GD',
+            'GP',
+            'KN',
+            'LC',
+            'MF',
+            'MS',
+            'SX',
+            'TT',
+            'VC',
+            'VG',
+            'VI'
+        ]
+    },
+    'America/Punta_Arenas': {
+        c: ['CL']
+    },
+    'America/Rainy_River': {
+        c: ['CA']
+    },
+    'America/Rankin_Inlet': {
+        c: ['CA']
+    },
+    'America/Recife': {
+        c: ['BR']
+    },
+    'America/Regina': {
+        c: ['CA']
+    },
+    'America/Resolute': {
+        c: ['CA']
+    },
+    'America/Rio_Branco': {
+        c: ['BR']
+    },
+    'America/Santarem': {
+        c: ['BR']
+    },
+    'America/Santiago': {
+        c: ['CL']
+    },
+    'America/Santo_Domingo': {
+        c: ['DO']
+    },
+    'America/Sao_Paulo': {
+        c: ['BR']
+    },
+    'America/Scoresbysund': {
+        c: ['GL']
+    },
+    'America/Sitka': {
+        c: ['US']
+    },
+    'America/St_Barthelemy': {
+        c: ['BL']
+    },
+    'America/St_Johns': {
+        c: ['CA']
+    },
+    'America/St_Kitts': {
+        c: ['KN']
+    },
+    'America/St_Lucia': {
+        c: ['LC']
+    },
+    'America/St_Thomas': {
+        c: ['VI']
+    },
+    'America/St_Vincent': {
+        c: ['VC']
+    },
+    'America/Swift_Current': {
+        c: ['CA']
+    },
+    'America/Tegucigalpa': {
+        c: ['HN']
+    },
+    'America/Thule': {
+        c: ['GL']
+    },
+    'America/Thunder_Bay': {
+        c: ['CA']
+    },
+    'America/Tijuana': {
+        c: ['MX']
+    },
+    'America/Toronto': {
+        c: ['CA', 'BS']
+    },
+    'America/Tortola': {
+        c: ['VG']
+    },
+    'America/Vancouver': {
+        c: ['CA']
+    },
+    'America/Virgin': {
+        c: ['VI']
+    },
+    'America/Whitehorse': {
+        c: ['CA']
+    },
+    'America/Winnipeg': {
+        c: ['CA']
+    },
+    'America/Yakutat': {
+        c: ['US']
+    },
+    'America/Yellowknife': {
+        c: ['CA']
+    },
+    'Antarctica/Casey': {
+        c: ['AQ']
+    },
+    'Antarctica/Davis': {
+        c: ['AQ']
+    },
+    'Antarctica/DumontDUrville': {
+        c: ['AQ']
+    },
+    'Antarctica/Macquarie': {
+        c: ['AU']
+    },
+    'Antarctica/Mawson': {
+        c: ['AQ']
+    },
+    'Antarctica/McMurdo': {
+        c: ['AQ']
+    },
+    'Antarctica/Palmer': {
+        c: ['AQ']
+    },
+    'Antarctica/Rothera': {
+        c: ['AQ']
+    },
+    'Antarctica/South_Pole': {
+        c: ['AQ']
+    },
+    'Antarctica/Syowa': {
+        c: ['AQ']
+    },
+    'Antarctica/Troll': {
+        c: ['AQ']
+    },
+    'Antarctica/Vostok': {
+        c: ['AQ']
+    },
+    'Arctic/Longyearbyen': {
+        c: ['SJ']
+    },
+    'Asia/Aden': {
+        c: ['YE']
+    },
+    'Asia/Almaty': {
+        c: ['KZ']
+    },
+    'Asia/Amman': {
+        c: ['JO']
+    },
+    'Asia/Anadyr': {
+        c: ['RU']
+    },
+    'Asia/Aqtau': {
+        c: ['KZ']
+    },
+    'Asia/Aqtobe': {
+        c: ['KZ']
+    },
+    'Asia/Ashgabat': {
+        c: ['TM']
+    },
+    'Asia/Atyrau': {
+        c: ['KZ']
+    },
+    'Asia/Baghdad': {
+        c: ['IQ']
+    },
+    'Asia/Bahrain': {
+        c: ['BH']
+    },
+    'Asia/Baku': {
+        c: ['AZ']
+    },
+    'Asia/Bangkok': {
+        c: ['TH', 'KH', 'LA', 'VN']
+    },
+    'Asia/Barnaul': {
+        c: ['RU']
+    },
+    'Asia/Beirut': {
+        c: ['LB']
+    },
+    'Asia/Bishkek': {
+        c: ['KG']
+    },
+    'Asia/Brunei': {
+        c: ['BN']
+    },
+    'Asia/Calcutta': {
+        c: ['IN']
+    },
+    'Asia/Chita': {
+        c: ['RU']
+    },
+    'Asia/Choibalsan': {
+        c: ['MN']
+    },
+    'Asia/Colombo': {
+        c: ['LK']
+    },
+    'Asia/Damascus': {
+        c: ['SY']
+    },
+    'Asia/Dhaka': {
+        c: ['BD']
+    },
+    'Asia/Dili': {
+        c: ['TL']
+    },
+    'Asia/Dubai': {
+        c: ['AE', 'OM']
+    },
+    'Asia/Dushanbe': {
+        c: ['TJ']
+    },
+    'Asia/Famagusta': {
+        c: ['CY']
+    },
+    'Asia/Gaza': {
+        c: ['PS']
+    },
+    'Asia/Hebron': {
+        c: ['PS']
+    },
+    'Asia/Ho_Chi_Minh': {
+        c: ['VN']
+    },
+    'Asia/Hong_Kong': {
+        c: ['HK']
+    },
+    'Asia/Hovd': {
+        c: ['MN']
+    },
+    'Asia/Irkutsk': {
+        c: ['RU']
+    },
+    'Asia/Jakarta': {
+        c: ['ID']
+    },
+    'Asia/Jayapura': {
+        c: ['ID']
+    },
+    'Asia/Jerusalem': {
+        c: ['IL']
+    },
+    'Asia/Kabul': {
+        c: ['AF']
+    },
+    'Asia/Kamchatka': {
+        c: ['RU']
+    },
+    'Asia/Karachi': {
+        c: ['PK']
+    },
+    'Asia/Kathmandu': {
+        c: ['NP']
+    },
+    'Asia/Khandyga': {
+        c: ['RU']
+    },
+    'Asia/Kolkata': {
+        c: ['IN']
+    },
+    'Asia/Krasnoyarsk': {
+        c: ['RU']
+    },
+    'Asia/Kuala_Lumpur': {
+        c: ['MY']
+    },
+    'Asia/Kuching': {
+        c: ['MY']
+    },
+    'Asia/Kuwait': {
+        c: ['KW']
+    },
+    'Asia/Macau': {
+        c: ['MO']
+    },
+    'Asia/Magadan': {
+        c: ['RU']
+    },
+    'Asia/Makassar': {
+        c: ['ID']
+    },
+    'Asia/Manila': {
+        c: ['PH']
+    },
+    'Asia/Muscat': {
+        c: ['OM']
+    },
+    'Asia/Nicosia': {
+        c: ['CY']
+    },
+    'Asia/Novokuznetsk': {
+        c: ['RU']
+    },
+    'Asia/Novosibirsk': {
+        c: ['RU']
+    },
+    'Asia/Omsk': {
+        c: ['RU']
+    },
+    'Asia/Oral': {
+        c: ['KZ']
+    },
+    'Asia/Phnom_Penh': {
+        c: ['KH']
+    },
+    'Asia/Pontianak': {
+        c: ['ID']
+    },
+    'Asia/Pyongyang': {
+        c: ['KP']
+    },
+    'Asia/Qatar': {
+        c: ['QA', 'BH']
+    },
+    'Asia/Qostanay': {
+        c: ['KZ']
+    },
+    'Asia/Qyzylorda': {
+        c: ['KZ']
+    },
+    'Asia/Riyadh': {
+        c: ['SA', 'AQ', 'KW', 'YE']
+    },
+    'Asia/Sakhalin': {
+        c: ['RU']
+    },
+    'Asia/Samarkand': {
+        c: ['UZ']
+    },
+    'Asia/Seoul': {
+        c: ['KR']
+    },
+    'Asia/Shanghai': {
+        c: ['CN']
+    },
+    'Asia/Singapore': {
+        c: ['SG', 'MY']
+    },
+    'Asia/Srednekolymsk': {
+        c: ['RU']
+    },
+    'Asia/Taipei': {
+        c: ['TW']
+    },
+    'Asia/Tashkent': {
+        c: ['UZ']
+    },
+    'Asia/Tbilisi': {
+        c: ['GE']
+    },
+    'Asia/Tehran': {
+        c: ['IR']
+    },
+    'Asia/Thimphu': {
+        c: ['BT']
+    },
+    'Asia/Tokyo': {
+        c: ['JP']
+    },
+    'Asia/Tomsk': {
+        c: ['RU']
+    },
+    'Asia/Ulaanbaatar': {
+        c: ['MN']
+    },
+    'Asia/Urumqi': {
+        c: ['CN']
+    },
+    'Asia/Ust-Nera': {
+        c: ['RU']
+    },
+    'Asia/Vientiane': {
+        c: ['LA']
+    },
+    'Asia/Vladivostok': {
+        c: ['RU']
+    },
+    'Asia/Yakutsk': {
+        c: ['RU']
+    },
+    'Asia/Yangon': {
+        c: ['MM']
+    },
+    'Asia/Yekaterinburg': {
+        c: ['RU']
+    },
+    'Asia/Yerevan': {
+        c: ['AM']
+    },
+    'Atlantic/Azores': {
+        c: ['PT']
+    },
+    'Atlantic/Bermuda': {
+        c: ['BM']
+    },
+    'Atlantic/Canary': {
+        c: ['ES']
+    },
+    'Atlantic/Cape_Verde': {
+        c: ['CV']
+    },
+    'Atlantic/Faroe': {
+        c: ['FO']
+    },
+    'Atlantic/Jan_Mayen': {
+        c: ['SJ']
+    },
+    'Atlantic/Madeira': {
+        c: ['PT']
+    },
+    'Atlantic/Reykjavik': {
+        c: ['IS']
+    },
+    'Atlantic/South_Georgia': {
+        c: ['GS']
+    },
+    'Atlantic/St_Helena': {
+        c: ['SH']
+    },
+    'Atlantic/Stanley': {
+        c: ['FK']
+    },
+    'Australia/Adelaide': {
+        c: ['AU']
+    },
+    'Australia/Brisbane': {
+        c: ['AU']
+    },
+    'Australia/Broken_Hill': {
+        c: ['AU']
+    },
+    'Australia/Darwin': {
+        c: ['AU']
+    },
+    'Australia/Eucla': {
+        c: ['AU']
+    },
+    'Australia/Hobart': {
+        c: ['AU']
+    },
+    'Australia/Lindeman': {
+        c: ['AU']
+    },
+    'Australia/Lord_Howe': {
+        c: ['AU']
+    },
+    'Australia/Melbourne': {
+        c: ['AU']
+    },
+    'Australia/Perth': {
+        c: ['AU']
+    },
+    'Australia/Sydney': {
+        c: ['AU']
+    },
+    'Canada/Eastern': {
+        c: ['CA']
+    },
+    'Europe/Amsterdam': {
+        c: ['NL']
+    },
+    'Europe/Andorra': {
+        c: ['AD']
+    },
+    'Europe/Astrakhan': {
+        c: ['RU']
+    },
+    'Europe/Athens': {
+        c: ['GR']
+    },
+    'Europe/Belfast': {
+        c: ['GB']
+    },
+    'Europe/Belgrade': {
+        c: ['RS', 'BA', 'HR', 'ME', 'MK', 'SI']
+    },
+    'Europe/Berlin': {
+        c: ['DE']
+    },
+    'Europe/Bratislava': {
+        c: ['SK']
+    },
+    'Europe/Brussels': {
+        c: ['BE']
+    },
+    'Europe/Bucharest': {
+        c: ['RO']
+    },
+    'Europe/Budapest': {
+        c: ['HU']
+    },
+    'Europe/Busingen': {
+        c: ['DE']
+    },
+    'Europe/Chisinau': {
+        c: ['MD']
+    },
+    'Europe/Copenhagen': {
+        c: ['DK']
+    },
+    'Europe/Dublin': {
+        c: ['IE']
+    },
+    'Europe/Gibraltar': {
+        c: ['GI']
+    },
+    'Europe/Guernsey': {
+        c: ['GG']
+    },
+    'Europe/Helsinki': {
+        c: ['FI', 'AX']
+    },
+    'Europe/Isle_of_Man': {
+        c: ['IM']
+    },
+    'Europe/Istanbul': {
+        c: ['TR']
+    },
+    'Europe/Jersey': {
+        c: ['JE']
+    },
+    'Europe/Kaliningrad': {
+        c: ['RU']
+    },
+    'Europe/Kiev': {
+        c: ['UA']
+    },
+    'Europe/Kirov': {
+        c: ['RU']
+    },
+    'Europe/Lisbon': {
+        c: ['PT']
+    },
+    'Europe/Ljubljana': {
+        c: ['SI']
+    },
+    'Europe/London': {
+        c: ['GB', 'GG', 'IM', 'JE']
+    },
+    'Europe/Luxembourg': {
+        c: ['LU']
+    },
+    'Europe/Madrid': {
+        c: ['ES']
+    },
+    'Europe/Malta': {
+        c: ['MT']
+    },
+    'Europe/Mariehamn': {
+        c: ['AX']
+    },
+    'Europe/Minsk': {
+        c: ['BY']
+    },
+    'Europe/Monaco': {
+        c: ['MC']
+    },
+    'Europe/Moscow': {
+        c: ['RU']
+    },
+    'Europe/Oslo': {
+        c: ['NO', 'SJ', 'BV']
+    },
+    'Europe/Paris': {
+        c: ['FR']
+    },
+    'Europe/Podgorica': {
+        c: ['ME']
+    },
+    'Europe/Prague': {
+        c: ['CZ', 'SK']
+    },
+    'Europe/Riga': {
+        c: ['LV']
+    },
+    'Europe/Rome': {
+        c: ['IT', 'SM', 'VA']
+    },
+    'Europe/Samara': {
+        c: ['RU']
+    },
+    'Europe/San_Marino': {
+        c: ['SM']
+    },
+    'Europe/Sarajevo': {
+        c: ['BA']
+    },
+    'Europe/Saratov': {
+        c: ['RU']
+    },
+    'Europe/Simferopol': {
+        c: ['RU', 'UA']
+    },
+    'Europe/Skopje': {
+        c: ['MK']
+    },
+    'Europe/Sofia': {
+        c: ['BG']
+    },
+    'Europe/Stockholm': {
+        c: ['SE']
+    },
+    'Europe/Tallinn': {
+        c: ['EE']
+    },
+    'Europe/Tirane': {
+        c: ['AL']
+    },
+    'Europe/Ulyanovsk': {
+        c: ['RU']
+    },
+    'Europe/Uzhgorod': {
+        c: ['UA']
+    },
+    'Europe/Vaduz': {
+        c: ['LI']
+    },
+    'Europe/Vatican': {
+        c: ['VA']
+    },
+    'Europe/Vienna': {
+        c: ['AT']
+    },
+    'Europe/Vilnius': {
+        c: ['LT']
+    },
+    'Europe/Volgograd': {
+        c: ['RU']
+    },
+    'Europe/Warsaw': {
+        c: ['PL']
+    },
+    'Europe/Zagreb': {
+        c: ['HR']
+    },
+    'Europe/Zaporozhye': {
+        c: ['UA']
+    },
+    'Europe/Zurich': {
+        c: ['CH', 'DE', 'LI']
+    },
+    GB: {
+        c: ['GB']
+    },
+    'GB-Eire': {
+        c: ['GB']
+    },
+    'Indian/Antananarivo': {
+        c: ['MG']
+    },
+    'Indian/Chagos': {
+        c: ['IO']
+    },
+    'Indian/Christmas': {
+        c: ['CX']
+    },
+    'Indian/Cocos': {
+        c: ['CC']
+    },
+    'Indian/Comoro': {
+        c: ['KM']
+    },
+    'Indian/Kerguelen': {
+        c: ['TF', 'HM']
+    },
+    'Indian/Mahe': {
+        c: ['SC']
+    },
+    'Indian/Maldives': {
+        c: ['MV']
+    },
+    'Indian/Mauritius': {
+        c: ['MU']
+    },
+    'Indian/Mayotte': {
+        c: ['YT']
+    },
+    'Indian/Reunion': {
+        c: ['RE', 'TF']
+    },
+    NZ: {
+        c: ['NZ']
+    },
+    'Pacific/Apia': {
+        c: ['WS']
+    },
+    'Pacific/Auckland': {
+        c: ['NZ', 'AQ']
+    },
+    'Pacific/Bougainville': {
+        c: ['PG']
+    },
+    'Pacific/Chatham': {
+        c: ['NZ']
+    },
+    'Pacific/Chuuk': {
+        c: ['FM']
+    },
+    'Pacific/Easter': {
+        c: ['CL']
+    },
+    'Pacific/Efate': {
+        c: ['VU']
+    },
+    'Pacific/Fakaofo': {
+        c: ['TK']
+    },
+    'Pacific/Fiji': {
+        c: ['FJ']
+    },
+    'Pacific/Funafuti': {
+        c: ['TV']
+    },
+    'Pacific/Galapagos': {
+        c: ['EC']
+    },
+    'Pacific/Gambier': {
+        c: ['PF']
+    },
+    'Pacific/Guadalcanal': {
+        c: ['SB']
+    },
+    'Pacific/Guam': {
+        c: ['GU', 'MP']
+    },
+    'Pacific/Honolulu': {
+        c: ['US', 'UM']
+    },
+    'Pacific/Johnston': {
+        c: ['UM']
+    },
+    'Pacific/Kanton': {
+        c: ['KI']
+    },
+    'Pacific/Kiritimati': {
+        c: ['KI']
+    },
+    'Pacific/Kosrae': {
+        c: ['FM']
+    },
+    'Pacific/Kwajalein': {
+        c: ['MH']
+    },
+    'Pacific/Majuro': {
+        c: ['MH']
+    },
+    'Pacific/Marquesas': {
+        c: ['PF']
+    },
+    'Pacific/Midway': {
+        c: ['UM']
+    },
+    'Pacific/Nauru': {
+        c: ['NR']
+    },
+    'Pacific/Niue': {
+        c: ['NU']
+    },
+    'Pacific/Norfolk': {
+        c: ['NF']
+    },
+    'Pacific/Noumea': {
+        c: ['NC']
+    },
+    'Pacific/Pago_Pago': {
+        c: ['AS', 'UM']
+    },
+    'Pacific/Palau': {
+        c: ['PW']
+    },
+    'Pacific/Pitcairn': {
+        c: ['PN']
+    },
+    'Pacific/Pohnpei': {
+        c: ['FM']
+    },
+    'Pacific/Port_Moresby': {
+        c: ['PG', 'AQ']
+    },
+    'Pacific/Rarotonga': {
+        c: ['CK']
+    },
+    'Pacific/Saipan': {
+        c: ['MP']
+    },
+    'Pacific/Samoa': {
+        c: ['WS']
+    },
+    'Pacific/Tahiti': {
+        c: ['PF']
+    },
+    'Pacific/Tarawa': {
+        c: ['KI']
+    },
+    'Pacific/Tongatapu': {
+        c: ['TO']
+    },
+    'Pacific/Wake': {
+        c: ['UM']
+    },
+    'Pacific/Wallis': {
+        c: ['WF']
+    },
+    Singapore: {
+        c: ['SG']
+    },
+    'US/Alaska': {
+        c: ['US']
+    },
+    'US/Aleutian': {
+        c: ['US']
+    },
+    'US/Arizona': {
+        c: ['US']
+    },
+    'US/Central': {
+        c: ['US']
+    },
+    'US/East-Indiana': {
+        c: ['US']
+    },
+    'US/Eastern': {
+        c: ['US']
+    },
+    'US/Hawaii': {
+        c: ['US']
+    },
+    'US/Indiana-Starke': {
+        c: ['US']
+    },
+    'US/Michigan': {
+        c: ['US']
+    },
+    'US/Mountain': {
+        c: ['US']
+    },
+    'US/Pacific': {
+        c: ['US']
+    },
+    'US/Samoa': {
+        c: ['WS']
+    }
+};
+
+var exampleNumbers = {
+    AC: '40123',
+    AD: '312345',
+    AE: '501234567',
+    AF: '701234567',
+    AG: '2684641234',
+    AI: '2642351234',
+    AL: '672123456',
+    AM: '77123456',
+    AO: '923123456',
+    AR: '91123456789',
+    AS: '6847331234',
+    AT: '664123456',
+    AU: '412345678',
+    AW: '5601234',
+    AX: '412345678',
+    AZ: '401234567',
+    BA: '61123456',
+    BB: '2462501234',
+    BD: '1812345678',
+    BE: '470123456',
+    BF: '70123456',
+    BG: '43012345',
+    BH: '36001234',
+    BI: '79561234',
+    BJ: '90011234',
+    BL: '690001234',
+    BM: '4413701234',
+    BN: '7123456',
+    BO: '71234567',
+    BQ: '3181234',
+    BR: '11961234567',
+    BS: '2423591234',
+    BT: '17123456',
+    BW: '71123456',
+    BY: '294911911',
+    BZ: '6221234',
+    CA: '5062345678',
+    CC: '412345678',
+    CD: '991234567',
+    CF: '70012345',
+    CG: '061234567',
+    CH: '781234567',
+    CI: '0123456789',
+    CK: '71234',
+    CL: '221234567',
+    CM: '671234567',
+    CN: '13123456789',
+    CO: '3211234567',
+    CR: '83123456',
+    CU: '51234567',
+    CV: '9911234',
+    CW: '95181234',
+    CX: '412345678',
+    CY: '96123456',
+    CZ: '601123456',
+    DE: '15123456789',
+    DJ: '77831001',
+    DK: '32123456',
+    DM: '7672251234',
+    DO: '8092345678',
+    DZ: '551234567',
+    EC: '991234567',
+    EE: '51234567',
+    EG: '1001234567',
+    EH: '650123456',
+    ER: '7123456',
+    ES: '612345678',
+    ET: '911234567',
+    FI: '412345678',
+    FJ: '7012345',
+    FK: '51234',
+    FM: '3501234',
+    FO: '211234',
+    FR: '612345678',
+    GA: '06031234',
+    GB: '7400123456',
+    GD: '4734031234',
+    GE: '555123456',
+    GF: '694201234',
+    GG: '7781123456',
+    GH: '231234567',
+    GI: '57123456',
+    GL: '221234',
+    GM: '3012345',
+    GN: '601123456',
+    GP: '690001234',
+    GQ: '222123456',
+    GR: '6912345678',
+    GT: '51234567',
+    GU: '6713001234',
+    GW: '955012345',
+    GY: '6091234',
+    HK: '51234567',
+    HN: '91234567',
+    HR: '921234567',
+    HT: '34101234',
+    HU: '201234567',
+    ID: '812345678',
+    IE: '850123456',
+    IL: '502345678',
+    IM: '7924123456',
+    IN: '8123456789',
+    IO: '3801234',
+    IQ: '7912345678',
+    IR: '9123456789',
+    IS: '6111234',
+    IT: '3123456789',
+    JE: '7797712345',
+    JM: '8762101234',
+    JO: '790123456',
+    JP: '9012345678',
+    KE: '712123456',
+    KG: '700123456',
+    KH: '91234567',
+    KI: '72001234',
+    KM: '3212345',
+    KN: '8697652917',
+    KP: '1921234567',
+    KR: '1020000000',
+    KW: '50012345',
+    KY: '3453231234',
+    KZ: '7710009998',
+    LA: '2023123456',
+    LB: '71123456',
+    LC: '7582845678',
+    LI: '660234567',
+    LK: '712345678',
+    LR: '770123456',
+    LS: '50123456',
+    LT: '61234567',
+    LU: '628123456',
+    LV: '21234567',
+    LY: '912345678',
+    MA: '650123456',
+    MC: '612345678',
+    MD: '62112345',
+    ME: '67622901',
+    MF: '690001234',
+    MG: '321234567',
+    MH: '2351234',
+    MK: '72345678',
+    ML: '65012345',
+    MM: '92123456',
+    MN: '88123456',
+    MO: '66123456',
+    MP: '6702345678',
+    MQ: '696201234',
+    MR: '22123456',
+    MS: '6644923456',
+    MT: '96961234',
+    MU: '52512345',
+    MV: '7712345',
+    MW: '991234567',
+    MX: '12221234567',
+    MY: '123456789',
+    MZ: '821234567',
+    NA: '811234567',
+    NC: '751234',
+    NE: '93123456',
+    NF: '381234',
+    NG: '8021234567',
+    NI: '81234567',
+    NL: '612345678',
+    NO: '40612345',
+    NP: '9841234567',
+    NR: '5551234',
+    NU: '8884012',
+    NZ: '211234567',
+    OM: '92123456',
+    PA: '61234567',
+    PE: '912345678',
+    PF: '87123456',
+    PG: '70123456',
+    PH: '9051234567',
+    PK: '3012345678',
+    PL: '512345678',
+    PM: '551234',
+    PR: '7872345678',
+    PS: '599123456',
+    PT: '912345678',
+    PW: '6201234',
+    PY: '961456789',
+    QA: '33123456',
+    RE: '692123456',
+    RO: '712034567',
+    RS: '601234567',
+    RU: '9123456789',
+    RW: '720123456',
+    SA: '512345678',
+    SB: '7421234',
+    SC: '2510123',
+    SD: '911231234',
+    SE: '701234567',
+    SG: '81234567',
+    SH: '51234',
+    SI: '31234567',
+    SJ: '41234567',
+    SK: '912123456',
+    SL: '25123456',
+    SM: '66661212',
+    SN: '701234567',
+    SO: '71123456',
+    SR: '7412345',
+    SS: '977123456',
+    ST: '9812345',
+    SV: '70123456',
+    SX: '7215205678',
+    SY: '944567890',
+    SZ: '76123456',
+    TA: '8999',
+    TC: '6492311234',
+    TD: '63012345',
+    TG: '90112345',
+    TH: '812345678',
+    TJ: '917123456',
+    TK: '7290',
+    TL: '77212345',
+    TM: '66123456',
+    TN: '20123456',
+    TO: '7715123',
+    TR: '5012345678',
+    TT: '8682911234',
+    TV: '901234',
+    TW: '912345678',
+    TZ: '621234567',
+    UA: '501234567',
+    UG: '712345678',
+    US: '2015550123',
+    UY: '94231234',
+    UZ: '912345678',
+    VA: '3123456789',
+    VC: '7844301234',
+    VE: '4121234567',
+    VG: '2843001234',
+    VI: '3406421234',
+    VN: '912345678',
+    VU: '5912345',
+    WF: '821234',
+    WS: '7212345',
+    XK: '43201234',
+    YE: '712345678',
+    YT: '639012345',
+    ZA: '711234567',
+    ZM: '955123456',
+    ZW: '712345678'
+};
+
+function CountryDropdown(_a, ref) {
+    var show = _a.show, itemOnClick = _a.itemOnClick, responsiveStyles = _a.responsiveStyles, dropdownWidth = _a.dropdownWidth, props = __rest(_a, ["show", "itemOnClick", "responsiveStyles", "dropdownWidth"]);
+    var listItemRef = useRef({});
+    var _b = __read(useState(''), 2), query = _b[0], setQuery = _b[1];
+    var inputRef = useRef(null);
+    useEffect(function () {
+        if (!show)
+            setQuery('');
+        else if (inputRef.current) {
+            setTimeout(function () {
+                var _a;
+                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            }, 50);
+        }
+    }, [show]);
+    var countryItems = useMemo(function () {
+        var filteredData = countryData.filter(function (_a) {
+            var _b;
+            var countryCode = _a.countryCode, countryName = _a.countryName, phoneCode = _a.phoneCode;
+            if (!((_b = global.libphonenumber) === null || _b === void 0 ? void 0 : _b.isSupportedCountry(countryCode)) ||
+                (authState.client && !firebaseSMSCountries.has(countryCode)))
+                return false;
+            return (!query ||
+                countryCode.toLowerCase().includes(query) ||
+                countryName.toLowerCase().includes(query) ||
+                "+".concat(phoneCode).includes(query));
+        });
+        return (jsxs(Fragment, { children: [jsx("input", { ref: inputRef, placeholder: 'Search', css: {
+                        width: '100%',
+                        height: '30px',
+                        outline: 'none',
+                        border: 'none',
+                        borderBottom: '1px solid grey',
+                        padding: '5px 10px',
+                        fontSize: '14px'
+                    }, onKeyDown: function (e) {
+                        var disable = function () {
+                            e.preventDefault();
+                            e.stopPropagation();
+                        };
+                        if (e.key === 'ArrowDown') {
+                            disable();
+                            var firstCountry = filteredData[0];
+                            if (firstCountry)
+                                listItemRef.current[firstCountry.countryCode].focus();
+                        }
+                        else if (e.key === 'Enter')
+                            disable();
+                    }, onChange: function (e) { return setQuery(e.target.value.toLowerCase()); }, tabIndex: 0 }), filteredData.map(function (_a) {
+                    var flag = _a.flag, countryCode = _a.countryCode, countryName = _a.countryName, phoneCode = _a.phoneCode;
+                    return (jsxs("li", __assign({ ref: function (ref) {
+                            listItemRef.current[countryCode] = ref;
+                        }, css: {
+                            padding: '2px 10px',
+                            display: 'flex',
+                            alignItems: 'center',
+                            transition: '0.1s ease all',
+                            fontSize: '14px',
+                            '&:hover': { backgroundColor: '#e6e6e644' },
+                            '&:focus-visible': {
+                                outline: 'none',
+                                backgroundColor: '#e6e6e644'
+                            }
+                        }, tabIndex: 0, onKeyDown: function (e) {
+                            var _a, _b;
+                            var disable = function () {
+                                e.preventDefault();
+                                e.stopPropagation();
+                            };
+                            if (e.key === 'Enter') {
+                                disable();
+                                itemOnClick(countryCode, phoneCode);
+                            }
+                            else if (['ArrowDown', 'ArrowRight'].includes(e.key)) {
+                                disable();
+                                (_a = listItemRef.current[countryCode].nextSibling) === null || _a === void 0 ? void 0 : _a.focus();
+                            }
+                            else if (['ArrowUp', 'ArrowLeft'].includes(e.key)) {
+                                disable();
+                                (_b = listItemRef.current[countryCode].previousSibling) === null || _b === void 0 ? void 0 : _b.focus();
+                            }
+                        }, onClick: function () { return itemOnClick(countryCode, phoneCode); } }, { children: [jsx("span", __assign({ css: {
+                                    fontSize: '24px',
+                                    marginRight: '7px',
+                                    lineHeight: '33px'
+                                } }, { children: flag })), countryName, jsxs("span", __assign({ css: { marginLeft: '7px', color: 'grey' } }, { children: ["+", phoneCode] }))] }), countryCode));
+                })] }));
+    }, [query]);
+    var resolvedWidth = dropdownWidth !== undefined ? "".concat(dropdownWidth, "px") : '100%';
+    return (jsx("ul", __assign({ css: __assign({ 
+            // This is needed for the CountryDropdown to display on top of the
+            // overlay when the form is displayed as a popup/modal
+            zIndex: DROPDOWN_Z_INDEX, listStyleType: 'none', padding: 0, margin: 0, backgroundColor: 'white', cursor: 'pointer', boxShadow: '0 0 4px rgb(0 0 0 / 15%)', maxHeight: '210px', overflowY: 'scroll', overflowX: 'hidden', boxSizing: 'border-box', width: resolvedWidth }, responsiveStyles.getTarget('dropdown')), ref: ref }, props, { children: countryItems })));
+}
+var CountryDropdown$1 = forwardRef(CountryDropdown);
+
+var countryMaxLengthMap = {
+    // India (+91) numbers are 10-digits except for machine to machine communication
+    IN: 2 + 10,
+    // Singapore (+65) numbers are 8-digits except for special service numbers
+    SG: 2 + 8
+};
+function isValidPhoneLength(phoneNumber, // includes country code digits
+countryCode) {
+    // country not in override mapping
+    if (!(countryCode in countryMaxLengthMap))
+        return true;
+    if (phoneNumber.length > countryMaxLengthMap[countryCode])
+        return false;
+    return true;
+}
+
+var DEFAULT_COUNTRY = 'US';
+var countryMap = countryData.reduce(function (countryMap, _a) {
+    var flag = _a.flag, countryCode = _a.countryCode, phoneCode = _a.phoneCode;
+    countryMap[countryCode] = { flag: flag, phoneCode: phoneCode };
+    return countryMap;
+}, {});
+function PhoneField(_a) {
+    var element = _a.element, responsiveStyles = _a.responsiveStyles, fieldLabel = _a.fieldLabel, fullNumber = _a.fullNumber, _b = _a.elementProps, elementProps = _b === void 0 ? {} : _b, _c = _a.required, required = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.repeatIndex, repeatIndex = _e === void 0 ? null : _e, autoComplete = _a.autoComplete, editMode = _a.editMode, _f = _a.onComplete, onComplete = _f === void 0 ? function () { } : _f, _g = _a.setRef, setRef = _g === void 0 ? function () { } : _g, inlineError = _a.inlineError, rightToLeft = _a.rightToLeft, onEnter = _a.onEnter, children = _a.children;
+    var triggerRef = useRef(null);
+    var containerRef = useRef(null);
+    var fieldWrapperRef = useRef(null);
+    var dropdownRef = useRef(null);
+    var inputRef = useRef(null);
+    var _h = __read(useState(null), 2), cursor = _h[0], setCursor = _h[1];
+    // Track cursorChange since cursor may stay in same place but need to be
+    // re-applied (e.g. delete)
+    var _j = __read(useState(false), 2), cursorChange = _j[0], setCursorChange = _j[1];
+    var _k = __read(useState(false), 2), show = _k[0], setShow = _k[1];
+    // The number parsed from the fullNumber prop, updated via triggerOnChange to rawNumber
+    var _l = __read(useState(''), 2), curFullNumber = _l[0], setCurFullNumber = _l[1];
+    var servar = element.servar;
+    var defaultCountry = useMemo(function () {
+        if (servar.metadata.default_country === 'auto') {
+            var timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+            if (!timezone)
+                return DEFAULT_COUNTRY;
+            var timeZoneCountry = timeZoneCountries[timezone];
+            if (!timeZoneCountry)
+                return DEFAULT_COUNTRY;
+            var countryCode = timeZoneCountry.c[0];
+            return countryCode in countryMap ? countryCode : DEFAULT_COUNTRY;
+        }
+        else {
+            return servar.metadata.default_country || DEFAULT_COUNTRY;
+        }
+    }, [servar.metadata.default_country]);
+    var _m = __read(useState(defaultCountry), 2), curCountryCode = _m[0], setCurCountryCode = _m[1];
+    useEffect(function () { return setCurCountryCode(defaultCountry); }, [defaultCountry]);
+    var phoneCode = countryMap[curCountryCode].phoneCode;
+    // The raw number entered by the user, including phone code
+    var _o = __read(useState(''), 2), rawNumber = _o[0], setRawNumber = _o[1];
+    var _p = __read(useState(element.properties.placeholder), 2), placeholder = _p[0], setPlaceholder = _p[1];
+    var _q = __read(useState(false), 2), focused = _q[0], setFocused = _q[1];
+    var dropdownWidth = useElementSize(fieldWrapperRef).width;
+    var _r = useBorder({
+        element: element,
+        error: inlineError,
+        breakpoint: responsiveStyles.getMobileBreakpoint()
+    }), borderStyles = _r.borderStyles, customBorder = _r.customBorder;
+    var resetToPhoneCode = function (code) {
+        var delta = code.length > 3 ? 2 : 1;
+        setCursor(code.length + delta);
+    };
+    useEffect(function () {
+        var input = inputRef.current;
+        if (input && cursor !== null)
+            input.setSelectionRange(cursor, cursor);
+    }, [cursorChange]);
+    useEffect(function () {
+        if (fullNumber === curFullNumber || editMode)
+            return;
+        phoneLibPromise.then(function () {
+            var _a, _b;
+            if (!global.libphonenumber)
+                return;
+            var ayt = new global.libphonenumber.AsYouType();
+            ayt.input("+".concat(fullNumber));
+            var numberObj = (_a = ayt.getNumber()) !== null && _a !== void 0 ? _a : '';
+            setCurFullNumber(fullNumber);
+            setRawNumber(fullNumber);
+            if (numberObj) {
+                setCurCountryCode((_b = numberObj.country) !== null && _b !== void 0 ? _b : curCountryCode);
+            }
+        });
+    }, [fullNumber]);
+    var formattedNumber = useMemo(function () {
+        var LPN = global.libphonenumber;
+        if (!LPN)
+            return "+".concat(rawNumber);
+        // handle blurred and empty input
+        if (rawNumber === '')
+            return '';
+        var asYouType = new LPN.AsYouType(curCountryCode);
+        var onlyDigits = LPN.parseDigits(rawNumber, curCountryCode);
+        return asYouType.input("+".concat(onlyDigits));
+    }, [curCountryCode, rawNumber]);
+    useEffect(function () {
+        var _a;
+        var elPlaceholder = (_a = element.properties.placeholder) !== null && _a !== void 0 ? _a : '';
+        if (editMode || elPlaceholder) {
+            setPlaceholder(elPlaceholder);
+            return;
+        }
+        var exampleNumber = exampleNumbers[curCountryCode];
+        phoneLibPromise.then(function () {
+            if (!global.libphonenumber)
+                return;
+            setPlaceholder(global.libphonenumber
+                .parsePhoneNumber(exampleNumber, curCountryCode)
+                .formatInternational());
+        });
+    }, [curCountryCode, element]);
+    var handleOnComplete = function (curRawNumber) {
+        if ((fullNumber || curRawNumber) && curRawNumber !== fullNumber) {
+            setCurFullNumber(curRawNumber);
+            onComplete(curRawNumber);
+        }
+    };
+    var countriesEnabled = !servar.metadata.disable_other_countries;
+    var enabledCountryStyles = countriesEnabled
+        ? {
+            cursor: 'pointer',
+            '&:hover': hoverStylesGuard({
+                backgroundColor: '#e6e6e633'
+            })
+        }
+        : {};
+    return (jsxs("div", __assign({ ref: containerRef, css: __assign({ maxWidth: '100%', width: '100%', height: '100%', position: 'relative', pointerEvents: editMode ? 'none' : 'auto' }, responsiveStyles.getTarget('fc')) }, elementProps, { children: [children, fieldLabel, jsxs("div", __assign({ ref: fieldWrapperRef, css: __assign(__assign(__assign({ display: 'flex', position: 'relative' }, responsiveStyles.getTarget('sub-fc')), (disabled ? responsiveStyles.getTarget('disabled') : {})), { '&:hover': hoverStylesGuard(disabled
+                        ? {}
+                        : __assign(__assign({}, responsiveStyles.getTarget('hover')), borderStyles.hover)), '&&': focused
+                        ? __assign(__assign({}, responsiveStyles.getTarget('active')), borderStyles.active) : {} }) }, { children: [customBorder, jsx("div", __assign({ "data-testid": 'country-trigger', css: __assign(__assign({ transition: '0.2s ease all', display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '0 6px', position: 'relative', cursor: 'default' }, responsiveStyles.getTarget('fieldToggle')), enabledCountryStyles), ref: triggerRef, onClick: function () {
+                            if (countriesEnabled && !disabled)
+                                setShow(!show);
+                        } }, { children: countryMap[curCountryCode].flag })), jsx(Overlay, __assign({ show: show, onHide: function () { return setShow(false); }, targetRef: triggerRef, containerRef: containerRef, placement: 'bottom-start', offset: 0 }, { children: jsx(CountryDropdown$1, { itemOnClick: function (countryCode, phoneCode) {
+                                setCurCountryCode(countryCode);
+                                setRawNumber(phoneCode);
+                                resetToPhoneCode(phoneCode);
+                                setShow(false);
+                                handleOnComplete(phoneCode);
+                                inputRef.current.focus();
+                            }, responsiveStyles: responsiveStyles, dropdownWidth: dropdownWidth, ref: function (ref) {
+                                dropdownRef.current = ref;
+                            }, show: show }) }), "overlay-".concat(curCountryCode)), jsxs("div", __assign({ css: {
+                            position: 'relative',
+                            width: '100%',
+                            whiteSpace: 'nowrap',
+                            // Prevent placeholder overflow
+                            overflowX: 'clip'
+                        } }, { children: [jsx("input", { id: servar.key, name: servar.key, css: __assign(__assign(__assign(__assign({ backgroundColor: 'transparent', height: '100%', width: '100%', border: 'none', margin: 0 }, (rightToLeft ? { textAlign: 'right' } : {})), resetStyles), responsiveStyles.getTarget('field')), (focused || formattedNumber || !placeholder
+                                    ? {}
+                                    : { color: 'transparent !important' })), required: required, disabled: disabled, placeholder: '', "aria-label": element.properties.aria_label, value: formattedNumber, ref: function (ref) {
+                                    inputRef.current = ref;
+                                    setRef(ref);
+                                }, type: 'tel', 
+                                // Many modern browsers do not support autocomplete="off".
+                                // In order to avoid the autoComplete, use autocomplete="new-password"
+                                // @See: https://developer.mozilla.org/en-US/docs/Web/Security/Practical_implementation_guides/Turning_off_form_autocompletion
+                                autoComplete: autoComplete === 'on' ? 'tel' : 'new-password', dir: 'ltr' // always left-to-right numbers but will be right justified in RTL
+                                , onFocus: function (e) {
+                                    iosScrollOnFocus(e);
+                                    setRawNumber(function (prevNum) {
+                                        // We only want to set the country code if the field is empty
+                                        if (prevNum === '') {
+                                            resetToPhoneCode(phoneCode);
+                                            return phoneCode;
+                                        }
+                                        return prevNum;
+                                    });
+                                    setFocused(true);
+                                }, onBlur: function () {
+                                    var newRawNumber = rawNumber;
+                                    if (phoneCode.startsWith(rawNumber)) {
+                                        setCursor(null);
+                                        newRawNumber = '';
+                                        setRawNumber(newRawNumber);
+                                    }
+                                    handleOnComplete(newRawNumber);
+                                    setFocused(false);
+                                }, onKeyDown: function (e) {
+                                    if (e.key === 'Enter') {
+                                        handleOnComplete(rawNumber);
+                                        onEnter(e);
+                                    }
+                                    else if (e.key === '+')
+                                        setShow(true);
+                                }, onChange: function (e) {
+                                    var start = e.target.selectionStart;
+                                    var newNum = e.target.value;
+                                    if (newNum) {
+                                        var LPN = global.libphonenumber;
+                                        if (!LPN)
+                                            return;
+                                        // Handle pasted numbers:
+                                        // If there are multiple plus symbols, take everything after the last one
+                                        var plusCount = (newNum.match(/\+/g) || []).length;
+                                        if (plusCount > 1) {
+                                            var lastPlusIndex = newNum.lastIndexOf('+');
+                                            newNum = newNum.slice(lastPlusIndex);
+                                        }
+                                        // Phone codes with >3 characters will have a whitespace
+                                        newNum = newNum.replace(/\s/g, '');
+                                        // if there are no plus symbols, add one as well as the country code if it's missing
+                                        if (!newNum.includes('+')) {
+                                            // Number is being pasted in (iphone autofill)...
+                                            // if the number is valid but missing the country code, add it
+                                            if (!LPN.validatePhoneNumberLength(newNum, curCountryCode) // undefined = valid
+                                            ) {
+                                                newNum = "+".concat(phoneCode).concat(newNum);
+                                            }
+                                            else if (newNum.startsWith(phoneCode)) {
+                                                newNum = "+".concat(newNum);
+                                            }
+                                            else {
+                                                newNum = "+".concat(phoneCode).concat(newNum);
+                                            }
+                                        }
+                                        // Don't let user delete the country code
+                                        if (!newNum.startsWith("+".concat(phoneCode)))
+                                            return;
+                                        // Prevent US phone numbers from starting with a 1
+                                        if (newNum.startsWith('+11'))
+                                            return;
+                                        var onlyDigits = LPN.parseDigits(newNum, curCountryCode);
+                                        // check google validation for phone length and our country overrides
+                                        if (LPN.validatePhoneNumberLength(onlyDigits, curCountryCode) ===
+                                            'TOO_LONG' ||
+                                            !isValidPhoneLength(onlyDigits, curCountryCode))
+                                            return;
+                                        var asYouType = new LPN.AsYouType(curCountryCode);
+                                        var newFormatted = asYouType.input("+".concat(onlyDigits));
+                                        var prevNumDigits = LPN.parseDigits(formattedNumber.slice(0, cursor !== null && cursor !== void 0 ? cursor : 0)).length;
+                                        setRawNumber(onlyDigits);
+                                        var diff = LPN.parseDigits(newFormatted, curCountryCode).length -
+                                            LPN.parseDigits(formattedNumber, curCountryCode).length;
+                                        if (start && diff > 0) {
+                                            // When inserting characters, skip non-digits
+                                            // Also cursor must be in front of at least 1 more digit now
+                                            while ((start <= newFormatted.length &&
+                                                !isNum(newFormatted[start])) ||
+                                                LPN.parseDigits(newFormatted.slice(0, start)).length <=
+                                                    prevNumDigits)
+                                                start++;
+                                        }
+                                    }
+                                    else {
+                                        setRawNumber(phoneCode);
+                                        var delta = phoneCode.length > 3 ? 2 : 1;
+                                        start = phoneCode.length + delta;
+                                    }
+                                    setCursor(start);
+                                    setCursorChange(!cursorChange);
+                                } }), jsx(Placeholder, { value: formattedNumber, element: { properties: { placeholder: placeholder } }, responsiveStyles: responsiveStyles, repeatIndex: repeatIndex }), jsx(InlineTooltip, { containerRef: containerRef, id: element.id, text: element.properties.tooltipText, responsiveStyles: responsiveStyles, repeat: element.repeat })] }))] }))] })));
+}
+var index = memo(PhoneField);
+
+export { index as default };