@crodriguezdominguez/ion-intl-tel-input 2.0.0 → 2.0.2

package/fesm2015/crodriguezdominguez-ion-intl-tel-input.mjs

@@ -121,10 +121,10 @@ class IonIntTelCodeComponent {
     }
 }
 /** @nocollapse */ IonIntTelCodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IonIntTelCodeComponent, deps: [{ token: i1.ModalController }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ IonIntTelCodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: IonIntTelCodeComponent, selector: "ion-intl-tel-code", inputs: { country: "country", canSearch: "canSearch", closeButtonText: "closeButtonText", closeButtonSlot: "closeButtonSlot", countries: "countries", searchFailText: "searchFailText", searchPlaceholder: "searchPlaceholder", shouldFocusSearchbar: "shouldFocusSearchbar", title: "title", dialCode: "dialCode" }, viewQueries: [{ propertyName: "sbar", first: true, predicate: ["searchBar"], descendants: true }], ngImport: i0, template: "<ion-header>\n  <ion-toolbar>\n    <ion-title class=\"ion-text-center\">\n      {{title}}\n    </ion-title>\n\n    <ion-buttons [slot]=\"closeButtonSlot\">\n      <ion-button ion-button (click)=\"closeModal()\">{{closeButtonText}}</ion-button>\n    </ion-buttons>\n\n  </ion-toolbar>\n  <ion-searchbar #searchBar *ngIf=\"canSearch\" placeholder=\"{{searchPlaceholder}}\" [debounce]=\"400\"\n                 (keyup.enter)=\"$event.target.blur()\" (ionChange)=\"search($event)\"></ion-searchbar>\n</ion-header>\n\n<ion-content>\n  <ion-list>\n    <ion-radio-group [value]=\"country.isoCode\">\n      <ion-item style=\"white-space:normal\" *ngFor=\"let c of countries\">\n        <ion-radio [value]=\"c.isoCode\" slot=\"start\" color=\"primary\" (click)=\"itemTapped(c)\"></ion-radio>\n        <ion-label>{{c.name}} <span *ngIf=\"dialCode\">{{dialCode}}{{c.displayDialCode}}</span></ion-label>\n        <span slot=\"end\" class=\"fi fi-{{c.flagClass}}\"></span>\n      </ion-item>\n    </ion-radio-group>\n    <ion-item lines=\"none\" *ngIf=\"notFound\">\n      <ion-text>{{searchFailText}}</ion-text>\n    </ion-item>\n  </ion-list>\n</ion-content>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonRadio, selector: "ion-radio", inputs: ["color", "disabled", "justify", "labelPlacement", "legacy", "mode", "name", "value"] }, { kind: "component", type: i1.IonRadioGroup, selector: "ion-radio-group", inputs: ["allowEmptySelection", "name", "value"] }, { kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "mode", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "component", type: i1.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i1.RadioValueAccessor, selector: "ion-radio" }, { kind: "directive", type: i1.SelectValueAccessor, selector: "ion-range, ion-select, ion-radio-group, ion-segment, ion-datetime" }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }] });
+/** @nocollapse */ IonIntTelCodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: IonIntTelCodeComponent, selector: "ion-intl-tel-code", inputs: { country: "country", canSearch: "canSearch", closeButtonText: "closeButtonText", closeButtonSlot: "closeButtonSlot", countries: "countries", searchFailText: "searchFailText", searchPlaceholder: "searchPlaceholder", shouldFocusSearchbar: "shouldFocusSearchbar", title: "title", dialCode: "dialCode" }, viewQueries: [{ propertyName: "sbar", first: true, predicate: ["searchBar"], descendants: true }], ngImport: i0, template: "<ion-header>\n  <ion-toolbar>\n    <ion-title class=\"ion-text-center\">\n      {{title}}\n    </ion-title>\n\n    <ion-buttons [slot]=\"closeButtonSlot\">\n      <ion-button ion-button (click)=\"closeModal()\">{{closeButtonText}}</ion-button>\n    </ion-buttons>\n\n  </ion-toolbar>\n  <ion-searchbar #searchBar *ngIf=\"canSearch\" placeholder=\"{{searchPlaceholder}}\" [debounce]=\"400\"\n                 (keyup.enter)=\"$event.target.blur()\" (ionChange)=\"search($event)\"></ion-searchbar>\n</ion-header>\n\n<ion-content>\n  <ion-list>\n    <ion-radio-group [value]=\"country.isoCode\">\n      <ion-item style=\"white-space:normal\" *ngFor=\"let c of countries\">\n        <ion-radio labelPlacement=\"end\" [value]=\"c.isoCode\" slot=\"start\" color=\"primary\" (click)=\"itemTapped(c)\">\n          {{c.name}} <span *ngIf=\"dialCode\">{{dialCode}}{{c.displayDialCode}}</span>\n        </ion-radio>\n        <span slot=\"end\" class=\"fi fi-{{c.flagClass}}\"></span>\n      </ion-item>\n    </ion-radio-group>\n    <ion-item lines=\"none\" *ngIf=\"notFound\">\n      <ion-text>{{searchFailText}}</ion-text>\n    </ion-item>\n  </ion-list>\n</ion-content>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonRadio, selector: "ion-radio", inputs: ["color", "disabled", "justify", "labelPlacement", "legacy", "mode", "name", "value"] }, { kind: "component", type: i1.IonRadioGroup, selector: "ion-radio-group", inputs: ["allowEmptySelection", "name", "value"] }, { kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "mode", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "component", type: i1.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i1.RadioValueAccessor, selector: "ion-radio" }, { kind: "directive", type: i1.SelectValueAccessor, selector: "ion-range, ion-select, ion-radio-group, ion-segment, ion-datetime" }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IonIntTelCodeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ion-intl-tel-code', template: "<ion-header>\n  <ion-toolbar>\n    <ion-title class=\"ion-text-center\">\n      {{title}}\n    </ion-title>\n\n    <ion-buttons [slot]=\"closeButtonSlot\">\n      <ion-button ion-button (click)=\"closeModal()\">{{closeButtonText}}</ion-button>\n    </ion-buttons>\n\n  </ion-toolbar>\n  <ion-searchbar #searchBar *ngIf=\"canSearch\" placeholder=\"{{searchPlaceholder}}\" [debounce]=\"400\"\n                 (keyup.enter)=\"$event.target.blur()\" (ionChange)=\"search($event)\"></ion-searchbar>\n</ion-header>\n\n<ion-content>\n  <ion-list>\n    <ion-radio-group [value]=\"country.isoCode\">\n      <ion-item style=\"white-space:normal\" *ngFor=\"let c of countries\">\n        <ion-radio [value]=\"c.isoCode\" slot=\"start\" color=\"primary\" (click)=\"itemTapped(c)\"></ion-radio>\n        <ion-label>{{c.name}} <span *ngIf=\"dialCode\">{{dialCode}}{{c.displayDialCode}}</span></ion-label>\n        <span slot=\"end\" class=\"fi fi-{{c.flagClass}}\"></span>\n      </ion-item>\n    </ion-radio-group>\n    <ion-item lines=\"none\" *ngIf=\"notFound\">\n      <ion-text>{{searchFailText}}</ion-text>\n    </ion-item>\n  </ion-list>\n</ion-content>\n" }]
+            args: [{ selector: 'ion-intl-tel-code', template: "<ion-header>\n  <ion-toolbar>\n    <ion-title class=\"ion-text-center\">\n      {{title}}\n    </ion-title>\n\n    <ion-buttons [slot]=\"closeButtonSlot\">\n      <ion-button ion-button (click)=\"closeModal()\">{{closeButtonText}}</ion-button>\n    </ion-buttons>\n\n  </ion-toolbar>\n  <ion-searchbar #searchBar *ngIf=\"canSearch\" placeholder=\"{{searchPlaceholder}}\" [debounce]=\"400\"\n                 (keyup.enter)=\"$event.target.blur()\" (ionChange)=\"search($event)\"></ion-searchbar>\n</ion-header>\n\n<ion-content>\n  <ion-list>\n    <ion-radio-group [value]=\"country.isoCode\">\n      <ion-item style=\"white-space:normal\" *ngFor=\"let c of countries\">\n        <ion-radio labelPlacement=\"end\" [value]=\"c.isoCode\" slot=\"start\" color=\"primary\" (click)=\"itemTapped(c)\">\n          {{c.name}} <span *ngIf=\"dialCode\">{{dialCode}}{{c.displayDialCode}}</span>\n        </ion-radio>\n        <span slot=\"end\" class=\"fi fi-{{c.flagClass}}\"></span>\n      </ion-item>\n    </ion-radio-group>\n    <ion-item lines=\"none\" *ngIf=\"notFound\">\n      <ion-text>{{searchFailText}}</ion-text>\n    </ion-item>\n  </ion-list>\n</ion-content>\n" }]
         }], ctorParameters: function () { return [{ type: i1.ModalController }]; }, propDecorators: { country: [{
                 type: Input
             }], canSearch: [{
@@ -155,6 +155,7 @@ const countries = [
         name: 'Afghanistan',
         isoCode: 'af',
         dialCode: '93',
+        displayDialCode: '93',
         flagClass: 'af',
         priority: 0,
         placeholder: ''
@@ -163,6 +164,7 @@ const countries = [
         name: 'Albania',
         isoCode: 'al',
         dialCode: '355',
+        displayDialCode: '355',
         flagClass: 'al',
         priority: 0,
         placeholder: ''
@@ -171,6 +173,7 @@ const countries = [
         name: 'Algeria',
         isoCode: 'dz',
         dialCode: '213',
+        displayDialCode: '213',
         flagClass: 'dz',
         priority: 0,
         placeholder: ''
@@ -178,7 +181,8 @@ const countries = [
     {
         name: 'AmericanSamoa',
         isoCode: 'as',
-        dialCode: '1 684',
+        dialCode: '1',
+        displayDialCode: '1 684',
         flagClass: 'as',
         priority: 0,
         areaCodes: [
@@ -190,6 +194,7 @@ const countries = [
         name: 'Andorra',
         isoCode: 'ad',
         dialCode: '376',
+        displayDialCode: '376',
         flagClass: 'ad',
         priority: 0,
         placeholder: ''
@@ -198,6 +203,7 @@ const countries = [
         name: 'Angola',
         isoCode: 'ao',
         dialCode: '244',
+        displayDialCode: '244',
         flagClass: 'ao',
         priority: 0,
         placeholder: ''
@@ -205,7 +211,8 @@ const countries = [
     {
         name: 'Anguilla',
         isoCode: 'ai',
-        dialCode: '1 264',
+        dialCode: '1',
+        displayDialCode: '1 264',
         flagClass: 'ai',
         priority: 0,
         areaCodes: [
@@ -216,7 +223,8 @@ const countries = [
     {
         name: 'Antigua and Barbuda',
         isoCode: 'ag',
-        dialCode: '1 268',
+        dialCode: '1',
+        displayDialCode: '1 268',
         flagClass: 'ag',
         priority: 0,
         areaCodes: [
@@ -228,6 +236,7 @@ const countries = [
         name: 'Argentina',
         isoCode: 'ar',
         dialCode: '54',
+        displayDialCode: '54',
         flagClass: 'ar',
         priority: 0,
         placeholder: ''
@@ -236,6 +245,7 @@ const countries = [
         name: 'Armenia',
         isoCode: 'am',
         dialCode: '374',
+        displayDialCode: '374',
         flagClass: 'am',
         priority: 0,
         placeholder: ''
@@ -244,6 +254,7 @@ const countries = [
         name: 'Aruba',
         isoCode: 'aw',
         dialCode: '297',
+        displayDialCode: '297',
         flagClass: 'aw',
         priority: 0,
         placeholder: ''
@@ -252,6 +263,7 @@ const countries = [
         name: 'Australia',
         isoCode: 'au',
         dialCode: '61',
+        displayDialCode: '61',
         flagClass: 'au',
         priority: 0,
         placeholder: ''
@@ -260,6 +272,7 @@ const countries = [
         name: 'Austria',
         isoCode: 'at',
         dialCode: '43',
+        displayDialCode: '43',
         flagClass: 'at',
         priority: 0,
         placeholder: ''
@@ -268,6 +281,7 @@ const countries = [
         name: 'Azerbaijan',
         isoCode: 'az',
         dialCode: '994',
+        displayDialCode: '994',
         flagClass: 'az',
         priority: 0,
         placeholder: ''
@@ -275,7 +289,8 @@ const countries = [
     {
         name: 'Bahamas',
         isoCode: 'bs',
-        dialCode: '1 242',
+        dialCode: '1',
+        displayDialCode: '1 242',
         flagClass: 'bs',
         priority: 0,
         areaCodes: [
@@ -287,6 +302,7 @@ const countries = [
         name: 'Bahrain',
         isoCode: 'bh',
         dialCode: '973',
+        displayDialCode: '973',
         flagClass: 'bh',
         priority: 0,
         placeholder: ''
@@ -295,6 +311,7 @@ const countries = [
         name: 'Bangladesh',
         isoCode: 'bd',
         dialCode: '880',
+        displayDialCode: '880',
         flagClass: 'bd',
         priority: 0,
         placeholder: ''
@@ -302,7 +319,8 @@ const countries = [
     {
         name: 'Barbados',
         isoCode: 'bb',
-        dialCode: '1 246',
+        dialCode: '1',
+        displayDialCode: '1 246',
         flagClass: 'bb',
         priority: 0,
         areaCodes: [
@@ -314,6 +332,7 @@ const countries = [
         name: 'Belarus',
         isoCode: 'by',
         dialCode: '375',
+        displayDialCode: '375',
         flagClass: 'by',
         priority: 0,
         placeholder: ''
@@ -322,6 +341,7 @@ const countries = [
         name: 'Belgium',
         isoCode: 'be',
         dialCode: '32',
+        displayDialCode: '32',
         flagClass: 'be',
         priority: 0,
         placeholder: ''
@@ -330,6 +350,7 @@ const countries = [
         name: 'Belize',
         isoCode: 'bz',
         dialCode: '501',
+        displayDialCode: '501',
         flagClass: 'bz',
         priority: 0,
         placeholder: ''
@@ -338,6 +359,7 @@ const countries = [
         name: 'Benin',
         isoCode: 'bj',
         dialCode: '229',
+        displayDialCode: '229',
         flagClass: 'bj',
         priority: 0,
         placeholder: ''
@@ -345,7 +367,8 @@ const countries = [
     {
         name: 'Bermuda',
         isoCode: 'bm',
-        dialCode: '1 441',
+        dialCode: '1',
+        displayDialCode: '1 441',
         flagClass: 'bm',
         priority: 0,
         areaCodes: [
@@ -357,6 +380,7 @@ const countries = [
         name: 'Bhutan',
         isoCode: 'bt',
         dialCode: '975',
+        displayDialCode: '975',
         flagClass: 'bt',
         priority: 0,
         placeholder: ''
@@ -365,6 +389,7 @@ const countries = [
         name: 'Bolivia, Plurinational State of',
         isoCode: 'bo',
         dialCode: '591',
+        displayDialCode: '591',
         flagClass: 'bo',
         priority: 0,
         placeholder: ''
@@ -373,6 +398,7 @@ const countries = [
         name: 'Bosnia and Herzegovina',
         isoCode: 'ba',
         dialCode: '387',
+        displayDialCode: '387',
         flagClass: 'ba',
         priority: 0,
         placeholder: ''
@@ -381,6 +407,7 @@ const countries = [
         name: 'Botswana',
         isoCode: 'bw',
         dialCode: '267',
+        displayDialCode: '267',
         flagClass: 'bw',
         priority: 0,
         placeholder: ''
@@ -389,6 +416,7 @@ const countries = [
         name: 'Brazil',
         isoCode: 'br',
         dialCode: '55',
+        displayDialCode: '55',
         flagClass: 'br',
         priority: 0,
         placeholder: ''
@@ -397,6 +425,7 @@ const countries = [
         name: 'British Indian Ocean Territory',
         isoCode: 'io',
         dialCode: '246',
+        displayDialCode: '246',
         flagClass: 'io',
         priority: 0,
         placeholder: ''
@@ -404,7 +433,8 @@ const countries = [
     {
         name: 'Virgin Islands, British',
         isoCode: 'vg',
-        dialCode: '1 284',
+        dialCode: '1',
+        displayDialCode: '1 284',
         flagClass: 'vg',
         priority: 0,
         areaCodes: [
@@ -416,6 +446,7 @@ const countries = [
         name: 'Brunei Darussalam',
         isoCode: 'bn',
         dialCode: '673',
+        displayDialCode: '673',
         flagClass: 'bn',
         priority: 0,
         placeholder: ''
@@ -424,6 +455,7 @@ const countries = [
         name: 'Bulgaria',
         isoCode: 'bg',
         dialCode: '359',
+        displayDialCode: '359',
         flagClass: 'bg',
         priority: 0,
         placeholder: ''
@@ -432,6 +464,7 @@ const countries = [
         name: 'Burkina Faso',
         isoCode: 'bf',
         dialCode: '226',
+        displayDialCode: '226',
         flagClass: 'bf',
         priority: 0,
         placeholder: ''
@@ -440,6 +473,7 @@ const countries = [
         name: 'Burundi',
         isoCode: 'bi',
         dialCode: '257',
+        displayDialCode: '257',
         flagClass: 'bi',
         priority: 0,
         placeholder: ''
@@ -448,6 +482,7 @@ const countries = [
         name: 'Cambodia',
         isoCode: 'kh',
         dialCode: '855',
+        displayDialCode: '855',
         flagClass: 'kh',
         priority: 0,
         placeholder: ''
@@ -456,6 +491,7 @@ const countries = [
         name: 'Cameroon',
         isoCode: 'cm',
         dialCode: '237',
+        displayDialCode: '237',
         flagClass: 'cm',
         priority: 0,
         placeholder: ''
@@ -464,6 +500,7 @@ const countries = [
         name: 'Canada',
         isoCode: 'ca',
         dialCode: '1',
+        displayDialCode: '1',
         flagClass: 'ca',
         priority: 0,
         areaCodes: [
@@ -476,6 +513,7 @@ const countries = [
             '306',
             '343',
             '365',
+            '368',
             '387',
             '403',
             '416',
@@ -484,6 +522,7 @@ const countries = [
             '437',
             '438',
             '450',
+            '474',
             '506',
             '514',
             '519',
@@ -516,6 +555,7 @@ const countries = [
         name: 'Cape Verde',
         isoCode: 'cv',
         dialCode: '238',
+        displayDialCode: '238',
         flagClass: 'cv',
         priority: 0,
         placeholder: ''
@@ -524,6 +564,7 @@ const countries = [
         name: 'Cayman Islands',
         isoCode: 'ky',
         dialCode: ' 345',
+        displayDialCode: '345',
         flagClass: 'ky',
         priority: 0,
         areaCodes: [
@@ -535,6 +576,7 @@ const countries = [
         name: 'Central African Republic',
         isoCode: 'cf',
         dialCode: '236',
+        displayDialCode: '236',
         flagClass: 'cf',
         priority: 0,
         placeholder: ''
@@ -543,6 +585,7 @@ const countries = [
         name: 'Chad',
         isoCode: 'td',
         dialCode: '235',
+        displayDialCode: '235',
         flagClass: 'td',
         priority: 0,
         placeholder: ''
@@ -551,6 +594,7 @@ const countries = [
         name: 'Chile',
         isoCode: 'cl',
         dialCode: '56',
+        displayDialCode: '56',
         flagClass: 'cl',
         priority: 0,
         placeholder: ''
@@ -559,6 +603,7 @@ const countries = [
         name: 'China',
         isoCode: 'cn',
         dialCode: '86',
+        displayDialCode: '86',
         flagClass: 'cn',
         priority: 0,
         placeholder: ''
@@ -567,6 +612,7 @@ const countries = [
         name: 'Christmas Island',
         isoCode: 'cx',
         dialCode: '61',
+        displayDialCode: '61',
         flagClass: 'cx',
         priority: 0,
         placeholder: ''
@@ -575,6 +621,7 @@ const countries = [
         name: 'Cocos (Keeling) Islands',
         isoCode: 'cc',
         dialCode: '61',
+        displayDialCode: '61',
         flagClass: 'cc',
         priority: 0,
         placeholder: ''
@@ -583,6 +630,7 @@ const countries = [
         name: 'Colombia',
         isoCode: 'co',
         dialCode: '57',
+        displayDialCode: '57',
         flagClass: 'co',
         priority: 0,
         placeholder: ''
@@ -591,6 +639,7 @@ const countries = [
         name: 'Comoros',
         isoCode: 'km',
         dialCode: '269',
+        displayDialCode: '269',
         flagClass: 'km',
         priority: 0,
         placeholder: ''
@@ -599,6 +648,7 @@ const countries = [
         name: 'Congo, The Democratic Republic of the Congo',
         isoCode: 'cd',
         dialCode: '243',
+        displayDialCode: '243',
         flagClass: 'cd',
         priority: 0,
         placeholder: ''
@@ -607,6 +657,7 @@ const countries = [
         name: 'Congo',
         isoCode: 'cg',
         dialCode: '242',
+        displayDialCode: '242',
         flagClass: 'cg',
         priority: 0,
         placeholder: ''
@@ -615,6 +666,7 @@ const countries = [
         name: 'Cook Islands',
         isoCode: 'ck',
         dialCode: '682',
+        displayDialCode: '682',
         flagClass: 'ck',
         priority: 0,
         placeholder: ''
@@ -623,6 +675,7 @@ const countries = [
         name: 'Costa Rica',
         isoCode: 'cr',
         dialCode: '506',
+        displayDialCode: '506',
         flagClass: 'cr',
         priority: 0,
         placeholder: ''
@@ -631,6 +684,7 @@ const countries = [
         name: 'Cote d\'Ivoire',
         isoCode: 'ci',
         dialCode: '225',
+        displayDialCode: '225',
         flagClass: 'ci',
         priority: 0,
         placeholder: ''
@@ -639,6 +693,7 @@ const countries = [
         name: 'Croatia',
         isoCode: 'hr',
         dialCode: '385',
+        displayDialCode: '385',
         flagClass: 'hr',
         priority: 0,
         placeholder: ''
@@ -647,6 +702,7 @@ const countries = [
         name: 'Cuba',
         isoCode: 'cu',
         dialCode: '53',
+        displayDialCode: '53',
         flagClass: 'cu',
         priority: 0,
         placeholder: ''
@@ -655,6 +711,7 @@ const countries = [
         name: 'Cyprus',
         isoCode: 'cy',
         dialCode: '357',
+        displayDialCode: '357',
         flagClass: 'cy',
         priority: 0,
         placeholder: ''
@@ -663,6 +720,7 @@ const countries = [
         name: 'Czech Republic',
         isoCode: 'cz',
         dialCode: '420',
+        displayDialCode: '420',
         flagClass: 'cz',
         priority: 0,
         placeholder: ''
@@ -671,6 +729,7 @@ const countries = [
         name: 'Denmark',
         isoCode: 'dk',
         dialCode: '45',
+        displayDialCode: '45',
         flagClass: 'dk',
         priority: 0,
         placeholder: ''
@@ -679,6 +738,7 @@ const countries = [
         name: 'Djibouti',
         isoCode: 'dj',
         dialCode: '253',
+        displayDialCode: '253',
         flagClass: 'dj',
         priority: 0,
         placeholder: ''
@@ -686,15 +746,20 @@ const countries = [
     {
         name: 'Dominica',
         isoCode: 'dm',
-        dialCode: '1 767',
+        dialCode: '1',
+        displayDialCode: '1 767',
         flagClass: 'dm',
         priority: 0,
+        areaCodes: [
+            '767'
+        ],
         placeholder: ''
     },
     {
         name: 'Dominican Republic',
         isoCode: 'do',
-        dialCode: '1 849',
+        dialCode: '1',
+        displayDialCode: '1 849',
         flagClass: 'do',
         priority: 0,
         areaCodes: [
@@ -708,6 +773,7 @@ const countries = [
         name: 'Ecuador',
         isoCode: 'ec',
         dialCode: '593',
+        displayDialCode: '593',
         flagClass: 'ec',
         priority: 0,
         placeholder: ''
@@ -716,6 +782,7 @@ const countries = [
         name: 'Egypt',
         isoCode: 'eg',
         dialCode: '20',
+        displayDialCode: '20',
         flagClass: 'eg',
         priority: 0,
         placeholder: ''
@@ -724,6 +791,7 @@ const countries = [
         name: 'El Salvador',
         isoCode: 'sv',
         dialCode: '503',
+        displayDialCode: '503',
         flagClass: 'sv',
         priority: 0,
         placeholder: ''
@@ -732,6 +800,7 @@ const countries = [
         name: 'Equatorial Guinea',
         isoCode: 'gq',
         dialCode: '240',
+        displayDialCode: '240',
         flagClass: 'gq',
         priority: 0,
         placeholder: ''
@@ -740,6 +809,7 @@ const countries = [
         name: 'Eritrea',
         isoCode: 'er',
         dialCode: '291',
+        displayDialCode: '291',
         flagClass: 'er',
         priority: 0,
         placeholder: ''
@@ -748,6 +818,7 @@ const countries = [
         name: 'Estonia',
         isoCode: 'ee',
         dialCode: '372',
+        displayDialCode: '372',
         flagClass: 'ee',
         priority: 0,
         placeholder: ''
@@ -756,6 +827,7 @@ const countries = [
         name: 'Ethiopia',
         isoCode: 'et',
         dialCode: '251',
+        displayDialCode: '251',
         flagClass: 'et',
         priority: 0,
         placeholder: ''
@@ -764,6 +836,7 @@ const countries = [
         name: 'Falkland Islands (Malvinas)',
         isoCode: 'fk',
         dialCode: '500',
+        displayDialCode: '500',
         flagClass: 'fk',
         priority: 0,
         placeholder: ''
@@ -772,6 +845,7 @@ const countries = [
         name: 'Faroe Islands',
         isoCode: 'fo',
         dialCode: '298',
+        displayDialCode: '298',
         flagClass: 'fo',
         priority: 0,
         placeholder: ''
@@ -780,6 +854,7 @@ const countries = [
         name: 'Fiji',
         isoCode: 'fj',
         dialCode: '679',
+        displayDialCode: '679',
         flagClass: 'fj',
         priority: 0,
         placeholder: ''
@@ -788,6 +863,7 @@ const countries = [
         name: 'Finland',
         isoCode: 'fi',
         dialCode: '358',
+        displayDialCode: '358',
         flagClass: 'fi',
         priority: 0,
         placeholder: ''
@@ -796,6 +872,7 @@ const countries = [
         name: 'France',
         isoCode: 'fr',
         dialCode: '33',
+        displayDialCode: '33',
         flagClass: 'fr',
         priority: 0,
         placeholder: ''
@@ -804,6 +881,7 @@ const countries = [
         name: 'French Guiana',
         isoCode: 'gf',
         dialCode: '594',
+        displayDialCode: '594',
         flagClass: 'gf',
         priority: 0,
         placeholder: ''
@@ -812,6 +890,7 @@ const countries = [
         name: 'French Polynesia',
         isoCode: 'pf',
         dialCode: '689',
+        displayDialCode: '689',
         flagClass: 'pf',
         priority: 0,
         placeholder: ''
@@ -820,6 +899,7 @@ const countries = [
         name: 'Gabon',
         isoCode: 'ga',
         dialCode: '241',
+        displayDialCode: '241',
         flagClass: 'ga',
         priority: 0,
         placeholder: ''
@@ -828,6 +908,7 @@ const countries = [
         name: 'Gambia',
         isoCode: 'gm',
         dialCode: '220',
+        displayDialCode: '220',
         flagClass: 'gm',
         priority: 0,
         placeholder: ''
@@ -836,6 +917,7 @@ const countries = [
         name: 'Georgia',
         isoCode: 'ge',
         dialCode: '995',
+        displayDialCode: '995',
         flagClass: 'ge',
         priority: 0,
         placeholder: ''
@@ -844,6 +926,7 @@ const countries = [
         name: 'Germany',
         isoCode: 'de',
         dialCode: '49',
+        displayDialCode: '49',
         flagClass: 'de',
         priority: 0,
         placeholder: ''
@@ -852,6 +935,7 @@ const countries = [
         name: 'Ghana',
         isoCode: 'gh',
         dialCode: '233',
+        displayDialCode: '233',
         flagClass: 'gh',
         priority: 0,
         placeholder: ''
@@ -860,6 +944,7 @@ const countries = [
         name: 'Gibraltar',
         isoCode: 'gi',
         dialCode: '350',
+        displayDialCode: '350',
         flagClass: 'gi',
         priority: 0,
         placeholder: ''
@@ -868,6 +953,7 @@ const countries = [
         name: 'Greece',
         isoCode: 'gr',
         dialCode: '30',
+        displayDialCode: '30',
         flagClass: 'gr',
         priority: 0,
         placeholder: ''
@@ -876,6 +962,7 @@ const countries = [
         name: 'Greenland',
         isoCode: 'gl',
         dialCode: '299',
+        displayDialCode: '299',
         flagClass: 'gl',
         priority: 0,
         placeholder: ''
@@ -883,15 +970,20 @@ const countries = [
     {
         name: 'Grenada',
         isoCode: 'gd',
-        dialCode: '1 473',
+        dialCode: '1',
+        displayDialCode: '1 473',
         flagClass: 'gd',
         priority: 0,
+        areaCodes: [
+            '473'
+        ],
         placeholder: ''
     },
     {
         name: 'Guadeloupe',
         isoCode: 'gp',
         dialCode: '590',
+        displayDialCode: '590',
         flagClass: 'gp',
         priority: 0,
         placeholder: ''
@@ -899,7 +991,8 @@ const countries = [
     {
         name: 'Guam',
         isoCode: 'gu',
-        dialCode: '1 671',
+        dialCode: '1',
+        displayDialCode: '1 671',
         flagClass: 'gu',
         priority: 0,
         areaCodes: [
@@ -911,6 +1004,7 @@ const countries = [
         name: 'Guatemala',
         isoCode: 'gt',
         dialCode: '502',
+        displayDialCode: '502',
         flagClass: 'gt',
         priority: 0,
         placeholder: ''
@@ -919,6 +1013,7 @@ const countries = [
         name: 'Guernsey',
         isoCode: 'gg',
         dialCode: '44',
+        displayDialCode: '44',
         flagClass: 'gg',
         priority: 0,
         areaCodes: [
@@ -930,6 +1025,7 @@ const countries = [
         name: 'Guinea',
         isoCode: 'gn',
         dialCode: '224',
+        displayDialCode: '224',
         flagClass: 'gn',
         priority: 0,
         placeholder: ''
@@ -938,6 +1034,7 @@ const countries = [
         name: 'Guinea-Bissau',
         isoCode: 'gw',
         dialCode: '245',
+        displayDialCode: '245',
         flagClass: 'gw',
         priority: 0,
         placeholder: ''
@@ -946,6 +1043,7 @@ const countries = [
         name: 'Guyana',
         isoCode: 'gy',
         dialCode: '595',
+        displayDialCode: '595',
         flagClass: 'gy',
         priority: 0,
         placeholder: ''
@@ -954,6 +1052,7 @@ const countries = [
         name: 'Haiti',
         isoCode: 'ht',
         dialCode: '509',
+        displayDialCode: '509',
         flagClass: 'ht',
         priority: 0,
         placeholder: ''
@@ -962,6 +1061,7 @@ const countries = [
         name: 'Honduras',
         isoCode: 'hn',
         dialCode: '504',
+        displayDialCode: '504',
         flagClass: 'hn',
         priority: 0,
         placeholder: ''
@@ -970,6 +1070,7 @@ const countries = [
         name: 'Hong Kong',
         isoCode: 'hk',
         dialCode: '852',
+        displayDialCode: '852',
         flagClass: 'hk',
         priority: 0,
         placeholder: ''
@@ -978,6 +1079,7 @@ const countries = [
         name: 'Hungary',
         isoCode: 'hu',
         dialCode: '36',
+        displayDialCode: '36',
         flagClass: 'hu',
         priority: 0,
         placeholder: ''
@@ -986,6 +1088,7 @@ const countries = [
         name: 'Iceland',
         isoCode: 'is',
         dialCode: '354',
+        displayDialCode: '354',
         flagClass: 'is',
         priority: 0,
         placeholder: ''
@@ -994,6 +1097,7 @@ const countries = [
         name: 'India',
         isoCode: 'in',
         dialCode: '91',
+        displayDialCode: '91',
         flagClass: 'in',
         priority: 0,
         placeholder: ''
@@ -1002,6 +1106,7 @@ const countries = [
         name: 'Indonesia',
         isoCode: 'id',
         dialCode: '62',
+        displayDialCode: '62',
         flagClass: 'id',
         priority: 0,
         placeholder: ''
@@ -1010,6 +1115,7 @@ const countries = [
         name: 'Iran, Islamic Republic of Persian Gulf',
         isoCode: 'ir',
         dialCode: '98',
+        displayDialCode: '98',
         flagClass: 'ir',
         priority: 0,
         placeholder: ''
@@ -1018,6 +1124,7 @@ const countries = [
         name: 'Iraq',
         isoCode: 'iq',
         dialCode: '964',
+        displayDialCode: '964',
         flagClass: 'iq',
         priority: 0,
         placeholder: ''
@@ -1026,6 +1133,7 @@ const countries = [
         name: 'Ireland',
         isoCode: 'ie',
         dialCode: '353',
+        displayDialCode: '353',
         flagClass: 'ie',
         priority: 0,
         placeholder: ''
@@ -1034,6 +1142,7 @@ const countries = [
         name: 'Isle of Man',
         isoCode: 'im',
         dialCode: '44',
+        displayDialCode: '44',
         flagClass: 'im',
         priority: 0,
         areaCodes: [
@@ -1045,6 +1154,7 @@ const countries = [
         name: 'Israel',
         isoCode: 'il',
         dialCode: '972',
+        displayDialCode: '972',
         flagClass: 'il',
         priority: 0,
         placeholder: ''
@@ -1053,6 +1163,7 @@ const countries = [
         name: 'Italy',
         isoCode: 'it',
         dialCode: '39',
+        displayDialCode: '39',
         flagClass: 'it',
         priority: 0,
         placeholder: ''
@@ -1060,7 +1171,8 @@ const countries = [
     {
         name: 'Jamaica',
         isoCode: 'jm',
-        dialCode: '1 876',
+        dialCode: '1',
+        displayDialCode: '1 876',
         flagClass: 'jm',
         priority: 0,
         areaCodes: [
@@ -1072,6 +1184,7 @@ const countries = [
         name: 'Japan',
         isoCode: 'jp',
         dialCode: '81',
+        displayDialCode: '81',
         flagClass: 'jp',
         priority: 0,
         placeholder: ''
@@ -1080,6 +1193,7 @@ const countries = [
         name: 'Jersey',
         isoCode: 'je',
         dialCode: '44',
+        displayDialCode: '44',
         flagClass: 'je',
         priority: 0,
         areaCodes: [
@@ -1091,6 +1205,7 @@ const countries = [
         name: 'Jordan',
         isoCode: 'jo',
         dialCode: '962',
+        displayDialCode: '962',
         flagClass: 'jo',
         priority: 0,
         placeholder: ''
@@ -1098,15 +1213,20 @@ const countries = [
     {
         name: 'Kazakhstan',
         isoCode: 'kz',
-        dialCode: '7 7',
+        dialCode: '7',
+        displayDialCode: '7 7',
         flagClass: 'kz',
         priority: 0,
+        areaCodes: [
+            '7'
+        ],
         placeholder: ''
     },
     {
         name: 'Kenya',
         isoCode: 'ke',
         dialCode: '254',
+        displayDialCode: '254',
         flagClass: 'ke',
         priority: 0,
         placeholder: ''
@@ -1115,6 +1235,7 @@ const countries = [
         name: 'Kiribati',
         isoCode: 'ki',
         dialCode: '686',
+        displayDialCode: '686',
         flagClass: 'ki',
         priority: 0,
         placeholder: ''
@@ -1123,6 +1244,7 @@ const countries = [
         name: 'Kuwait',
         isoCode: 'kw',
         dialCode: '965',
+        displayDialCode: '965',
         flagClass: 'kw',
         priority: 0,
         placeholder: ''
@@ -1131,6 +1253,7 @@ const countries = [
         name: 'Kyrgyzstan',
         isoCode: 'kg',
         dialCode: '996',
+        displayDialCode: '996',
         flagClass: 'kg',
         priority: 0,
         placeholder: ''
@@ -1139,6 +1262,7 @@ const countries = [
         name: 'Laos',
         isoCode: 'la',
         dialCode: '856',
+        displayDialCode: '856',
         flagClass: 'la',
         priority: 0,
         placeholder: ''
@@ -1147,6 +1271,7 @@ const countries = [
         name: 'Latvia',
         isoCode: 'lv',
         dialCode: '371',
+        displayDialCode: '371',
         flagClass: 'lv',
         priority: 0,
         placeholder: ''
@@ -1155,6 +1280,7 @@ const countries = [
         name: 'Lebanon',
         isoCode: 'lb',
         dialCode: '961',
+        displayDialCode: '961',
         flagClass: 'lb',
         priority: 0,
         placeholder: ''
@@ -1163,6 +1289,7 @@ const countries = [
         name: 'Lesotho',
         isoCode: 'ls',
         dialCode: '266',
+        displayDialCode: '266',
         flagClass: 'ls',
         priority: 0,
         placeholder: ''
@@ -1171,6 +1298,7 @@ const countries = [
         name: 'Liberia',
         isoCode: 'lr',
         dialCode: '231',
+        displayDialCode: '231',
         flagClass: 'lr',
         priority: 0,
         placeholder: ''
@@ -1179,6 +1307,7 @@ const countries = [
         name: 'Libyan Arab Jamahiriya',
         isoCode: 'ly',
         dialCode: '218',
+        displayDialCode: '218',
         flagClass: 'ly',
         priority: 0,
         placeholder: ''
@@ -1187,6 +1316,7 @@ const countries = [
         name: 'Liechtenstein',
         isoCode: 'li',
         dialCode: '423',
+        displayDialCode: '423',
         flagClass: 'li',
         priority: 0,
         placeholder: ''
@@ -1195,6 +1325,7 @@ const countries = [
         name: 'Lithuania',
         isoCode: 'lt',
         dialCode: '370',
+        displayDialCode: '370',
         flagClass: 'lt',
         priority: 0,
         placeholder: ''
@@ -1203,6 +1334,7 @@ const countries = [
         name: 'Luxembourg',
         isoCode: 'lu',
         dialCode: '352',
+        displayDialCode: '352',
         flagClass: 'lu',
         priority: 0,
         placeholder: ''
@@ -1211,6 +1343,7 @@ const countries = [
         name: 'Macao',
         isoCode: 'mo',
         dialCode: '853',
+        displayDialCode: '853',
         flagClass: 'mo',
         priority: 0,
         placeholder: ''
@@ -1219,6 +1352,7 @@ const countries = [
         name: 'Macedonia',
         isoCode: 'mk',
         dialCode: '389',
+        displayDialCode: '389',
         flagClass: 'mk',
         priority: 0,
         placeholder: ''
@@ -1227,6 +1361,7 @@ const countries = [
         name: 'Madagascar',
         isoCode: 'mg',
         dialCode: '261',
+        displayDialCode: '261',
         flagClass: 'mg',
         priority: 0,
         placeholder: ''
@@ -1235,6 +1370,7 @@ const countries = [
         name: 'Malawi',
         isoCode: 'mw',
         dialCode: '265',
+        displayDialCode: '265',
         flagClass: 'mw',
         priority: 0,
         placeholder: ''
@@ -1243,6 +1379,7 @@ const countries = [
         name: 'Malaysia',
         isoCode: 'my',
         dialCode: '60',
+        displayDialCode: '60',
         flagClass: 'my',
         priority: 0,
         placeholder: ''
@@ -1251,6 +1388,7 @@ const countries = [
         name: 'Maldives',
         isoCode: 'mv',
         dialCode: '960',
+        displayDialCode: '960',
         flagClass: 'mv',
         priority: 0,
         placeholder: ''
@@ -1259,6 +1397,7 @@ const countries = [
         name: 'Mali',
         isoCode: 'ml',
         dialCode: '223',
+        displayDialCode: '223',
         flagClass: 'ml',
         priority: 0,
         placeholder: ''
@@ -1267,6 +1406,7 @@ const countries = [
         name: 'Malta',
         isoCode: 'mt',
         dialCode: '356',
+        displayDialCode: '356',
         flagClass: 'mt',
         priority: 0,
         placeholder: ''
@@ -1275,6 +1415,7 @@ const countries = [
         name: 'Marshall Islands',
         isoCode: 'mh',
         dialCode: '692',
+        displayDialCode: '692',
         flagClass: 'mh',
         priority: 0,
         placeholder: ''
@@ -1283,6 +1424,7 @@ const countries = [
         name: 'Martinique',
         isoCode: 'mq',
         dialCode: '596',
+        displayDialCode: '596',
         flagClass: 'mq',
         priority: 0,
         placeholder: ''
@@ -1291,6 +1433,7 @@ const countries = [
         name: 'Mauritania',
         isoCode: 'mr',
         dialCode: '222',
+        displayDialCode: '222',
         flagClass: 'mr',
         priority: 0,
         placeholder: ''
@@ -1299,6 +1442,7 @@ const countries = [
         name: 'Mauritius',
         isoCode: 'mu',
         dialCode: '230',
+        displayDialCode: '230',
         flagClass: 'mu',
         priority: 0,
         placeholder: ''
@@ -1307,6 +1451,7 @@ const countries = [
         name: 'Mayotte',
         isoCode: 'yt',
         dialCode: '262',
+        displayDialCode: '262',
         flagClass: 'yt',
         priority: 0,
         placeholder: ''
@@ -1315,6 +1460,7 @@ const countries = [
         name: 'Mexico',
         isoCode: 'mx',
         dialCode: '52',
+        displayDialCode: '52',
         flagClass: 'mx',
         priority: 0,
         placeholder: ''
@@ -1323,6 +1469,7 @@ const countries = [
         name: 'Micronesia, Federated States of Micronesia',
         isoCode: 'fm',
         dialCode: '691',
+        displayDialCode: '691',
         flagClass: 'fm',
         priority: 0,
         placeholder: ''
@@ -1331,6 +1478,7 @@ const countries = [
         name: 'Moldova',
         isoCode: 'md',
         dialCode: '373',
+        displayDialCode: '373',
         flagClass: 'md',
         priority: 0,
         placeholder: ''
@@ -1339,6 +1487,7 @@ const countries = [
         name: 'Monaco',
         isoCode: 'mc',
         dialCode: '377',
+        displayDialCode: '377',
         flagClass: 'mc',
         priority: 0,
         placeholder: ''
@@ -1347,6 +1496,7 @@ const countries = [
         name: 'Mongolia',
         isoCode: 'mn',
         dialCode: '976',
+        displayDialCode: '976',
         flagClass: 'mn',
         priority: 0,
         placeholder: ''
@@ -1355,6 +1505,7 @@ const countries = [
         name: 'Montenegro',
         isoCode: 'me',
         dialCode: '382',
+        displayDialCode: '382',
         flagClass: 'me',
         priority: 0,
         placeholder: ''
@@ -1362,7 +1513,8 @@ const countries = [
     {
         name: 'Montserrat',
         isoCode: 'ms',
-        dialCode: '1664',
+        dialCode: '1',
+        displayDialCode: '1664',
         flagClass: 'ms',
         priority: 0,
         areaCodes: [
@@ -1374,6 +1526,7 @@ const countries = [
         name: 'Morocco',
         isoCode: 'ma',
         dialCode: '212',
+        displayDialCode: '212',
         flagClass: 'ma',
         priority: 0,
         placeholder: ''
@@ -1382,6 +1535,7 @@ const countries = [
         name: 'Mozambique',
         isoCode: 'mz',
         dialCode: '258',
+        displayDialCode: '258',
         flagClass: 'mz',
         priority: 0,
         placeholder: ''
@@ -1390,6 +1544,7 @@ const countries = [
         name: 'Myanmar',
         isoCode: 'mm',
         dialCode: '95',
+        displayDialCode: '95',
         flagClass: 'mm',
         priority: 0,
         placeholder: ''
@@ -1398,6 +1553,7 @@ const countries = [
         name: 'Namibia',
         isoCode: 'na',
         dialCode: '264',
+        displayDialCode: '264',
         flagClass: 'na',
         priority: 0,
         placeholder: ''
@@ -1406,6 +1562,7 @@ const countries = [
         name: 'Nauru',
         isoCode: 'nr',
         dialCode: '674',
+        displayDialCode: '674',
         flagClass: 'nr',
         priority: 0,
         placeholder: ''
@@ -1414,6 +1571,7 @@ const countries = [
         name: 'Nepal',
         isoCode: 'np',
         dialCode: '977',
+        displayDialCode: '977',
         flagClass: 'np',
         priority: 0,
         placeholder: ''
@@ -1422,6 +1580,7 @@ const countries = [
         name: 'Netherlands',
         isoCode: 'nl',
         dialCode: '31',
+        displayDialCode: '31',
         flagClass: 'nl',
         priority: 0,
         placeholder: ''
@@ -1430,6 +1589,7 @@ const countries = [
         name: 'New Caledonia',
         isoCode: 'nc',
         dialCode: '687',
+        displayDialCode: '687',
         flagClass: 'nc',
         priority: 0,
         placeholder: ''
@@ -1438,6 +1598,7 @@ const countries = [
         name: 'New Zealand',
         isoCode: 'nz',
         dialCode: '64',
+        displayDialCode: '64',
         flagClass: 'nz',
         priority: 0,
         placeholder: ''
@@ -1446,6 +1607,7 @@ const countries = [
         name: 'Nicaragua',
         isoCode: 'ni',
         dialCode: '505',
+        displayDialCode: '505',
         flagClass: 'ni',
         priority: 0,
         placeholder: ''
@@ -1454,6 +1616,7 @@ const countries = [
         name: 'Niger',
         isoCode: 'ne',
         dialCode: '227',
+        displayDialCode: '227',
         flagClass: 'ne',
         priority: 0,
         placeholder: ''
@@ -1462,6 +1625,7 @@ const countries = [
         name: 'Nigeria',
         isoCode: 'ng',
         dialCode: '234',
+        displayDialCode: '234',
         flagClass: 'ng',
         priority: 0,
         placeholder: ''
@@ -1470,6 +1634,7 @@ const countries = [
         name: 'Niue',
         isoCode: 'nu',
         dialCode: '683',
+        displayDialCode: '683',
         flagClass: 'nu',
         priority: 0,
         placeholder: ''
@@ -1478,6 +1643,7 @@ const countries = [
         name: 'Norfolk Island',
         isoCode: 'nf',
         dialCode: '672',
+        displayDialCode: '672',
         flagClass: 'nf',
         priority: 0,
         placeholder: ''
@@ -1486,6 +1652,7 @@ const countries = [
         name: 'Korea, Democratic People\'s Republic of Korea',
         isoCode: 'kp',
         dialCode: '850',
+        displayDialCode: '850',
         flagClass: 'kp',
         priority: 0,
         placeholder: ''
@@ -1493,15 +1660,20 @@ const countries = [
     {
         name: 'Northern Mariana Islands',
         isoCode: 'mp',
-        dialCode: '1 670',
+        dialCode: '1',
+        displayDialCode: '1 670',
         flagClass: 'mp',
         priority: 0,
+        areaCodes: [
+            '670'
+        ],
         placeholder: ''
     },
     {
         name: 'Norway',
         isoCode: 'no',
         dialCode: '47',
+        displayDialCode: '47',
         flagClass: 'no',
         priority: 0,
         placeholder: ''
@@ -1510,6 +1682,7 @@ const countries = [
         name: 'Oman',
         isoCode: 'om',
         dialCode: '968',
+        displayDialCode: '968',
         flagClass: 'om',
         priority: 0,
         placeholder: ''
@@ -1518,6 +1691,7 @@ const countries = [
         name: 'Pakistan',
         isoCode: 'pk',
         dialCode: '92',
+        displayDialCode: '92',
         flagClass: 'pk',
         priority: 0,
         placeholder: ''
@@ -1526,6 +1700,7 @@ const countries = [
         name: 'Palau',
         isoCode: 'pw',
         dialCode: '680',
+        displayDialCode: '680',
         flagClass: 'pw',
         priority: 0,
         placeholder: ''
@@ -1534,6 +1709,7 @@ const countries = [
         name: 'Palestinian Territory, Occupied',
         isoCode: 'ps',
         dialCode: '970',
+        displayDialCode: '970',
         flagClass: 'ps',
         priority: 0,
         placeholder: ''
@@ -1542,6 +1718,7 @@ const countries = [
         name: 'Panama',
         isoCode: 'pa',
         dialCode: '507',
+        displayDialCode: '507',
         flagClass: 'pa',
         priority: 0,
         placeholder: ''
@@ -1550,6 +1727,7 @@ const countries = [
         name: 'Papua New Guinea',
         isoCode: 'pg',
         dialCode: '675',
+        displayDialCode: '657',
         flagClass: 'pg',
         priority: 0,
         placeholder: ''
@@ -1558,6 +1736,7 @@ const countries = [
         name: 'Paraguay',
         isoCode: 'py',
         dialCode: '595',
+        displayDialCode: '595',
         flagClass: 'py',
         priority: 0,
         placeholder: ''
@@ -1566,6 +1745,7 @@ const countries = [
         name: 'Peru',
         isoCode: 'pe',
         dialCode: '51',
+        displayDialCode: '51',
         flagClass: 'pe',
         priority: 0,
         placeholder: ''
@@ -1574,6 +1754,7 @@ const countries = [
         name: 'Philippines',
         isoCode: 'ph',
         dialCode: '63',
+        displayDialCode: '63',
         flagClass: 'ph',
         priority: 0,
         placeholder: ''
@@ -1582,6 +1763,7 @@ const countries = [
         name: 'Poland',
         isoCode: 'pl',
         dialCode: '48',
+        displayDialCode: '48',
         flagClass: 'pl',
         priority: 0,
         placeholder: ''
@@ -1590,6 +1772,7 @@ const countries = [
         name: 'Portugal',
         isoCode: 'pt',
         dialCode: '351',
+        displayDialCode: '351',
         flagClass: 'pt',
         priority: 0,
         placeholder: ''
@@ -1597,7 +1780,8 @@ const countries = [
     {
         name: 'Puerto Rico',
         isoCode: 'pr',
-        dialCode: '1 939',
+        dialCode: '1',
+        displayDialCode: '1 939',
         flagClass: 'pr',
         priority: 0,
         areaCodes: [
@@ -1610,6 +1794,7 @@ const countries = [
         name: 'Qatar',
         isoCode: 'qa',
         dialCode: '974',
+        displayDialCode: '974',
         flagClass: 'qa',
         priority: 0,
         placeholder: ''
@@ -1618,6 +1803,7 @@ const countries = [
         name: 'Reunion',
         isoCode: 're',
         dialCode: '262',
+        displayDialCode: '262',
         flagClass: 're',
         priority: 0,
         placeholder: ''
@@ -1626,6 +1812,7 @@ const countries = [
         name: 'Romania',
         isoCode: 'ro',
         dialCode: '40',
+        displayDialCode: '40',
         flagClass: 'ro',
         priority: 0,
         placeholder: ''
@@ -1634,6 +1821,7 @@ const countries = [
         name: 'Russia',
         isoCode: 'ru',
         dialCode: '7',
+        displayDialCode: '7',
         flagClass: 'ru',
         priority: 0,
         placeholder: ''
@@ -1642,6 +1830,7 @@ const countries = [
         name: 'Rwanda',
         isoCode: 'rw',
         dialCode: '250',
+        displayDialCode: '250',
         flagClass: 'rw',
         priority: 0,
         placeholder: ''
@@ -1650,6 +1839,7 @@ const countries = [
         name: 'Saint Barthelemy',
         isoCode: 'bl',
         dialCode: '590',
+        displayDialCode: '590',
         flagClass: 'bl',
         priority: 0,
         placeholder: ''
@@ -1658,6 +1848,7 @@ const countries = [
         name: 'Saint Helena, Ascension and Tristan Da Cunha',
         isoCode: 'sh',
         dialCode: '290',
+        displayDialCode: '290',
         flagClass: 'sh',
         priority: 0,
         placeholder: ''
@@ -1665,15 +1856,20 @@ const countries = [
     {
         name: 'Saint Kitts and Nevis',
         isoCode: 'kn',
-        dialCode: '1 869',
+        dialCode: '1',
+        displayDialCode: '1 869',
         flagClass: 'kn',
         priority: 0,
+        areaCodes: [
+            '869'
+        ],
         placeholder: ''
     },
     {
         name: 'Saint Lucia',
         isoCode: 'lc',
-        dialCode: '1 758',
+        dialCode: '1',
+        displayDialCode: '1 758',
         flagClass: 'lc',
         priority: 0,
         areaCodes: [
@@ -1685,6 +1881,7 @@ const countries = [
         name: 'Saint Martin',
         isoCode: 'mf',
         dialCode: '590',
+        displayDialCode: '590',
         flagClass: 'mf',
         priority: 0,
         placeholder: ''
@@ -1693,6 +1890,7 @@ const countries = [
         name: 'Saint Pierre and Miquelon',
         isoCode: 'pm',
         dialCode: '508',
+        displayDialCode: '508',
         flagClass: 'pm',
         priority: 0,
         placeholder: ''
@@ -1700,7 +1898,8 @@ const countries = [
     {
         name: 'Saint Vincent and the Grenadines',
         isoCode: 'vc',
-        dialCode: '1 784',
+        dialCode: '1',
+        displayDialCode: '1 784',
         flagClass: 'vc',
         priority: 0,
         areaCodes: [
@@ -1712,6 +1911,7 @@ const countries = [
         name: 'Samoa',
         isoCode: 'ws',
         dialCode: '685',
+        displayDialCode: '685',
         flagClass: 'ws',
         priority: 0,
         placeholder: ''
@@ -1720,6 +1920,7 @@ const countries = [
         name: 'San Marino',
         isoCode: 'sm',
         dialCode: '378',
+        displayDialCode: '378',
         flagClass: 'sm',
         priority: 0,
         placeholder: ''
@@ -1728,6 +1929,7 @@ const countries = [
         name: 'Sao Tome and Principe',
         isoCode: 'st',
         dialCode: '239',
+        displayDialCode: '239',
         flagClass: 'st',
         priority: 0,
         placeholder: ''
@@ -1736,6 +1938,7 @@ const countries = [
         name: 'Saudi Arabia',
         isoCode: 'sa',
         dialCode: '966',
+        displayDialCode: '966',
         flagClass: 'sa',
         priority: 0,
         placeholder: ''
@@ -1744,6 +1947,7 @@ const countries = [
         name: 'Senegal',
         isoCode: 'sn',
         dialCode: '221',
+        displayDialCode: '221',
         flagClass: 'sn',
         priority: 0,
         placeholder: ''
@@ -1752,6 +1956,7 @@ const countries = [
         name: 'Serbia',
         isoCode: 'rs',
         dialCode: '381',
+        displayDialCode: '381',
         flagClass: 'rs',
         priority: 0,
         placeholder: ''
@@ -1760,6 +1965,7 @@ const countries = [
         name: 'Seychelles',
         isoCode: 'sc',
         dialCode: '248',
+        displayDialCode: '248',
         flagClass: 'sc',
         priority: 0,
         placeholder: ''
@@ -1768,6 +1974,7 @@ const countries = [
         name: 'Sierra Leone',
         isoCode: 'sl',
         dialCode: '232',
+        displayDialCode: '232',
         flagClass: 'sl',
         priority: 0,
         placeholder: ''
@@ -1776,6 +1983,7 @@ const countries = [
         name: 'Singapore',
         isoCode: 'sg',
         dialCode: '65',
+        displayDialCode: '65',
         flagClass: 'sg',
         priority: 0,
         placeholder: ''
@@ -1784,6 +1992,7 @@ const countries = [
         name: 'Slovakia',
         isoCode: 'sk',
         dialCode: '421',
+        displayDialCode: '421',
         flagClass: 'sk',
         priority: 0,
         placeholder: ''
@@ -1792,6 +2001,7 @@ const countries = [
         name: 'Slovenia',
         isoCode: 'si',
         dialCode: '386',
+        displayDialCode: '386',
         flagClass: 'si',
         priority: 0,
         placeholder: ''
@@ -1800,6 +2010,7 @@ const countries = [
         name: 'Solomon Islands',
         isoCode: 'sb',
         dialCode: '677',
+        displayDialCode: '677',
         flagClass: 'sb',
         priority: 0,
         placeholder: ''
@@ -1808,6 +2019,7 @@ const countries = [
         name: 'Somalia',
         isoCode: 'so',
         dialCode: '252',
+        displayDialCode: '252',
         flagClass: 'so',
         priority: 0,
         placeholder: ''
@@ -1816,6 +2028,7 @@ const countries = [
         name: 'South Africa',
         isoCode: 'za',
         dialCode: '27',
+        displayDialCode: '27',
         flagClass: 'za',
         priority: 0,
         placeholder: ''
@@ -1824,6 +2037,7 @@ const countries = [
         name: 'Korea, Republic of South Korea',
         isoCode: 'kr',
         dialCode: '82',
+        displayDialCode: '82',
         flagClass: 'kr',
         priority: 0,
         placeholder: ''
@@ -1832,6 +2046,7 @@ const countries = [
         name: 'Spain',
         isoCode: 'es',
         dialCode: '34',
+        displayDialCode: '34',
         flagClass: 'es',
         priority: 0,
         placeholder: ''
@@ -1840,6 +2055,7 @@ const countries = [
         name: 'Sri Lanka',
         isoCode: 'lk',
         dialCode: '94',
+        displayDialCode: '94',
         flagClass: 'lk',
         priority: 0,
         placeholder: ''
@@ -1848,6 +2064,7 @@ const countries = [
         name: 'Sudan',
         isoCode: 'sd',
         dialCode: '249',
+        displayDialCode: '249',
         flagClass: 'sd',
         priority: 0,
         placeholder: ''
@@ -1856,6 +2073,7 @@ const countries = [
         name: 'Suriname',
         isoCode: 'sr',
         dialCode: '597',
+        displayDialCode: '597',
         flagClass: 'sr',
         priority: 0,
         placeholder: ''
@@ -1864,6 +2082,7 @@ const countries = [
         name: 'Svalbard and Jan Mayen',
         isoCode: 'sj',
         dialCode: '47',
+        displayDialCode: '47',
         flagClass: 'sj',
         priority: 0,
         placeholder: ''
@@ -1872,6 +2091,7 @@ const countries = [
         name: 'Swaziland',
         isoCode: 'sz',
         dialCode: '268',
+        displayDialCode: '268',
         flagClass: 'sz',
         priority: 0,
         placeholder: ''
@@ -1880,6 +2100,7 @@ const countries = [
         name: 'Sweden',
         isoCode: 'se',
         dialCode: '46',
+        displayDialCode: '46',
         flagClass: 'se',
         priority: 0,
         placeholder: ''
@@ -1888,6 +2109,7 @@ const countries = [
         name: 'Switzerland',
         isoCode: 'ch',
         dialCode: '41',
+        displayDialCode: '41',
         flagClass: 'ch',
         priority: 0,
         placeholder: ''
@@ -1896,6 +2118,7 @@ const countries = [
         name: 'Syrian Arab Republic',
         isoCode: 'sy',
         dialCode: '963',
+        displayDialCode: '963',
         flagClass: 'sy',
         priority: 0,
         placeholder: ''
@@ -1904,6 +2127,7 @@ const countries = [
         name: 'Taiwan',
         isoCode: 'tw',
         dialCode: '886',
+        displayDialCode: '886',
         flagClass: 'tw',
         priority: 0,
         placeholder: ''
@@ -1912,6 +2136,7 @@ const countries = [
         name: 'Tajikistan',
         isoCode: 'tj',
         dialCode: '992',
+        displayDialCode: '992',
         flagClass: 'tj',
         priority: 0,
         placeholder: ''
@@ -1920,6 +2145,7 @@ const countries = [
         name: 'Tanzania, United Republic of Tanzania',
         isoCode: 'tz',
         dialCode: '255',
+        displayDialCode: '255',
         flagClass: 'tz',
         priority: 0,
         placeholder: ''
@@ -1928,6 +2154,7 @@ const countries = [
         name: 'Thailand',
         isoCode: 'th',
         dialCode: '66',
+        displayDialCode: '66',
         flagClass: 'th',
         priority: 0,
         placeholder: ''
@@ -1936,6 +2163,7 @@ const countries = [
         name: 'Timor-Leste',
         isoCode: 'tl',
         dialCode: '670',
+        displayDialCode: '670',
         flagClass: 'tl',
         priority: 0,
         placeholder: ''
@@ -1944,6 +2172,7 @@ const countries = [
         name: 'Togo',
         isoCode: 'tg',
         dialCode: '228',
+        displayDialCode: '228',
         flagClass: 'tg',
         priority: 0,
         placeholder: ''
@@ -1952,6 +2181,7 @@ const countries = [
         name: 'Tokelau',
         isoCode: 'tk',
         dialCode: '690',
+        displayDialCode: '690',
         flagClass: 'tk',
         priority: 0,
         placeholder: ''
@@ -1960,6 +2190,7 @@ const countries = [
         name: 'Tonga',
         isoCode: 'to',
         dialCode: '676',
+        displayDialCode: '676',
         flagClass: 'to',
         priority: 0,
         placeholder: ''
@@ -1967,7 +2198,8 @@ const countries = [
     {
         name: 'Trinidad and Tobago',
         isoCode: 'tt',
-        dialCode: '1 868',
+        dialCode: '1',
+        displayDialCode: '1 868',
         flagClass: 'tt',
         priority: 0,
         areaCodes: [
@@ -1979,6 +2211,7 @@ const countries = [
         name: 'Tunisia',
         isoCode: 'tn',
         dialCode: '216',
+        displayDialCode: '216',
         flagClass: 'tn',
         priority: 0,
         placeholder: ''
@@ -1987,6 +2220,7 @@ const countries = [
         name: 'Turkey',
         isoCode: 'tr',
         dialCode: '90',
+        displayDialCode: '90',
         flagClass: 'tr',
         priority: 0,
         placeholder: ''
@@ -1995,6 +2229,7 @@ const countries = [
         name: 'Turkmenistan',
         isoCode: 'tm',
         dialCode: '993',
+        displayDialCode: '993',
         flagClass: 'tm',
         priority: 0,
         placeholder: ''
@@ -2002,15 +2237,20 @@ const countries = [
     {
         name: 'Turks and Caicos Islands',
         isoCode: 'tc',
-        dialCode: '1 649',
+        dialCode: '1',
+        displayDialCode: '1 649',
         flagClass: 'tc',
         priority: 0,
+        areaCodes: [
+            '649'
+        ],
         placeholder: ''
     },
     {
         name: 'Tuvalu',
         isoCode: 'tv',
         dialCode: '688',
+        displayDialCode: '688',
         flagClass: 'tv',
         priority: 0,
         placeholder: ''
@@ -2018,7 +2258,8 @@ const countries = [
     {
         name: 'Virgin Islands, U.S.',
         isoCode: 'vi',
-        dialCode: '1 340',
+        dialCode: '1',
+        displayDialCode: '1 340',
         flagClass: 'vi',
         priority: 0,
         areaCodes: [
@@ -2030,6 +2271,7 @@ const countries = [
         name: 'Uganda',
         isoCode: 'ug',
         dialCode: '256',
+        displayDialCode: '256',
         flagClass: 'ug',
         priority: 0,
         placeholder: ''
@@ -2038,6 +2280,7 @@ const countries = [
         name: 'Ukraine',
         isoCode: 'ua',
         dialCode: '380',
+        displayDialCode: '380',
         flagClass: 'ua',
         priority: 0,
         placeholder: ''
@@ -2046,6 +2289,7 @@ const countries = [
         name: 'United Arab Emirates',
         isoCode: 'ae',
         dialCode: '971',
+        displayDialCode: '971',
         flagClass: 'ae',
         priority: 0,
         placeholder: ''
@@ -2054,6 +2298,7 @@ const countries = [
         name: 'United Kingdom',
         isoCode: 'gb',
         dialCode: '44',
+        displayDialCode: '44',
         flagClass: 'gb',
         priority: 0,
         placeholder: ''
@@ -2062,6 +2307,7 @@ const countries = [
         name: 'United States',
         isoCode: 'us',
         dialCode: '1',
+        displayDialCode: '1',
         flagClass: 'us',
         priority: 0,
         placeholder: ''
@@ -2070,6 +2316,7 @@ const countries = [
         name: 'Uruguay',
         isoCode: 'uy',
         dialCode: '598',
+        displayDialCode: '598',
         flagClass: 'uy',
         priority: 0,
         placeholder: ''
@@ -2078,6 +2325,7 @@ const countries = [
         name: 'Uzbekistan',
         isoCode: 'uz',
         dialCode: '998',
+        displayDialCode: '998',
         flagClass: 'uz',
         priority: 0,
         placeholder: ''
@@ -2086,6 +2334,7 @@ const countries = [
         name: 'Vanuatu',
         isoCode: 'vu',
         dialCode: '678',
+        displayDialCode: '678',
         flagClass: 'vu',
         priority: 0,
         placeholder: ''
@@ -2094,6 +2343,7 @@ const countries = [
         name: 'Holy See (Vatican City State)',
         isoCode: 'va',
         dialCode: '379',
+        displayDialCode: '379',
         flagClass: 'va',
         priority: 0,
         placeholder: ''
@@ -2102,6 +2352,7 @@ const countries = [
         name: 'Venezuela, Bolivarian Republic of Venezuela',
         isoCode: 've',
         dialCode: '58',
+        displayDialCode: '58',
         flagClass: 've',
         priority: 0,
         placeholder: ''
@@ -2110,6 +2361,7 @@ const countries = [
         name: 'Vietnam',
         isoCode: 'vn',
         dialCode: '84',
+        displayDialCode: '84',
         flagClass: 'vn',
         priority: 0,
         placeholder: ''
@@ -2118,6 +2370,7 @@ const countries = [
         name: 'Wallis and Futuna',
         isoCode: 'wf',
         dialCode: '681',
+        displayDialCode: '681',
         flagClass: 'wf',
         priority: 0,
         placeholder: ''
@@ -2126,6 +2379,7 @@ const countries = [
         name: 'Yemen',
         isoCode: 'ye',
         dialCode: '967',
+        displayDialCode: '967',
         flagClass: 'ye',
         priority: 0,
         placeholder: ''
@@ -2134,6 +2388,7 @@ const countries = [
         name: 'Zambia',
         isoCode: 'zm',
         dialCode: '260',
+        displayDialCode: '260',
         flagClass: 'zm',
         priority: 0,
         placeholder: ''
@@ -2142,6 +2397,7 @@ const countries = [
         name: 'Zimbabwe',
         isoCode: 'zw',
         dialCode: '263',
+        displayDialCode: '263',
         flagClass: 'zw',
         priority: 0,
         placeholder: ''
@@ -2150,6 +2406,7 @@ const countries = [
         name: 'Aland Islands',
         isoCode: 'ax',
         dialCode: '358',
+        displayDialCode: '358',
         flagClass: 'ax',
         priority: 0,
         placeholder: ''