@agorapulse/ui-components 17.4.11 → 17.4.12

package/esm2022/phone-number-input/phone-number-input.component.mjs

@@ -13,6 +13,8 @@ import * as i1 from "@agorapulse/ui-symbol";
 import * as i2 from "@angular/forms";
 import * as i3 from "@ng-select/ng-select";
 const NUMBER_ONLY_PATTERN = /[0-9]/;
+const DEFAULT_COUNTRY_CODE = 'US';
+const DEFAULT_PHONE_NUMBER_CODE = '+1';
 export class PhoneNumberInputComponent {
     destroyRef = inject(DestroyRef);
     set errorsDisplayForced(errorsDisplayForced) {
@@ -25,20 +27,13 @@ export class PhoneNumberInputComponent {
     flagsBucketUrl;
     set phoneNumberInfos(phoneNumberInfos) {
         this.codeNumberInfos = phoneNumberInfos ?? [];
-        if (phoneNumberInfos.length > 0) {
-            // DS Behavior: select by default the first phone number code
-            const defaultValue = phoneNumberInfos[0].phoneNumberCode;
-            this.formGroup.controls.phoneNumberCode.setValue(defaultValue);
-            this.phoneNumberCode = defaultValue;
-        }
-    }
-    set initialCountryCode(initialCountryCode) {
-        const firstValue = this.codeNumberInfos.find((codeInfo) => codeInfo.countryCode === initialCountryCode)?.phoneNumberCode;
-        if (firstValue) {
-            this.formGroup.patchValue({ phoneNumberCode: firstValue });
-        }
+        this.countryCodeMappedPhoneNumberInfos = phoneNumberInfos.reduce((acc, phoneNumberInfo) => {
+            acc[phoneNumberInfo.countryCode] = phoneNumberInfo;
+            return acc;
+        }, {});
     }
     codeNumberInfos = [];
+    countryCodeMappedPhoneNumberInfos = {};
     name;
     placeholder;
     searchPlaceholder;
@@ -46,12 +41,18 @@ export class PhoneNumberInputComponent {
         this.formGroup.controls.phoneNumber.setValue(phoneNumber);
     }
     set phoneNumberCode(phoneNumberCode) {
-        this.formGroup.controls.phoneNumberCode.setValue(phoneNumberCode);
+        this.formGroup.controls.countryCode.setValue(phoneNumberCode);
+    }
+    set initialCountryCode(initialCountryCode) {
+        const firstValue = this.findPhoneNumberInfoByCountryCode(initialCountryCode)?.countryCode;
+        if (firstValue) {
+            this.formGroup.patchValue({ countryCode: firstValue });
+        }
     }
     changePhoneNumber = new EventEmitter();
     changePhoneNumberCode = new EventEmitter();
     formGroup = new FormGroup({
-        phoneNumberCode: new FormControl('', [Validators.required]),
+        countryCode: new FormControl(DEFAULT_COUNTRY_CODE, [Validators.required]),
         phoneNumber: new FormControl('', [Validators.required]),
     });
     onTouched = () => { };
@@ -62,14 +63,24 @@ export class PhoneNumberInputComponent {
     ngOnInit() {
         // Subscribe to form changes to propagate them to the parent component
         this.formGroup.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((value) => {
-            if (this.onChange) {
-                this.onChange(value);
+            let phoneNumberCode = DEFAULT_PHONE_NUMBER_CODE;
+            if (value.countryCode) {
+                const phoneNumberInfo = this.findPhoneNumberInfoByCountryCode(value.countryCode);
+                if (phoneNumberInfo) {
+                    phoneNumberCode = phoneNumberInfo.phoneNumberCode;
+                }
+            }
+            if (this.onChange && phoneNumberCode) {
+                this.onChange({
+                    phoneNumber: value.phoneNumber,
+                    phoneNumberCode,
+                });
             }
             if (value.phoneNumber !== this.phoneNumber) {
                 this.changePhoneNumber.emit(value.phoneNumber ?? '');
             }
-            if (value.phoneNumberCode !== this.phoneNumberCode) {
-                this.changePhoneNumberCode.emit(value.phoneNumberCode ?? '');
+            if (phoneNumberCode !== this.phoneNumberCode) {
+                this.changePhoneNumberCode.emit(phoneNumberCode ?? '');
             }
         });
     }
@@ -110,8 +121,11 @@ export class PhoneNumberInputComponent {
             event.preventDefault();
         }
     }
+    findPhoneNumberInfoByCountryCode(countryCode) {
+        return this.codeNumberInfos.find((codeInfo) => codeInfo.countryCode === countryCode);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PhoneNumberInputComponent, deps: [{ token: i1.SymbolRegistry }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.3", type: PhoneNumberInputComponent, isStandalone: true, selector: "ap-phone-number-input", inputs: { errorsDisplayForced: "errorsDisplayForced", flagsBucketUrl: "flagsBucketUrl", phoneNumberInfos: "phoneNumberInfos", initialCountryCode: "initialCountryCode", name: "name", placeholder: "placeholder", searchPlaceholder: "searchPlaceholder", phoneNumber: "phoneNumber", phoneNumberCode: "phoneNumberCode" }, outputs: { changePhoneNumber: "changePhoneNumber", changePhoneNumberCode: "changePhoneNumberCode" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.3", type: PhoneNumberInputComponent, isStandalone: true, selector: "ap-phone-number-input", inputs: { errorsDisplayForced: "errorsDisplayForced", flagsBucketUrl: "flagsBucketUrl", phoneNumberInfos: "phoneNumberInfos", name: "name", placeholder: "placeholder", searchPlaceholder: "searchPlaceholder", phoneNumber: "phoneNumber", phoneNumberCode: "phoneNumberCode", initialCountryCode: "initialCountryCode" }, outputs: { changePhoneNumber: "changePhoneNumber", changePhoneNumberCode: "changePhoneNumberCode" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => PhoneNumberInputComponent),
@@ -122,7 +136,7 @@ export class PhoneNumberInputComponent {
                 useExisting: forwardRef(() => PhoneNumberInputComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<ng-container [formGroup]=\"formGroup\">\n    <ng-select\n            #select\n            apSelectSingle\n            data-test=\"subscription-billing-infos-phoneNumberCode\"\n            class=\"ap-phone-number-code-select ap-select\"\n            bindLabel=\"countryName\"\n            bindValue=\"phoneNumberCode\"\n            notFoundText=\"\"\n            formControlName=\"phoneNumberCode\"\n            appendTo=\"body\"\n            [clearable]=\"false\"\n            [items]=\"codeNumberInfos\"\n            [searchFn]=\"phoneNumberCodeSearchFn\"\n            (blur)=\"onTouched()\">\n            <ng-template\n                let-item=\"item\"\n                ng-label-tmp>\n                @if (item && item.countryCode) {\n                    <div class=\"flag\">\n                        @if (!!flagsBucketUrl) {\n                            <img\n                                width=\"24\"\n                                height=\"16\"\n                                alt=\"flag\"\n                                [ngSrc]=\"flagsBucketUrl + '/' + item.countryCode.toUpperCase() + '.png'\" />\n                        } @else {\n                            <span>{{ item.countryCode }}</span>\n                        }\n                    </div>\n                }\n            </ng-template>\n            <ng-template\n                let-item=\"item\"\n                let-item$=\"item$\"\n                ng-option-tmp>\n                <ap-dropdown-item-single-one-line\n                    [text]=\"item.phoneNumberCode + ' ' + item.countryName\"\n                    [avatarUrl]=\"flagsBucketUrl + '/' + item.countryCode.toUpperCase() + '.png'\"\n                    [selected]=\"item$.selected\"\n                    [roundedAvatar]=\"false\"\n                />\n            </ng-template>\n            <ng-template\n                let-searchTerm=\"searchTerm\"\n                ng-header-tmp>\n                <ap-dropdown-search-form\n                  [searchPlaceholder]=\"searchPlaceholder\"\n                  [select]=\"select\"\n                />\n              </ng-template>\n    </ng-select>\n    <ap-input-group class=\"phone-number-input-group\">\n        <ap-input-prefix>{{formGroup.controls.phoneNumberCode.value}}</ap-input-prefix>\n        <input\n                apInput\n                class=\"phone-field\"\n                data-test=\"subscription-billing-infos-phoneNumberInput\"\n                type=\"text\"\n                data-recurly=\"phone\"\n                formControlName=\"phoneNumber\"\n                [placeholder]=\"placeholder\"\n                [attr.name]=\"name\"\n                (beforeinput)=\"filterChars($event)\"\n                (blur)=\"onTouched()\"\n        />\n    </ap-input-group>\n</ng-container>\n", styles: ["ng-dropdown-panel.ap-phone-number-code-select{width:auto!important;min-width:310px!important;max-width:310px}ng-dropdown-panel.ap-phone-number-code-select ap-dropdown-item-single-one-line .option{display:flex;flex-direction:row;align-items:center}ng-dropdown-panel.ap-phone-number-code-select ap-dropdown-item-single-one-line ap-avatar{border:0;max-height:16px;min-height:16px;height:initial;box-shadow:unset;overflow:hidden;background:none}ap-phone-number-input{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--ref-spacing-xxs)}ap-phone-number-input .ap-phone-number-code-select{flex:0 0 70px;width:70px}ap-phone-number-input .ap-phone-number-code-select .flag{display:flex;flex-direction:row;align-items:center;justify-content:center;overflow:hidden}ap-phone-number-input .ap-phone-number-code-select .flag img{max-height:16px;max-width:24px;object-fit:cover;border-radius:4px;object-position:center center}ap-phone-number-input .ap-phone-number-code-select .ng-input{padding:2px var(--ref-spacing-sm)}ap-phone-number-input .ap-phone-number-code-select .ng-input input{display:none}ap-phone-number-input .phone-number-input-group{flex:1 0 auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i3.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i3.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i3.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i3.NgHeaderTemplateDirective, selector: "[ng-header-tmp]" }, { kind: "component", type: InputGroupComponent, selector: "ap-input-group", inputs: ["symbolPosition"] }, { kind: "directive", type: InputDirective, selector: "[apInput]" }, { kind: "component", type: InputPrefixComponent, selector: "ap-input-prefix" }, { kind: "component", type: DropdownItemSingleOneLineComponent, selector: "ap-dropdown-item-single-one-line", inputs: ["text", "selected", "disabled", "avatarUrl", "showAvatarInitials", "symbolId", "disabledTooltip", "badgeText", "dividerEnabled", "network", "roundedAvatar", "isFeatureLocked"], outputs: ["lockedFeatureClicked"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: DropdownSearchFormComponent, selector: "ap-dropdown-search-form", inputs: ["searchPlaceholder", "createNewEnabled", "createText", "select"], outputs: ["createNew"] }], encapsulation: i0.ViewEncapsulation.None });
+        ], ngImport: i0, template: "<ng-container [formGroup]=\"formGroup\">\n    <ng-select\n            #select\n            apSelectSingle\n            data-test=\"subscription-billing-infos-phoneNumberCode\"\n            class=\"ap-phone-number-code-select ap-select\"\n            bindLabel=\"countryName\"\n            bindValue=\"countryCode\"\n            notFoundText=\"\"\n            formControlName=\"countryCode\"\n            appendTo=\"body\"\n            [clearable]=\"false\"\n            [items]=\"codeNumberInfos\"\n            [searchFn]=\"phoneNumberCodeSearchFn\"\n            (blur)=\"onTouched()\">\n            <ng-template\n                let-item=\"item\"\n                ng-label-tmp>\n                @if (item && item.countryCode) {\n                    <div class=\"flag\">\n                        @if (!!flagsBucketUrl) {\n                            <img\n                                width=\"24\"\n                                height=\"16\"\n                                alt=\"flag\"\n                                [ngSrc]=\"flagsBucketUrl + '/' + item.countryCode.toUpperCase() + '.png'\" />\n                        } @else {\n                            <span>{{ item.countryCode }}</span>\n                        }\n                    </div>\n                }\n            </ng-template>\n            <ng-template\n                let-item=\"item\"\n                let-item$=\"item$\"\n                ng-option-tmp>\n                <ap-dropdown-item-single-one-line\n                    [text]=\"item.phoneNumberCode + ' ' + item.countryName\"\n                    [avatarUrl]=\"flagsBucketUrl + '/' + item.countryCode.toUpperCase() + '.png'\"\n                    [selected]=\"item$.selected\"\n                    [roundedAvatar]=\"false\"\n                />\n            </ng-template>\n            <ng-template\n                let-searchTerm=\"searchTerm\"\n                ng-header-tmp>\n                <ap-dropdown-search-form\n                  [searchPlaceholder]=\"searchPlaceholder\"\n                  [select]=\"select\"\n                />\n              </ng-template>\n    </ng-select>\n    <ap-input-group class=\"phone-number-input-group\">\n        @if (formGroup.controls.countryCode.value && countryCodeMappedPhoneNumberInfos) {\n            <ap-input-prefix>{{countryCodeMappedPhoneNumberInfos[formGroup.controls.countryCode.value]?.phoneNumberCode}}</ap-input-prefix>\n        }\n        <input\n                apInput\n                class=\"phone-field\"\n                data-test=\"subscription-billing-infos-phoneNumberInput\"\n                type=\"text\"\n                data-recurly=\"phone\"\n                formControlName=\"phoneNumber\"\n                [placeholder]=\"placeholder\"\n                [attr.name]=\"name\"\n                (beforeinput)=\"filterChars($event)\"\n                (blur)=\"onTouched()\"\n        />\n    </ap-input-group>\n</ng-container>\n", styles: ["ng-dropdown-panel.ap-phone-number-code-select{width:auto!important;min-width:310px!important;max-width:310px}ng-dropdown-panel.ap-phone-number-code-select ap-dropdown-item-single-one-line .option{display:flex;flex-direction:row;align-items:center}ng-dropdown-panel.ap-phone-number-code-select ap-dropdown-item-single-one-line ap-avatar{border:0;max-height:16px;min-height:16px;height:initial;box-shadow:unset;overflow:hidden;background:none}ap-phone-number-input{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--ref-spacing-xxs)}ap-phone-number-input .ap-phone-number-code-select{flex:0 0 70px;width:70px}ap-phone-number-input .ap-phone-number-code-select .flag{display:flex;flex-direction:row;align-items:center;justify-content:center;overflow:hidden}ap-phone-number-input .ap-phone-number-code-select .flag img{max-height:16px;max-width:24px;object-fit:cover;border-radius:4px;object-position:center center}ap-phone-number-input .ap-phone-number-code-select .ng-input{padding:2px var(--ref-spacing-sm)}ap-phone-number-input .ap-phone-number-code-select .ng-input input{display:none}ap-phone-number-input .phone-number-input-group{flex:1 0 auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i3.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i3.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i3.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i3.NgHeaderTemplateDirective, selector: "[ng-header-tmp]" }, { kind: "component", type: InputGroupComponent, selector: "ap-input-group", inputs: ["symbolPosition"] }, { kind: "directive", type: InputDirective, selector: "[apInput]" }, { kind: "component", type: InputPrefixComponent, selector: "ap-input-prefix" }, { kind: "component", type: DropdownItemSingleOneLineComponent, selector: "ap-dropdown-item-single-one-line", inputs: ["text", "selected", "disabled", "avatarUrl", "showAvatarInitials", "symbolId", "disabledTooltip", "badgeText", "dividerEnabled", "network", "roundedAvatar", "isFeatureLocked"], outputs: ["lockedFeatureClicked"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: DropdownSearchFormComponent, selector: "ap-dropdown-search-form", inputs: ["searchPlaceholder", "createNewEnabled", "createText", "select"], outputs: ["createNew"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PhoneNumberInputComponent, decorators: [{
             type: Component,
@@ -149,7 +163,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
                             useExisting: forwardRef(() => PhoneNumberInputComponent),
                             multi: true,
                         },
-                    ], encapsulation: ViewEncapsulation.None, template: "<ng-container [formGroup]=\"formGroup\">\n    <ng-select\n            #select\n            apSelectSingle\n            data-test=\"subscription-billing-infos-phoneNumberCode\"\n            class=\"ap-phone-number-code-select ap-select\"\n            bindLabel=\"countryName\"\n            bindValue=\"phoneNumberCode\"\n            notFoundText=\"\"\n            formControlName=\"phoneNumberCode\"\n            appendTo=\"body\"\n            [clearable]=\"false\"\n            [items]=\"codeNumberInfos\"\n            [searchFn]=\"phoneNumberCodeSearchFn\"\n            (blur)=\"onTouched()\">\n            <ng-template\n                let-item=\"item\"\n                ng-label-tmp>\n                @if (item && item.countryCode) {\n                    <div class=\"flag\">\n                        @if (!!flagsBucketUrl) {\n                            <img\n                                width=\"24\"\n                                height=\"16\"\n                                alt=\"flag\"\n                                [ngSrc]=\"flagsBucketUrl + '/' + item.countryCode.toUpperCase() + '.png'\" />\n                        } @else {\n                            <span>{{ item.countryCode }}</span>\n                        }\n                    </div>\n                }\n            </ng-template>\n            <ng-template\n                let-item=\"item\"\n                let-item$=\"item$\"\n                ng-option-tmp>\n                <ap-dropdown-item-single-one-line\n                    [text]=\"item.phoneNumberCode + ' ' + item.countryName\"\n                    [avatarUrl]=\"flagsBucketUrl + '/' + item.countryCode.toUpperCase() + '.png'\"\n                    [selected]=\"item$.selected\"\n                    [roundedAvatar]=\"false\"\n                />\n            </ng-template>\n            <ng-template\n                let-searchTerm=\"searchTerm\"\n                ng-header-tmp>\n                <ap-dropdown-search-form\n                  [searchPlaceholder]=\"searchPlaceholder\"\n                  [select]=\"select\"\n                />\n              </ng-template>\n    </ng-select>\n    <ap-input-group class=\"phone-number-input-group\">\n        <ap-input-prefix>{{formGroup.controls.phoneNumberCode.value}}</ap-input-prefix>\n        <input\n                apInput\n                class=\"phone-field\"\n                data-test=\"subscription-billing-infos-phoneNumberInput\"\n                type=\"text\"\n                data-recurly=\"phone\"\n                formControlName=\"phoneNumber\"\n                [placeholder]=\"placeholder\"\n                [attr.name]=\"name\"\n                (beforeinput)=\"filterChars($event)\"\n                (blur)=\"onTouched()\"\n        />\n    </ap-input-group>\n</ng-container>\n", styles: ["ng-dropdown-panel.ap-phone-number-code-select{width:auto!important;min-width:310px!important;max-width:310px}ng-dropdown-panel.ap-phone-number-code-select ap-dropdown-item-single-one-line .option{display:flex;flex-direction:row;align-items:center}ng-dropdown-panel.ap-phone-number-code-select ap-dropdown-item-single-one-line ap-avatar{border:0;max-height:16px;min-height:16px;height:initial;box-shadow:unset;overflow:hidden;background:none}ap-phone-number-input{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--ref-spacing-xxs)}ap-phone-number-input .ap-phone-number-code-select{flex:0 0 70px;width:70px}ap-phone-number-input .ap-phone-number-code-select .flag{display:flex;flex-direction:row;align-items:center;justify-content:center;overflow:hidden}ap-phone-number-input .ap-phone-number-code-select .flag img{max-height:16px;max-width:24px;object-fit:cover;border-radius:4px;object-position:center center}ap-phone-number-input .ap-phone-number-code-select .ng-input{padding:2px var(--ref-spacing-sm)}ap-phone-number-input .ap-phone-number-code-select .ng-input input{display:none}ap-phone-number-input .phone-number-input-group{flex:1 0 auto}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, template: "<ng-container [formGroup]=\"formGroup\">\n    <ng-select\n            #select\n            apSelectSingle\n            data-test=\"subscription-billing-infos-phoneNumberCode\"\n            class=\"ap-phone-number-code-select ap-select\"\n            bindLabel=\"countryName\"\n            bindValue=\"countryCode\"\n            notFoundText=\"\"\n            formControlName=\"countryCode\"\n            appendTo=\"body\"\n            [clearable]=\"false\"\n            [items]=\"codeNumberInfos\"\n            [searchFn]=\"phoneNumberCodeSearchFn\"\n            (blur)=\"onTouched()\">\n            <ng-template\n                let-item=\"item\"\n                ng-label-tmp>\n                @if (item && item.countryCode) {\n                    <div class=\"flag\">\n                        @if (!!flagsBucketUrl) {\n                            <img\n                                width=\"24\"\n                                height=\"16\"\n                                alt=\"flag\"\n                                [ngSrc]=\"flagsBucketUrl + '/' + item.countryCode.toUpperCase() + '.png'\" />\n                        } @else {\n                            <span>{{ item.countryCode }}</span>\n                        }\n                    </div>\n                }\n            </ng-template>\n            <ng-template\n                let-item=\"item\"\n                let-item$=\"item$\"\n                ng-option-tmp>\n                <ap-dropdown-item-single-one-line\n                    [text]=\"item.phoneNumberCode + ' ' + item.countryName\"\n                    [avatarUrl]=\"flagsBucketUrl + '/' + item.countryCode.toUpperCase() + '.png'\"\n                    [selected]=\"item$.selected\"\n                    [roundedAvatar]=\"false\"\n                />\n            </ng-template>\n            <ng-template\n                let-searchTerm=\"searchTerm\"\n                ng-header-tmp>\n                <ap-dropdown-search-form\n                  [searchPlaceholder]=\"searchPlaceholder\"\n                  [select]=\"select\"\n                />\n              </ng-template>\n    </ng-select>\n    <ap-input-group class=\"phone-number-input-group\">\n        @if (formGroup.controls.countryCode.value && countryCodeMappedPhoneNumberInfos) {\n            <ap-input-prefix>{{countryCodeMappedPhoneNumberInfos[formGroup.controls.countryCode.value]?.phoneNumberCode}}</ap-input-prefix>\n        }\n        <input\n                apInput\n                class=\"phone-field\"\n                data-test=\"subscription-billing-infos-phoneNumberInput\"\n                type=\"text\"\n                data-recurly=\"phone\"\n                formControlName=\"phoneNumber\"\n                [placeholder]=\"placeholder\"\n                [attr.name]=\"name\"\n                (beforeinput)=\"filterChars($event)\"\n                (blur)=\"onTouched()\"\n        />\n    </ap-input-group>\n</ng-container>\n", styles: ["ng-dropdown-panel.ap-phone-number-code-select{width:auto!important;min-width:310px!important;max-width:310px}ng-dropdown-panel.ap-phone-number-code-select ap-dropdown-item-single-one-line .option{display:flex;flex-direction:row;align-items:center}ng-dropdown-panel.ap-phone-number-code-select ap-dropdown-item-single-one-line ap-avatar{border:0;max-height:16px;min-height:16px;height:initial;box-shadow:unset;overflow:hidden;background:none}ap-phone-number-input{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--ref-spacing-xxs)}ap-phone-number-input .ap-phone-number-code-select{flex:0 0 70px;width:70px}ap-phone-number-input .ap-phone-number-code-select .flag{display:flex;flex-direction:row;align-items:center;justify-content:center;overflow:hidden}ap-phone-number-input .ap-phone-number-code-select .flag img{max-height:16px;max-width:24px;object-fit:cover;border-radius:4px;object-position:center center}ap-phone-number-input .ap-phone-number-code-select .ng-input{padding:2px var(--ref-spacing-sm)}ap-phone-number-input .ap-phone-number-code-select .ng-input input{display:none}ap-phone-number-input .phone-number-input-group{flex:1 0 auto}\n"] }]
         }], ctorParameters: () => [{ type: i1.SymbolRegistry }], propDecorators: { errorsDisplayForced: [{
                 type: Input
             }], flagsBucketUrl: [{
@@ -158,8 +172,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
             }], phoneNumberInfos: [{
                 type: Input,
                 args: [{ required: true }]
-            }], initialCountryCode: [{
-                type: Input
             }], name: [{
                 type: Input,
                 args: [{ required: true }]
@@ -173,9 +185,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
                 type: Input
             }], phoneNumberCode: [{
                 type: Input
+            }], initialCountryCode: [{
+                type: Input
             }], changePhoneNumber: [{
                 type: Output
             }], changePhoneNumberCode: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGhvbmUtbnVtYmVyLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9waG9uZS1udW1iZXItaW5wdXQvc3JjL3Bob25lLW51bWJlci1pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvcGhvbmUtbnVtYmVyLWlucHV0L3NyYy9waG9uZS1udW1iZXItaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEseURBQXlEO0FBQ3pELE9BQU8sRUFBQyxTQUFTLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDaEksT0FBTyxFQUVILFdBQVcsRUFDWCxTQUFTLEVBQ1QsV0FBVyxFQUNYLGFBQWEsRUFDYixpQkFBaUIsRUFDakIsbUJBQW1CLEVBR25CLFVBQVUsR0FDYixNQUFNLGdCQUFnQixDQUFDO0FBQ3hCLE9BQU8sRUFBQyxZQUFZLEVBQUUsZ0JBQWdCLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUMvRCxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0sc0JBQXNCLENBQUM7QUFDcEQsT0FBTyxFQUFDLG1CQUFtQixFQUFFLG9CQUFvQixFQUFDLE1BQU0sdUNBQXVDLENBQUM7QUFDaEcsT0FBTyxFQUFDLGtDQUFrQyxFQUFFLDJCQUEyQixFQUFFLG1CQUFtQixFQUFDLE1BQU0sa0NBQWtDLENBQUM7QUFDdEksT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLGlDQUFpQyxDQUFDO0FBQy9ELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxPQUFPLEVBQWtCLE1BQU0sdUJBQXVCLENBQUM7Ozs7O0FBYWhFLE1BQU0sbUJBQW1CLEdBQUcs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QUksRUFBRTtnQkFDRSxpQkFBaUI7c0JBQTNDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNaLFdBQVc7c0JBQXZCLEtBQUs7Z0JBR08sZUFBZTtzQkFBM0IsS0FBSztnQkFJSSxpQkFBaUI7c0JBQTFCLE1BQU07Z0JBQ0cscUJBQXFCO3NCQUE5QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWVtcHR5LWZ1bmN0aW9uICovXG5pbXBvcnQge0NvbXBvbmVudCwgRGVzdHJveVJlZiwgRXZlbnRFbWl0dGVyLCBmb3J3YXJkUmVmLCBpbmplY3QsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBDb250cm9sVmFsdWVBY2Nlc3NvcixcbiAgICBGb3JtQ29udHJvbCxcbiAgICBGb3JtR3JvdXAsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgTkdfVkFMSURBVE9SUyxcbiAgICBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIFZhbGlkYXRpb25FcnJvcnMsXG4gICAgVmFsaWRhdG9yLFxuICAgIFZhbGlkYXRvcnMsXG59IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7Q29tbW9uTW9kdWxlLCBOZ09wdGltaXplZEltYWdlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtOZ1NlbGVjdE1vZHVsZX0gZnJvbSAnQG5nLXNlbGVjdC9uZy1zZWxlY3QnO1xuaW1wb3J0IHtJbnB1dEdyb3VwQ29tcG9uZW50LCBJbnB1dFByZWZpeENvbXBvbmVudH0gZnJvbSBcIkBhZ29yYXB1bHNlL3VpLWNvbXBvbmVudHMvaW5wdXQtZ3JvdXBcIjtcbmltcG9ydCB7RHJvcGRvd25JdGVtU2luZ2xlT25lTGluZUNvbXBvbmVudCwgRHJvcGRvd25TZWFyY2hGb3JtQ29tcG9uZW50LCBTZWxlY3RCYXNlRGlyZWN0aXZlfSBmcm9tIFwiQGFnb3JhcHVsc2UvdWktY29tcG9uZW50cy9zZWxlY3RcIjtcbmltcG9ydCB7SW5wdXREaXJlY3RpdmV9IGZyb20gXCJAYWdvcmFwdWxzZS91aS1jb21wb25lbnRzL2lucHV0XCI7XG5pbXBvcnQgeyB0YWtlVW50aWxEZXN0cm95ZWQgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5pbXBvcnQgeyBhcENoZWNrLCBTeW1ib2xSZWdpc3RyeSB9IGZyb20gJ0BhZ29yYXB1bHNlL3VpLXN5bWJvbCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUGhvbmVOdW1iZXJJbmZvIHtcbiAgICBjb3VudHJ5Q29kZTogc3RyaW5nO1xuICAgIGNvdW50cnlOYW1lOiBzdHJpbmc7XG4gICAgcGhvbmVOdW1iZXJDb2RlOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgUGhvbmUge1xuICAgIHBob25lTnVtYmVyOiBzdHJpbmc7XG4gICAgcGhvbmVOdW1iZXJDb2RlOiBzdHJpbmc7XG59XG5cbmNvbnN0IE5VTUJFUl9PTkxZX1BBVFRFUk4gPSAvWzAtOV0vO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2FwLXBob25lLW51bWJlci1pbnB1dCcsXG4gICAgdGVtcGxhdGVVcmw6ICdwaG9uZS1udW1iZXItaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWydwaG9uZS1udW1iZXItaW5wdXQuY29tcG9uZW50LnNjc3MnXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBGb3Jtc01vZHVsZSxcbiAgICAgICAgTmdTZWxlY3RNb2R1bGUsXG4gICAgICAgIElucHV0R3JvdXBDb21wb25lbnQsXG4gICAgICAgIFNlbGVjdEJhc2VEaXJlY3RpdmUsXG4gICAgICAgIElucHV0RGlyZWN0aXZlLFxuICAgICAgICBJbnB1dFByZWZpeENvbXBvbmVudCxcbiAgICAgICAgRHJvcGRvd25JdGVtU2luZ2xlT25lTGluZUNvbXBvbmVudCxcbiAgICAgICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICAgICAgTmdPcHRpbWl6ZWRJbWFnZSxcbiAgICAgICAgRHJvcGRvd25TZWFyY2hGb3JtQ29tcG9uZW50XG4gICAgXSxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBQaG9uZU51bWJlcklucHV0Q29tcG9uZW50KSxcbiAgICAgICAgICAgIG11bHRpOiB0cnVlLFxuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgICBwcm92aWRlOiBOR19WQUxJREFUT1JTLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gUGhvbmVOdW1iZXJJbnB1dENvbXBvbmVudCksXG4gICAgICAgICAgICBtdWx0aTogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICBdLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFBob25lTnVtYmVySW5wdXRDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciwgVmFsaWRhdG9yLCBPbkluaXQge1xuICAgIHByaXZhdGUgcmVhZG9ubHkgZGVzdHJveVJlZiA9IGluamVjdChEZXN0cm95UmVmKTtcblxuICAgIEBJbnB1dCgpIHNldCBlcnJvcnNEaXNwbGF5Rm9yY2VkKGVycm9yc0Rpc3BsYXlGb3JjZWQ6IGJvb2xlYW4pIHtcbiAgICAgICAgaWYgKGVycm9yc0Rpc3BsYXlGb3JjZWQpIHtcbiAgICAgICAgICAgIHRoaXMuZm9ybUdyb3VwLm1hcmtBbGxBc1RvdWNoZWQoKTtcbiAgICAgICAgICAgIE9iamVjdC52YWx1ZXModGhpcy5mb3JtR3JvdXAuY29udHJvbHMpLmZvckVhY2goKGNvbnRyb2wpID0+IGNvbnRyb2wubWFya0FzRGlydHkoKSk7XG4gICAgICAgICAgICB0aGlzLmZvcm1Hcm91cC51cGRhdGVWYWx1ZUFuZFZhbGlkaXR5KCk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgZmxhZ3NCdWNrZXRVcmwhOiBzdHJpbmc7XG4gICAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgc2V0IHBob25lTnVtYmVySW5mb3MocGhvbmVOdW1iZXJJbmZvczogUGhvbmVOdW1iZXJJbmZvW10pIHtcbiAgICAgICAgdGhpcy5jb2RlTnVtYmVySW5mb3MgPSBwaG9uZU51bWJlckluZm9zID8/IFtdO1xuICAgICAgICBpZiAocGhvbmVOdW1iZXJJbmZvcy5sZW5ndGggPiAwKSB7XG4gICAgICAgICAgICAvLyBEUyBCZWhhdmlvcjogc2VsZWN0IGJ5IGRlZmF1bHQgdGhlIGZpcnN0IHBob25lIG51bWJlciBjb2RlXG4gICAgICAgICAgICBjb25zdCBkZWZhdWx0VmFsdWUgPSBwaG9uZU51bWJlckluZm9zWzBdLnBob25lTnVtYmVyQ29kZTtcbiAgICAgICAgICAgIHRoaXMuZm9ybUdyb3VwLmNvbnRyb2xzLnBob25lTnVtYmVyQ29kZS5zZXRWYWx1ZShkZWZhdWx0VmFsdWUpO1xuICAgICAgICAgICAgdGhpcy5waG9uZU51bWJlckNvZGUgPSBkZWZhdWx0VmFsdWU7XG4gICAgICAgIH1cbiAgICB9XG4gICAgQElucHV0KCkgc2V0IGluaXRpYWxDb3VudHJ5Q29kZShpbml0aWFsQ291bnRyeUNvZGU6IHN0cmluZykge1xuICAgICAgICBjb25zdCBmaXJzdFZhbHVlID0gdGhpcy5jb2RlTnVtYmVySW5mb3MuZmluZCgoY29kZUluZm8pID0+IGNvZGVJbmZvLmNvdW50cnlDb2RlID09PSBpbml0aWFsQ291bnRyeUNvZGUpPy5waG9uZU51bWJlckNvZGU7XG4gICAgICAgIGlmIChmaXJzdFZhbHVlKSB7XG4gICAgICAgICAgICB0aGlzLmZvcm1Hcm91cC5wYXRjaFZhbHVlKHsgcGhvbmVOdW1iZXJDb2RlOiBmaXJzdFZhbHVlIH0pO1xuICAgICAgICB9XG4gICAgfVxuICAgIGNvZGVOdW1iZXJJbmZvczogUGhvbmVOdW1iZXJJbmZvW10gPSBbXTtcbiAgICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBuYW1lITogc3RyaW5nO1xuICAgIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIHBsYWNlaG9sZGVyITogc3RyaW5nO1xuICAgIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIHNlYXJjaFBsYWNlaG9sZGVyITogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHNldCBwaG9uZU51bWJlcihwaG9uZU51bWJlcjogc3RyaW5nKSB7XG4gICAgICAgIHRoaXMuZm9ybUdyb3VwLmNvbnRyb2xzLnBob25lTnVtYmVyLnNldFZhbHVlKHBob25lTnVtYmVyKTtcbiAgICB9XG4gICAgQElucHV0KCkgc2V0IHBob25lTnVtYmVyQ29kZShwaG9uZU51bWJlckNvZGU6IHN0cmluZykge1xuICAgICAgICB0aGlzLmZvcm1Hcm91cC5jb250cm9scy5waG9uZU51bWJlckNvZGUuc2V0VmFsdWUocGhvbmVOdW1iZXJDb2RlKTtcbiAgICB9XG5cbiAgICBAT3V0cHV0KCkgY2hhbmdlUGhvbmVOdW1iZXI6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gICAgQE91dHB1dCgpIGNoYW5nZVBob25lTnVtYmVyQ29kZTogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICAgIGZvcm1Hcm91cCA9IG5ldyBGb3JtR3JvdXAoe1xuICAgICAgICBwaG9uZU51bWJlckNvZGU6IG5ldyBGb3JtQ29udHJvbDxzdHJpbmc+KCcnLCBbVmFsaWRhdG9ycy5yZXF1aXJlZF0pLFxuICAgICAgICBwaG9uZU51bWJlcjogbmV3IEZvcm1Db250cm9sPHN0cmluZz4oJycsIFtWYWxpZGF0b3JzLnJlcXVpcmVkXSksXG4gICAgfSk7XG5cbiAgICBwdWJsaWMgb25Ub3VjaGVkOiBhbnkgPSAoKSA9PiB7fTtcbiAgICBwdWJsaWMgb25DaGFuZ2U6IGFueSA9ICgpID0+IHt9O1xuXG4gICAgY29uc3RydWN0b3Ioc3ltYm9sUmVnaXN0cnk6IFN5bWJvbFJlZ2lzdHJ5KSB7XG4gICAgICAgIHN5bWJvbFJlZ2lzdHJ5LnJlZ2lzdGVyU3ltYm9scyhbYXBDaGVja10pO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICAvLyBTdWJzY3JpYmUgdG8gZm9ybSBjaGFuZ2VzIHRvIHByb3BhZ2F0ZSB0aGVtIHRvIHRoZSBwYXJlbnQgY29tcG9uZW50XG4gICAgICAgIHRoaXMuZm9ybUdyb3VwLnZhbHVlQ2hhbmdlcy5waXBlKHRha2VVbnRpbERlc3Ryb3llZCh0aGlzLmRlc3Ryb3lSZWYpKS5zdWJzY3JpYmUoKHZhbHVlKSA9PiB7XG4gICAgICAgICAgICBpZiAodGhpcy5vbkNoYW5nZSkge1xuICAgICAgICAgICAgICAgIHRoaXMub25DaGFuZ2UodmFsdWUpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgaWYgKHZhbHVlLnBob25lTnVtYmVyICE9PSB0aGlzLnBob25lTnVtYmVyKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5jaGFuZ2VQaG9uZU51bWJlci5lbWl0KHZhbHVlLnBob25lTnVtYmVyID8/ICcnKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGlmICh2YWx1ZS5waG9uZU51bWJlckNvZGUgIT09IHRoaXMucGhvbmVOdW1iZXJDb2RlKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5jaGFuZ2VQaG9uZU51bWJlckNvZGUuZW1pdCh2YWx1ZS5waG9uZU51bWJlckNvZGUgPz8gJycpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICAgIH1cblxuICAgIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgICB9XG5cbiAgICB2YWxpZGF0ZSgpOiBWYWxpZGF0aW9uRXJyb3JzIHwgbnVsbCB7XG4gICAgICAgIHJldHVybiB0aGlzLmZvcm1Hcm91cC52YWxpZCA/IG51bGwgOiB7IHBob25lTnVtYmVyOiAnaW52YWxpZCcsIC4uLnRoaXMuZm9ybUdyb3VwLmVycm9ycyB9O1xuICAgIH1cblxuICAgIHdyaXRlVmFsdWUocGhvbmU6IFBob25lIHwgbnVsbCk6IHZvaWQge1xuICAgICAgICAvLyBBdm9pZCBzZXR0aW5nIGFuIGVtcHR5IHZhbHVlIGZvciB0aGUgcGhvbmUgbnVtYmVyIGNvZGUsIGl0IHNob3VsZCBhbHdheXMgaGF2ZSBhIHZhbHVlXG4gICAgICAgIGlmIChwaG9uZSA9PT0gbnVsbCB8fCAhcGhvbmUucGhvbmVOdW1iZXJDb2RlKSB7XG4gICAgICAgICAgICB0aGlzLmZvcm1Hcm91cC5wYXRjaFZhbHVlKHtwaG9uZU51bWJlcjogcGhvbmU/LnBob25lTnVtYmVyQ29kZSA/PyAnJ30pO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5mb3JtR3JvdXAucGF0Y2hWYWx1ZShwaG9uZSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwaG9uZU51bWJlckNvZGVTZWFyY2hGbih0ZXJtOiBzdHJpbmcsIGl0ZW06IFBob25lTnVtYmVySW5mbyk6IGJvb2xlYW4ge1xuICAgICAgICBjb25zdCB0ZXJtQ2FzZWQgPSB0ZXJtLnRvTG9jYWxlTG93ZXJDYXNlKCk7XG4gICAgICAgIHJldHVybiBpdGVtLmNvdW50cnlOYW1lLnRvTG9jYWxlTG93ZXJDYXNlKCkuaW5kZXhPZih0ZXJtQ2FzZWQpID4gLTEgfHwgaXRlbS5jb3VudHJ5Q29kZS50b0xvY2FsZUxvd2VyQ2FzZSgpLmluZGV4T2YodGVybUNhc2VkKSA+IC0xO1xuICAgIH1cblxuICAgIG1hcmtBc1RvdWNoZWQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZm9ybUdyb3VwLm1hcmtBbGxBc1RvdWNoZWQoKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBGaWx0ZXIgdGhlIHBob25lIG51bWJlciBpbnB1dCB0byBvbmx5IGFsbG93IG51bWJlcnNcbiAgICAgKi9cbiAgICBmaWx0ZXJDaGFycyhldmVudDogSW5wdXRFdmVudCk6IHZvaWQge1xuICAgICAgICBpZiAoZXZlbnQuaW5wdXRUeXBlICE9PSAnaW5zZXJ0VGV4dCcpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICBjb25zdCBpbnB1dENoYXI6IHN0cmluZyB8IG51bGwgPSBldmVudC5kYXRhO1xuICAgICAgICBpZiAoaW5wdXRDaGFyICYmICFOVU1CRVJfT05MWV9QQVRURVJOLnRlc3QoaW5wdXRDaGFyKSkge1xuICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIjxuZy1jb250YWluZXIgW2Zvcm1Hcm91cF09XCJmb3JtR3JvdXBcIj5cbiAgICA8bmctc2VsZWN0XG4gICAgICAgICAgICAjc2VsZWN0XG4gICAgICAgICAgICBhcFNlbGVjdFNpbmdsZVxuICAgICAgICAgICAgZGF0YS10ZXN0PVwic3Vic2NyaXB0aW9uLWJpbGxpbmctaW5mb3MtcGhvbmVOdW1iZXJDb2RlXCJcbiAgICAgICAgICAgIGNsYXNzPVwiYXAtcGhvbmUtbnVtYmVyLWNvZGUtc2VsZWN0IGFwLXNlbGVjdFwiXG4gICAgICAgICAgICBiaW5kTGFiZWw9XCJjb3VudHJ5TmFtZVwiXG4gICAgICAgICAgICBiaW5kVmFsdWU9XCJwaG9uZU51bWJlckNvZGVcIlxuICAgICAgICAgICAgbm90Rm91bmRUZXh0PVwiXCJcbiAgICAgICAgICAgIGZvcm1Db250cm9sTmFtZT1cInBob25lTnVtYmVyQ29kZVwiXG4gICAgICAgICAgICBhcHBlbmRUbz1cImJvZHlcIlxuICAgICAgICAgICAgW2NsZWFyYWJsZV09XCJmYWxzZVwiXG4gICAgICAgICAgICBbaXRlbXNdPVwiY29kZU51bWJlckluZm9zXCJcbiAgICAgICAgICAgIFtzZWFyY2hGbl09XCJwaG9uZU51bWJlckNvZGVTZWFyY2hGblwiXG4gICAgICAgICAgICAoYmx1cik9XCJvblRvdWNoZWQoKVwiPlxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlXG4gICAgICAgICAgICAgICAgbGV0LWl0ZW09XCJpdGVtXCJcbiAgICAgICAgICAgICAgICBuZy1sYWJlbC10bXA+XG4gICAgICAgICAgICAgICAgQGlmIChpdGVtICYmIGl0ZW0uY291bnRyeUNvZGUpIHtcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsYWdcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAoISFmbGFnc0J1Y2tldFVybCkge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg9XCIyNFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodD1cIjE2XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYWx0PVwiZmxhZ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtuZ1NyY109XCJmbGFnc0J1Y2tldFVybCArICcvJyArIGl0ZW0uY291bnRyeUNvZGUudG9VcHBlckNhc2UoKSArICcucG5nJ1wiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj57eyBpdGVtLmNvdW50cnlDb2RlIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlXG4gICAgICAgICAgICAgICAgbGV0LWl0ZW09XCJpdGVtXCJcbiAgICAgICAgICAgICAgICBsZXQtaXRlbSQ9XCJpdGVtJFwiXG4gICAgICAgICAgICAgICAgbmctb3B0aW9uLXRtcD5cbiAgICAgICAgICAgICAgICA8YXAtZHJvcGRvd24taXRlbS1zaW5nbGUtb25lLWxpbmVcbiAgICAgICAgICAgICAgICAgICAgW3RleHRdPVwiaXRlbS5waG9uZU51bWJlckNvZGUgKyAnICcgKyBpdGVtLmNvdW50cnlOYW1lXCJcbiAgICAgICAgICAgICAgICAgICAgW2F2YXRhclVybF09XCJmbGFnc0J1Y2tldFVybCArICcvJyArIGl0ZW0uY291bnRyeUNvZGUudG9VcHBlckNhc2UoKSArICcucG5nJ1wiXG4gICAgICAgICAgICAgICAgICAgIFtzZWxlY3RlZF09XCJpdGVtJC5zZWxlY3RlZFwiXG4gICAgICAgICAgICAgICAgICAgIFtyb3VuZGVkQXZhdGFyXT1cImZhbHNlXCJcbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZVxuICAgICAgICAgICAgICAgIGxldC1zZWFyY2hUZXJtPVwic2VhcmNoVGVybVwiXG4gICAgICAgICAgICAgICAgbmctaGVhZGVyLXRtcD5cbiAgICAgICAgICAgICAgICA8YXAtZHJvcGRvd24tc2VhcmNoLWZvcm1cbiAgICAgICAgICAgICAgICAgIFtzZWFyY2hQbGFjZWhvbGRlcl09XCJzZWFyY2hQbGFjZWhvbGRlclwiXG4gICAgICAgICAgICAgICAgICBbc2VsZWN0XT1cInNlbGVjdFwiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L25nLXNlbGVjdD5cbiAgICA8YXAtaW5wdXQtZ3JvdXAgY2xhc3M9XCJwaG9uZS1udW1iZXItaW5wdXQtZ3JvdXBcIj5cbiAgICAgICAgPGFwLWlucHV0LXByZWZpeD57e2Zvcm1Hcm91cC5jb250cm9scy5waG9uZU51bWJlckNvZGUudmFsdWV9fTwvYXAtaW5wdXQtcHJlZml4PlxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICBhcElucHV0XG4gICAgICAgICAgICAgICAgY2xhc3M9XCJwaG9uZS1maWVsZFwiXG4gICAgICAgICAgICAgICAgZGF0YS10ZXN0PVwic3Vic2NyaXB0aW9uLWJpbGxpbmctaW5mb3MtcGhvbmVOdW1iZXJJbnB1dFwiXG4gICAgICAgICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgICAgICAgIGRhdGEtcmVjdXJseT1cInBob25lXCJcbiAgICAgICAgICAgICAgICBmb3JtQ29udHJvbE5hbWU9XCJwaG9uZU51bWJlclwiXG4gICAgICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgICAgICAgICAgICAgICBbYXR0ci5uYW1lXT1cIm5hbWVcIlxuICAgICAgICAgICAgICAgIChiZWZvcmVpbnB1dCk9XCJmaWx0ZXJDaGFycygkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAoYmx1cik9XCJvblRvdWNoZWQoKVwiXG4gICAgICAgIC8+XG4gICAgPC9hcC1pbnB1dC1ncm91cD5cbjwvbmctY29udGFpbmVyPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGhvbmUtbnVtYmVyLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9waG9uZS1udW1iZXItaW5wdXQvc3JjL3Bob25lLW51bWJlci1pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvcGhvbmUtbnVtYmVyLWlucHV0L3NyYy9waG9uZS1udW1iZXItaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEseURBQXlEO0FBQ3pELE9BQU8sRUFBQyxTQUFTLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDaEksT0FBTyxFQUVILFdBQVcsRUFDWCxTQUFTLEVBQ1QsV0FBVyxFQUNYLGFBQWEsRUFDYixpQkFBaUIsRUFDakIsbUJBQW1CLEVBR25CLFVBQVUsR0FDYixNQUFNLGdCQUFnQixDQUFDO0FBQ3hCLE9BQU8sRUFBQyxZQUFZLEVBQUUsZ0JBQWdCLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUMvRCxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0sc0JBQXNCLENBQUM7QUFDcEQsT0FBTyxFQUFDLG1CQUFtQixFQUFFLG9CQUFvQixFQUFDLE1BQU0sdUNBQXVDLENBQUM7QUFDaEcsT0FBTyxFQUFDLGtDQUFrQyxFQUFFLDJCQUEyQixFQUFFLG1CQUFtQixFQUFDLE1BQU0sa0NBQWtDLENBQUM7QUFDdEksT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLGlDQUFpQyxDQUFDO0FBQy9ELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxPQUFPLEVBQWtCLE1BQU0sdUJBQXVCLENBQUM7Ozs7O0FBYWhFLE1BQU0sbUJBQW1CLEdBQUcs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LE9BQU8sRUFBRSxhQUFhOzRCQUN0QixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSwwQkFBMEIsQ0FBQzs0QkFDeEQsS0FBSyxFQUFFLElBQUk7eUJBQ2Q7cUJBQ0osaUJBQ2MsaUJBQWlCLENBQUMsSUFBSTttRkFLeEIsbUJBQW1CO3NCQUEvQixLQUFLO2dCQU9xQixjQUFjO3NCQUF4QyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFDTSxnQkFBZ0I7c0JBQTlDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQVVFLElBQUk7c0JBQTlCLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNFLFdBQVc7c0JBQXJDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNFLGlCQUFpQjtzQkFBM0MsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ1osV0FBVztzQkFBdkIsS0FBSztnQkFHTyxlQUFlO3NCQUEzQixLQUFLO2dCQUdPLGtCQUFrQjtzQkFBOUIsS0FBSztnQkFPSSxpQkFBaUI7c0JBQTFCLE1BQU07Z0JBQ0cscUJBQXFCO3NCQUE5QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWVtcHR5LWZ1bmN0aW9uICovXG5pbXBvcnQge0NvbXBvbmVudCwgRGVzdHJveVJlZiwgRXZlbnRFbWl0dGVyLCBmb3J3YXJkUmVmLCBpbmplY3QsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBDb250cm9sVmFsdWVBY2Nlc3NvcixcbiAgICBGb3JtQ29udHJvbCxcbiAgICBGb3JtR3JvdXAsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgTkdfVkFMSURBVE9SUyxcbiAgICBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIFZhbGlkYXRpb25FcnJvcnMsXG4gICAgVmFsaWRhdG9yLFxuICAgIFZhbGlkYXRvcnMsXG59IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7Q29tbW9uTW9kdWxlLCBOZ09wdGltaXplZEltYWdlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtOZ1NlbGVjdE1vZHVsZX0gZnJvbSAnQG5nLXNlbGVjdC9uZy1zZWxlY3QnO1xuaW1wb3J0IHtJbnB1dEdyb3VwQ29tcG9uZW50LCBJbnB1dFByZWZpeENvbXBvbmVudH0gZnJvbSBcIkBhZ29yYXB1bHNlL3VpLWNvbXBvbmVudHMvaW5wdXQtZ3JvdXBcIjtcbmltcG9ydCB7RHJvcGRvd25JdGVtU2luZ2xlT25lTGluZUNvbXBvbmVudCwgRHJvcGRvd25TZWFyY2hGb3JtQ29tcG9uZW50LCBTZWxlY3RCYXNlRGlyZWN0aXZlfSBmcm9tIFwiQGFnb3JhcHVsc2UvdWktY29tcG9uZW50cy9zZWxlY3RcIjtcbmltcG9ydCB7SW5wdXREaXJlY3RpdmV9IGZyb20gXCJAYWdvcmFwdWxzZS91aS1jb21wb25lbnRzL2lucHV0XCI7XG5pbXBvcnQgeyB0YWtlVW50aWxEZXN0cm95ZWQgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5pbXBvcnQgeyBhcENoZWNrLCBTeW1ib2xSZWdpc3RyeSB9IGZyb20gJ0BhZ29yYXB1bHNlL3VpLXN5bWJvbCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUGhvbmVOdW1iZXJJbmZvIHtcbiAgICBjb3VudHJ5Q29kZTogc3RyaW5nO1xuICAgIGNvdW50cnlOYW1lOiBzdHJpbmc7XG4gICAgcGhvbmVOdW1iZXJDb2RlOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgUGhvbmUge1xuICAgIHBob25lTnVtYmVyOiBzdHJpbmc7XG4gICAgcGhvbmVOdW1iZXJDb2RlOiBzdHJpbmc7XG59XG5cbmNvbnN0IE5VTUJFUl9PTkxZX1BBVFRFUk4gPSAvWzAtOV0vO1xuXG5jb25zdCBERUZBVUxUX0NPVU5UUllfQ09ERSA9ICdVUyc7XG5jb25zdCBERUZBVUxUX1BIT05FX05VTUJFUl9DT0RFID0gJysxJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdhcC1waG9uZS1udW1iZXItaW5wdXQnLFxuICAgIHRlbXBsYXRlVXJsOiAncGhvbmUtbnVtYmVyLWlucHV0LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsncGhvbmUtbnVtYmVyLWlucHV0LmNvbXBvbmVudC5zY3NzJ10sXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgRm9ybXNNb2R1bGUsXG4gICAgICAgIE5nU2VsZWN0TW9kdWxlLFxuICAgICAgICBJbnB1dEdyb3VwQ29tcG9uZW50LFxuICAgICAgICBTZWxlY3RCYXNlRGlyZWN0aXZlLFxuICAgICAgICBJbnB1dERpcmVjdGl2ZSxcbiAgICAgICAgSW5wdXRQcmVmaXhDb21wb25lbnQsXG4gICAgICAgIERyb3Bkb3duSXRlbVNpbmdsZU9uZUxpbmVDb21wb25lbnQsXG4gICAgICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgICAgIE5nT3B0aW1pemVkSW1hZ2UsXG4gICAgICAgIERyb3Bkb3duU2VhcmNoRm9ybUNvbXBvbmVudFxuICAgIF0sXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gUGhvbmVOdW1iZXJJbnB1dENvbXBvbmVudCksXG4gICAgICAgICAgICBtdWx0aTogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogTkdfVkFMSURBVE9SUyxcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFBob25lTnVtYmVySW5wdXRDb21wb25lbnQpLFxuICAgICAgICAgICAgbXVsdGk6IHRydWUsXG4gICAgICAgIH0sXG4gICAgXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBQaG9uZU51bWJlcklucHV0Q29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3IsIFZhbGlkYXRvciwgT25Jbml0IHtcbiAgICBwcml2YXRlIHJlYWRvbmx5IGRlc3Ryb3lSZWYgPSBpbmplY3QoRGVzdHJveVJlZik7XG5cbiAgICBASW5wdXQoKSBzZXQgZXJyb3JzRGlzcGxheUZvcmNlZChlcnJvcnNEaXNwbGF5Rm9yY2VkOiBib29sZWFuKSB7XG4gICAgICAgIGlmIChlcnJvcnNEaXNwbGF5Rm9yY2VkKSB7XG4gICAgICAgICAgICB0aGlzLmZvcm1Hcm91cC5tYXJrQWxsQXNUb3VjaGVkKCk7XG4gICAgICAgICAgICBPYmplY3QudmFsdWVzKHRoaXMuZm9ybUdyb3VwLmNvbnRyb2xzKS5mb3JFYWNoKChjb250cm9sKSA9PiBjb250cm9sLm1hcmtBc0RpcnR5KCkpO1xuICAgICAgICAgICAgdGhpcy5mb3JtR3JvdXAudXBkYXRlVmFsdWVBbmRWYWxpZGl0eSgpO1xuICAgICAgICB9XG4gICAgfVxuICAgIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIGZsYWdzQnVja2V0VXJsITogc3RyaW5nO1xuICAgIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIHNldCBwaG9uZU51bWJlckluZm9zKHBob25lTnVtYmVySW5mb3M6IFBob25lTnVtYmVySW5mb1tdKSB7XG4gICAgICAgIHRoaXMuY29kZU51bWJlckluZm9zID0gcGhvbmVOdW1iZXJJbmZvcyA/PyBbXTtcbiAgICAgICAgdGhpcy5jb3VudHJ5Q29kZU1hcHBlZFBob25lTnVtYmVySW5mb3MgPSBwaG9uZU51bWJlckluZm9zLnJlZHVjZSgoYWNjLCBwaG9uZU51bWJlckluZm8pID0+IHtcbiAgICAgICAgICAgIGFjY1twaG9uZU51bWJlckluZm8uY291bnRyeUNvZGUgYXMgc3RyaW5nXSA9IHBob25lTnVtYmVySW5mbztcbiAgICAgICAgICAgIHJldHVybiBhY2M7XG4gICAgICAgIH0sIHt9IGFzIFJlY29yZDxzdHJpbmcsIFBob25lTnVtYmVySW5mbz4pO1xuICAgIH1cbiAgICBjb2RlTnVtYmVySW5mb3M6IFBob25lTnVtYmVySW5mb1tdID0gW107XG4gICAgY291bnRyeUNvZGVNYXBwZWRQaG9uZU51bWJlckluZm9zOiBSZWNvcmQ8c3RyaW5nLCBQaG9uZU51bWJlckluZm8+ID0ge307XG5cbiAgICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBuYW1lITogc3RyaW5nO1xuICAgIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIHBsYWNlaG9sZGVyITogc3RyaW5nO1xuICAgIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIHNlYXJjaFBsYWNlaG9sZGVyITogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHNldCBwaG9uZU51bWJlcihwaG9uZU51bWJlcjogc3RyaW5nKSB7XG4gICAgICAgIHRoaXMuZm9ybUdyb3VwLmNvbnRyb2xzLnBob25lTnVtYmVyLnNldFZhbHVlKHBob25lTnVtYmVyKTtcbiAgICB9XG4gICAgQElucHV0KCkgc2V0IHBob25lTnVtYmVyQ29kZShwaG9uZU51bWJlckNvZGU6IHN0cmluZykge1xuICAgICAgICB0aGlzLmZvcm1Hcm91cC5jb250cm9scy5jb3VudHJ5Q29kZS5zZXRWYWx1ZShwaG9uZU51bWJlckNvZGUpO1xuICAgIH1cbiAgICBASW5wdXQoKSBzZXQgaW5pdGlhbENvdW50cnlDb2RlKGluaXRpYWxDb3VudHJ5Q29kZTogc3RyaW5nKSB7XG4gICAgICAgIGNvbnN0IGZpcnN0VmFsdWUgPSB0aGlzLmZpbmRQaG9uZU51bWJlckluZm9CeUNvdW50cnlDb2RlKGluaXRpYWxDb3VudHJ5Q29kZSk/LmNvdW50cnlDb2RlO1xuICAgICAgICBpZiAoZmlyc3RWYWx1ZSkge1xuICAgICAgICAgICAgdGhpcy5mb3JtR3JvdXAucGF0Y2hWYWx1ZSh7IGNvdW50cnlDb2RlOiBmaXJzdFZhbHVlIH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQE91dHB1dCgpIGNoYW5nZVBob25lTnVtYmVyOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICAgIEBPdXRwdXQoKSBjaGFuZ2VQaG9uZU51bWJlckNvZGU6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgICBmb3JtR3JvdXAgPSBuZXcgRm9ybUdyb3VwKHtcbiAgICAgICAgY291bnRyeUNvZGU6IG5ldyBGb3JtQ29udHJvbDxzdHJpbmc+KERFRkFVTFRfQ09VTlRSWV9DT0RFLCBbVmFsaWRhdG9ycy5yZXF1aXJlZF0pLFxuICAgICAgICBwaG9uZU51bWJlcjogbmV3IEZvcm1Db250cm9sPHN0cmluZz4oJycsIFtWYWxpZGF0b3JzLnJlcXVpcmVkXSksXG4gICAgfSk7XG5cbiAgICBwdWJsaWMgb25Ub3VjaGVkOiBhbnkgPSAoKSA9PiB7fTtcbiAgICBwdWJsaWMgb25DaGFuZ2U6IGFueSA9ICgpID0+IHt9O1xuXG4gICAgY29uc3RydWN0b3Ioc3ltYm9sUmVnaXN0cnk6IFN5bWJvbFJlZ2lzdHJ5KSB7XG4gICAgICAgIHN5bWJvbFJlZ2lzdHJ5LnJlZ2lzdGVyU3ltYm9scyhbYXBDaGVja10pO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICAvLyBTdWJzY3JpYmUgdG8gZm9ybSBjaGFuZ2VzIHRvIHByb3BhZ2F0ZSB0aGVtIHRvIHRoZSBwYXJlbnQgY29tcG9uZW50XG4gICAgICAgIHRoaXMuZm9ybUdyb3VwLnZhbHVlQ2hhbmdlcy5waXBlKHRha2VVbnRpbERlc3Ryb3llZCh0aGlzLmRlc3Ryb3lSZWYpKS5zdWJzY3JpYmUoKHZhbHVlKSA9PiB7XG4gICAgICAgICAgICBsZXQgcGhvbmVOdW1iZXJDb2RlID0gREVGQVVMVF9QSE9ORV9OVU1CRVJfQ09ERTtcbiAgICAgICAgICAgIGlmICh2YWx1ZS5jb3VudHJ5Q29kZSkge1xuICAgICAgICAgICAgICAgIGNvbnN0IHBob25lTnVtYmVySW5mbyA9IHRoaXMuZmluZFBob25lTnVtYmVySW5mb0J5Q291bnRyeUNvZGUodmFsdWUuY291bnRyeUNvZGUpO1xuICAgICAgICAgICAgICAgIGlmIChwaG9uZU51bWJlckluZm8pIHtcbiAgICAgICAgICAgICAgICAgICAgcGhvbmVOdW1iZXJDb2RlID0gcGhvbmVOdW1iZXJJbmZvLnBob25lTnVtYmVyQ29kZTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpZiAodGhpcy5vbkNoYW5nZSAmJiBwaG9uZU51bWJlckNvZGUpIHtcbiAgICAgICAgICAgICAgICB0aGlzLm9uQ2hhbmdlKHtcbiAgICAgICAgICAgICAgICAgICAgcGhvbmVOdW1iZXI6IHZhbHVlLnBob25lTnVtYmVyLFxuICAgICAgICAgICAgICAgICAgICBwaG9uZU51bWJlckNvZGUsXG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpZiAodmFsdWUucGhvbmVOdW1iZXIgIT09IHRoaXMucGhvbmVOdW1iZXIpIHtcbiAgICAgICAgICAgICAgICB0aGlzLmNoYW5nZVBob25lTnVtYmVyLmVtaXQodmFsdWUucGhvbmVOdW1iZXIgPz8gJycpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgaWYgKHBob25lTnVtYmVyQ29kZSAhPT0gdGhpcy5waG9uZU51bWJlckNvZGUpIHtcbiAgICAgICAgICAgICAgICB0aGlzLmNoYW5nZVBob25lTnVtYmVyQ29kZS5lbWl0KHBob25lTnVtYmVyQ29kZSA/PyAnJyk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgICAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gICAgfVxuXG4gICAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xuICAgICAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICAgIH1cblxuICAgIHZhbGlkYXRlKCk6IFZhbGlkYXRpb25FcnJvcnMgfCBudWxsIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZm9ybUdyb3VwLnZhbGlkID8gbnVsbCA6IHsgcGhvbmVOdW1iZXI6ICdpbnZhbGlkJywgLi4udGhpcy5mb3JtR3JvdXAuZXJyb3JzIH07XG4gICAgfVxuXG4gICAgd3JpdGVWYWx1ZShwaG9uZTogUGhvbmUgfCBudWxsKTogdm9pZCB7XG4gICAgICAgIC8vIEF2b2lkIHNldHRpbmcgYW4gZW1wdHkgdmFsdWUgZm9yIHRoZSBwaG9uZSBudW1iZXIgY29kZSwgaXQgc2hvdWxkIGFsd2F5cyBoYXZlIGEgdmFsdWVcbiAgICAgICAgaWYgKHBob25lID09PSBudWxsIHx8ICFwaG9uZS5waG9uZU51bWJlckNvZGUpIHtcbiAgICAgICAgICAgIHRoaXMuZm9ybUdyb3VwLnBhdGNoVmFsdWUoe3Bob25lTnVtYmVyOiBwaG9uZT8ucGhvbmVOdW1iZXJDb2RlID8/ICcnfSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLmZvcm1Hcm91cC5wYXRjaFZhbHVlKHBob25lKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHBob25lTnVtYmVyQ29kZVNlYXJjaEZuKHRlcm06IHN0cmluZywgaXRlbTogUGhvbmVOdW1iZXJJbmZvKTogYm9vbGVhbiB7XG4gICAgICAgIGNvbnN0IHRlcm1DYXNlZCA9IHRlcm0udG9Mb2NhbGVMb3dlckNhc2UoKTtcbiAgICAgICAgcmV0dXJuIGl0ZW0uY291bnRyeU5hbWUudG9Mb2NhbGVMb3dlckNhc2UoKS5pbmRleE9mKHRlcm1DYXNlZCkgPiAtMSB8fCBpdGVtLmNvdW50cnlDb2RlLnRvTG9jYWxlTG93ZXJDYXNlKCkuaW5kZXhPZih0ZXJtQ2FzZWQpID4gLTE7XG4gICAgfVxuXG4gICAgbWFya0FzVG91Y2hlZCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5mb3JtR3JvdXAubWFya0FsbEFzVG91Y2hlZCgpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEZpbHRlciB0aGUgcGhvbmUgbnVtYmVyIGlucHV0IHRvIG9ubHkgYWxsb3cgbnVtYmVyc1xuICAgICAqL1xuICAgIGZpbHRlckNoYXJzKGV2ZW50OiBJbnB1dEV2ZW50KTogdm9pZCB7XG4gICAgICAgIGlmIChldmVudC5pbnB1dFR5cGUgIT09ICdpbnNlcnRUZXh0Jykge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IGlucHV0Q2hhcjogc3RyaW5nIHwgbnVsbCA9IGV2ZW50LmRhdGE7XG4gICAgICAgIGlmIChpbnB1dENoYXIgJiYgIU5VTUJFUl9PTkxZX1BBVFRFUk4udGVzdChpbnB1dENoYXIpKSB7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBmaW5kUGhvbmVOdW1iZXJJbmZvQnlDb3VudHJ5Q29kZShjb3VudHJ5Q29kZTogc3RyaW5nKTogUGhvbmVOdW1iZXJJbmZvIHwgdW5kZWZpbmVkIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuY29kZU51bWJlckluZm9zLmZpbmQoKGNvZGVJbmZvKSA9PiBjb2RlSW5mby5jb3VudHJ5Q29kZSA9PT0gY291bnRyeUNvZGUpO1xuICAgIH1cbn1cbiIsIjxuZy1jb250YWluZXIgW2Zvcm1Hcm91cF09XCJmb3JtR3JvdXBcIj5cbiAgICA8bmctc2VsZWN0XG4gICAgICAgICAgICAjc2VsZWN0XG4gICAgICAgICAgICBhcFNlbGVjdFNpbmdsZVxuICAgICAgICAgICAgZGF0YS10ZXN0PVwic3Vic2NyaXB0aW9uLWJpbGxpbmctaW5mb3MtcGhvbmVOdW1iZXJDb2RlXCJcbiAgICAgICAgICAgIGNsYXNzPVwiYXAtcGhvbmUtbnVtYmVyLWNvZGUtc2VsZWN0IGFwLXNlbGVjdFwiXG4gICAgICAgICAgICBiaW5kTGFiZWw9XCJjb3VudHJ5TmFtZVwiXG4gICAgICAgICAgICBiaW5kVmFsdWU9XCJjb3VudHJ5Q29kZVwiXG4gICAgICAgICAgICBub3RGb3VuZFRleHQ9XCJcIlxuICAgICAgICAgICAgZm9ybUNvbnRyb2xOYW1lPVwiY291bnRyeUNvZGVcIlxuICAgICAgICAgICAgYXBwZW5kVG89XCJib2R5XCJcbiAgICAgICAgICAgIFtjbGVhcmFibGVdPVwiZmFsc2VcIlxuICAgICAgICAgICAgW2l0ZW1zXT1cImNvZGVOdW1iZXJJbmZvc1wiXG4gICAgICAgICAgICBbc2VhcmNoRm5dPVwicGhvbmVOdW1iZXJDb2RlU2VhcmNoRm5cIlxuICAgICAgICAgICAgKGJsdXIpPVwib25Ub3VjaGVkKClcIj5cbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZVxuICAgICAgICAgICAgICAgIGxldC1pdGVtPVwiaXRlbVwiXG4gICAgICAgICAgICAgICAgbmctbGFiZWwtdG1wPlxuICAgICAgICAgICAgICAgIEBpZiAoaXRlbSAmJiBpdGVtLmNvdW50cnlDb2RlKSB7XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGFnXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICBAaWYgKCEhZmxhZ3NCdWNrZXRVcmwpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoPVwiMjRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ9XCIxNlwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFsdD1cImZsYWdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbmdTcmNdPVwiZmxhZ3NCdWNrZXRVcmwgKyAnLycgKyBpdGVtLmNvdW50cnlDb2RlLnRvVXBwZXJDYXNlKCkgKyAnLnBuZydcIiAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+e3sgaXRlbS5jb3VudHJ5Q29kZSB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZVxuICAgICAgICAgICAgICAgIGxldC1pdGVtPVwiaXRlbVwiXG4gICAgICAgICAgICAgICAgbGV0LWl0ZW0kPVwiaXRlbSRcIlxuICAgICAgICAgICAgICAgIG5nLW9wdGlvbi10bXA+XG4gICAgICAgICAgICAgICAgPGFwLWRyb3Bkb3duLWl0ZW0tc2luZ2xlLW9uZS1saW5lXG4gICAgICAgICAgICAgICAgICAgIFt0ZXh0XT1cIml0ZW0ucGhvbmVOdW1iZXJDb2RlICsgJyAnICsgaXRlbS5jb3VudHJ5TmFtZVwiXG4gICAgICAgICAgICAgICAgICAgIFthdmF0YXJVcmxdPVwiZmxhZ3NCdWNrZXRVcmwgKyAnLycgKyBpdGVtLmNvdW50cnlDb2RlLnRvVXBwZXJDYXNlKCkgKyAnLnBuZydcIlxuICAgICAgICAgICAgICAgICAgICBbc2VsZWN0ZWRdPVwiaXRlbSQuc2VsZWN0ZWRcIlxuICAgICAgICAgICAgICAgICAgICBbcm91bmRlZEF2YXRhcl09XCJmYWxzZVwiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICA8bmctdGVtcGxhdGVcbiAgICAgICAgICAgICAgICBsZXQtc2VhcmNoVGVybT1cInNlYXJjaFRlcm1cIlxuICAgICAgICAgICAgICAgIG5nLWhlYWRlci10bXA+XG4gICAgICAgICAgICAgICAgPGFwLWRyb3Bkb3duLXNlYXJjaC1mb3JtXG4gICAgICAgICAgICAgICAgICBbc2VhcmNoUGxhY2Vob2xkZXJdPVwic2VhcmNoUGxhY2Vob2xkZXJcIlxuICAgICAgICAgICAgICAgICAgW3NlbGVjdF09XCJzZWxlY3RcIlxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC9uZy1zZWxlY3Q+XG4gICAgPGFwLWlucHV0LWdyb3VwIGNsYXNzPVwicGhvbmUtbnVtYmVyLWlucHV0LWdyb3VwXCI+XG4gICAgICAgIEBpZiAoZm9ybUdyb3VwLmNvbnRyb2xzLmNvdW50cnlDb2RlLnZhbHVlICYmIGNvdW50cnlDb2RlTWFwcGVkUGhvbmVOdW1iZXJJbmZvcykge1xuICAgICAgICAgICAgPGFwLWlucHV0LXByZWZpeD57e2NvdW50cnlDb2RlTWFwcGVkUGhvbmVOdW1iZXJJbmZvc1tmb3JtR3JvdXAuY29udHJvbHMuY291bnRyeUNvZGUudmFsdWVdPy5waG9uZU51bWJlckNvZGV9fTwvYXAtaW5wdXQtcHJlZml4PlxuICAgICAgICB9XG4gICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgIGFwSW5wdXRcbiAgICAgICAgICAgICAgICBjbGFzcz1cInBob25lLWZpZWxkXCJcbiAgICAgICAgICAgICAgICBkYXRhLXRlc3Q9XCJzdWJzY3JpcHRpb24tYmlsbGluZy1pbmZvcy1waG9uZU51bWJlcklucHV0XCJcbiAgICAgICAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgZGF0YS1yZWN1cmx5PVwicGhvbmVcIlxuICAgICAgICAgICAgICAgIGZvcm1Db250cm9sTmFtZT1cInBob25lTnVtYmVyXCJcbiAgICAgICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgICAgICAgICAgICAgIFthdHRyLm5hbWVdPVwibmFtZVwiXG4gICAgICAgICAgICAgICAgKGJlZm9yZWlucHV0KT1cImZpbHRlckNoYXJzKCRldmVudClcIlxuICAgICAgICAgICAgICAgIChibHVyKT1cIm9uVG91Y2hlZCgpXCJcbiAgICAgICAgLz5cbiAgICA8L2FwLWlucHV0LWdyb3VwPlxuPC9uZy1jb250YWluZXI+XG4iXX0=

package/fesm2022/agorapulse-ui-components-phone-number-input.mjs

@@ -14,6 +14,8 @@ import { apCheck } from '@agorapulse/ui-symbol';
 
 /* eslint-disable @typescript-eslint/no-empty-function */
 const NUMBER_ONLY_PATTERN = /[0-9]/;
+const DEFAULT_COUNTRY_CODE = 'US';
+const DEFAULT_PHONE_NUMBER_CODE = '+1';
 class PhoneNumberInputComponent {
     destroyRef = inject(DestroyRef);
     set errorsDisplayForced(errorsDisplayForced) {
@@ -26,20 +28,13 @@ class PhoneNumberInputComponent {
     flagsBucketUrl;
     set phoneNumberInfos(phoneNumberInfos) {
         this.codeNumberInfos = phoneNumberInfos ?? [];
-        if (phoneNumberInfos.length > 0) {
-            // DS Behavior: select by default the first phone number code
-            const defaultValue = phoneNumberInfos[0].phoneNumberCode;
-            this.formGroup.controls.phoneNumberCode.setValue(defaultValue);
-            this.phoneNumberCode = defaultValue;
-        }
-    }
-    set initialCountryCode(initialCountryCode) {
-        const firstValue = this.codeNumberInfos.find((codeInfo) => codeInfo.countryCode === initialCountryCode)?.phoneNumberCode;
-        if (firstValue) {
-            this.formGroup.patchValue({ phoneNumberCode: firstValue });
-        }
+        this.countryCodeMappedPhoneNumberInfos = phoneNumberInfos.reduce((acc, phoneNumberInfo) => {
+            acc[phoneNumberInfo.countryCode] = phoneNumberInfo;
+            return acc;
+        }, {});
     }
     codeNumberInfos = [];
+    countryCodeMappedPhoneNumberInfos = {};
     name;
     placeholder;
     searchPlaceholder;
@@ -47,12 +42,18 @@ class PhoneNumberInputComponent {
         this.formGroup.controls.phoneNumber.setValue(phoneNumber);
     }
     set phoneNumberCode(phoneNumberCode) {
-        this.formGroup.controls.phoneNumberCode.setValue(phoneNumberCode);
+        this.formGroup.controls.countryCode.setValue(phoneNumberCode);
+    }
+    set initialCountryCode(initialCountryCode) {
+        const firstValue = this.findPhoneNumberInfoByCountryCode(initialCountryCode)?.countryCode;
+        if (firstValue) {
+            this.formGroup.patchValue({ countryCode: firstValue });
+        }
     }
     changePhoneNumber = new EventEmitter();
     changePhoneNumberCode = new EventEmitter();
     formGroup = new FormGroup({
-        phoneNumberCode: new FormControl('', [Validators.required]),
+        countryCode: new FormControl(DEFAULT_COUNTRY_CODE, [Validators.required]),
         phoneNumber: new FormControl('', [Validators.required]),
     });
     onTouched = () => { };
@@ -63,14 +64,24 @@ class PhoneNumberInputComponent {
     ngOnInit() {
         // Subscribe to form changes to propagate them to the parent component
         this.formGroup.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((value) => {
-            if (this.onChange) {
-                this.onChange(value);
+            let phoneNumberCode = DEFAULT_PHONE_NUMBER_CODE;
+            if (value.countryCode) {
+                const phoneNumberInfo = this.findPhoneNumberInfoByCountryCode(value.countryCode);
+                if (phoneNumberInfo) {
+                    phoneNumberCode = phoneNumberInfo.phoneNumberCode;
+                }
+            }
+            if (this.onChange && phoneNumberCode) {
+                this.onChange({
+                    phoneNumber: value.phoneNumber,
+                    phoneNumberCode,
+                });
             }
             if (value.phoneNumber !== this.phoneNumber) {
                 this.changePhoneNumber.emit(value.phoneNumber ?? '');
             }
-            if (value.phoneNumberCode !== this.phoneNumberCode) {
-                this.changePhoneNumberCode.emit(value.phoneNumberCode ?? '');
+            if (phoneNumberCode !== this.phoneNumberCode) {
+                this.changePhoneNumberCode.emit(phoneNumberCode ?? '');
             }
         });
     }
@@ -111,8 +122,11 @@ class PhoneNumberInputComponent {
             event.preventDefault();
         }
     }
+    findPhoneNumberInfoByCountryCode(countryCode) {
+        return this.codeNumberInfos.find((codeInfo) => codeInfo.countryCode === countryCode);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PhoneNumberInputComponent, deps: [{ token: i1.SymbolRegistry }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.3", type: PhoneNumberInputComponent, isStandalone: true, selector: "ap-phone-number-input", inputs: { errorsDisplayForced: "errorsDisplayForced", flagsBucketUrl: "flagsBucketUrl", phoneNumberInfos: "phoneNumberInfos", initialCountryCode: "initialCountryCode", name: "name", placeholder: "placeholder", searchPlaceholder: "searchPlaceholder", phoneNumber: "phoneNumber", phoneNumberCode: "phoneNumberCode" }, outputs: { changePhoneNumber: "changePhoneNumber", changePhoneNumberCode: "changePhoneNumberCode" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.3", type: PhoneNumberInputComponent, isStandalone: true, selector: "ap-phone-number-input", inputs: { errorsDisplayForced: "errorsDisplayForced", flagsBucketUrl: "flagsBucketUrl", phoneNumberInfos: "phoneNumberInfos", name: "name", placeholder: "placeholder", searchPlaceholder: "searchPlaceholder", phoneNumber: "phoneNumber", phoneNumberCode: "phoneNumberCode", initialCountryCode: "initialCountryCode" }, outputs: { changePhoneNumber: "changePhoneNumber", changePhoneNumberCode: "changePhoneNumberCode" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => PhoneNumberInputComponent),
@@ -123,7 +137,7 @@ class PhoneNumberInputComponent {
                 useExisting: forwardRef(() => PhoneNumberInputComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<ng-container [formGroup]=\"formGroup\">\n    <ng-select\n            #select\n            apSelectSingle\n            data-test=\"subscription-billing-infos-phoneNumberCode\"\n            class=\"ap-phone-number-code-select ap-select\"\n            bindLabel=\"countryName\"\n            bindValue=\"phoneNumberCode\"\n            notFoundText=\"\"\n            formControlName=\"phoneNumberCode\"\n            appendTo=\"body\"\n            [clearable]=\"false\"\n            [items]=\"codeNumberInfos\"\n            [searchFn]=\"phoneNumberCodeSearchFn\"\n            (blur)=\"onTouched()\">\n            <ng-template\n                let-item=\"item\"\n                ng-label-tmp>\n                @if (item && item.countryCode) {\n                    <div class=\"flag\">\n                        @if (!!flagsBucketUrl) {\n                            <img\n                                width=\"24\"\n                                height=\"16\"\n                                alt=\"flag\"\n                                [ngSrc]=\"flagsBucketUrl + '/' + item.countryCode.toUpperCase() + '.png'\" />\n                        } @else {\n                            <span>{{ item.countryCode }}</span>\n                        }\n                    </div>\n                }\n            </ng-template>\n            <ng-template\n                let-item=\"item\"\n                let-item$=\"item$\"\n                ng-option-tmp>\n                <ap-dropdown-item-single-one-line\n                    [text]=\"item.phoneNumberCode + ' ' + item.countryName\"\n                    [avatarUrl]=\"flagsBucketUrl + '/' + item.countryCode.toUpperCase() + '.png'\"\n                    [selected]=\"item$.selected\"\n                    [roundedAvatar]=\"false\"\n                />\n            </ng-template>\n            <ng-template\n                let-searchTerm=\"searchTerm\"\n                ng-header-tmp>\n                <ap-dropdown-search-form\n                  [searchPlaceholder]=\"searchPlaceholder\"\n                  [select]=\"select\"\n                />\n              </ng-template>\n    </ng-select>\n    <ap-input-group class=\"phone-number-input-group\">\n        <ap-input-prefix>{{formGroup.controls.phoneNumberCode.value}}</ap-input-prefix>\n        <input\n                apInput\n                class=\"phone-field\"\n                data-test=\"subscription-billing-infos-phoneNumberInput\"\n                type=\"text\"\n                data-recurly=\"phone\"\n                formControlName=\"phoneNumber\"\n                [placeholder]=\"placeholder\"\n                [attr.name]=\"name\"\n                (beforeinput)=\"filterChars($event)\"\n                (blur)=\"onTouched()\"\n        />\n    </ap-input-group>\n</ng-container>\n", styles: ["ng-dropdown-panel.ap-phone-number-code-select{width:auto!important;min-width:310px!important;max-width:310px}ng-dropdown-panel.ap-phone-number-code-select ap-dropdown-item-single-one-line .option{display:flex;flex-direction:row;align-items:center}ng-dropdown-panel.ap-phone-number-code-select ap-dropdown-item-single-one-line ap-avatar{border:0;max-height:16px;min-height:16px;height:initial;box-shadow:unset;overflow:hidden;background:none}ap-phone-number-input{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--ref-spacing-xxs)}ap-phone-number-input .ap-phone-number-code-select{flex:0 0 70px;width:70px}ap-phone-number-input .ap-phone-number-code-select .flag{display:flex;flex-direction:row;align-items:center;justify-content:center;overflow:hidden}ap-phone-number-input .ap-phone-number-code-select .flag img{max-height:16px;max-width:24px;object-fit:cover;border-radius:4px;object-position:center center}ap-phone-number-input .ap-phone-number-code-select .ng-input{padding:2px var(--ref-spacing-sm)}ap-phone-number-input .ap-phone-number-code-select .ng-input input{display:none}ap-phone-number-input .phone-number-input-group{flex:1 0 auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i3.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i3.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i3.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i3.NgHeaderTemplateDirective, selector: "[ng-header-tmp]" }, { kind: "component", type: InputGroupComponent, selector: "ap-input-group", inputs: ["symbolPosition"] }, { kind: "directive", type: InputDirective, selector: "[apInput]" }, { kind: "component", type: InputPrefixComponent, selector: "ap-input-prefix" }, { kind: "component", type: DropdownItemSingleOneLineComponent, selector: "ap-dropdown-item-single-one-line", inputs: ["text", "selected", "disabled", "avatarUrl", "showAvatarInitials", "symbolId", "disabledTooltip", "badgeText", "dividerEnabled", "network", "roundedAvatar", "isFeatureLocked"], outputs: ["lockedFeatureClicked"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: DropdownSearchFormComponent, selector: "ap-dropdown-search-form", inputs: ["searchPlaceholder", "createNewEnabled", "createText", "select"], outputs: ["createNew"] }], encapsulation: i0.ViewEncapsulation.None });
+        ], ngImport: i0, template: "<ng-container [formGroup]=\"formGroup\">\n    <ng-select\n            #select\n            apSelectSingle\n            data-test=\"subscription-billing-infos-phoneNumberCode\"\n            class=\"ap-phone-number-code-select ap-select\"\n            bindLabel=\"countryName\"\n            bindValue=\"countryCode\"\n            notFoundText=\"\"\n            formControlName=\"countryCode\"\n            appendTo=\"body\"\n            [clearable]=\"false\"\n            [items]=\"codeNumberInfos\"\n            [searchFn]=\"phoneNumberCodeSearchFn\"\n            (blur)=\"onTouched()\">\n            <ng-template\n                let-item=\"item\"\n                ng-label-tmp>\n                @if (item && item.countryCode) {\n                    <div class=\"flag\">\n                        @if (!!flagsBucketUrl) {\n                            <img\n                                width=\"24\"\n                                height=\"16\"\n                                alt=\"flag\"\n                                [ngSrc]=\"flagsBucketUrl + '/' + item.countryCode.toUpperCase() + '.png'\" />\n                        } @else {\n                            <span>{{ item.countryCode }}</span>\n                        }\n                    </div>\n                }\n            </ng-template>\n            <ng-template\n                let-item=\"item\"\n                let-item$=\"item$\"\n                ng-option-tmp>\n                <ap-dropdown-item-single-one-line\n                    [text]=\"item.phoneNumberCode + ' ' + item.countryName\"\n                    [avatarUrl]=\"flagsBucketUrl + '/' + item.countryCode.toUpperCase() + '.png'\"\n                    [selected]=\"item$.selected\"\n                    [roundedAvatar]=\"false\"\n                />\n            </ng-template>\n            <ng-template\n                let-searchTerm=\"searchTerm\"\n                ng-header-tmp>\n                <ap-dropdown-search-form\n                  [searchPlaceholder]=\"searchPlaceholder\"\n                  [select]=\"select\"\n                />\n              </ng-template>\n    </ng-select>\n    <ap-input-group class=\"phone-number-input-group\">\n        @if (formGroup.controls.countryCode.value && countryCodeMappedPhoneNumberInfos) {\n            <ap-input-prefix>{{countryCodeMappedPhoneNumberInfos[formGroup.controls.countryCode.value]?.phoneNumberCode}}</ap-input-prefix>\n        }\n        <input\n                apInput\n                class=\"phone-field\"\n                data-test=\"subscription-billing-infos-phoneNumberInput\"\n                type=\"text\"\n                data-recurly=\"phone\"\n                formControlName=\"phoneNumber\"\n                [placeholder]=\"placeholder\"\n                [attr.name]=\"name\"\n                (beforeinput)=\"filterChars($event)\"\n                (blur)=\"onTouched()\"\n        />\n    </ap-input-group>\n</ng-container>\n", styles: ["ng-dropdown-panel.ap-phone-number-code-select{width:auto!important;min-width:310px!important;max-width:310px}ng-dropdown-panel.ap-phone-number-code-select ap-dropdown-item-single-one-line .option{display:flex;flex-direction:row;align-items:center}ng-dropdown-panel.ap-phone-number-code-select ap-dropdown-item-single-one-line ap-avatar{border:0;max-height:16px;min-height:16px;height:initial;box-shadow:unset;overflow:hidden;background:none}ap-phone-number-input{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--ref-spacing-xxs)}ap-phone-number-input .ap-phone-number-code-select{flex:0 0 70px;width:70px}ap-phone-number-input .ap-phone-number-code-select .flag{display:flex;flex-direction:row;align-items:center;justify-content:center;overflow:hidden}ap-phone-number-input .ap-phone-number-code-select .flag img{max-height:16px;max-width:24px;object-fit:cover;border-radius:4px;object-position:center center}ap-phone-number-input .ap-phone-number-code-select .ng-input{padding:2px var(--ref-spacing-sm)}ap-phone-number-input .ap-phone-number-code-select .ng-input input{display:none}ap-phone-number-input .phone-number-input-group{flex:1 0 auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i3.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i3.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i3.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i3.NgHeaderTemplateDirective, selector: "[ng-header-tmp]" }, { kind: "component", type: InputGroupComponent, selector: "ap-input-group", inputs: ["symbolPosition"] }, { kind: "directive", type: InputDirective, selector: "[apInput]" }, { kind: "component", type: InputPrefixComponent, selector: "ap-input-prefix" }, { kind: "component", type: DropdownItemSingleOneLineComponent, selector: "ap-dropdown-item-single-one-line", inputs: ["text", "selected", "disabled", "avatarUrl", "showAvatarInitials", "symbolId", "disabledTooltip", "badgeText", "dividerEnabled", "network", "roundedAvatar", "isFeatureLocked"], outputs: ["lockedFeatureClicked"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: DropdownSearchFormComponent, selector: "ap-dropdown-search-form", inputs: ["searchPlaceholder", "createNewEnabled", "createText", "select"], outputs: ["createNew"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PhoneNumberInputComponent, decorators: [{
             type: Component,
@@ -150,7 +164,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
                             useExisting: forwardRef(() => PhoneNumberInputComponent),
                             multi: true,
                         },
-                    ], encapsulation: ViewEncapsulation.None, template: "<ng-container [formGroup]=\"formGroup\">\n    <ng-select\n            #select\n            apSelectSingle\n            data-test=\"subscription-billing-infos-phoneNumberCode\"\n            class=\"ap-phone-number-code-select ap-select\"\n            bindLabel=\"countryName\"\n            bindValue=\"phoneNumberCode\"\n            notFoundText=\"\"\n            formControlName=\"phoneNumberCode\"\n            appendTo=\"body\"\n            [clearable]=\"false\"\n            [items]=\"codeNumberInfos\"\n            [searchFn]=\"phoneNumberCodeSearchFn\"\n            (blur)=\"onTouched()\">\n            <ng-template\n                let-item=\"item\"\n                ng-label-tmp>\n                @if (item && item.countryCode) {\n                    <div class=\"flag\">\n                        @if (!!flagsBucketUrl) {\n                            <img\n                                width=\"24\"\n                                height=\"16\"\n                                alt=\"flag\"\n                                [ngSrc]=\"flagsBucketUrl + '/' + item.countryCode.toUpperCase() + '.png'\" />\n                        } @else {\n                            <span>{{ item.countryCode }}</span>\n                        }\n                    </div>\n                }\n            </ng-template>\n            <ng-template\n                let-item=\"item\"\n                let-item$=\"item$\"\n                ng-option-tmp>\n                <ap-dropdown-item-single-one-line\n                    [text]=\"item.phoneNumberCode + ' ' + item.countryName\"\n                    [avatarUrl]=\"flagsBucketUrl + '/' + item.countryCode.toUpperCase() + '.png'\"\n                    [selected]=\"item$.selected\"\n                    [roundedAvatar]=\"false\"\n                />\n            </ng-template>\n            <ng-template\n                let-searchTerm=\"searchTerm\"\n                ng-header-tmp>\n                <ap-dropdown-search-form\n                  [searchPlaceholder]=\"searchPlaceholder\"\n                  [select]=\"select\"\n                />\n              </ng-template>\n    </ng-select>\n    <ap-input-group class=\"phone-number-input-group\">\n        <ap-input-prefix>{{formGroup.controls.phoneNumberCode.value}}</ap-input-prefix>\n        <input\n                apInput\n                class=\"phone-field\"\n                data-test=\"subscription-billing-infos-phoneNumberInput\"\n                type=\"text\"\n                data-recurly=\"phone\"\n                formControlName=\"phoneNumber\"\n                [placeholder]=\"placeholder\"\n                [attr.name]=\"name\"\n                (beforeinput)=\"filterChars($event)\"\n                (blur)=\"onTouched()\"\n        />\n    </ap-input-group>\n</ng-container>\n", styles: ["ng-dropdown-panel.ap-phone-number-code-select{width:auto!important;min-width:310px!important;max-width:310px}ng-dropdown-panel.ap-phone-number-code-select ap-dropdown-item-single-one-line .option{display:flex;flex-direction:row;align-items:center}ng-dropdown-panel.ap-phone-number-code-select ap-dropdown-item-single-one-line ap-avatar{border:0;max-height:16px;min-height:16px;height:initial;box-shadow:unset;overflow:hidden;background:none}ap-phone-number-input{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--ref-spacing-xxs)}ap-phone-number-input .ap-phone-number-code-select{flex:0 0 70px;width:70px}ap-phone-number-input .ap-phone-number-code-select .flag{display:flex;flex-direction:row;align-items:center;justify-content:center;overflow:hidden}ap-phone-number-input .ap-phone-number-code-select .flag img{max-height:16px;max-width:24px;object-fit:cover;border-radius:4px;object-position:center center}ap-phone-number-input .ap-phone-number-code-select .ng-input{padding:2px var(--ref-spacing-sm)}ap-phone-number-input .ap-phone-number-code-select .ng-input input{display:none}ap-phone-number-input .phone-number-input-group{flex:1 0 auto}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, template: "<ng-container [formGroup]=\"formGroup\">\n    <ng-select\n            #select\n            apSelectSingle\n            data-test=\"subscription-billing-infos-phoneNumberCode\"\n            class=\"ap-phone-number-code-select ap-select\"\n            bindLabel=\"countryName\"\n            bindValue=\"countryCode\"\n            notFoundText=\"\"\n            formControlName=\"countryCode\"\n            appendTo=\"body\"\n            [clearable]=\"false\"\n            [items]=\"codeNumberInfos\"\n            [searchFn]=\"phoneNumberCodeSearchFn\"\n            (blur)=\"onTouched()\">\n            <ng-template\n                let-item=\"item\"\n                ng-label-tmp>\n                @if (item && item.countryCode) {\n                    <div class=\"flag\">\n                        @if (!!flagsBucketUrl) {\n                            <img\n                                width=\"24\"\n                                height=\"16\"\n                                alt=\"flag\"\n                                [ngSrc]=\"flagsBucketUrl + '/' + item.countryCode.toUpperCase() + '.png'\" />\n                        } @else {\n                            <span>{{ item.countryCode }}</span>\n                        }\n                    </div>\n                }\n            </ng-template>\n            <ng-template\n                let-item=\"item\"\n                let-item$=\"item$\"\n                ng-option-tmp>\n                <ap-dropdown-item-single-one-line\n                    [text]=\"item.phoneNumberCode + ' ' + item.countryName\"\n                    [avatarUrl]=\"flagsBucketUrl + '/' + item.countryCode.toUpperCase() + '.png'\"\n                    [selected]=\"item$.selected\"\n                    [roundedAvatar]=\"false\"\n                />\n            </ng-template>\n            <ng-template\n                let-searchTerm=\"searchTerm\"\n                ng-header-tmp>\n                <ap-dropdown-search-form\n                  [searchPlaceholder]=\"searchPlaceholder\"\n                  [select]=\"select\"\n                />\n              </ng-template>\n    </ng-select>\n    <ap-input-group class=\"phone-number-input-group\">\n        @if (formGroup.controls.countryCode.value && countryCodeMappedPhoneNumberInfos) {\n            <ap-input-prefix>{{countryCodeMappedPhoneNumberInfos[formGroup.controls.countryCode.value]?.phoneNumberCode}}</ap-input-prefix>\n        }\n        <input\n                apInput\n                class=\"phone-field\"\n                data-test=\"subscription-billing-infos-phoneNumberInput\"\n                type=\"text\"\n                data-recurly=\"phone\"\n                formControlName=\"phoneNumber\"\n                [placeholder]=\"placeholder\"\n                [attr.name]=\"name\"\n                (beforeinput)=\"filterChars($event)\"\n                (blur)=\"onTouched()\"\n        />\n    </ap-input-group>\n</ng-container>\n", styles: ["ng-dropdown-panel.ap-phone-number-code-select{width:auto!important;min-width:310px!important;max-width:310px}ng-dropdown-panel.ap-phone-number-code-select ap-dropdown-item-single-one-line .option{display:flex;flex-direction:row;align-items:center}ng-dropdown-panel.ap-phone-number-code-select ap-dropdown-item-single-one-line ap-avatar{border:0;max-height:16px;min-height:16px;height:initial;box-shadow:unset;overflow:hidden;background:none}ap-phone-number-input{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--ref-spacing-xxs)}ap-phone-number-input .ap-phone-number-code-select{flex:0 0 70px;width:70px}ap-phone-number-input .ap-phone-number-code-select .flag{display:flex;flex-direction:row;align-items:center;justify-content:center;overflow:hidden}ap-phone-number-input .ap-phone-number-code-select .flag img{max-height:16px;max-width:24px;object-fit:cover;border-radius:4px;object-position:center center}ap-phone-number-input .ap-phone-number-code-select .ng-input{padding:2px var(--ref-spacing-sm)}ap-phone-number-input .ap-phone-number-code-select .ng-input input{display:none}ap-phone-number-input .phone-number-input-group{flex:1 0 auto}\n"] }]
         }], ctorParameters: () => [{ type: i1.SymbolRegistry }], propDecorators: { errorsDisplayForced: [{
                 type: Input
             }], flagsBucketUrl: [{
@@ -159,8 +173,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
             }], phoneNumberInfos: [{
                 type: Input,
                 args: [{ required: true }]
-            }], initialCountryCode: [{
-                type: Input
             }], name: [{
                 type: Input,
                 args: [{ required: true }]
@@ -174,6 +186,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
                 type: Input
             }], phoneNumberCode: [{
                 type: Input
+            }], initialCountryCode: [{
+                type: Input
             }], changePhoneNumber: [{
                 type: Output
             }], changePhoneNumberCode: [{

package/fesm2022/agorapulse-ui-components-phone-number-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"agorapulse-ui-components-phone-number-input.mjs","sources":["../../../libs/ui-components/phone-number-input/src/phone-number-input.component.ts","../../../libs/ui-components/phone-number-input/src/phone-number-input.component.html","../../../libs/ui-components/phone-number-input/src/agorapulse-ui-components-phone-number-input.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport {Component, DestroyRef, EventEmitter, forwardRef, inject, Input, OnInit, Output, ViewEncapsulation} from '@angular/core';\nimport {\n    ControlValueAccessor,\n    FormControl,\n    FormGroup,\n    FormsModule,\n    NG_VALIDATORS,\n    NG_VALUE_ACCESSOR,\n    ReactiveFormsModule,\n    ValidationErrors,\n    Validator,\n    Validators,\n} from '@angular/forms';\nimport {CommonModule, NgOptimizedImage} from '@angular/common';\nimport {NgSelectModule} from '@ng-select/ng-select';\nimport {InputGroupComponent, InputPrefixComponent} from \"@agorapulse/ui-components/input-group\";\nimport {DropdownItemSingleOneLineComponent, DropdownSearchFormComponent, SelectBaseDirective} from \"@agorapulse/ui-components/select\";\nimport {InputDirective} from \"@agorapulse/ui-components/input\";\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { apCheck, SymbolRegistry } from '@agorapulse/ui-symbol';\n\nexport interface PhoneNumberInfo {\n    countryCode: string;\n    countryName: string;\n    phoneNumberCode: string;\n}\n\nexport interface Phone {\n    phoneNumber: string;\n    phoneNumberCode: string;\n}\n\nconst NUMBER_ONLY_PATTERN = /[0-9]/;\n\n@Component({\n    selector: 'ap-phone-number-input',\n    templateUrl: 'phone-number-input.component.html',\n    styleUrls: ['phone-number-input.component.scss'],\n    standalone: true,\n    imports: [\n        CommonModule,\n        FormsModule,\n        NgSelectModule,\n        InputGroupComponent,\n        SelectBaseDirective,\n        InputDirective,\n        InputPrefixComponent,\n        DropdownItemSingleOneLineComponent,\n        ReactiveFormsModule,\n        NgOptimizedImage,\n        DropdownSearchFormComponent\n    ],\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => PhoneNumberInputComponent),\n            multi: true,\n        },\n        {\n            provide: NG_VALIDATORS,\n            useExisting: forwardRef(() => PhoneNumberInputComponent),\n            multi: true,\n        },\n    ],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class PhoneNumberInputComponent implements ControlValueAccessor, Validator, OnInit {\n    private readonly destroyRef = inject(DestroyRef);\n\n    @Input() set errorsDisplayForced(errorsDisplayForced: boolean) {\n        if (errorsDisplayForced) {\n            this.formGroup.markAllAsTouched();\n            Object.values(this.formGroup.controls).forEach((control) => control.markAsDirty());\n            this.formGroup.updateValueAndValidity();\n        }\n    }\n    @Input({ required: true }) flagsBucketUrl!: string;\n    @Input({ required: true }) set phoneNumberInfos(phoneNumberInfos: PhoneNumberInfo[]) {\n        this.codeNumberInfos = phoneNumberInfos ?? [];\n        if (phoneNumberInfos.length > 0) {\n            // DS Behavior: select by default the first phone number code\n            const defaultValue = phoneNumberInfos[0].phoneNumberCode;\n            this.formGroup.controls.phoneNumberCode.setValue(defaultValue);\n            this.phoneNumberCode = defaultValue;\n        }\n    }\n    @Input() set initialCountryCode(initialCountryCode: string) {\n        const firstValue = this.codeNumberInfos.find((codeInfo) => codeInfo.countryCode === initialCountryCode)?.phoneNumberCode;\n        if (firstValue) {\n            this.formGroup.patchValue({ phoneNumberCode: firstValue });\n        }\n    }\n    codeNumberInfos: PhoneNumberInfo[] = [];\n    @Input({ required: true }) name!: string;\n    @Input({ required: true }) placeholder!: string;\n    @Input({ required: true }) searchPlaceholder!: string;\n    @Input() set phoneNumber(phoneNumber: string) {\n        this.formGroup.controls.phoneNumber.setValue(phoneNumber);\n    }\n    @Input() set phoneNumberCode(phoneNumberCode: string) {\n        this.formGroup.controls.phoneNumberCode.setValue(phoneNumberCode);\n    }\n\n    @Output() changePhoneNumber: EventEmitter<string> = new EventEmitter<string>();\n    @Output() changePhoneNumberCode: EventEmitter<string> = new EventEmitter<string>();\n\n    formGroup = new FormGroup({\n        phoneNumberCode: new FormControl<string>('', [Validators.required]),\n        phoneNumber: new FormControl<string>('', [Validators.required]),\n    });\n\n    public onTouched: any = () => {};\n    public onChange: any = () => {};\n\n    constructor(symbolRegistry: SymbolRegistry) {\n        symbolRegistry.registerSymbols([apCheck]);\n    }\n\n    ngOnInit(): void {\n        // Subscribe to form changes to propagate them to the parent component\n        this.formGroup.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((value) => {\n            if (this.onChange) {\n                this.onChange(value);\n            }\n            if (value.phoneNumber !== this.phoneNumber) {\n                this.changePhoneNumber.emit(value.phoneNumber ?? '');\n            }\n            if (value.phoneNumberCode !== this.phoneNumberCode) {\n                this.changePhoneNumberCode.emit(value.phoneNumberCode ?? '');\n            }\n        });\n    }\n\n    registerOnChange(fn: any): void {\n        this.onChange = fn;\n    }\n\n    registerOnTouched(fn: any): void {\n        this.onTouched = fn;\n    }\n\n    validate(): ValidationErrors | null {\n        return this.formGroup.valid ? null : { phoneNumber: 'invalid', ...this.formGroup.errors };\n    }\n\n    writeValue(phone: Phone | null): void {\n        // Avoid setting an empty value for the phone number code, it should always have a value\n        if (phone === null || !phone.phoneNumberCode) {\n            this.formGroup.patchValue({phoneNumber: phone?.phoneNumberCode ?? ''});\n        } else {\n            this.formGroup.patchValue(phone);\n        }\n    }\n\n    phoneNumberCodeSearchFn(term: string, item: PhoneNumberInfo): boolean {\n        const termCased = term.toLocaleLowerCase();\n        return item.countryName.toLocaleLowerCase().indexOf(termCased) > -1 || item.countryCode.toLocaleLowerCase().indexOf(termCased) > -1;\n    }\n\n    markAsTouched(): void {\n        this.formGroup.markAllAsTouched();\n    }\n\n    /**\n     * Filter the phone number input to only allow numbers\n     */\n    filterChars(event: InputEvent): void {\n        if (event.inputType !== 'insertText') {\n            return;\n        }\n        const inputChar: string | null = event.data;\n        if (inputChar && !NUMBER_ONLY_PATTERN.test(inputChar)) {\n            event.preventDefault();\n        }\n    }\n}\n","<ng-container [formGroup]=\"formGroup\">\n    <ng-select\n            #select\n            apSelectSingle\n            data-test=\"subscription-billing-infos-phoneNumberCode\"\n            class=\"ap-phone-number-code-select ap-select\"\n            bindLabel=\"countryName\"\n            bindValue=\"phoneNumberCode\"\n            notFoundText=\"\"\n            formControlName=\"phoneNumberCode\"\n            appendTo=\"body\"\n            [clearable]=\"false\"\n            [items]=\"codeNumberInfos\"\n            [searchFn]=\"phoneNumberCodeSearchFn\"\n            (blur)=\"onTouched()\">\n            <ng-template\n                let-item=\"item\"\n                ng-label-tmp>\n                @if (item && item.countryCode) {\n                    <div class=\"flag\">\n                        @if (!!flagsBucketUrl) {\n                            <img\n                                width=\"24\"\n                                height=\"16\"\n                                alt=\"flag\"\n                                [ngSrc]=\"flagsBucketUrl + '/' + item.countryCode.toUpperCase() + '.png'\" />\n                        } @else {\n                            <span>{{ item.countryCode }}</span>\n                        }\n                    </div>\n                }\n            </ng-template>\n            <ng-template\n                let-item=\"item\"\n                let-item$=\"item$\"\n                ng-option-tmp>\n                <ap-dropdown-item-single-one-line\n                    [text]=\"item.phoneNumberCode + ' ' + item.countryName\"\n                    [avatarUrl]=\"flagsBucketUrl + '/' + item.countryCode.toUpperCase() + '.png'\"\n                    [selected]=\"item$.selected\"\n                    [roundedAvatar]=\"false\"\n                />\n            </ng-template>\n            <ng-template\n                let-searchTerm=\"searchTerm\"\n                ng-header-tmp>\n                <ap-dropdown-search-form\n                  [searchPlaceholder]=\"searchPlaceholder\"\n                  [select]=\"select\"\n                />\n              </ng-template>\n    </ng-select>\n    <ap-input-group class=\"phone-number-input-group\">\n        <ap-input-prefix>{{formGroup.controls.phoneNumberCode.value}}</ap-input-prefix>\n        <input\n                apInput\n                class=\"phone-field\"\n                data-test=\"subscription-billing-infos-phoneNumberInput\"\n                type=\"text\"\n                data-recurly=\"phone\"\n                formControlName=\"phoneNumber\"\n                [placeholder]=\"placeholder\"\n                [attr.name]=\"name\"\n                (beforeinput)=\"filterChars($event)\"\n                (blur)=\"onTouched()\"\n        />\n    </ap-input-group>\n</ng-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"agorapulse-ui-components-phone-number-input.mjs","sources":["../../../libs/ui-components/phone-number-input/src/phone-number-input.component.ts","../../../libs/ui-components/phone-number-input/src/phone-number-input.component.html","../../../libs/ui-components/phone-number-input/src/agorapulse-ui-components-phone-number-input.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport {Component, DestroyRef, EventEmitter, forwardRef, inject, Input, OnInit, Output, ViewEncapsulation} from '@angular/core';\nimport {\n    ControlValueAccessor,\n    FormControl,\n    FormGroup,\n    FormsModule,\n    NG_VALIDATORS,\n    NG_VALUE_ACCESSOR,\n    ReactiveFormsModule,\n    ValidationErrors,\n    Validator,\n    Validators,\n} from '@angular/forms';\nimport {CommonModule, NgOptimizedImage} from '@angular/common';\nimport {NgSelectModule} from '@ng-select/ng-select';\nimport {InputGroupComponent, InputPrefixComponent} from \"@agorapulse/ui-components/input-group\";\nimport {DropdownItemSingleOneLineComponent, DropdownSearchFormComponent, SelectBaseDirective} from \"@agorapulse/ui-components/select\";\nimport {InputDirective} from \"@agorapulse/ui-components/input\";\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { apCheck, SymbolRegistry } from '@agorapulse/ui-symbol';\n\nexport interface PhoneNumberInfo {\n    countryCode: string;\n    countryName: string;\n    phoneNumberCode: string;\n}\n\nexport interface Phone {\n    phoneNumber: string;\n    phoneNumberCode: string;\n}\n\nconst NUMBER_ONLY_PATTERN = /[0-9]/;\n\nconst DEFAULT_COUNTRY_CODE = 'US';\nconst DEFAULT_PHONE_NUMBER_CODE = '+1';\n\n@Component({\n    selector: 'ap-phone-number-input',\n    templateUrl: 'phone-number-input.component.html',\n    styleUrls: ['phone-number-input.component.scss'],\n    standalone: true,\n    imports: [\n        CommonModule,\n        FormsModule,\n        NgSelectModule,\n        InputGroupComponent,\n        SelectBaseDirective,\n        InputDirective,\n        InputPrefixComponent,\n        DropdownItemSingleOneLineComponent,\n        ReactiveFormsModule,\n        NgOptimizedImage,\n        DropdownSearchFormComponent\n    ],\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => PhoneNumberInputComponent),\n            multi: true,\n        },\n        {\n            provide: NG_VALIDATORS,\n            useExisting: forwardRef(() => PhoneNumberInputComponent),\n            multi: true,\n        },\n    ],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class PhoneNumberInputComponent implements ControlValueAccessor, Validator, OnInit {\n    private readonly destroyRef = inject(DestroyRef);\n\n    @Input() set errorsDisplayForced(errorsDisplayForced: boolean) {\n        if (errorsDisplayForced) {\n            this.formGroup.markAllAsTouched();\n            Object.values(this.formGroup.controls).forEach((control) => control.markAsDirty());\n            this.formGroup.updateValueAndValidity();\n        }\n    }\n    @Input({ required: true }) flagsBucketUrl!: string;\n    @Input({ required: true }) set phoneNumberInfos(phoneNumberInfos: PhoneNumberInfo[]) {\n        this.codeNumberInfos = phoneNumberInfos ?? [];\n        this.countryCodeMappedPhoneNumberInfos = phoneNumberInfos.reduce((acc, phoneNumberInfo) => {\n            acc[phoneNumberInfo.countryCode as string] = phoneNumberInfo;\n            return acc;\n        }, {} as Record<string, PhoneNumberInfo>);\n    }\n    codeNumberInfos: PhoneNumberInfo[] = [];\n    countryCodeMappedPhoneNumberInfos: Record<string, PhoneNumberInfo> = {};\n\n    @Input({ required: true }) name!: string;\n    @Input({ required: true }) placeholder!: string;\n    @Input({ required: true }) searchPlaceholder!: string;\n    @Input() set phoneNumber(phoneNumber: string) {\n        this.formGroup.controls.phoneNumber.setValue(phoneNumber);\n    }\n    @Input() set phoneNumberCode(phoneNumberCode: string) {\n        this.formGroup.controls.countryCode.setValue(phoneNumberCode);\n    }\n    @Input() set initialCountryCode(initialCountryCode: string) {\n        const firstValue = this.findPhoneNumberInfoByCountryCode(initialCountryCode)?.countryCode;\n        if (firstValue) {\n            this.formGroup.patchValue({ countryCode: firstValue });\n        }\n    }\n\n    @Output() changePhoneNumber: EventEmitter<string> = new EventEmitter<string>();\n    @Output() changePhoneNumberCode: EventEmitter<string> = new EventEmitter<string>();\n\n    formGroup = new FormGroup({\n        countryCode: new FormControl<string>(DEFAULT_COUNTRY_CODE, [Validators.required]),\n        phoneNumber: new FormControl<string>('', [Validators.required]),\n    });\n\n    public onTouched: any = () => {};\n    public onChange: any = () => {};\n\n    constructor(symbolRegistry: SymbolRegistry) {\n        symbolRegistry.registerSymbols([apCheck]);\n    }\n\n    ngOnInit(): void {\n        // Subscribe to form changes to propagate them to the parent component\n        this.formGroup.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((value) => {\n            let phoneNumberCode = DEFAULT_PHONE_NUMBER_CODE;\n            if (value.countryCode) {\n                const phoneNumberInfo = this.findPhoneNumberInfoByCountryCode(value.countryCode);\n                if (phoneNumberInfo) {\n                    phoneNumberCode = phoneNumberInfo.phoneNumberCode;\n                }\n            }\n            if (this.onChange && phoneNumberCode) {\n                this.onChange({\n                    phoneNumber: value.phoneNumber,\n                    phoneNumberCode,\n                });\n            }\n            if (value.phoneNumber !== this.phoneNumber) {\n                this.changePhoneNumber.emit(value.phoneNumber ?? '');\n            }\n            if (phoneNumberCode !== this.phoneNumberCode) {\n                this.changePhoneNumberCode.emit(phoneNumberCode ?? '');\n            }\n        });\n    }\n\n    registerOnChange(fn: any): void {\n        this.onChange = fn;\n    }\n\n    registerOnTouched(fn: any): void {\n        this.onTouched = fn;\n    }\n\n    validate(): ValidationErrors | null {\n        return this.formGroup.valid ? null : { phoneNumber: 'invalid', ...this.formGroup.errors };\n    }\n\n    writeValue(phone: Phone | null): void {\n        // Avoid setting an empty value for the phone number code, it should always have a value\n        if (phone === null || !phone.phoneNumberCode) {\n            this.formGroup.patchValue({phoneNumber: phone?.phoneNumberCode ?? ''});\n        } else {\n            this.formGroup.patchValue(phone);\n        }\n    }\n\n    phoneNumberCodeSearchFn(term: string, item: PhoneNumberInfo): boolean {\n        const termCased = term.toLocaleLowerCase();\n        return item.countryName.toLocaleLowerCase().indexOf(termCased) > -1 || item.countryCode.toLocaleLowerCase().indexOf(termCased) > -1;\n    }\n\n    markAsTouched(): void {\n        this.formGroup.markAllAsTouched();\n    }\n\n    /**\n     * Filter the phone number input to only allow numbers\n     */\n    filterChars(event: InputEvent): void {\n        if (event.inputType !== 'insertText') {\n            return;\n        }\n        const inputChar: string | null = event.data;\n        if (inputChar && !NUMBER_ONLY_PATTERN.test(inputChar)) {\n            event.preventDefault();\n        }\n    }\n\n    private findPhoneNumberInfoByCountryCode(countryCode: string): PhoneNumberInfo | undefined {\n        return this.codeNumberInfos.find((codeInfo) => codeInfo.countryCode === countryCode);\n    }\n}\n","<ng-container [formGroup]=\"formGroup\">\n    <ng-select\n            #select\n            apSelectSingle\n            data-test=\"subscription-billing-infos-phoneNumberCode\"\n            class=\"ap-phone-number-code-select ap-select\"\n            bindLabel=\"countryName\"\n            bindValue=\"countryCode\"\n            notFoundText=\"\"\n            formControlName=\"countryCode\"\n            appendTo=\"body\"\n            [clearable]=\"false\"\n            [items]=\"codeNumberInfos\"\n            [searchFn]=\"phoneNumberCodeSearchFn\"\n            (blur)=\"onTouched()\">\n            <ng-template\n                let-item=\"item\"\n                ng-label-tmp>\n                @if (item && item.countryCode) {\n                    <div class=\"flag\">\n                        @if (!!flagsBucketUrl) {\n                            <img\n                                width=\"24\"\n                                height=\"16\"\n                                alt=\"flag\"\n                                [ngSrc]=\"flagsBucketUrl + '/' + item.countryCode.toUpperCase() + '.png'\" />\n                        } @else {\n                            <span>{{ item.countryCode }}</span>\n                        }\n                    </div>\n                }\n            </ng-template>\n            <ng-template\n                let-item=\"item\"\n                let-item$=\"item$\"\n                ng-option-tmp>\n                <ap-dropdown-item-single-one-line\n                    [text]=\"item.phoneNumberCode + ' ' + item.countryName\"\n                    [avatarUrl]=\"flagsBucketUrl + '/' + item.countryCode.toUpperCase() + '.png'\"\n                    [selected]=\"item$.selected\"\n                    [roundedAvatar]=\"false\"\n                />\n            </ng-template>\n            <ng-template\n                let-searchTerm=\"searchTerm\"\n                ng-header-tmp>\n                <ap-dropdown-search-form\n                  [searchPlaceholder]=\"searchPlaceholder\"\n                  [select]=\"select\"\n                />\n              </ng-template>\n    </ng-select>\n    <ap-input-group class=\"phone-number-input-group\">\n        @if (formGroup.controls.countryCode.value && countryCodeMappedPhoneNumberInfos) {\n            <ap-input-prefix>{{countryCodeMappedPhoneNumberInfos[formGroup.controls.countryCode.value]?.phoneNumberCode}}</ap-input-prefix>\n        }\n        <input\n                apInput\n                class=\"phone-field\"\n                data-test=\"subscription-billing-infos-phoneNumberInput\"\n                type=\"text\"\n                data-recurly=\"phone\"\n                formControlName=\"phoneNumber\"\n                [placeholder]=\"placeholder\"\n                [attr.name]=\"name\"\n                (beforeinput)=\"filterChars($event)\"\n                (blur)=\"onTouched()\"\n        />\n    </ap-input-group>\n</ng-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@agorapulse/ui-components",
   "description": "Agorapulse UI Components Library",
-  "version": "17.4.11",
+  "version": "17.4.12",
   "author": "Benoit Hediard",
   "repository": {
     "type": "git",
@@ -61,6 +61,12 @@
       "esm": "./esm2022/button/agorapulse-ui-components-button.mjs",
       "default": "./fesm2022/agorapulse-ui-components-button.mjs"
     },
+    "./avatar": {
+      "types": "./avatar/index.d.ts",
+      "esm2022": "./esm2022/avatar/agorapulse-ui-components-avatar.mjs",
+      "esm": "./esm2022/avatar/agorapulse-ui-components-avatar.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-avatar.mjs"
+    },
     "./checkbox": {
       "types": "./checkbox/index.d.ts",
       "esm2022": "./esm2022/checkbox/agorapulse-ui-components-checkbox.mjs",
@@ -73,12 +79,6 @@
       "esm": "./esm2022/confirm-modal/agorapulse-ui-components-confirm-modal.mjs",
       "default": "./fesm2022/agorapulse-ui-components-confirm-modal.mjs"
     },
-    "./avatar": {
-      "types": "./avatar/index.d.ts",
-      "esm2022": "./esm2022/avatar/agorapulse-ui-components-avatar.mjs",
-      "esm": "./esm2022/avatar/agorapulse-ui-components-avatar.mjs",
-      "default": "./fesm2022/agorapulse-ui-components-avatar.mjs"
-    },
     "./counter": {
       "types": "./counter/index.d.ts",
       "esm2022": "./esm2022/counter/agorapulse-ui-components-counter.mjs",
@@ -127,12 +127,6 @@
       "esm": "./esm2022/infobox/agorapulse-ui-components-infobox.mjs",
       "default": "./fesm2022/agorapulse-ui-components-infobox.mjs"
     },
-    "./input": {
-      "types": "./input/index.d.ts",
-      "esm2022": "./esm2022/input/agorapulse-ui-components-input.mjs",
-      "esm": "./esm2022/input/agorapulse-ui-components-input.mjs",
-      "default": "./fesm2022/agorapulse-ui-components-input.mjs"
-    },
     "./input-group": {
       "types": "./input-group/index.d.ts",
       "esm2022": "./esm2022/input-group/agorapulse-ui-components-input-group.mjs",
@@ -145,6 +139,12 @@
       "esm": "./esm2022/input-search/agorapulse-ui-components-input-search.mjs",
       "default": "./fesm2022/agorapulse-ui-components-input-search.mjs"
     },
+    "./input": {
+      "types": "./input/index.d.ts",
+      "esm2022": "./esm2022/input/agorapulse-ui-components-input.mjs",
+      "esm": "./esm2022/input/agorapulse-ui-components-input.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-input.mjs"
+    },
     "./labels": {
       "types": "./labels/index.d.ts",
       "esm2022": "./esm2022/labels/agorapulse-ui-components-labels.mjs",
@@ -199,6 +199,18 @@
       "esm": "./esm2022/phone-number-input/agorapulse-ui-components-phone-number-input.mjs",
       "default": "./fesm2022/agorapulse-ui-components-phone-number-input.mjs"
     },
+    "./popmenu": {
+      "types": "./popmenu/index.d.ts",
+      "esm2022": "./esm2022/popmenu/agorapulse-ui-components-popmenu.mjs",
+      "esm": "./esm2022/popmenu/agorapulse-ui-components-popmenu.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-popmenu.mjs"
+    },
+    "./radio": {
+      "types": "./radio/index.d.ts",
+      "esm2022": "./esm2022/radio/agorapulse-ui-components-radio.mjs",
+      "esm": "./esm2022/radio/agorapulse-ui-components-radio.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-radio.mjs"
+    },
     "./range-slider": {
       "types": "./range-slider/index.d.ts",
       "esm2022": "./esm2022/range-slider/agorapulse-ui-components-range-slider.mjs",
@@ -211,18 +223,6 @@
       "esm": "./esm2022/select/agorapulse-ui-components-select.mjs",
       "default": "./fesm2022/agorapulse-ui-components-select.mjs"
     },
-    "./radio": {
-      "types": "./radio/index.d.ts",
-      "esm2022": "./esm2022/radio/agorapulse-ui-components-radio.mjs",
-      "esm": "./esm2022/radio/agorapulse-ui-components-radio.mjs",
-      "default": "./fesm2022/agorapulse-ui-components-radio.mjs"
-    },
-    "./popmenu": {
-      "types": "./popmenu/index.d.ts",
-      "esm2022": "./esm2022/popmenu/agorapulse-ui-components-popmenu.mjs",
-      "esm": "./esm2022/popmenu/agorapulse-ui-components-popmenu.mjs",
-      "default": "./fesm2022/agorapulse-ui-components-popmenu.mjs"
-    },
     "./slide-toggle": {
       "types": "./slide-toggle/index.d.ts",
       "esm2022": "./esm2022/slide-toggle/agorapulse-ui-components-slide-toggle.mjs",
@@ -241,6 +241,12 @@
       "esm": "./esm2022/social-button/agorapulse-ui-components-social-button.mjs",
       "default": "./fesm2022/agorapulse-ui-components-social-button.mjs"
     },
+    "./split-button": {
+      "types": "./split-button/index.d.ts",
+      "esm2022": "./esm2022/split-button/agorapulse-ui-components-split-button.mjs",
+      "esm": "./esm2022/split-button/agorapulse-ui-components-split-button.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-split-button.mjs"
+    },
     "./status": {
       "types": "./status/index.d.ts",
       "esm2022": "./esm2022/status/agorapulse-ui-components-status.mjs",
@@ -265,12 +271,6 @@
       "esm": "./esm2022/tag/agorapulse-ui-components-tag.mjs",
       "default": "./fesm2022/agorapulse-ui-components-tag.mjs"
     },
-    "./split-button": {
-      "types": "./split-button/index.d.ts",
-      "esm2022": "./esm2022/split-button/agorapulse-ui-components-split-button.mjs",
-      "esm": "./esm2022/split-button/agorapulse-ui-components-split-button.mjs",
-      "default": "./fesm2022/agorapulse-ui-components-split-button.mjs"
-    },
     "./text-measurement": {
       "types": "./text-measurement/index.d.ts",
       "esm2022": "./esm2022/text-measurement/agorapulse-ui-components-text-measurement.mjs",

package/phone-number-input/phone-number-input.component.d.ts

@@ -16,17 +16,18 @@ export declare class PhoneNumberInputComponent implements ControlValueAccessor,
     set errorsDisplayForced(errorsDisplayForced: boolean);
     flagsBucketUrl: string;
     set phoneNumberInfos(phoneNumberInfos: PhoneNumberInfo[]);
-    set initialCountryCode(initialCountryCode: string);
     codeNumberInfos: PhoneNumberInfo[];
+    countryCodeMappedPhoneNumberInfos: Record<string, PhoneNumberInfo>;
     name: string;
     placeholder: string;
     searchPlaceholder: string;
     set phoneNumber(phoneNumber: string);
     set phoneNumberCode(phoneNumberCode: string);
+    set initialCountryCode(initialCountryCode: string);
     changePhoneNumber: EventEmitter<string>;
     changePhoneNumberCode: EventEmitter<string>;
     formGroup: FormGroup<{
-        phoneNumberCode: FormControl<string | null>;
+        countryCode: FormControl<string | null>;
         phoneNumber: FormControl<string | null>;
     }>;
     onTouched: any;
@@ -43,6 +44,7 @@ export declare class PhoneNumberInputComponent implements ControlValueAccessor,
      * Filter the phone number input to only allow numbers
      */
     filterChars(event: InputEvent): void;
+    private findPhoneNumberInfoByCountryCode;
     static ɵfac: i0.ɵɵFactoryDeclaration<PhoneNumberInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PhoneNumberInputComponent, "ap-phone-number-input", never, { "errorsDisplayForced": { "alias": "errorsDisplayForced"; "required": false; }; "flagsBucketUrl": { "alias": "flagsBucketUrl"; "required": true; }; "phoneNumberInfos": { "alias": "phoneNumberInfos"; "required": true; }; "initialCountryCode": { "alias": "initialCountryCode"; "required": false; }; "name": { "alias": "name"; "required": true; }; "placeholder": { "alias": "placeholder"; "required": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": true; }; "phoneNumber": { "alias": "phoneNumber"; "required": false; }; "phoneNumberCode": { "alias": "phoneNumberCode"; "required": false; }; }, { "changePhoneNumber": "changePhoneNumber"; "changePhoneNumberCode": "changePhoneNumberCode"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PhoneNumberInputComponent, "ap-phone-number-input", never, { "errorsDisplayForced": { "alias": "errorsDisplayForced"; "required": false; }; "flagsBucketUrl": { "alias": "flagsBucketUrl"; "required": true; }; "phoneNumberInfos": { "alias": "phoneNumberInfos"; "required": true; }; "name": { "alias": "name"; "required": true; }; "placeholder": { "alias": "placeholder"; "required": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": true; }; "phoneNumber": { "alias": "phoneNumber"; "required": false; }; "phoneNumberCode": { "alias": "phoneNumberCode"; "required": false; }; "initialCountryCode": { "alias": "initialCountryCode"; "required": false; }; }, { "changePhoneNumber": "changePhoneNumber"; "changePhoneNumberCode": "changePhoneNumberCode"; }, never, never, true, never>;
 }