@dsivd/prestations-ng 14.5.16 → 14.5.17-beta1

package/CHANGELOG.md

@@ -26,6 +26,22 @@ A change is considered **breaking** if you have to change your code or update yo
 
 ---
 
+## [14.5.17]
+
+### Updated
+
+- [session-info.service.ts](projects/prestations-ng/src/sdk-session-info/session-info.service.ts)
+    - `SessionInfoData` data getter now depends on `neverConnected` attribute to avoid unnecessary calls to sessionInfo api (PRESTAKIT-364).
+    - To retrieve `SessionInfoData` data from api url, you need to explicitly set `neverConnected` attribute to `false`.
+
+- [foehn-page.component.ts](projects/prestations-ng/src/foehn-page/foehn-page.component.ts)
+    - `@Input() neverConnected` is now set to `false` by default to retrieve `SessionInfoData` data for backwards compatibility purposes.
+
+- [support-alert.service.ts](projects/prestations-ng/src/sdk-support-alert/support-alert.service.ts)
+    - removed `setRefreshIntervalInSeconds(refreshIntervalsInSeconds: number)`, support alerts are now refreshed on every NavigationStart event from the Angular Router, but at most every 3 minutes.
+- [foehn-page.component.html](projects/prestations-ng/src/foehn-page/foehn-page.component.html)
+    - added `@Input() supportAlertRefreshIntervalsInSeconds: number`, support alerts are now refreshed on every NavigationStart event from the Angular Router, but at most every 3 minutes.
+
 ## [14.5.16]
 
 ### Updated

package/CONTRIBUTING.md

