@dsivd/prestations-ng 18.2.4-beta.9 → 18.3.0-beta.1

package/CHANGELOG.md

@@ -6,6 +6,30 @@
 
 ---
 
+## [18.3.0] - should be aligned with prestations-be 18.3.x
+
+### Added
+
+- [gesdem-action-recovery-login.component.ts](projects/prestations-ng/src/gesdem-action-recovery/gesdem-action-recovery-login/gesdem-action-recovery-login.component.ts)
+    - Display a countdown to get a new OTP during action recovery (to handle backend rate limiter)
+
+## [18.2.4]
+
+### Fixed
+
+- [ApplicationInfo](projects/prestations-ng/src/sdk-appinfo/application-info.ts)
+
+    - fixed `getPortailBaseUrl` by adding a slash (`/`) at the end of url when missing in properties
+
+### Updated
+
+- [foehn-form.component.ts](projects/prestations-ng/src/foehn-form/foehn-form.component.ts)
+
+    - updated `focusFirst` method with optional parameter `scrollIntoView` (default is `true`)
+
+- [foehn-input.component.ts](projects/prestations-ng/src/foehn-input/foehn-input.component.ts)
+    - updated `focus` method with optional parameter `scrollIntoView` (default is `true`)
+
 ## [18.2.1]
 
 ### Fixed

package/fesm2022/dsivd-prestations-ng.mjs

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
-import { Optional, Inject, Injectable, EventEmitter, Input, HostBinding, Output, forwardRef, ViewChildren, ViewChild, Directive, Pipe, Component, ContentChildren, inject, HostListener, NgModule, TemplateRef, ContentChild } from '@angular/core';
+import { Optional, Inject, Injectable, EventEmitter, Input, HostBinding, Output, forwardRef, ViewChildren, ViewChild, Directive, Pipe, Component, ContentChildren, HostListener, NgModule, inject, TemplateRef, ContentChild } from '@angular/core';
 import * as i1$1 from '@angular/router';
 import { ActivatedRoute, NavigationStart, RouterModule, NavigationEnd, RouterLink } from '@angular/router';
-import { of, Subject, BehaviorSubject, combineLatest, throwError, switchMap as switchMap$1, forkJoin, tap as tap$1, concat, toArray, EMPTY, startWith, filter as filter$1, merge, withLatestFrom, debounceTime as debounceTime$1, map as map$1 } from 'rxjs';
-import { map, shareReplay, filter, tap, debounceTime, catchError, switchMap, take, first, throttleTime, mergeMap, share, finalize, distinctUntilChanged } from 'rxjs/operators';
+import { of, Subject, BehaviorSubject, combineLatest, throwError, switchMap as switchMap$1, forkJoin, tap as tap$1, concat, toArray, EMPTY, startWith, filter as filter$1, merge, interval, withLatestFrom, debounceTime as debounceTime$1, map as map$1 } from 'rxjs';
+import { map, shareReplay, filter, tap, debounceTime, catchError, switchMap, first, throttleTime, mergeMap, share, finalize, take, distinctUntilChanged } from 'rxjs/operators';
 import * as i1 from '@angular/common/http';
