@dsivd/prestations-ng 16.4.10-beta.2 → 16.4.10-beta.3

package/fesm2020/dsivd-prestations-ng.mjs

@@ -979,7 +979,11 @@ const DEFAULT_DICTIONARY = {
     'espace-securise.menu.item.administrer-espace-pro.label': "Administrer l'espace professionnel",
     'espace-securise.menu.item.administrer-espace-pro.title': "Administrer l'espace professionnel",
     'espace-securise.menu.item.deconnection.label': 'Se déconnecter',
-    'espace-securise.menu.item.deconnection.title': 'Se déconnecter'
+    'espace-securise.menu.item.deconnection.title': 'Se déconnecter',
+    'foehn-remaining-alert-summary.default-error-message': '<p>Notre formulaire a un problème et vous ne pourrez pas le transmettre.</p>' +
+        '<p>Merci de prendre contact avec nous et de nous communiquer cette erreur au moyen du formulaire de support : ' +
+        '<a href="{supportLink}" target="_blank">https://www.vd.ch/contact-portail/</a></p>' +
+        '<p>Nous reprendrons contact avec vous.</p>'
 };
 
 class GrowlMessage {
@@ -1502,11 +1506,23 @@ class ApplicationInfoService {
         return this.data.pipe(map(appInfo => appInfo.configuration?.portail?.cyberLoginUrl ||
             `${this.getPortailBaseUrl(appInfo)}100018/`));
     }
-    getSafeSupportFormUrl(reference) {
+    getSafeSupportFormUrl(reference, errors) {
         return this.data.pipe(map(appInfo => appInfo.configuration?.portail?.supportFormUrl ||
-            `${this.getPortailBaseUrl(appInfo)}pub/101098/`), map(link => !!reference?.length
-            ? `${link}?concernedReference=${reference}`
-            : link));
+            `${this.getPortailBaseUrl(appInfo)}pub/101098/`), map(link => {
+            if (!!reference?.length) {
+                link += `?concernedReference=${reference}`;
+            }
+            if (!!errors?.length) {
+                link += !!reference?.length ? '&' : '?';
+                // Need following code to avoid browser Sanitizing error when using JSON.stringify
+                link += `errors=${errors
+                    .map(error => Object.entries(error)
+                    .map(value => `${value.join('=')}`)
+                    .join(','))
+                    .join(';')}`;
+            }
+            return link;
+        }));
     }
     getSafeSupportFormTitle() {
         return this.data.pipe(map(appInfo => {
@@ -12056,23 +12072,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         }] });
 
 class FoehnRemainingAlertsSummaryComponent {
-    constructor(gesdemService) {
+    constructor(gesdemService, applicationInfoService, dictionaryService) {
         this.gesdemService = gesdemService;
-        this.remainingErrorsLabel = '<p>Il reste des erreurs, le formulaire ne peut pas être transmis.</p>' +
-            '<p>Merci de revenir en arrière ou de réessayer plus tard.</p>';
+        this.applicationInfoService = applicationInfoService;
+        this.dictionaryService = dictionaryService;
         this.remainingErrorNamesToIgnore = [];
         this.hasRemainingErrors = of(false);
-        this.hasRemainingErrors = this.gesdemService.updateFormDataSubject.pipe(map(() => !!this.gesdemService.lastResponse.errors.filter(e => !this.remainingErrorNamesToIgnore.includes(e.name)).length));
+        this.remainingErrorsLabelSubject = new BehaviorSubject(null);
+        this.DEFAULT_REMAINING_ERRORS_MSG_KEY = 'foehn-remaining-alert-summary.default-error-message';
+        const remainingErrors = this.gesdemService.updateFormDataSubject.pipe(map(() => {
+            this.reference = this.gesdemService.lastResponse.meta.reference;
+            return this.gesdemService.lastResponse.errors.filter(e => !this.remainingErrorNamesToIgnore.includes(e.name));
+        }), shareReplay(1));
+        const defaultRemainingErrorsMsg = remainingErrors.pipe(filter(errors => !!errors.length), switchMap(errors => this.applicationInfoService.getSafeSupportFormUrl(this.reference, errors)), map(link => this.dictionaryService.getKeySync(this.DEFAULT_REMAINING_ERRORS_MSG_KEY, {
+            supportLink: link
+        })));
+        this.hasRemainingErrors = remainingErrors.pipe(map(errors => !!errors.length));
+        this.remainingErrorsMessage = combineLatest([
+            defaultRemainingErrorsMsg,
+            this.remainingErrorsLabelSubject.asObservable()
+        ]).pipe(map(([defaultMsg, errorLabel]) => {
+            if (errorLabel) {
+                return errorLabel;
+            }
+            return defaultMsg;
+        }));
+    }
+    set remainingErrorsLabel(msg) {
+        this.remainingErrorsLabelSubject.next(msg);
     }
 }
-FoehnRemainingAlertsSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FoehnRemainingAlertsSummaryComponent, deps: [{ token: GesdemHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-FoehnRemainingAlertsSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FoehnRemainingAlertsSummaryComponent, selector: "foehn-remaining-alerts-summary", inputs: { remainingErrorsLabel: "remainingErrorsLabel", remainingErrorNamesToIgnore: "remainingErrorNamesToIgnore" }, ngImport: i0, template: "<div\n    class=\"alert alert-danger\"\n    *ngIf=\"hasRemainingErrors | async\"\n    [innerHTML]=\"remainingErrorsLabel\"\n></div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
+FoehnRemainingAlertsSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FoehnRemainingAlertsSummaryComponent, deps: [{ token: GesdemHandlerService }, { token: ApplicationInfoService }, { token: SdkDictionaryService }], target: i0.ɵɵFactoryTarget.Component });
+FoehnRemainingAlertsSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FoehnRemainingAlertsSummaryComponent, selector: "foehn-remaining-alerts-summary", inputs: { remainingErrorNamesToIgnore: "remainingErrorNamesToIgnore", remainingErrorsLabel: "remainingErrorsLabel" }, ngImport: i0, template: "<div\n    class=\"alert alert-danger\"\n    *ngIf=\"hasRemainingErrors | async\"\n    [innerHTML]=\"remainingErrorsMessage | async\"\n></div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FoehnRemainingAlertsSummaryComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'foehn-remaining-alerts-summary', template: "<div\n    class=\"alert alert-danger\"\n    *ngIf=\"hasRemainingErrors | async\"\n    [innerHTML]=\"remainingErrorsLabel\"\n></div>\n" }]
-        }], ctorParameters: function () { return [{ type: GesdemHandlerService }]; }, propDecorators: { remainingErrorsLabel: [{
+            args: [{ selector: 'foehn-remaining-alerts-summary', template: "<div\n    class=\"alert alert-danger\"\n    *ngIf=\"hasRemainingErrors | async\"\n    [innerHTML]=\"remainingErrorsMessage | async\"\n></div>\n" }]
+        }], ctorParameters: function () { return [{ type: GesdemHandlerService }, { type: ApplicationInfoService }, { type: SdkDictionaryService }]; }, propDecorators: { remainingErrorNamesToIgnore: [{
                 type: Input
-            }], remainingErrorNamesToIgnore: [{
+            }], remainingErrorsLabel: [{
                 type: Input
             }] } });