@@ -188,3 +188,34 @@ export NODE_OPTIONS=--max_old_space_size=4096
 ```
 
 Use at your own risks.
+
+## E2E testing
+
+`Protractor` is no longer included in new Angular projects as of Angular 12.
+We have decided to remove it from `prestations-ng` and use instead `Cypress`.
+
+For more informations, please visit :
+https://github.com/angular/protractor/issues/5502
+https://docs.cypress.io/guides/migrating-to-cypress/protractor#Introduction
+
+**DO NOT FORGET TO BUILD THE LIBRARY BEFORE RUNNING E2E TESTS**
+
+### Running e2e in headless mode
+
+When launching Cypress in headless mode, execute:
+```bash
+yarn e2e
+```
+When a test fails, a screenshot will be added in `e2e/cypress/screenshots` folder.
+
+### Running e2e using Cypress visual interface
+
+When launching Cypress visual interface for running tests files individually in `watch` mode, execute:
+```bash
+yarn e2e:open
+```
+To execute a test, just click on your integration test file listed in the newly open window.
+A new window will open showing your e2e test execution.
+To show back your test list window, just click on `Tests` button in the top left corner.
+Click the `Stop` button to close your e2e test execution window.
+Then click on an other test in the list and so on...

package/UPGRADING_V12.md

@@ -216,18 +216,3 @@ In your `package.json` located at the root of your application, add `start:symli
     }
 }
 ```
-
-## e2e tip
-
-When `e2e` test are broken due to `puppeteer` not having the same version between browser and driver, you can temporarily modify your `package.json` with:
-
-```json
-{
-    "scripts": {
-        "pree2e": "node_modules/protractor/bin/webdriver-manager update --versions.chrome=[VERSION_OF_CHROME_MATCHING_DRIVER] --gecko false --standalone false",
-        "e2e": "ng e2e --webdriverUpdate=false"
-    }
-}
-```
-
-**Be sure to rollback when `puppeteer` is up-to-date**

package/UPGRADING_V13.md

@@ -29,18 +29,3 @@ yarn upgrade
 ## Migrating to ESLint
 
 -   Follow [our migration guide](ESLINT_MIGRATION_GUIDE.md) to migrate your project from TSLint to ESLint
-
-## e2e tip
-
-When `e2e` test are broken due to `puppeteer` not having the same version between browser and driver, you can temporarily modify your `package.json` with:
-
-```json
-{
-    "scripts": {
-        "pree2e": "node_modules/protractor/bin/webdriver-manager update --versions.chrome=[VERSION_OF_CHROME_MATCHING_DRIVER] --gecko false --standalone false",
-        "e2e": "ng e2e --webdriverUpdate=false"
-    }
-}
-```
-
-**Be sure to rollback when `puppeteer` is up-to-date**

package/UPGRADING_V14.md

@@ -50,18 +50,3 @@ yarn upgrade
 ## Migrating to ESLint
 
 -   Follow [our migration guide](ESLINT_MIGRATION_GUIDE.md) to migrate your project from TSLint to ESLint
-
-## e2e tip
-
-When `e2e` test are broken due to `puppeteer` not having the same version between browser and driver, you can temporarily modify your `package.json` with:
-
-```json
-{
-    "scripts": {
-        "pree2e": "node_modules/protractor/bin/webdriver-manager update --versions.chrome=[VERSION_OF_CHROME_MATCHING_DRIVER] --gecko false --standalone false",
-        "e2e": "ng e2e --webdriverUpdate=false"
-    }
-}
-```
-
-**Be sure to rollback when `puppeteer` is up-to-date**

package/bundles/dsivd-prestations-ng.umd.js

@@ -867,52 +867,79 @@
 
     var SESSION_INFO_API_URL = 'api/sessionInfo/data';
     var SessionInfo = /** @class */ (function () {
-        function SessionInfo(http) {
+        function SessionInfo(http, growlService, ngZone) {
             this.http = http;
+            this.growlService = growlService;
+            this.ngZone = ngZone;
+            this.neverConnected_ = new rxjs.BehaviorSubject(undefined);
         }
         Object.defineProperty(SessionInfo.prototype, "data", {
             get: function () {
                 var _this = this;
-                if (this.neverConnected_) {
-                    return rxjs.of(null);
-                }
-                else {
-                    if (!this.pulling_) {
-                        this.pulling_ = this.http
-                            .get(SESSION_INFO_API_URL)
-                            .pipe(operators.map(function (r) {
-                            if (r) {
-                                return (_this.sessionData = r);
-                            }
-                            return null;
-                        }), operators.shareReplay(1));
+                return this.neverConnected_.asObservable().pipe(operators.tap(function () {
+                    if (_this.timeoutLogError) {
+                        clearTimeout(_this.timeoutLogError);
                     }
-                    return this.pulling_;
-                }
+                }), operators.switchMap(function (neverConnected) {
+                    if (neverConnected !== false) {
+                        if (neverConnected === undefined) {
+                            _this.logErrorNeverConnectedIsNotSet();
+                        }
+                        if (!_this.onMicroTaskEmptyPulling_) {
+                            // Need 'onMicrotaskEmpty' to avoid 'ExpressionChangedAfterItHasBeenCheckedError'
+                            _this.onMicroTaskEmptyPulling_ = _this.ngZone.onMicrotaskEmpty.pipe(operators.first(), operators.map(function () { return null; }), operators.shareReplay(1));
+                        }
+                        return _this.onMicroTaskEmptyPulling_;
+                    }
+                    else {
+                        if (!_this.pulling_) {
+                            _this.pulling_ = _this.http
+                                .get(SESSION_INFO_API_URL)
+                                .pipe(operators.catchError(function () {
+                                var message = 'Impossible de récupérer les informations de la personne connectée';
+                                _this.growlService.addWithType(GrowlType.DANGER, message);
+                                return rxjs.of(null);
+                            }), operators.map(function (r) {
+                                if (r) {
+                                    return (_this.sessionData = r);
+                                }
+                                return null;
+                            }), operators.shareReplay(1));
+                        }
+                        return _this.pulling_;
+                    }
+                }));
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(SessionInfo.prototype, "neverConnected", {
             get: function () {
-                return this.neverConnected_;
+                return this.neverConnected_.getValue();
             },
             set: function (neverConnected) {
-                this.neverConnected_ = neverConnected;
+                this.neverConnected_.next(neverConnected);
             },
             enumerable: false,
             configurable: true
         });
+        SessionInfo.prototype.logErrorNeverConnectedIsNotSet = function () {
+            // Use of setTimeout to avoid unnecessary error log
+            this.timeoutLogError = setTimeout(function () {
+                console.error("Error: 'neverConnected' is not set. " +
+                    'Find more at https://dsi-vd.github.io/prestations-ng/CHANGELOG.md#_14_5_16_');
+            }, 2000);
+        };
         return SessionInfo;
     }());
-    SessionInfo.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: SessionInfo, deps: [{ token: i1__namespace.HttpClient }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    SessionInfo.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: SessionInfo, deps: [{ token: i1__namespace.HttpClient }, { token: GrowlBrokerService }, { token: i0__namespace.NgZone }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
     SessionInfo.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: SessionInfo, providedIn: 'root' });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: SessionInfo, decorators: [{
                 type: i0.Injectable,
                 args: [{
                         providedIn: 'root'
                     }]
-            }], ctorParameters: function () { return [{ type: i1__namespace.HttpClient }]; } });
+            }], ctorParameters: function () { return [{ type: i1__namespace.HttpClient }, { type: GrowlBrokerService }, { type: i0__namespace.NgZone }]; } });
 
     var GesdemHandlerService = /** @class */ (function () {
         function GesdemHandlerService(http, growlService, validationHandlerService, router, route, errorHandlerService, sessionInfo) {
@@ -3262,12 +3289,14 @@
             else {
                 this._validationHandlerService.shouldDisplayErrors(true);
             }
-            this.sendForFormConcurrentSafe.subscribe(function () { return _this.onFormSent(goToNextPage); });
+            this.sendForFormConcurrentSafe
+                .pipe(operators.first())
+                .subscribe(function () { return _this.onFormSent(goToNextPage); });
         };
         AbstractPageComponent.prototype.transmit = function () {
             var _this = this;
             this._validationHandlerService.shouldDisplayErrors(true);
-            this.transmitConcurrentSafe.subscribe(function () {
+            this.transmitConcurrentSafe.pipe(operators.first()).subscribe(function () {
                 if (!_this._gesdemService.lastResponse.errors.length) {
                     _this._gesdemEventService.formTransmittedSubject.next(_this._gesdemService.lastResponse);
                     _this._navigation.next();
@@ -3392,19 +3421,18 @@
         }
     };
     var SupportAlertService = /** @class */ (function () {
-        function SupportAlertService(http) {
+        function SupportAlertService(http, router) {
             var _this = this;
             this.http = http;
+            this.router = router;
             this.hiddenAlertIds = new rxjs.BehaviorSubject(getPersistedDismissedAlertIds());
             this.refreshTrigger = new rxjs.BehaviorSubject(true);
-            this.refreshIntervalInSeconds = new rxjs.BehaviorSubject(5 * 60);
             this.supportAlertUrl = new rxjs.BehaviorSubject('');
-            // This ensures that we load the alerts when the page loads and at every configured interval.
-            var refreshInterval = this.refreshIntervalInSeconds.pipe(operators.filter(function (valueInSeconds) { return !!valueInSeconds; }), operators.switchMap(function (valueInSeconds) { return rxjs.interval(valueInSeconds * 1000); }));
-            var refreshAlertsTriggerAndTimer = rxjs.merge(this.refreshTrigger, refreshInterval);
+            var navigationTrigger = this.router.events.pipe(operators.filter(function (e) { return e instanceof i1$1.NavigationStart; }));
+            var refreshAlertsTriggerAndNavigation = rxjs.merge(this.refreshTrigger, navigationTrigger).pipe(operators.throttleTime(3 * 60 * 1000));
             this.allAlerts = rxjs.combineLatest([
                 this.supportAlertUrl,
-                refreshAlertsTriggerAndTimer
+                refreshAlertsTriggerAndNavigation
             ]).pipe(
             // Only if an url is defined
             operators.filter(function (_a) {
@@ -3471,19 +3499,16 @@
         SupportAlertService.prototype.getHasAtLeastOneBlockingAlert = function () {
             return this.hasAtLeastOneBlockingAlert;
         };
-        SupportAlertService.prototype.setRefreshIntervalInSeconds = function (refreshIntervalsInSeconds) {
-            this.refreshIntervalInSeconds.next(refreshIntervalsInSeconds);
-        };
         return SupportAlertService;
     }());
-    SupportAlertService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: SupportAlertService, deps: [{ token: i1__namespace.HttpClient }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    SupportAlertService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: SupportAlertService, deps: [{ token: i1__namespace.HttpClient }, { token: i1__namespace$1.Router }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
     SupportAlertService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: SupportAlertService, providedIn: 'root' });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: SupportAlertService, decorators: [{
                 type: i0.Injectable,
                 args: [{
                         providedIn: 'root'
                     }]
-            }], ctorParameters: function () { return [{ type: i1__namespace.HttpClient }]; } });
+            }], ctorParameters: function () { return [{ type: i1__namespace.HttpClient }, { type: i1__namespace$1.Router }]; } });
 
     var FoehnDisplayAddressComponent = /** @class */ (function () {
         function FoehnDisplayAddressComponent() {
@@ -5322,7 +5347,6 @@
             this.alertsToDisplay = this.supportAlertService.getDisplayableAlerts();
             this.hasAlerts = this.supportAlertService.getHasAlerts();
             this.hasHiddenAlerts = this.supportAlertService.getHasHiddenAlerts();
-            this.supportAlertService.setRefreshIntervalInSeconds(this.refreshIntervalsInSeconds);
         };
         SupportAlertContainerComponent.prototype.restoreAllAlerts = function () {
             this.supportAlertService.restoreAllAlerts();
@@ -5349,7 +5373,7 @@
         return SupportAlertContainerComponent;
     }());
     SupportAlertContainerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: SupportAlertContainerComponent, deps: [{ token: SupportAlertService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SupportAlertContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: SupportAlertContainerComponent, selector: "sdk-support-alert-container", inputs: { etapeId: "etapeId", supportAlertUrl: "supportAlertUrl", refreshIntervalsInSeconds: "refreshIntervalsInSeconds" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"d-flex flex-column container mt-2\" *ngIf=\"hasAlerts | async\">\n    <h2 class=\"sr-only\">Messages de support</h2>\n    <div class=\"mb-2 mt-2\" *ngIf=\"hasHiddenAlerts | async\">\n        <button class=\"btn btn-link pr-0 pl-0\" (click)=\"restoreAllAlerts()\">\n            Afficher tous les messages\n        </button>\n    </div>\n    <sdk-support-alert\n        *ngFor=\"let alert of alertsToDisplay | async\"\n        [alert]=\"alert\"\n    ></sdk-support-alert>\n</div>\n", components: [{ type: SupportAlertComponent, selector: "sdk-support-alert", inputs: ["alert"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i3__namespace.AsyncPipe } });
+    SupportAlertContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: SupportAlertContainerComponent, selector: "sdk-support-alert-container", inputs: { etapeId: "etapeId", supportAlertUrl: "supportAlertUrl" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"d-flex flex-column container mt-2\" *ngIf=\"hasAlerts | async\">\n    <h2 class=\"sr-only\">Messages de support</h2>\n    <div class=\"mb-2 mt-2\" *ngIf=\"hasHiddenAlerts | async\">\n        <button class=\"btn btn-link pr-0 pl-0\" (click)=\"restoreAllAlerts()\">\n            Afficher tous les messages\n        </button>\n    </div>\n    <sdk-support-alert\n        *ngFor=\"let alert of alertsToDisplay | async\"\n        [alert]=\"alert\"\n    ></sdk-support-alert>\n</div>\n", components: [{ type: SupportAlertComponent, selector: "sdk-support-alert", inputs: ["alert"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i3__namespace.AsyncPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: SupportAlertContainerComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -5361,8 +5385,6 @@
                     type: i0.Input
                 }], supportAlertUrl: [{
                     type: i0.Input
-                }], refreshIntervalsInSeconds: [{
-                    type: i0.Input
                 }] } });
 
     var FoehnUserConnectedAsComponent = /** @class */ (function () {
@@ -5744,6 +5766,7 @@
             this.sessionInfo = sessionInfo;
             this.foehnPageModalService = foehnPageModalService;
             this.sdkDictionaryService = sdkDictionaryService;
+            this.neverConnected = false;
             this.supportAlertEnabled = true;
             this.userConnectedAsDisplayed = true;
             this.confirmLeavingAlert = {
@@ -5883,7 +5906,7 @@
         return FoehnPageComponent;
     }());
     FoehnPageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnPageComponent, deps: [{ token: i1__namespace$3.Title }, { token: FoehnPageService }, { token: SupportAlertService }, { token: FoehnNavigationService }, { token: ApplicationInfoService }, { token: GesdemEventService }, { token: BreadcrumbEventService }, { token: i1__namespace$1.Router }, { token: SessionInfo }, { token: FoehnPageModalService }, { token: SdkDictionaryService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FoehnPageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FoehnPageComponent, selector: "foehn-page", inputs: { appTitle: "appTitle", footerLinks: "footerLinks", neverConnected: "neverConnected", supportAlertEnabled: "supportAlertEnabled", supportAlertUrl: "supportAlertUrl", supportAlertRefreshIntervalsInSeconds: "supportAlertRefreshIntervalsInSeconds", etapeId: "etapeId", userConnectedAsDisplayed: "userConnectedAsDisplayed", confirmLeavingAlert: "confirmLeavingAlert", showDefaultContactFooterLink: "showDefaultContactFooterLink", showDefaultGuideFooterLink: "showDefaultGuideFooterLink", showDefaultTermOfUseLink: "showDefaultTermOfUseLink", showDefaultSecurityBestPracticeLink: "showDefaultSecurityBestPracticeLink" }, usesOnChanges: true, ngImport: i0__namespace, template: "<foehn-header\n    id=\"foehn_header\"\n    [title]=\"appTitle\"\n    [neverConnected]=\"neverConnected\"\n></foehn-header>\n<foehn-growl id=\"foehn_growl\"></foehn-growl>\n<div class=\"vd-bg-pattern-gray\">\n    <div class=\"container\">\n        <foehn-breadcrumb\n            [neverConnected]=\"neverConnected\"\n            [confirmLeavingAlert]=\"confirmLeavingAlert\"\n        ></foehn-breadcrumb>\n    </div>\n</div>\n<main id=\"main\">\n    <div class=\"vd-bg-pattern-gray\">\n        <div class=\"container\">\n            <!-- Fix annoying flickering when the page loads -->\n            <div class=\"h1 mt-0\" *ngIf=\"!pageTitle\">&nbsp;</div>\n            <h1\n                [tabIndex]=\"-1\"\n                class=\"mt-0\"\n                id=\"page-title\"\n                *ngIf=\"!!pageTitle\"\n                [innerHTML]=\"pageTitle\"\n            ></h1>\n        </div>\n    </div>\n\n    <section\n        *ngIf=\"!isBrowserSupported\"\n        class=\"container alert alert-danger\"\n        id=\"browser_not_supported_block\"\n        role=\"alert\"\n    >\n        <p class=\"alert-heading\">\n            <strong>\n                Cette prestation n\u2019est pas compatible avec votre navigateur.\n            </strong>\n        </p>\n        <p class=\"mb-0\">\n            Nous vous invitons \u00E0 utiliser une version r\u00E9cente de\n            <ng-container *ngIf=\"!isApplePlatform\">\n                <a\n                    [title]=\"browserLinkTitlePrefix + ' Edge'\"\n                    href=\"https://www.microsoft.com/fr-ch/windows/microsoft-edge\"\n                    target=\"_blank\"\n                >\n                    Edge\n                    <span class=\"sr-only\">(lien externe)</span>\n                    <span aria-hidden=\"true\">\n                        <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                    </span>\n                </a>\n                ,\n            </ng-container>\n            <ng-container *ngIf=\"isApplePlatform\">\n                <a\n                    [title]=\"browserLinkTitlePrefix + ' Safari'\"\n                    href=\"https://support.apple.com/downloads/safari\"\n                    target=\"_blank\"\n                >\n                    Safari\n                    <span class=\"sr-only\">(lien externe)</span>\n                    <span aria-hidden=\"true\">\n                        <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                    </span>\n                </a>\n                ,\n            </ng-container>\n            <a\n                [title]=\"browserLinkTitlePrefix + ' Firefox'\"\n                href=\"https://www.mozilla.org/fr/firefox/\"\n                target=\"_blank\"\n            >\n                Firefox\n                <span class=\"sr-only\">(lien externe)</span>\n                <span aria-hidden=\"true\">\n                    <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                </span>\n            </a>\n            ou\n            <a\n                [title]=\"browserLinkTitlePrefix + ' Chrome'\"\n                href=\"https://www.google.com/intl/fr/chrome/\"\n                target=\"_blank\"\n            >\n                Chrome\n                <span class=\"sr-only\">(lien externe)</span>\n                <span aria-hidden=\"true\">\n                    <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                </span>\n            </a>\n            .\n        </p>\n        <div class=\"row mt-3\">\n            <div class=\"col-md-12\">\n                <button\n                    id=\"browser_not_supported_bypass\"\n                    class=\"float-right btn btn-danger\"\n                    *ngIf=\"!browserNotSupportedBypass\"\n                    (click)=\"browserNotSupportedBypass = true\"\n                >\n                    Continuer avec ce navigateur\n                </button>\n            </div>\n        </div>\n    </section>\n\n    <sdk-support-alert-container\n        *ngIf=\"supportAlertEnabled\"\n        [etapeId]=\"etapeId\"\n        [supportAlertUrl]=\"supportAlertUrl\"\n        [refreshIntervalsInSeconds]=\"supportAlertRefreshIntervalsInSeconds\"\n    ></sdk-support-alert-container>\n    <ng-container\n        *ngIf=\"\n            !(hasBlockingSupportAlert | async) &&\n            (isBrowserSupported || browserNotSupportedBypass)\n        \"\n    >\n        <div class=\"container mt-5\" id=\"page_content\">\n            <foehn-user-connected-as\n                *ngIf=\"displayUserCategory | async\"\n            ></foehn-user-connected-as>\n            <ng-container\n                *ngIf=\"displayLoginMessages | async as displayLoginMessagesData\"\n            >\n                <div\n                    *ngIf=\"displayLoginMessagesData.displayShouldLoginMessage\"\n                    class=\"alert alert-info\"\n                    id=\"displayLoginMessage\"\n                >\n                    <p\n                        [innerHTML]=\"\n                            getFullLoginMessage(\n                                displayLoginMessagesData.decisionElectroniqueAvailable\n                            ) | async\n                        \"\n                    ></p>\n                    <div class=\"d-flex justify-content-start mr-2 mb-2 mt-2\">\n                        <a\n                            class=\"btn btn-primary\"\n                            [href]=\"getFullLoginUrl() | async\"\n                        >\n                            {{ 'use-login.button.text' | fromDictionary }}\n                        </a>\n                    </div>\n                </div>\n            </ng-container>\n        </div>\n        <ng-content></ng-content>\n    </ng-container>\n</main>\n<foehn-footer\n    id=\"foehn_footer\"\n    [links]=\"footerLinks\"\n    [showDefaultContactLink]=\"showDefaultContactFooterLink\"\n    [showDefaultGuideLink]=\"showDefaultGuideFooterLink\"\n    [showDefaultTermOfUseLink]=\"showDefaultTermOfUseLink\"\n    [showDefaultSecurityBestPracticeLink]=\"showDefaultSecurityBestPracticeLink\"\n></foehn-footer>\n<foehn-page-modal></foehn-page-modal>\n<foehn-confirm-modal></foehn-confirm-modal>\n", components: [{ type: FoehnHeaderComponent, selector: "foehn-header", inputs: ["userInfo", "title", "neverConnected"] }, { type: FoehnGrowlComponent, selector: "foehn-growl" }, { type: FoehnBreadcrumbComponent, selector: "foehn-breadcrumb", inputs: ["breadcrumbItems", "currentNav", "neverConnected", "confirmLeavingAlert"] }, { type: FoehnIconExternalLinkAltComponent, selector: "foehn-icon-external-link-alt" }, { type: SupportAlertContainerComponent, selector: "sdk-support-alert-container", inputs: ["etapeId", "supportAlertUrl", "refreshIntervalsInSeconds"] }, { type: FoehnUserConnectedAsComponent, selector: "foehn-user-connected-as" }, { type: FoehnFooterComponent, selector: "foehn-footer", inputs: ["links", "showDefaultContactLink", "showDefaultGuideLink", "showDefaultTermOfUseLink", "showDefaultSecurityBestPracticeLink"] }, { type: FoehnPageModalComponent, selector: "foehn-page-modal" }, { type: FoehnConfirmModalComponent, selector: "foehn-confirm-modal" }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3__namespace.AsyncPipe, "fromDictionary": SdkDictionaryPipe } });
+    FoehnPageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FoehnPageComponent, selector: "foehn-page", inputs: { appTitle: "appTitle", footerLinks: "footerLinks", neverConnected: "neverConnected", supportAlertEnabled: "supportAlertEnabled", supportAlertUrl: "supportAlertUrl", etapeId: "etapeId", userConnectedAsDisplayed: "userConnectedAsDisplayed", confirmLeavingAlert: "confirmLeavingAlert", showDefaultContactFooterLink: "showDefaultContactFooterLink", showDefaultGuideFooterLink: "showDefaultGuideFooterLink", showDefaultTermOfUseLink: "showDefaultTermOfUseLink", showDefaultSecurityBestPracticeLink: "showDefaultSecurityBestPracticeLink" }, usesOnChanges: true, ngImport: i0__namespace, template: "<foehn-header\n    id=\"foehn_header\"\n    [title]=\"appTitle\"\n    [neverConnected]=\"neverConnected\"\n></foehn-header>\n<foehn-growl id=\"foehn_growl\"></foehn-growl>\n<div class=\"vd-bg-pattern-gray\">\n    <div class=\"container\">\n        <foehn-breadcrumb\n            [neverConnected]=\"neverConnected\"\n            [confirmLeavingAlert]=\"confirmLeavingAlert\"\n        ></foehn-breadcrumb>\n    </div>\n</div>\n<main id=\"main\">\n    <div class=\"vd-bg-pattern-gray\">\n        <div class=\"container\">\n            <!-- Fix annoying flickering when the page loads -->\n            <div class=\"h1 mt-0\" *ngIf=\"!pageTitle\">&nbsp;</div>\n            <h1\n                [tabIndex]=\"-1\"\n                class=\"mt-0\"\n                id=\"page-title\"\n                *ngIf=\"!!pageTitle\"\n                [innerHTML]=\"pageTitle\"\n            ></h1>\n        </div>\n    </div>\n\n    <section\n        *ngIf=\"!isBrowserSupported\"\n        class=\"container alert alert-danger\"\n        id=\"browser_not_supported_block\"\n        role=\"alert\"\n    >\n        <p class=\"alert-heading\">\n            <strong>\n                Cette prestation n\u2019est pas compatible avec votre navigateur.\n            </strong>\n        </p>\n        <p class=\"mb-0\">\n            Nous vous invitons \u00E0 utiliser une version r\u00E9cente de\n            <ng-container *ngIf=\"!isApplePlatform\">\n                <a\n                    [title]=\"browserLinkTitlePrefix + ' Edge'\"\n                    href=\"https://www.microsoft.com/fr-ch/windows/microsoft-edge\"\n                    target=\"_blank\"\n                >\n                    Edge\n                    <span class=\"sr-only\">(lien externe)</span>\n                    <span aria-hidden=\"true\">\n                        <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                    </span>\n                </a>\n                ,\n            </ng-container>\n            <ng-container *ngIf=\"isApplePlatform\">\n                <a\n                    [title]=\"browserLinkTitlePrefix + ' Safari'\"\n                    href=\"https://support.apple.com/downloads/safari\"\n                    target=\"_blank\"\n                >\n                    Safari\n                    <span class=\"sr-only\">(lien externe)</span>\n                    <span aria-hidden=\"true\">\n                        <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                    </span>\n                </a>\n                ,\n            </ng-container>\n            <a\n                [title]=\"browserLinkTitlePrefix + ' Firefox'\"\n                href=\"https://www.mozilla.org/fr/firefox/\"\n                target=\"_blank\"\n            >\n                Firefox\n                <span class=\"sr-only\">(lien externe)</span>\n                <span aria-hidden=\"true\">\n                    <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                </span>\n            </a>\n            ou\n            <a\n                [title]=\"browserLinkTitlePrefix + ' Chrome'\"\n                href=\"https://www.google.com/intl/fr/chrome/\"\n                target=\"_blank\"\n            >\n                Chrome\n                <span class=\"sr-only\">(lien externe)</span>\n                <span aria-hidden=\"true\">\n                    <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                </span>\n            </a>\n            .\n        </p>\n        <div class=\"row mt-3\">\n            <div class=\"col-md-12\">\n                <button\n                    id=\"browser_not_supported_bypass\"\n                    class=\"float-right btn btn-danger\"\n                    *ngIf=\"!browserNotSupportedBypass\"\n                    (click)=\"browserNotSupportedBypass = true\"\n                >\n                    Continuer avec ce navigateur\n                </button>\n            </div>\n        </div>\n    </section>\n\n    <sdk-support-alert-container\n        *ngIf=\"supportAlertEnabled\"\n        [etapeId]=\"etapeId\"\n        [supportAlertUrl]=\"supportAlertUrl\"\n    ></sdk-support-alert-container>\n    <ng-container\n        *ngIf=\"\n            !(hasBlockingSupportAlert | async) &&\n            (isBrowserSupported || browserNotSupportedBypass)\n        \"\n    >\n        <div class=\"container mt-5\" id=\"page_content\">\n            <foehn-user-connected-as\n                *ngIf=\"displayUserCategory | async\"\n            ></foehn-user-connected-as>\n            <ng-container\n                *ngIf=\"displayLoginMessages | async as displayLoginMessagesData\"\n            >\n                <div\n                    *ngIf=\"displayLoginMessagesData.displayShouldLoginMessage\"\n                    class=\"alert alert-info\"\n                    id=\"displayLoginMessage\"\n                >\n                    <p\n                        [innerHTML]=\"\n                            getFullLoginMessage(\n                                displayLoginMessagesData.decisionElectroniqueAvailable\n                            ) | async\n                        \"\n                    ></p>\n                    <div class=\"d-flex justify-content-start mr-2 mb-2 mt-2\">\n                        <a\n                            class=\"btn btn-primary\"\n                            [href]=\"getFullLoginUrl() | async\"\n                        >\n                            {{ 'use-login.button.text' | fromDictionary }}\n                        </a>\n                    </div>\n                </div>\n            </ng-container>\n        </div>\n        <ng-content></ng-content>\n    </ng-container>\n</main>\n<foehn-footer\n    id=\"foehn_footer\"\n    [links]=\"footerLinks\"\n    [showDefaultContactLink]=\"showDefaultContactFooterLink\"\n    [showDefaultGuideLink]=\"showDefaultGuideFooterLink\"\n    [showDefaultTermOfUseLink]=\"showDefaultTermOfUseLink\"\n    [showDefaultSecurityBestPracticeLink]=\"showDefaultSecurityBestPracticeLink\"\n></foehn-footer>\n<foehn-page-modal></foehn-page-modal>\n<foehn-confirm-modal></foehn-confirm-modal>\n", components: [{ type: FoehnHeaderComponent, selector: "foehn-header", inputs: ["userInfo", "title", "neverConnected"] }, { type: FoehnGrowlComponent, selector: "foehn-growl" }, { type: FoehnBreadcrumbComponent, selector: "foehn-breadcrumb", inputs: ["breadcrumbItems", "currentNav", "neverConnected", "confirmLeavingAlert"] }, { type: FoehnIconExternalLinkAltComponent, selector: "foehn-icon-external-link-alt" }, { type: SupportAlertContainerComponent, selector: "sdk-support-alert-container", inputs: ["etapeId", "supportAlertUrl"] }, { type: FoehnUserConnectedAsComponent, selector: "foehn-user-connected-as" }, { type: FoehnFooterComponent, selector: "foehn-footer", inputs: ["links", "showDefaultContactLink", "showDefaultGuideLink", "showDefaultTermOfUseLink", "showDefaultSecurityBestPracticeLink"] }, { type: FoehnPageModalComponent, selector: "foehn-page-modal" }, { type: FoehnConfirmModalComponent, selector: "foehn-confirm-modal" }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3__namespace.AsyncPipe, "fromDictionary": SdkDictionaryPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnPageComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -5900,8 +5923,6 @@
                     type: i0.Input
                 }], supportAlertUrl: [{
                     type: i0.Input
-                }], supportAlertRefreshIntervalsInSeconds: [{
-                    type: i0.Input
                 }], etapeId: [{
                     type: i0.Input
                 }], userConnectedAsDisplayed: [{