-import { HttpStatusCode, HttpClient, HttpResponseBase, HttpErrorResponse, HttpParams, HttpEventType, HttpResponse, HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
+import { HttpStatusCode, HttpResponseBase, HttpErrorResponse, HttpParams, HttpEventType, HttpResponse, HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi, HttpClient } from '@angular/common/http';
 import * as i3 from '@angular/forms';
 import { NgModel, NgForm, FormsModule } from '@angular/forms';
 import * as i2 from '@angular/common';
@@ -36,7 +36,6 @@ class Breadcrumb {
 }
 
 const SESSION_INFO_API_URL = 'api/sessionInfo/data';
-const SESSION_INFO_RENEW_URL = '/sessioninfo/v2/me';
 class SessionInfo {
     constructor(http, neverConnected_ = false) {
         this.http = http;
@@ -304,7 +303,7 @@ class ApplicationInfoService {
     getPortailBaseUrl(appInfo) {
         const baseUrl = appInfo.configuration?.portail?.baseUrl;
         if (!!baseUrl) {
-            return baseUrl;
+            return baseUrl.endsWith('/') ? baseUrl : `${baseUrl}/`;
         }
         switch (appInfo.environment) {
             case 'CO':
@@ -885,35 +884,45 @@ class FoehnInputComponent {
             this._errors = errors.filter(e => e.name === this.name);
         }
     }
-    focus() {
+    focus(scrollIntoView = true) {
         let elementContainer;
         if (this.inputElement && this.inputElement.nativeElement) {
             elementContainer = document.getElementById(this.buildId('Container'));
-            // Scroll in view should be done on input container
-            ScrollHelper.scrollIntoViewWithExpirationTimerOffset(elementContainer);
+            if (scrollIntoView) {
+                // Scroll in view should be done on input container
+                ScrollHelper.scrollIntoViewWithExpirationTimerOffset(elementContainer);
+            }
             // Focus should be on the input itself
-            this.inputElement.nativeElement.focus();
+            this.inputElement.nativeElement.focus({
+                preventScroll: !scrollIntoView
+            });
         }
         else if (this.subComponents &&
             this.getFirstInputComponentEnabled(this.subComponents)) {
             const inputComponent = this.getFirstInputComponentEnabled(this.subComponents);
             elementContainer = document.getElementById(inputComponent.buildId('Container'));
-            // Scroll in view should be done on input container
-            ScrollHelper.scrollIntoViewWithExpirationTimerOffset(elementContainer);
+            if (scrollIntoView) {
+                // Scroll in view should be done on input container
+                ScrollHelper.scrollIntoViewWithExpirationTimerOffset(elementContainer);
+            }
             // Focus should be on the input itself
-            inputComponent.inputElement.nativeElement.focus();
+            inputComponent.inputElement.nativeElement.focus({
+                preventScroll: !scrollIntoView
+            });
         }
         else {
             // Case for component who do not have any '#entryComponent' in their html template (i.e. foehn-radio, foehn-checkbox,...)
             elementContainer = document.getElementById(this.buildId('Container'));
-            // Scroll in view should be done on input container
-            ScrollHelper.scrollIntoViewWithExpirationTimerOffset(elementContainer);
+            if (scrollIntoView) {
+                // Scroll in view should be done on input container
+                ScrollHelper.scrollIntoViewWithExpirationTimerOffset(elementContainer);
+            }
             const elementNodeListOf = elementContainer.querySelectorAll(`input[id^="${this.name}"]`);
             if (elementNodeListOf && elementNodeListOf.length > 0) {
                 const inputElement = this.findFirstHtmlInputElementEnabled(elementNodeListOf);
                 if (inputElement) {
                     // Focus should be on the input itself
-                    inputElement.focus();
+                    inputElement.focus({ preventScroll: !scrollIntoView });
                 }
             }
         }
@@ -1244,6 +1253,10 @@ const DEFAULT_DICTIONARY = {
     'gesdem-confirmation.resume-my-demand.label': 'Vous pouvez reprendre votre demande en cliquant sur le lien ci-dessous',
     'gesdem-confirmation.resume-my-demand.button': 'Reprendre ma demande',
     'gesdem.download-pdf.button.title': 'Télécharger le PDF',
+    'gesdem-action-recovery-login.request-now-code.label': 'Pour obtenir un nouveau code, vous devez recliquer sur le ' +
+        '<a href="{redirectTarget}">lien</a> de reprise de la demande.\n',
+    'gesdem-action-recovery-login.rate-limited.label': "Merci d'attendre {rateLimitCounter} seconde{plural} " +
+        'pour demander un nouveau code.',
     'gesdem-action-recovery-login.save.label': 'Les données de votre demande enregistrée le {date} ont été chargées.',
     'gesdem-action-recovery-login.invalid-otp.label': "Le mot de passe saisi n'est pas valide",
     'gesdem-action-recovery-login.password-generation-failed.label': 'Impossible de générer un mot de passe, veuillez réessayer plus tard.',
@@ -1400,7 +1413,7 @@ const DEFAULT_DICTIONARY = {
     'gesdem-error.title.error': 'Erreur rencontrée',
     'gesdem-error.title.recovery': 'Reprise de la demande',
     'gesdem-error.text.wrong-etape-requested': 'La demande {reference} ne peut plus être modifiée via ce formulaire',
-    'gesdem-error.text.demande-not-found': 'La demande {reference} a été supprimée',
+    'gesdem-error.text.demande-not-found': 'Les conditions préalables pour la reprise de cette demande ne sont pas remplies',
     'gesdem-error.text.has-reference': 'Vous pouvez essayer de reprendre votre demande en cliquant sur le lien ci-dessous',
     'gesdem-error.link.has-reference': 'Reprendre ma demande',
     'gesdem-error.text.has-no-reference': 'Vous pouvez recommencer une demande en cliquant sur le lien ci-dessous',
@@ -1822,14 +1835,14 @@ class FoehnFormComponent {
             }
         }
     }
-    focusFirst() {
+    focusFirst(scrollIntoView = true) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const allComponents = this.getAllComponents().filter(value => !value.disabled &&
             value.type !== 'hidden' &&
             !value.hidden &&
             !value.subComponents?.length);
         if (allComponents && allComponents.length > 0) {
-            allComponents[0].focus();
+            allComponents[0].focus(scrollIntoView);
         }
     }
     focusErrorSummary() {
@@ -1911,8 +1924,6 @@ const isRedirectionToLogin = (event) => {
 };
 class IamExpiredInterceptorService {
     constructor() {
-        this.http = inject(HttpClient);
-        this.sessionInfoService = inject(SessionInfo);
         this._isIamSessionExpired = new BehaviorSubject(false);
     }
     get isIamSessionExpired() {
@@ -1922,14 +1933,7 @@ class IamExpiredInterceptorService {
         this._isIamSessionExpired.next(true);
     }
     intercept(req, next) {
-        // Skip interceptor for the preliminary requests (getRenewIamSessionIfConnected())
-        if (req.url.includes(SESSION_INFO_RENEW_URL) ||
-            req.url.includes(SESSION_INFO_API_URL)) {
-            return next
-                .handle(req)
-                .pipe(catchError(this.handleError.bind(this)));
-        }
-        return this.getRenewIamSessionIfConnected().pipe(switchMap(() => next.handle(req).pipe(map(event => {
+        return next.handle(req).pipe(map(event => {
             if (event instanceof HttpResponseBase) {
                 if (hasIamExpiredHeader(event) ||
                     isRedirectionToLogin(event)) {
@@ -1937,17 +1941,7 @@ class IamExpiredInterceptorService {
                 }
             }
             return event;
-        }), catchError(this.handleError.bind(this)))));
-    }
-    getRenewIamSessionIfConnected() {
-        // call session info through RP IAM (prestations.vd.ch) if user is connected
-        // this renews the session since it is a "secure" endpoint
-        // use OPTIONS to avoid extra load on session info
-        const isUserConnected = this.sessionInfoService.data.pipe(map(sessionInfo => !!sessionInfo?.context), catchError(() => of(null)));
-        const renewIamSession = this.http
-            .options(SESSION_INFO_RENEW_URL)
-            .pipe(catchError(() => of(null)));
-        return isUserConnected.pipe(take(1), switchMap(isConnected => (isConnected ? renewIamSession : of(null))));
+        }), catchError(this.handleError.bind(this)));
     }
     handleError(err) {
         if (err instanceof HttpErrorResponse) {
@@ -5677,12 +5671,12 @@ class GesdemActionRecoveryLoginComponent {
         this.router = router;
         this.route = route;
         this.eventsLoggerService = eventsLoggerService;
-        this.missingRecoveryInfos = false;
-        this.alreadyTransferred = false;
+        this.demandeNotFound = false;
+        this.rateLimited = false;
+        this.rateLimitCounter = 0;
     }
     ngOnInit() {
         this.otpRecipient = null;
-        this.missingRecoveryInfos = false;
         this.applicationInfoService.currentEtapeInfo
             .pipe(tap(currentEtape => {
             if (currentEtape.reprisePossible) {
@@ -5708,6 +5702,9 @@ class GesdemActionRecoveryLoginComponent {
             // eslint-disable-next-line rxjs-angular/prefer-async-pipe
             .subscribe();
     }
+    ngOnDestroy() {
+        this.rateLimitCounterSub?.unsubscribe();
+    }
     validateOtp() {
         this.eventsLoggerService.addEvent(SdkEventType.RECOVERY_LOGIN_STARTED);
         if (!this.route.snapshot.queryParams.reCaptchaByPassUUID &&
@@ -5773,35 +5770,56 @@ class GesdemActionRecoveryLoginComponent {
             }
         });
     }
+    getPluralMarker(count) {
+        return this.dictionaryService.getPluralMarkerSync(count);
+    }
     startRecovery() {
+        this.rateLimited = false;
+        this.demandeNotFound = false;
         this.recoveryService
             .startRecovery(this.reference)
             .pipe(catchError((response) => {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             const { error, status } = response;
-            this.missingRecoveryInfos =
+            this.rateLimited = status === 429;
+            if (this.rateLimited) {
+                this.startRateLimitCounter();
+                return EMPTY;
+            }
+            this.demandeNotFound =
                 status === 404 &&
                     error &&
-                    JSON.parse(error).code === 'ACTION_RECOVERY_NOT_FOUND';
-            this.alreadyTransferred =
-                status === 409 &&
-                    error &&
-                    JSON.parse(error).code === 'ACTION_ALREADY_TRANSFERRED';
-            if (!this.missingRecoveryInfos &&
-                !this.alreadyTransferred) {
-                this.growlService.addWithType(GrowlType.DANGER, this.dictionaryService.getKeySync('gesdem-action-recovery-login.password-generation-failed.label'));
+                    JSON.parse(error).code === DEMANDE_NOT_FOUND;
+            if (this.demandeNotFound) {
+                return EMPTY;
             }
+            this.growlService.addWithType(GrowlType.DANGER, this.dictionaryService.getKeySync('gesdem-action-recovery-login.password-generation-failed.label'));
             return throwError(() => true);
         }))
             // eslint-disable-next-line rxjs-angular/prefer-async-pipe
-            .subscribe(otpRecipient => (this.otpRecipient = otpRecipient));
+            .subscribe(otpRecipient => {
+            this.otpRecipient = otpRecipient;
+            this.startRateLimitCounter();
+        });
+    }
+    startRateLimitCounter() {
+        this.rateLimitCounter = 30;
+        const rateLimitCounterSub = interval(1000)
+            .pipe(take(30))
+            // eslint-disable-next-line rxjs-angular/prefer-async-pipe
+            .subscribe(() => {
+            this.rateLimitCounter--;
+            if (this.rateLimitCounter === 0) {
+                rateLimitCounterSub?.unsubscribe();
+            }
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: GesdemActionRecoveryLoginComponent, deps: [{ token: GesdemActionRecoveryService }, { token: GrowlBrokerService }, { token: FoehnConfirmModalService }, { token: ValidationHandlerService }, { token: ApplicationInfoService }, { token: GesdemHandlerService }, { token: SdkDictionaryService }, { token: i1$1.Router }, { token: i1$1.ActivatedRoute }, { token: SdkEventsLoggerService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: GesdemActionRecoveryLoginComponent, isStandalone: false, selector: "gesdem-action-recovery-login", inputs: { reference: "reference", redirectTarget: "redirectTarget" }, viewQueries: [{ propertyName: "loginForm", first: true, predicate: FoehnFormComponent, descendants: true }, { propertyName: "recaptchaComponent", first: true, predicate: SdkRecaptchaComponent, descendants: true }], ngImport: i0, template: "<div class=\"container mt-5\">\n    <div class=\"alert alert-danger\" *ngIf=\"missingRecoveryInfos\">\n        Vous n'avez pas indiqu\u00E9 d'informations de contact pour la reprise de\n        cette demande, merci de contacter le support.\n    </div>\n    <div class=\"alert alert-danger\" *ngIf=\"alreadyTransferred\">\n        La demande que vous essayez de reprendre a d\u00E9j\u00E0 \u00E9t\u00E9 transmise, elle\n        n'est plus modifiable.\n    </div>\n\n    <foehn-form [shouldDisplayAlertSummary]=\"false\" *ngIf=\"otpRecipient\">\n        <div class=\"row\">\n            <div class=\"col-md-8\">\n                <foehn-input-text\n                    [label]=\"\n                        'Veuillez saisir le code envoy\u00E9 par SMS au num\u00E9ro ' +\n                        otpRecipient\n                    \"\n                    [(model)]=\"otp\"\n                    name=\"otp\"\n                    [required]=\"true\"\n                ></foehn-input-text>\n            </div>\n        </div>\n\n        <div class=\"row\">\n            <div class=\"col-md-8\">\n                Pour obtenir un nouveau code, vous devez recliquer sur le\n                <a [href]=\"redirectTarget\">lien</a>\n                de reprise de la demande\n            </div>\n        </div>\n\n        <br />\n\n        <div class=\"row\">\n            <div class=\"col-md-8\">\n                <captcha></captcha>\n\n                <button\n                    id=\"nextButton\"\n                    type=\"submit\"\n                    class=\"btn btn-dark float-end\"\n                    (click)=\"validateOtp()\"\n                >\n                    Suivant\n                </button>\n            </div>\n        </div>\n    </foehn-form>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FoehnInputTextComponent, selector: "foehn-input-text", inputs: ["numberOnly"] }, { kind: "component", type: FoehnFormComponent, selector: "foehn-form", inputs: ["shouldDisplayAlertSummary"] }, { kind: "component", type: SdkRecaptchaComponent, selector: "captcha" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: GesdemActionRecoveryLoginComponent, isStandalone: false, selector: "gesdem-action-recovery-login", inputs: { reference: "reference", redirectTarget: "redirectTarget" }, viewQueries: [{ propertyName: "loginForm", first: true, predicate: FoehnFormComponent, descendants: true }, { propertyName: "recaptchaComponent", first: true, predicate: SdkRecaptchaComponent, descendants: true }], ngImport: i0, template: "<div class=\"container mt-5\">\n    <div\n        class=\"alert alert-danger\"\n        *ngIf=\"demandeNotFound\"\n        [innerHTML]=\"'gesdem-error.text.demande-not-found' | fromDictionary\"\n    ></div>\n\n    <div class=\"alert alert-danger\" *ngIf=\"rateLimited\">\n        @if (rateLimitCounter > 0) {\n            <span\n                [innerHTML]=\"\n                    'gesdem-action-recovery-login.rate-limited.label'\n                        | fromDictionary\n                            : {\n                                  rateLimitCounter:\n                                      rateLimitCounter?.toString(),\n                                  plural: getPluralMarker(rateLimitCounter)\n                              }\n                \"\n            ></span>\n        } @else {\n            <span\n                [innerHTML]=\"\n                    'gesdem-action-recovery-login.request-now-code.label'\n                        | fromDictionary: { redirectTarget: redirectTarget }\n                \"\n            ></span>\n        }\n    </div>\n\n    <foehn-form [shouldDisplayAlertSummary]=\"false\" *ngIf=\"otpRecipient\">\n        <div class=\"row\">\n            <div class=\"col-md-8\">\n                <foehn-input-text\n                    [label]=\"\n                        'Veuillez saisir le code envoy\u00E9 par SMS au num\u00E9ro ' +\n                        otpRecipient\n                    \"\n                    [(model)]=\"otp\"\n                    name=\"otp\"\n                    [required]=\"true\"\n                ></foehn-input-text>\n            </div>\n        </div>\n\n        <div class=\"row\">\n            <div class=\"col-md-8\">\n                @if (rateLimitCounter > 0) {\n                    <span\n                        [innerHTML]=\"\n                            'gesdem-action-recovery-login.rate-limited.label'\n                                | fromDictionary\n                                    : {\n                                          rateLimitCounter:\n                                              rateLimitCounter?.toString(),\n                                          plural: getPluralMarker(\n                                              rateLimitCounter\n                                          )\n                                      }\n                        \"\n                    ></span>\n                } @else {\n                    <span\n                        [innerHTML]=\"\n                            'gesdem-action-recovery-login.request-now-code.label'\n                                | fromDictionary\n                                    : { redirectTarget: redirectTarget }\n                        \"\n                    ></span>\n                }\n            </div>\n        </div>\n\n        <br />\n\n        <div class=\"row\">\n            <div class=\"col-md-8\">\n                <captcha></captcha>\n\n                <button\n                    id=\"nextButton\"\n                    type=\"submit\"\n                    class=\"btn btn-dark float-end\"\n                    (click)=\"validateOtp()\"\n                >\n                    Suivant\n                </button>\n            </div>\n        </div>\n    </foehn-form>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FoehnInputTextComponent, selector: "foehn-input-text", inputs: ["numberOnly"] }, { kind: "component", type: FoehnFormComponent, selector: "foehn-form", inputs: ["shouldDisplayAlertSummary"] }, { kind: "component", type: SdkRecaptchaComponent, selector: "captcha" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: GesdemActionRecoveryLoginComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gesdem-action-recovery-login', standalone: false, template: "<div class=\"container mt-5\">\n    <div class=\"alert alert-danger\" *ngIf=\"missingRecoveryInfos\">\n        Vous n'avez pas indiqu\u00E9 d'informations de contact pour la reprise de\n        cette demande, merci de contacter le support.\n    </div>\n    <div class=\"alert alert-danger\" *ngIf=\"alreadyTransferred\">\n        La demande que vous essayez de reprendre a d\u00E9j\u00E0 \u00E9t\u00E9 transmise, elle\n        n'est plus modifiable.\n    </div>\n\n    <foehn-form [shouldDisplayAlertSummary]=\"false\" *ngIf=\"otpRecipient\">\n        <div class=\"row\">\n            <div class=\"col-md-8\">\n                <foehn-input-text\n                    [label]=\"\n                        'Veuillez saisir le code envoy\u00E9 par SMS au num\u00E9ro ' +\n                        otpRecipient\n                    \"\n                    [(model)]=\"otp\"\n                    name=\"otp\"\n                    [required]=\"true\"\n                ></foehn-input-text>\n            </div>\n        </div>\n\n        <div class=\"row\">\n            <div class=\"col-md-8\">\n                Pour obtenir un nouveau code, vous devez recliquer sur le\n                <a [href]=\"redirectTarget\">lien</a>\n                de reprise de la demande\n            </div>\n        </div>\n\n        <br />\n\n        <div class=\"row\">\n            <div class=\"col-md-8\">\n                <captcha></captcha>\n\n                <button\n                    id=\"nextButton\"\n                    type=\"submit\"\n                    class=\"btn btn-dark float-end\"\n                    (click)=\"validateOtp()\"\n                >\n                    Suivant\n                </button>\n            </div>\n        </div>\n    </foehn-form>\n</div>\n" }]
+            args: [{ selector: 'gesdem-action-recovery-login', standalone: false, template: "<div class=\"container mt-5\">\n    <div\n        class=\"alert alert-danger\"\n        *ngIf=\"demandeNotFound\"\n        [innerHTML]=\"'gesdem-error.text.demande-not-found' | fromDictionary\"\n    ></div>\n\n    <div class=\"alert alert-danger\" *ngIf=\"rateLimited\">\n        @if (rateLimitCounter > 0) {\n            <span\n                [innerHTML]=\"\n                    'gesdem-action-recovery-login.rate-limited.label'\n                        | fromDictionary\n                            : {\n                                  rateLimitCounter:\n                                      rateLimitCounter?.toString(),\n                                  plural: getPluralMarker(rateLimitCounter)\n                              }\n                \"\n            ></span>\n        } @else {\n            <span\n                [innerHTML]=\"\n                    'gesdem-action-recovery-login.request-now-code.label'\n                        | fromDictionary: { redirectTarget: redirectTarget }\n                \"\n            ></span>\n        }\n    </div>\n\n    <foehn-form [shouldDisplayAlertSummary]=\"false\" *ngIf=\"otpRecipient\">\n        <div class=\"row\">\n            <div class=\"col-md-8\">\n                <foehn-input-text\n                    [label]=\"\n                        'Veuillez saisir le code envoy\u00E9 par SMS au num\u00E9ro ' +\n                        otpRecipient\n                    \"\n                    [(model)]=\"otp\"\n                    name=\"otp\"\n                    [required]=\"true\"\n                ></foehn-input-text>\n            </div>\n        </div>\n\n        <div class=\"row\">\n            <div class=\"col-md-8\">\n                @if (rateLimitCounter > 0) {\n                    <span\n                        [innerHTML]=\"\n                            'gesdem-action-recovery-login.rate-limited.label'\n                                | fromDictionary\n                                    : {\n                                          rateLimitCounter:\n                                              rateLimitCounter?.toString(),\n                                          plural: getPluralMarker(\n                                              rateLimitCounter\n                                          )\n                                      }\n                        \"\n                    ></span>\n                } @else {\n                    <span\n                        [innerHTML]=\"\n                            'gesdem-action-recovery-login.request-now-code.label'\n                                | fromDictionary\n                                    : { redirectTarget: redirectTarget }\n                        \"\n                    ></span>\n                }\n            </div>\n        </div>\n\n        <br />\n\n        <div class=\"row\">\n            <div class=\"col-md-8\">\n                <captcha></captcha>\n\n                <button\n                    id=\"nextButton\"\n                    type=\"submit\"\n                    class=\"btn btn-dark float-end\"\n                    (click)=\"validateOtp()\"\n                >\n                    Suivant\n                </button>\n            </div>\n        </div>\n    </foehn-form>\n</div>\n" }]
         }], ctorParameters: () => [{ type: GesdemActionRecoveryService }, { type: GrowlBrokerService }, { type: FoehnConfirmModalService }, { type: ValidationHandlerService }, { type: ApplicationInfoService }, { type: GesdemHandlerService }, { type: SdkDictionaryService }, { type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: SdkEventsLoggerService }], propDecorators: { reference: [{
                 type: Input
             }], redirectTarget: [{
@@ -16878,5 +16896,5 @@ class SdkLog {
  * Generated bundle index. Do not edit.
  */
 
-export { APP_INFO_API_URL, AbstractFoehnUploaderComponent, AbstractListDetailPageComponent, AbstractMenuPageComponent, AbstractPageComponent, AbstractPageFromMenuComponent, ActionStatut, Address, AddressTypeLight, ApplicationInfo, ApplicationInfoService, BAD_PARAMS_HELP_TEXT, BoDocumentError, BoDocumentsWithErrors, BoMultiUploadService, Breadcrumb, BreadcrumbEventService, BreadcrumbItem, CAPTCHA_ERROR_NAME, CURRENCY_REGEXP, Calendar, Canton, Captcha, ComponentError, Configuration, Country, CurrencyHelper, CurrentWeek, DECIMALS_SEPARATOR, DEFAULT_INTERNATIONAL_AND_NO_SWISS, DEFAULT_INTERNATIONAL_AND_NO_SWISS_MOBILE, DEFAULT_INTERNATIONAL_AND_NO_SWISS_PHONE, DEFAULT_INTERNATIONAL_HELP_TEXT, DEFAULT_PREFIX, DEFAULT_SWISS_HELP_TEXT, DEFAULT_SWISS_MOBILE_PHONE_HELP_TEXT, DEFAULT_SWISS_PHONE_HELP_TEXT, DICTIONARY_BASE_URL, DateHelper, DatePickerHelper, DatePickerNavigationHelper, DayMonth, DaySlots, DemandeExpirationService, DemandeHelper, DisplayCurrencyPipe, DisplayDatePipe, District, Document, DocumentError, DocumentReference, DocumentReferenceWithFile, DocumentsWithErrors, DropdownMenuGroup, DropdownMenuItem, EPaymentService, EtapeInfo, FEEDBACK_USAGERS_LOCAL_STORAGE_PREFIX, FORM_SUPPORT_CYBER_TITLE_FALLBACK, FocusedDay, FoehnAbbrComponent, FoehnAddressModule, FoehnAgendaComponent, FoehnAgendaModule, FoehnAgendaNavigationComponent, FoehnAgendaTimeslotPanelComponent, FoehnAutocompleteComponent, FoehnAutocompleteModule, FoehnBoMultiUploadComponent, FoehnBoMultiUploadModule, FoehnBooleanCheckboxComponent, FoehnBooleanModule, FoehnBooleanRadioComponent, FoehnBreadcrumbComponent, FoehnBreadcrumbModule, FoehnCheckableGroupComponent, FoehnCheckablesModule, FoehnCheckboxComponent, FoehnConfirmModalComponent, FoehnConfirmModalContent, FoehnConfirmModalModule, FoehnConfirmModalService, FoehnDateComponent, FoehnDatePickerButtonComponent, FoehnDatePickerButtonModule, FoehnDatePickerComponent, FoehnDatePickerModule, FoehnDateTimeComponent, FoehnDecisionElectroniqueComponent, FoehnDecisionElectroniqueModule, FoehnDisplayAddressComponent, FoehnDropdownMenuComponent, FoehnDropdownMenuModule, FoehnErrorPillComponent, FoehnFeedbackNotificationComponent, FoehnFeedbackNotificationModule, FoehnFormComponent, FoehnFormModule, FoehnHeaderComponent, FoehnHeaderModule, FoehnHelpModalComponent, FoehnHelpModalModule, FoehnIconCalendarComponent, FoehnIconCheckComponent, FoehnIconCheckSquareOComponent, FoehnIconChevronDownComponent, FoehnIconChevronLeftComponent, FoehnIconChevronRightComponent, FoehnIconChevronUpComponent, FoehnIconClockComponent, FoehnIconCommentDotsComponent, FoehnIconEditComponent, FoehnIconExternalLinkAltComponent, FoehnIconFilePdfComponent, FoehnIconInfoCircleComponent, FoehnIconLockComponent, FoehnIconMapMarkerComponent, FoehnIconMinusCircleComponent, FoehnIconPencilComponent, FoehnIconPlusCircleComponent, FoehnIconPlusSquareComponent, FoehnIconSearchComponent, FoehnIconTimesComponent, FoehnIconTrashAltComponent, FoehnIconUnlockAltComponent, FoehnIconUserComponent, FoehnIconsModule, FoehnInputAddressComponent, FoehnInputComponent, FoehnInputEmailComponent, FoehnInputForeignLocalityComponent, FoehnInputForeignStreetComponent, FoehnInputHiddenComponent, FoehnInputModule, FoehnInputNav13Component, FoehnInputNav13Module, FoehnInputNumberComponent, FoehnInputPasswordComponent, FoehnInputPhoneComponent, FoehnInputPrefixedTextComponent, FoehnInputStringComponent, FoehnInputTextComponent, FoehnInputTextareaComponent, FoehnListComponent, FoehnListItem, FoehnListModule, FoehnListSummaryComponent, FoehnMenuItemComponent, FoehnMenuItemTransmitComponent, FoehnMenuPrestationModule, FoehnMiscModule, FoehnModalComponent, FoehnModalModule, FoehnMultiUploadComponent, FoehnMultiUploadModule, FoehnMultiselectAutocompleteComponent, FoehnMultiselectAutocompleteModule, FoehnNavigationComponent, FoehnNavigationModule, FoehnNavigationService, FoehnNotFoundModule, FoehnNotfoundComponent, FoehnPageComponent, FoehnPageCounterComponent, FoehnPageExpirationTimerComponent, FoehnPageModalComponent, FoehnPageModule, FoehnPageService, FoehnPictureUploadComponent, FoehnPictureUploadModule, FoehnRadioComponent, FoehnRecapSectionComponent, FoehnRecapSectionModule, FoehnRemainingAlertsSummaryComponent, FoehnRemainingAlertsSummaryModule, FoehnSelectComponent, FoehnSimpleNavigationComponent, FoehnSkipLinkComponent, FoehnStatusProgressBarComponent, FoehnStatusProgressBarModule, FoehnTableColumnConfiguration, FoehnTableComponent, FoehnTableModule, FoehnTablePageChangeEvent, FoehnTimeComponent, FoehnTransmitWaitingModalComponent, FoehnTransmitWaitingModalService, FoehnUploadProgressBarComponent, FoehnUploadProgressBarModule, FoehnUserConnectedAsComponent, FoehnUserConnectedAsModule, FoehnValidationAlertSummaryComponent, FoehnValidationAlertSummaryModule, FoehnValidationAlertsComponent, FoehnValidationAlertsModule, FooterLink, FormMetadata, FormPostResponse, FormSelectOption, FormatIdePipe, FormatterModule, GESDEM_MAX_DATA_LENGTH, GesdemActionRecoveryLoginComponent, GesdemActionRecoveryModule, GesdemActionRecoveryRegistrationComponent, GesdemConfirmationComponent, GesdemConfirmationModule, GesdemErrorComponent, GesdemErrorModule, GesdemEventService, GesdemHandlerService, GesdemStatutUtils, GrowlBrokerService, GrowlMessage, GrowlType, HTTP_LOADER_FILTERED_URL, I18nForm, IbanFormatterDirective, IdeFormatterDirective, IntervalHelper, Locality, MonthYear, MultiUploadService, Municipality, NDCFormatterDirective, NavigationDirection, NumberCurrencyFormatterDirective, ObjectHelper, PORTAIL_BASE_URL_INT, PORTAIL_BASE_URL_PROD, PORTAIL_BASE_URL_VAL, PageChangeEvent, PageUploadLimitService, PaginationWeek, PendingFiles, PendingPaymentComponent, PendingUploadService, PipeModule, PlaceOfOrigin, Portail, PostalLocality, Preferences, PrestationsNgCoreModule, RECAPTCHA_API_URL, RecaptchaService, RedirectComponent, RegisterNgModelService, RowElement, SESSION_INFO_API_URL, SESSION_INFO_RENEW_URL, SWISS_ISO_ID, ScrollHelper, SdkDictionaryModule, SdkDictionaryPipe, SdkDictionaryService, SdkEpaymentComponent, SdkEpaymentModule, SdkEvent, SdkEventType, SdkEventsLoggerService, SdkLog, SdkLogLevel, SdkLogsService, SdkRecaptchaComponent, SdkRecaptchaModule, SdkRedirectModule, SdkStatisticsService, SelectedSlot, ServiceLocator, Session, SessionInfo, SessionInfoData, SessionInfoWithApplicationService, Street, StreetNumber, THOUSANDS_SEPARATOR, TRANSMIT_WAITING_MODAL_DELAY_IN_MILLISECONDS, TableSort, UploadProgress, UploadProgressService, UploaderHelper, ValidationHandlerService, formatDecimalCurrency, formatNonDecimalCurrency, formatNumberAsGiven, gesdemLoaderGuard, replaceAll };
+export { APP_INFO_API_URL, AbstractFoehnUploaderComponent, AbstractListDetailPageComponent, AbstractMenuPageComponent, AbstractPageComponent, AbstractPageFromMenuComponent, ActionStatut, Address, AddressTypeLight, ApplicationInfo, ApplicationInfoService, BAD_PARAMS_HELP_TEXT, BoDocumentError, BoDocumentsWithErrors, BoMultiUploadService, Breadcrumb, BreadcrumbEventService, BreadcrumbItem, CAPTCHA_ERROR_NAME, CURRENCY_REGEXP, Calendar, Canton, Captcha, ComponentError, Configuration, Country, CurrencyHelper, CurrentWeek, DECIMALS_SEPARATOR, DEFAULT_INTERNATIONAL_AND_NO_SWISS, DEFAULT_INTERNATIONAL_AND_NO_SWISS_MOBILE, DEFAULT_INTERNATIONAL_AND_NO_SWISS_PHONE, DEFAULT_INTERNATIONAL_HELP_TEXT, DEFAULT_PREFIX, DEFAULT_SWISS_HELP_TEXT, DEFAULT_SWISS_MOBILE_PHONE_HELP_TEXT, DEFAULT_SWISS_PHONE_HELP_TEXT, DICTIONARY_BASE_URL, DateHelper, DatePickerHelper, DatePickerNavigationHelper, DayMonth, DaySlots, DemandeExpirationService, DemandeHelper, DisplayCurrencyPipe, DisplayDatePipe, District, Document, DocumentError, DocumentReference, DocumentReferenceWithFile, DocumentsWithErrors, DropdownMenuGroup, DropdownMenuItem, EPaymentService, EtapeInfo, FEEDBACK_USAGERS_LOCAL_STORAGE_PREFIX, FORM_SUPPORT_CYBER_TITLE_FALLBACK, FocusedDay, FoehnAbbrComponent, FoehnAddressModule, FoehnAgendaComponent, FoehnAgendaModule, FoehnAgendaNavigationComponent, FoehnAgendaTimeslotPanelComponent, FoehnAutocompleteComponent, FoehnAutocompleteModule, FoehnBoMultiUploadComponent, FoehnBoMultiUploadModule, FoehnBooleanCheckboxComponent, FoehnBooleanModule, FoehnBooleanRadioComponent, FoehnBreadcrumbComponent, FoehnBreadcrumbModule, FoehnCheckableGroupComponent, FoehnCheckablesModule, FoehnCheckboxComponent, FoehnConfirmModalComponent, FoehnConfirmModalContent, FoehnConfirmModalModule, FoehnConfirmModalService, FoehnDateComponent, FoehnDatePickerButtonComponent, FoehnDatePickerButtonModule, FoehnDatePickerComponent, FoehnDatePickerModule, FoehnDateTimeComponent, FoehnDecisionElectroniqueComponent, FoehnDecisionElectroniqueModule, FoehnDisplayAddressComponent, FoehnDropdownMenuComponent, FoehnDropdownMenuModule, FoehnErrorPillComponent, FoehnFeedbackNotificationComponent, FoehnFeedbackNotificationModule, FoehnFormComponent, FoehnFormModule, FoehnHeaderComponent, FoehnHeaderModule, FoehnHelpModalComponent, FoehnHelpModalModule, FoehnIconCalendarComponent, FoehnIconCheckComponent, FoehnIconCheckSquareOComponent, FoehnIconChevronDownComponent, FoehnIconChevronLeftComponent, FoehnIconChevronRightComponent, FoehnIconChevronUpComponent, FoehnIconClockComponent, FoehnIconCommentDotsComponent, FoehnIconEditComponent, FoehnIconExternalLinkAltComponent, FoehnIconFilePdfComponent, FoehnIconInfoCircleComponent, FoehnIconLockComponent, FoehnIconMapMarkerComponent, FoehnIconMinusCircleComponent, FoehnIconPencilComponent, FoehnIconPlusCircleComponent, FoehnIconPlusSquareComponent, FoehnIconSearchComponent, FoehnIconTimesComponent, FoehnIconTrashAltComponent, FoehnIconUnlockAltComponent, FoehnIconUserComponent, FoehnIconsModule, FoehnInputAddressComponent, FoehnInputComponent, FoehnInputEmailComponent, FoehnInputForeignLocalityComponent, FoehnInputForeignStreetComponent, FoehnInputHiddenComponent, FoehnInputModule, FoehnInputNav13Component, FoehnInputNav13Module, FoehnInputNumberComponent, FoehnInputPasswordComponent, FoehnInputPhoneComponent, FoehnInputPrefixedTextComponent, FoehnInputStringComponent, FoehnInputTextComponent, FoehnInputTextareaComponent, FoehnListComponent, FoehnListItem, FoehnListModule, FoehnListSummaryComponent, FoehnMenuItemComponent, FoehnMenuItemTransmitComponent, FoehnMenuPrestationModule, FoehnMiscModule, FoehnModalComponent, FoehnModalModule, FoehnMultiUploadComponent, FoehnMultiUploadModule, FoehnMultiselectAutocompleteComponent, FoehnMultiselectAutocompleteModule, FoehnNavigationComponent, FoehnNavigationModule, FoehnNavigationService, FoehnNotFoundModule, FoehnNotfoundComponent, FoehnPageComponent, FoehnPageCounterComponent, FoehnPageExpirationTimerComponent, FoehnPageModalComponent, FoehnPageModule, FoehnPageService, FoehnPictureUploadComponent, FoehnPictureUploadModule, FoehnRadioComponent, FoehnRecapSectionComponent, FoehnRecapSectionModule, FoehnRemainingAlertsSummaryComponent, FoehnRemainingAlertsSummaryModule, FoehnSelectComponent, FoehnSimpleNavigationComponent, FoehnSkipLinkComponent, FoehnStatusProgressBarComponent, FoehnStatusProgressBarModule, FoehnTableColumnConfiguration, FoehnTableComponent, FoehnTableModule, FoehnTablePageChangeEvent, FoehnTimeComponent, FoehnTransmitWaitingModalComponent, FoehnTransmitWaitingModalService, FoehnUploadProgressBarComponent, FoehnUploadProgressBarModule, FoehnUserConnectedAsComponent, FoehnUserConnectedAsModule, FoehnValidationAlertSummaryComponent, FoehnValidationAlertSummaryModule, FoehnValidationAlertsComponent, FoehnValidationAlertsModule, FooterLink, FormMetadata, FormPostResponse, FormSelectOption, FormatIdePipe, FormatterModule, GESDEM_MAX_DATA_LENGTH, GesdemActionRecoveryLoginComponent, GesdemActionRecoveryModule, GesdemActionRecoveryRegistrationComponent, GesdemConfirmationComponent, GesdemConfirmationModule, GesdemErrorComponent, GesdemErrorModule, GesdemEventService, GesdemHandlerService, GesdemStatutUtils, GrowlBrokerService, GrowlMessage, GrowlType, HTTP_LOADER_FILTERED_URL, I18nForm, IbanFormatterDirective, IdeFormatterDirective, IntervalHelper, Locality, MonthYear, MultiUploadService, Municipality, NDCFormatterDirective, NavigationDirection, NumberCurrencyFormatterDirective, ObjectHelper, PORTAIL_BASE_URL_INT, PORTAIL_BASE_URL_PROD, PORTAIL_BASE_URL_VAL, PageChangeEvent, PageUploadLimitService, PaginationWeek, PendingFiles, PendingPaymentComponent, PendingUploadService, PipeModule, PlaceOfOrigin, Portail, PostalLocality, Preferences, PrestationsNgCoreModule, RECAPTCHA_API_URL, RecaptchaService, RedirectComponent, RegisterNgModelService, RowElement, SESSION_INFO_API_URL, SWISS_ISO_ID, ScrollHelper, SdkDictionaryModule, SdkDictionaryPipe, SdkDictionaryService, SdkEpaymentComponent, SdkEpaymentModule, SdkEvent, SdkEventType, SdkEventsLoggerService, SdkLog, SdkLogLevel, SdkLogsService, SdkRecaptchaComponent, SdkRecaptchaModule, SdkRedirectModule, SdkStatisticsService, SelectedSlot, ServiceLocator, Session, SessionInfo, SessionInfoData, SessionInfoWithApplicationService, Street, StreetNumber, THOUSANDS_SEPARATOR, TRANSMIT_WAITING_MODAL_DELAY_IN_MILLISECONDS, TableSort, UploadProgress, UploadProgressService, UploaderHelper, ValidationHandlerService, formatDecimalCurrency, formatNonDecimalCurrency, formatNumberAsGiven, gesdemLoaderGuard, replaceAll };
 //# sourceMappingURL=dsivd-prestations-ng.mjs.map