@dsivd/prestations-ng 14.5.14-beta4 → 14.5.16-beta1

package/CHANGELOG.md

@@ -25,6 +25,35 @@ A change is considered **breaking** if you have to change your code or update yo
     -   adding a new constructor argument in one of our service is OK, if you just have to update your constructor's signature and your call to `super(...)`
 
 ---
+## [14.5.16]
+
+### 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.
+
+## [14.5.15]
+### Added
+
+- [Autogenerated documentation](https://dsi-vd.github.io/prestations-ng/generateddoc)
+  - prestations-ng documentation generated automatically by `compodoc`
+
+- [foehn-multi-upload.component.ts](projects/prestations-ng/src/foehn-upload/foehn-multi-upload/foehn-multi-upload.component.ts)
+- [foehn-bo-multi-upload.component.ts](projects/prestations-ng/src/foehn-upload/foehn-bo-multi-upload/foehn-bo-multi-upload.component.ts)
+    - Add possibility to hide confirmation message when a file is saved. Default is message is displayed. To change default value, add [shouldDisplayFileSavedConfirmation]="false" in your upload
+
+- [gesdem-confirmation.component.html](projects/prestations-ng/src/gesdem-confirmation/gesdem-confirmation.component.html)
+    - `telechargerBtn` (Télécharger la demande (pdf)) is also shown to a connected user
+    - `logoutBtn` (Se déconnecter) is shown to a connected user instead of `terminerBtn` (Terminer)
+
+### Fixed
+
+- [foehn-table.component.ts](projects/prestations-ng/src/foehn-table/foehn-table.component.ts)
+  - table content was not being refreshed when sorting column
 
 ## [14.5.14]
 

package/README.md

@@ -4,6 +4,8 @@ Best practice guide online in our DSI WiKi at [https://portail.etat-de-vaud.ch/o
 
 An implementation of [Foehn](https://dsi-vd.github.io/foehn-design-system/) with Angular for [PrestaKit](https://www.vd.ch/prestakit/).
 
+The generated documentation of our entire library is available online at [https://dsi-vd.github.io/prestations-ng/generateddoc](https://dsi-vd.github.io/prestations-ng/generateddoc)
+
 The documentation is available online at [https://dsi-vd.github.io/prestations-ng/](https://dsi-vd.github.io/prestations-ng/)
 
 -   If you're using **Angular 12**, use `@dsivd/prestations-ng` at version `^14.5.0`.

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) {
@@ -1867,6 +1894,7 @@
         'gesdem-confirmation.mail-sent.label': 'Vous recevrez un email de confirmation dans quelques instants.',
         'gesdem-confirmation.download-pdf-recap-button': 'Télécharger la demande (pdf)',
         'gesdem-confirmation.exit-button': 'Terminer',
+        'gesdem-confirmation.logout-button': 'Se déconnecter',
         'gesdem-confirmation.extra-content': ' ',
         'foehn-date-picker-button.icon-title': 'Afficher le calendrier',
         'foehn-date-picker-button.screen-reader.selected-date': 'Date sélectionnée :',
@@ -2932,7 +2960,7 @@
             });
             this.uploaderHelper = new UploaderHelper(dictionaryService, applicationInfoService);
         }
-        MultiUploadService.prototype.uploadDocuments = function (baseUrl, formKey, label, files, key, isMultiple, language) {
+        MultiUploadService.prototype.uploadDocuments = function (baseUrl, formKey, label, files, key, isMultiple, language, shouldDisplayFileSavedConfirmation) {
             var _this = this;
             if (this.reference) {
                 var documents = files.map(function (file) { return _this.uploaderHelper.mapToDocumentReference(file, label, key, isMultiple, _this.uniqPrefix, _this.globalSequence++); });
@@ -2942,7 +2970,8 @@
                     .post(url, formData)
                     .pipe(operators.tap(function (result) {
                     var successfulDocumentsCount = result.documents && result.documents.length;
-                    if (successfulDocumentsCount) {
+                    if (successfulDocumentsCount &&
+                        shouldDisplayFileSavedConfirmation) {
                         var message = successfulDocumentsCount + " fichier(s) sauvegard\u00E9(s) avec succ\u00E8s";
                         _this.growlService.addWithType(GrowlType.SUCCESS, message);
                     }
@@ -3044,7 +3073,7 @@
             // Return true if at least one files for a given formKey exist
             return !!this.pendingFilesByFormKey.get(formKey).files.length;
         };
-        PendingUploadService.prototype.addPendingFiles = function (baseUrl, formKey, label, files, key, isMultiple) {
+        PendingUploadService.prototype.addPendingFiles = function (baseUrl, formKey, label, files, key, isMultiple, shouldDisplayFileSavedConfirmation) {
             // Initialize pending files by formKey
             if (!this.hasPendingFiles(formKey)) {
                 this.pendingFilesByFormKey.set(formKey, new PendingFiles());
@@ -3057,6 +3086,7 @@
             this.pendingFilesByFormKey.get(formKey).files = __spreadArray(__spreadArray([], __read(this.pendingFilesByFormKey.get(formKey).files)), __read(files));
             this.pendingFilesByFormKey.get(formKey).key = key;
             this.pendingFilesByFormKey.get(formKey).isMultiple = isMultiple;
+            this.pendingFilesByFormKey.get(formKey).shouldDisplayFileSavedConfirmation = shouldDisplayFileSavedConfirmation;
         };
         PendingUploadService.prototype.removePendingFile = function (file, formKey) {
             if (this.hasPendingFiles(formKey)) {
@@ -3073,7 +3103,7 @@
             var mergedResponse = new DocumentsWithErrors();
             filesToUpload.forEach(function (pendingFiles, formKey) {
                 _this.multiUploadService
-                    .uploadDocuments(pendingFiles.url, formKey, pendingFiles.label, pendingFiles.files, pendingFiles.key, pendingFiles.isMultiple, form.language)
+                    .uploadDocuments(pendingFiles.url, formKey, pendingFiles.label, pendingFiles.files, pendingFiles.key, pendingFiles.isMultiple, form.language, pendingFiles.shouldDisplayFileSavedConfirmation)
                     .subscribe(function (response) {
                     // Merge all uploads response
                     _this.mergePendingUploadedServerResult(mergedResponse, response);
@@ -3259,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();
@@ -4291,7 +4323,7 @@
         return GesdemConfirmationComponent;
     }());
     GesdemConfirmationComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: GesdemConfirmationComponent, deps: [{ token: GesdemHandlerService }, { token: FoehnPageService }, { token: i1__namespace$1.ActivatedRoute }, { token: SdkDictionaryService }, { token: i3__namespace.Location }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    GesdemConfirmationComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: GesdemConfirmationComponent, selector: "gesdem-confirmation", inputs: { reference: "reference", setPageTitle: "setPageTitle", hasEmailSent: "hasEmailSent", closeHref: "closeHref", showDownloadPdfRecapButton: "showDownloadPdfRecapButton", showLinkToMyDemandes: "showLinkToMyDemandes", demandeIsClosedOnTransmit: "demandeIsClosedOnTransmit", actionStatut: "actionStatut", connectedConfirmationMessage: "connectedConfirmationMessage", connectedConfirmationMessageIfAbandoned: "connectedConfirmationMessageIfAbandoned", downloadPdfRecapButtonText: "downloadPdfRecapButtonText", closeButtonText: "closeButtonText", baseUrlPdf: "baseUrlPdf" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"container mt-5\" *ngIf=\"reference && !isInProgress\">\n    <div\n        class=\"alert text-center mb-2\"\n        [ngClass]=\"isTransferred ? 'alert-success' : 'alert-danger'\"\n    >\n        <p class=\"h2\">\n            {{\n                isTransferred\n                    ? (successLabelDicoKey | fromDictionary)\n                    : ('gesdem-confirmation.abort-label' | fromDictionary)\n            }}\n        </p>\n        <dl>\n            <dt class=\"font-weight-light\">\n                {{\n                    'gesdem-confirmation.reference-title.label' | fromDictionary\n                }}\n            </dt>\n            <dd id=\"numDemande\" class=\"h4 d-block mt-3\">{{ reference }}</dd>\n        </dl>\n        <p *ngIf=\"hasEmailSent && !(isConnectedCyber | async)\">\n            {{ 'gesdem-confirmation.mail-sent.label' | fromDictionary }}\n        </p>\n    </div>\n\n    <span\n        [innerHTML]=\"'gesdem-confirmation.extra-content' | fromDictionary\"\n    ></span>\n\n    <ng-content></ng-content>\n\n    <div\n        class=\"col-md-12 vd-highlight\"\n        *ngIf=\"(isConnectedCyber | async) && hasConnectedContent()\"\n    >\n        <span class=\"sr-only\">\n            Information suite \u00E0 la transmission de votre demande\n        </span>\n        <div class=\"row\">\n            <div class=\"col-md-1\">\n                <foehn-icon-info-circle class=\"h3\"></foehn-icon-info-circle>\n            </div>\n            <div class=\"col-md-11\">\n                <p\n                    [innerHTML]=\"\n                        isTransferred\n                            ? connectedConfirmationMessage\n                            : connectedConfirmationMessageIfAbandoned\n                    \"\n                ></p>\n                <p\n                    *ngIf=\"\n                        showLinkToMyDemandes &&\n                        (demandeIsClosedOnTransmit || isAbandoned)\n                    \"\n                >\n                    Vous pouvez consulter votre demande en cliquant sur :\n                    <a href=\"/100002/demandes/search/MINE/TREATED\">\n                        Mes nouvelles demandes trait\u00E9es\n                    </a>\n                    .\n                </p>\n                <p\n                    *ngIf=\"\n                        showLinkToMyDemandes &&\n                        !demandeIsClosedOnTransmit &&\n                        !isAbandoned\n                    \"\n                >\n                    Vous pouvez suivre l'avancement du traitement de votre\n                    demande en cliquant sur :\n                    <a href=\"/100002/demandes/search/MINE/IN_PROGRESS\">\n                        Mes demandes en cours de traitement\n                    </a>\n                    .\n                </p>\n            </div>\n        </div>\n    </div>\n\n    <div\n        class=\"col-md-12 list-unstyled d-md-flex p-0 mt-4\"\n        *ngIf=\"!(isConnectedCyber | async)\"\n    >\n        <div class=\"ml-0 mr-md-auto mr-md-2 mb-2 mt-2\">\n            <a\n                *ngIf=\"showDownloadPdfRecapButton\"\n                [href]=\"urlPdf\"\n                id=\"telechargerBtn\"\n                class=\"btn btn-secondary w-100\"\n                title=\"T\u00E9l\u00E9charger le PDF\"\n            >\n                {{ downloadPdfRecapButtonText | fromDictionary }}\n            </a>\n        </div>\n\n        <div\n            class=\"mr-0 ml-md-auto mb-2 mt-2\"\n            *ngIf=\"closeLink | async as link\"\n        >\n            <a\n                [href]=\"link\"\n                id=\"terminerBtn\"\n                class=\"btn btn-primary w-100\"\n                title=\"Terminer\"\n            >\n                {{ closeButtonText | fromDictionary }}\n            </a>\n        </div>\n    </div>\n</div>\n\n<div class=\"container mt-5\" *ngIf=\"reference && isInProgress\">\n    <div class=\"alert alert-info text-center mb-2\">\n        <p class=\"h2\">Demande en cours</p>\n        <dl>\n            <dt class=\"font-weight-light\">\n                {{\n                    'gesdem-confirmation.reference-title.label' | fromDictionary\n                }}\n            </dt>\n            <dd id=\"numDemandeEnCours\" class=\"h4 d-block mt-3\">\n                {{ reference }}\n            </dd>\n        </dl>\n    </div>\n\n    <div class=\"col-md-12 vd-highlight\">\n        <div class=\"row\">\n            <div class=\"col-md-1\">\n                <foehn-icon-info-circle class=\"h3\"></foehn-icon-info-circle>\n            </div>\n            <div class=\"col-md-11\">\n                <p>\n                    Vous pouvez reprendre votre demande en cliquant sur le lien\n                    ci-dessous\n                </p>\n                <p>\n                    <a [routerLink]=\"firstPageLink\">Reprendre ma demande</a>\n                </p>\n            </div>\n        </div>\n    </div>\n</div>\n", components: [{ type: FoehnIconInfoCircleComponent, selector: "foehn-icon-info-circle" }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i3__namespace.AsyncPipe } });
+    GesdemConfirmationComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: GesdemConfirmationComponent, selector: "gesdem-confirmation", inputs: { reference: "reference", setPageTitle: "setPageTitle", hasEmailSent: "hasEmailSent", closeHref: "closeHref", showDownloadPdfRecapButton: "showDownloadPdfRecapButton", showLinkToMyDemandes: "showLinkToMyDemandes", demandeIsClosedOnTransmit: "demandeIsClosedOnTransmit", actionStatut: "actionStatut", connectedConfirmationMessage: "connectedConfirmationMessage", connectedConfirmationMessageIfAbandoned: "connectedConfirmationMessageIfAbandoned", downloadPdfRecapButtonText: "downloadPdfRecapButtonText", closeButtonText: "closeButtonText", baseUrlPdf: "baseUrlPdf" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"container mt-5\" *ngIf=\"reference && !isInProgress\">\n    <div\n        class=\"alert text-center mb-2\"\n        [ngClass]=\"isTransferred ? 'alert-success' : 'alert-danger'\"\n    >\n        <p class=\"h2\">\n            {{\n                isTransferred\n                    ? (successLabelDicoKey | fromDictionary)\n                    : ('gesdem-confirmation.abort-label' | fromDictionary)\n            }}\n        </p>\n        <dl>\n            <dt class=\"font-weight-light\">\n                {{\n                    'gesdem-confirmation.reference-title.label' | fromDictionary\n                }}\n            </dt>\n            <dd id=\"numDemande\" class=\"h4 d-block mt-3\">{{ reference }}</dd>\n        </dl>\n        <p *ngIf=\"hasEmailSent && !(isConnectedCyber | async)\">\n            {{ 'gesdem-confirmation.mail-sent.label' | fromDictionary }}\n        </p>\n    </div>\n\n    <span\n        [innerHTML]=\"'gesdem-confirmation.extra-content' | fromDictionary\"\n    ></span>\n\n    <ng-content></ng-content>\n\n    <div\n        class=\"col-md-12 vd-highlight\"\n        *ngIf=\"(isConnectedCyber | async) && hasConnectedContent()\"\n    >\n        <span class=\"sr-only\">\n            Information suite \u00E0 la transmission de votre demande\n        </span>\n        <div class=\"row\">\n            <div class=\"col-md-1\">\n                <foehn-icon-info-circle class=\"h3\"></foehn-icon-info-circle>\n            </div>\n            <div class=\"col-md-11\">\n                <p\n                    [innerHTML]=\"\n                        isTransferred\n                            ? connectedConfirmationMessage\n                            : connectedConfirmationMessageIfAbandoned\n                    \"\n                ></p>\n                <p\n                    *ngIf=\"\n                        showLinkToMyDemandes &&\n                        (demandeIsClosedOnTransmit || isAbandoned)\n                    \"\n                >\n                    Vous pouvez consulter votre demande en cliquant sur :\n                    <a href=\"/100002/demandes/search/MINE/TREATED\">\n                        Mes nouvelles demandes trait\u00E9es\n                    </a>\n                    .\n                </p>\n                <p\n                    *ngIf=\"\n                        showLinkToMyDemandes &&\n                        !demandeIsClosedOnTransmit &&\n                        !isAbandoned\n                    \"\n                >\n                    Vous pouvez suivre l'avancement du traitement de votre\n                    demande en cliquant sur :\n                    <a href=\"/100002/demandes/search/MINE/IN_PROGRESS\">\n                        Mes demandes en cours de traitement\n                    </a>\n                    .\n                </p>\n            </div>\n        </div>\n    </div>\n\n    <div class=\"col-md-12 list-unstyled d-md-flex p-0 mt-4\">\n        <div class=\"ml-0 mr-md-auto mr-md-2 mb-2 mt-2\">\n            <a\n                *ngIf=\"showDownloadPdfRecapButton\"\n                [href]=\"urlPdf\"\n                id=\"telechargerBtn\"\n                class=\"btn btn-secondary w-100\"\n                title=\"T\u00E9l\u00E9charger le PDF\"\n            >\n                {{ downloadPdfRecapButtonText | fromDictionary }}\n            </a>\n        </div>\n\n        <div\n            class=\"mr-0 ml-md-auto mb-2 mt-2\"\n            *ngIf=\"!(isConnectedCyber | async) && closeLink | async as link\"\n        >\n            <a [href]=\"link\" id=\"terminerBtn\" class=\"btn btn-primary w-100\">\n                {{ closeButtonText | fromDictionary }}\n            </a>\n        </div>\n\n        <div\n            class=\"mr-0 ml-md-auto mb-2 mt-2\"\n            *ngIf=\"!!(isConnectedCyber | async)\"\n        >\n            <a\n                href=\"/100018/logout\"\n                id=\"logoutBtn\"\n                class=\"btn btn-primary w-100\"\n            >\n                {{ 'gesdem-confirmation.logout-button' | fromDictionary }}\n            </a>\n        </div>\n    </div>\n</div>\n\n<div class=\"container mt-5\" *ngIf=\"reference && isInProgress\">\n    <div class=\"alert alert-info text-center mb-2\">\n        <p class=\"h2\">Demande en cours</p>\n        <dl>\n            <dt class=\"font-weight-light\">\n                {{\n                    'gesdem-confirmation.reference-title.label' | fromDictionary\n                }}\n            </dt>\n            <dd id=\"numDemandeEnCours\" class=\"h4 d-block mt-3\">\n                {{ reference }}\n            </dd>\n        </dl>\n    </div>\n\n    <div class=\"col-md-12 vd-highlight\">\n        <div class=\"row\">\n            <div class=\"col-md-1\">\n                <foehn-icon-info-circle class=\"h3\"></foehn-icon-info-circle>\n            </div>\n            <div class=\"col-md-11\">\n                <p>\n                    Vous pouvez reprendre votre demande en cliquant sur le lien\n                    ci-dessous\n                </p>\n                <p>\n                    <a [routerLink]=\"firstPageLink\">Reprendre ma demande</a>\n                </p>\n            </div>\n        </div>\n    </div>\n</div>\n", components: [{ type: FoehnIconInfoCircleComponent, selector: "foehn-icon-info-circle" }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }], pipes: { "fromDictionary": SdkDictionaryPipe, "async": i3__namespace.AsyncPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: GesdemConfirmationComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -5735,6 +5767,7 @@
             this.sessionInfo = sessionInfo;
             this.foehnPageModalService = foehnPageModalService;
             this.sdkDictionaryService = sdkDictionaryService;
+            this.neverConnected = false;
             this.supportAlertEnabled = true;
             this.userConnectedAsDisplayed = true;
             this.confirmLeavingAlert = {
@@ -9555,6 +9588,9 @@
                     }]
             }] });
 
+    var hasInputChanged$1 = function (change) { return !(!change ||
+        !change.currentValue ||
+        ObjectHelper.isEqual(change.previousValue, change.currentValue)); };
     var FoehnListComponent = /** @class */ (function () {
         function FoehnListComponent() {
             this.itemsPerPage = 10;
@@ -9580,9 +9616,9 @@
             var itemsPerPageChange = changes.itemsPerPage;
             var listChange = changes.list;
             var fixedPageCountChange = changes.fixedPageCount;
-            if (!this.hasInputChanged(itemsPerPageChange) &&
-                !this.hasInputChanged(listChange) &&
-                !this.hasInputChanged(fixedPageCountChange)) {
+            if (!hasInputChanged$1(itemsPerPageChange) &&
+                !hasInputChanged$1(listChange) &&
+                !hasInputChanged$1(fixedPageCountChange)) {
                 return;
             }
             this.buildFilteredList();
@@ -9636,6 +9672,10 @@
                 : 0;
         };
         FoehnListComponent.prototype.buildFilteredList = function () {
+            if (!this._list) {
+                this.filteredList = [];
+                return;
+            }
             if (!!this.fixedPageCount) {
                 this.filteredList = this._list;
                 return;
@@ -9645,14 +9685,7 @@
                 this.currentPage = 1;
             }
             var start = (this.currentPage - 1) * this.itemsPerPage;
-            this.filteredList = this._list
-                ? this._list.slice(start, start + this.itemsPerPage)
-                : [];
-        };
-        FoehnListComponent.prototype.hasInputChanged = function (change) {
-            return !(!change ||
-                !change.currentValue ||
-                change.previousValue === change.currentValue);
+            this.filteredList = this._list.slice(start, start + this.itemsPerPage);
         };
         return FoehnListComponent;
     }());
@@ -9717,7 +9750,7 @@
 
     var hasInputChanged = function (change) { return !(!change ||
         !change.currentValue ||
-        change.previousValue === change.currentValue); };
+        ObjectHelper.isEqual(change.previousValue, change.currentValue)); };
     var FoehnTableComponent = /** @class */ (function () {
         function FoehnTableComponent() {
             this.itemsPerPage = 10;
@@ -9742,9 +9775,11 @@
             var itemsPerPageChange = changes.itemsPerPage;
             var listChange = changes.list;
             var fixedPageCountChange = changes.fixedPageCount;
+            var sortInputChange = changes.sort;
             if (!hasInputChanged(itemsPerPageChange) &&
                 !hasInputChanged(listChange) &&
-                !hasInputChanged(fixedPageCountChange)) {
+                !hasInputChanged(fixedPageCountChange) &&
+                !hasInputChanged(sortInputChange)) {
                 return;
             }
             this.buildFilteredList();
@@ -9808,6 +9843,10 @@
             });
         };
         FoehnTableComponent.prototype.buildFilteredList = function () {
+            if (!this._list) {
+                this.filteredList = [];
+                return;
+            }
             if (!!this.fixedPageCount) {
                 this.filteredList = this._list;
                 return;
@@ -9817,14 +9856,12 @@
                 this.currentPage = 1;
             }
             var start = (this.currentPage - 1) * this.itemsPerPage;
-            this.filteredList = this._list
-                ? this._list.slice(start, start + this.itemsPerPage)
-                : [];
+            this.filteredList = this._list.slice(start, start + this.itemsPerPage);
         };
         return FoehnTableComponent;
     }());
     FoehnTableComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnTableComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FoehnTableComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FoehnTableComponent, selector: "foehn-table", inputs: { itemsPerPage: "itemsPerPage", id: "id", previousLabel: "previousLabel", nextLabel: "nextLabel", totalElements: "totalElements", fixedPageCount: "fixedPageCount", columnsConfiguration: "columnsConfiguration", sort: "sort", trackByFn: "trackByFn", list: "list" }, outputs: { pageChange: "pageChange", sortChange: "sortChange" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"row\" [id]=\"id\">\n    <div class=\"col-12\">\n        <h4 *ngIf=\"!!totalElements && totalElements === 1\">\n            {{ 'foehn-table.totalElements.1' | fromDictionary }}\n        </h4>\n        <h4 *ngIf=\"!!totalElements && totalElements !== 1\">\n            {{\n                'foehn-table.totalElements'\n                    | fromDictionary: { total: totalElements.toString() }\n            }}\n        </h4>\n    </div>\n\n    <div class=\"col-12 table-responsive\">\n        <table class=\"table table-hover\">\n            <thead class=\"vd-bg-pattern-bars-gray\">\n                <tr>\n                    <th\n                        scope=\"col\"\n                        *ngFor=\"let col of columnsConfiguration\"\n                        [id]=\"col.id\"\n                    >\n                        <ng-container *ngIf=\"!col.sortAttribute\">\n                            <span\n                                [innerHTML]=\"\n                                    col.columnLabelKey | fromDictionary\n                                \"\n                            ></span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!!col.sortAttribute\">\n                            <a\n                                href=\"#\"\n                                class=\"vd-text-thin\"\n                                (click)=\"\n                                    $event.preventDefault();\n                                    triggerSort(col.sortAttribute)\n                                \"\n                                [title]=\"\n                                    'Trier par ' +\n                                    (col.columnLabelKey | fromDictionary)\n                                \"\n                            >\n                                <span\n                                    [innerHTML]=\"\n                                        col.columnLabelKey | fromDictionary\n                                    \"\n                                ></span>\n                                <ng-container\n                                    *ngIf=\"\n                                        sort.sortAttribute === col.sortAttribute\n                                    \"\n                                >\n                                    <span\n                                        class=\"ml-3\"\n                                        *ngIf=\"sort.sortDirection === 'ASC'\"\n                                    >\n                                        <foehn-icon-chevron-up></foehn-icon-chevron-up>\n                                    </span>\n                                    <span\n                                        class=\"ml-3\"\n                                        *ngIf=\"sort.sortDirection === 'DESC'\"\n                                    >\n                                        <foehn-icon-chevron-down></foehn-icon-chevron-down>\n                                    </span>\n                                </ng-container>\n                            </a>\n                        </ng-container>\n                    </th>\n                </tr>\n            </thead>\n            <tbody>\n                <tr\n                    *ngFor=\"\n                        let item of filteredList;\n                        let index = index;\n                        trackBy: trackByFn\n                    \"\n                >\n                    <td\n                        *ngFor=\"let col of columnsConfiguration\"\n                        [id]=\"col.id + '-' + index\"\n                    >\n                        <ng-container *ngIf=\"!!col.isImportant\">\n                            <span\n                                *ngIf=\"col.isImportant(item)\"\n                                class=\"cell-vertical-align-middle\"\n                            >\n                                <svg\n                                    xmlns=\"http://www.w3.org/2000/svg\"\n                                    width=\"30\"\n                                    height=\"30\"\n                                    style=\"color: var(--red)\"\n                                    fill=\"currentColor\"\n                                    class=\"bi bi-exclamation\"\n                                    viewBox=\"0 0 16 16\"\n                                >\n                                    <path\n                                        d=\"M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.553.553 0 0 1-1.1 0L7.1 4.995z\"\n                                    />\n                                </svg>\n                            </span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!col.routerLinkGetter\">\n                            <span\n                                [innerHTML]=\"col.valueGetter(item)\"\n                                class=\"cell-vertical-align-middle\"\n                            ></span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!!col.routerLinkGetter\">\n                            <a\n                                [routerLink]=\"col.routerLinkGetter(item)\"\n                                queryParamsHandling=\"merge\"\n                                class=\"cell-vertical-align-middle\"\n                            >\n                                <span\n                                    [innerHTML]=\"col.valueGetter(item)\"\n                                ></span>\n                            </a>\n                        </ng-container>\n                    </td>\n                </tr>\n                <tr *ngIf=\"!filteredList.length\">\n                    <td [colSpan]=\"columnsConfiguration.length\">\n                        <div class=\"w-100 text-center\">\n                            {{ 'foehn-table.totalElements.0' | fromDictionary }}\n                        </div>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n\n        <div class=\"row d-flex justify-content-between p-1\">\n            <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n                <nav\n                    class=\"vd-pagination\"\n                    aria-label=\"Pagination\"\n                    *ngIf=\"hasPreviousPage()\"\n                >\n                    <ul class=\"vd-pagination__list\">\n                        <li\n                            class=\"vd-pagination__item vd-pagination__item--previous\"\n                        >\n                            <button\n                                class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n                                (click)=\"previousPage()\"\n                            >\n                                <span class=\"vd-pagination__title\">\n                                    <foehn-icon-chevron-left></foehn-icon-chevron-left>\n                                    {{ previousLabel }}\n                                </span>\n                                <span class=\"sr-only\">:</span>\n                                <span class=\"vd-pagination__label\">\n                                    {{ currentPage - 1 }} sur {{ pagesCount() }}\n                                </span>\n                            </button>\n                        </li>\n                    </ul>\n                </nav>\n            </div>\n\n            <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n                <nav\n                    class=\"vd-pagination\"\n                    aria-label=\"Pagination\"\n                    *ngIf=\"hasNextPage()\"\n                >\n                    <ul class=\"vd-pagination__list\">\n                        <li\n                            class=\"vd-pagination__item vd-pagination__item--next\"\n                        >\n                            <button\n                                class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n                                (click)=\"nextPage()\"\n                            >\n                                <span class=\"vd-pagination__title\">\n                                    {{ nextLabel }}\n                                    <foehn-icon-chevron-right></foehn-icon-chevron-right>\n                                </span>\n                                <span class=\"sr-only\">:</span>\n                                <span class=\"vd-pagination__label\">\n                                    {{ currentPage + 1 }} sur {{ pagesCount() }}\n                                </span>\n                            </button>\n                        </li>\n                    </ul>\n                </nav>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".btn-no-extra{padding:0;border:none;font-weight:400;-webkit-text-decoration-line:none;text-decoration-line:none}.vd-pagination__link-reset{background:none;border:none;font-weight:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:#ffbf47}.cell-vertical-align-middle{vertical-align:middle}\n"], components: [{ type: FoehnIconChevronUpComponent, selector: "foehn-icon-chevron-up" }, { type: FoehnIconChevronDownComponent, selector: "foehn-icon-chevron-down" }, { type: FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { type: FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
+    FoehnTableComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FoehnTableComponent, selector: "foehn-table", inputs: { itemsPerPage: "itemsPerPage", id: "id", previousLabel: "previousLabel", nextLabel: "nextLabel", totalElements: "totalElements", fixedPageCount: "fixedPageCount", columnsConfiguration: "columnsConfiguration", sort: "sort", trackByFn: "trackByFn", list: "list" }, outputs: { pageChange: "pageChange", sortChange: "sortChange" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"row\" [id]=\"id\">\n    <div class=\"col-12\">\n        <h4 *ngIf=\"!!totalElements && totalElements === 1\">\n            {{ 'foehn-table.totalElements.1' | fromDictionary }}\n        </h4>\n        <h4 *ngIf=\"!!totalElements && totalElements !== 1\">\n            {{\n                'foehn-table.totalElements'\n                    | fromDictionary: { total: totalElements.toString() }\n            }}\n        </h4>\n    </div>\n\n    <div class=\"col-12 table-responsive\">\n        <table class=\"table table-hover\">\n            <thead class=\"vd-bg-pattern-bars-gray\">\n                <tr>\n                    <th\n                        scope=\"col\"\n                        *ngFor=\"let col of columnsConfiguration\"\n                        [id]=\"col.id\"\n                    >\n                        <ng-container\n                            *ngIf=\"!filteredList.length || !col.sortAttribute\"\n                        >\n                            <span\n                                [innerHTML]=\"\n                                    col.columnLabelKey | fromDictionary\n                                \"\n                            ></span>\n                        </ng-container>\n\n                        <ng-container\n                            *ngIf=\"!!filteredList.length && !!col.sortAttribute\"\n                        >\n                            <a\n                                href=\"#\"\n                                class=\"vd-text-thin\"\n                                (click)=\"\n                                    $event.preventDefault();\n                                    triggerSort(col.sortAttribute)\n                                \"\n                                [title]=\"\n                                    'Trier par ' +\n                                    (col.columnLabelKey | fromDictionary)\n                                \"\n                            >\n                                <span\n                                    [innerHTML]=\"\n                                        col.columnLabelKey | fromDictionary\n                                    \"\n                                ></span>\n                                <ng-container\n                                    *ngIf=\"\n                                        sort.sortAttribute === col.sortAttribute\n                                    \"\n                                >\n                                    <span\n                                        class=\"ml-3\"\n                                        *ngIf=\"sort.sortDirection === 'ASC'\"\n                                    >\n                                        <foehn-icon-chevron-up></foehn-icon-chevron-up>\n                                    </span>\n                                    <span\n                                        class=\"ml-3\"\n                                        *ngIf=\"sort.sortDirection === 'DESC'\"\n                                    >\n                                        <foehn-icon-chevron-down></foehn-icon-chevron-down>\n                                    </span>\n                                </ng-container>\n                            </a>\n                        </ng-container>\n                    </th>\n                </tr>\n            </thead>\n            <tbody>\n                <tr\n                    *ngFor=\"\n                        let item of filteredList;\n                        let index = index;\n                        trackBy: trackByFn\n                    \"\n                >\n                    <td\n                        *ngFor=\"let col of columnsConfiguration\"\n                        [id]=\"col.id + '-' + index\"\n                    >\n                        <ng-container *ngIf=\"!!col.isImportant\">\n                            <span\n                                *ngIf=\"col.isImportant(item)\"\n                                class=\"cell-vertical-align-middle\"\n                            >\n                                <svg\n                                    xmlns=\"http://www.w3.org/2000/svg\"\n                                    width=\"30\"\n                                    height=\"30\"\n                                    style=\"color: var(--red)\"\n                                    fill=\"currentColor\"\n                                    class=\"bi bi-exclamation\"\n                                    viewBox=\"0 0 16 16\"\n                                >\n                                    <path\n                                        d=\"M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.553.553 0 0 1-1.1 0L7.1 4.995z\"\n                                    />\n                                </svg>\n                            </span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!col.routerLinkGetter\">\n                            <span\n                                [innerHTML]=\"col.valueGetter(item)\"\n                                class=\"cell-vertical-align-middle\"\n                            ></span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!!col.routerLinkGetter\">\n                            <a\n                                [routerLink]=\"col.routerLinkGetter(item)\"\n                                queryParamsHandling=\"merge\"\n                                class=\"cell-vertical-align-middle\"\n                            >\n                                <span\n                                    [innerHTML]=\"col.valueGetter(item)\"\n                                ></span>\n                            </a>\n                        </ng-container>\n                    </td>\n                </tr>\n                <tr *ngIf=\"!!columnsConfiguration && !filteredList.length\">\n                    <td [colSpan]=\"columnsConfiguration.length\">\n                        <div class=\"w-100 text-center\">\n                            {{ 'foehn-table.totalElements.0' | fromDictionary }}\n                        </div>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n\n        <div class=\"row d-flex justify-content-between p-1\">\n            <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n                <nav\n                    class=\"vd-pagination\"\n                    aria-label=\"Pagination\"\n                    *ngIf=\"hasPreviousPage()\"\n                >\n                    <ul class=\"vd-pagination__list\">\n                        <li\n                            class=\"vd-pagination__item vd-pagination__item--previous\"\n                        >\n                            <button\n                                class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n                                (click)=\"previousPage()\"\n                            >\n                                <span class=\"vd-pagination__title\">\n                                    <foehn-icon-chevron-left></foehn-icon-chevron-left>\n                                    {{ previousLabel }}\n                                </span>\n                                <span class=\"sr-only\">:</span>\n                                <span class=\"vd-pagination__label\">\n                                    {{ currentPage - 1 }} sur {{ pagesCount() }}\n                                </span>\n                            </button>\n                        </li>\n                    </ul>\n                </nav>\n            </div>\n\n            <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n                <nav\n                    class=\"vd-pagination\"\n                    aria-label=\"Pagination\"\n                    *ngIf=\"hasNextPage()\"\n                >\n                    <ul class=\"vd-pagination__list\">\n                        <li\n                            class=\"vd-pagination__item vd-pagination__item--next\"\n                        >\n                            <button\n                                class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n                                (click)=\"nextPage()\"\n                            >\n                                <span class=\"vd-pagination__title\">\n                                    {{ nextLabel }}\n                                    <foehn-icon-chevron-right></foehn-icon-chevron-right>\n                                </span>\n                                <span class=\"sr-only\">:</span>\n                                <span class=\"vd-pagination__label\">\n                                    {{ currentPage + 1 }} sur {{ pagesCount() }}\n                                </span>\n                            </button>\n                        </li>\n                    </ul>\n                </nav>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".btn-no-extra{padding:0;border:none;font-weight:400;-webkit-text-decoration-line:none;text-decoration-line:none}.vd-pagination__link-reset{background:none;border:none;font-weight:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:#ffbf47}.cell-vertical-align-middle{vertical-align:middle}\n"], components: [{ type: FoehnIconChevronUpComponent, selector: "foehn-icon-chevron-up" }, { type: FoehnIconChevronDownComponent, selector: "foehn-icon-chevron-down" }, { type: FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { type: FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnTableComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -10632,6 +10669,7 @@
             _this.confirmModalService = confirmModalService;
             _this.dictionaryService = dictionaryService;
             _this.url = 'api/document';
+            _this.shouldDisplayFileSavedConfirmation = true;
             _this.pendingUploadService = pendingUploadService;
             _this.multiUploadService = multiUploadService;
             return _this;
@@ -10648,7 +10686,7 @@
             // Only one call every 300ms to stop concurrent access
             operators.throttleTime(300), 
             // Only one concurrent call at the time
-            operators.mergeMap(function (files) { return _this.multiUploadService.uploadDocuments(_this.url, _this.name, _this.label, files, _this.key, _this.multiple, _this.currentLanguage); }, 1))
+            operators.mergeMap(function (files) { return _this.multiUploadService.uploadDocuments(_this.url, _this.name, _this.label, files, _this.key, _this.multiple, _this.currentLanguage, _this.shouldDisplayFileSavedConfirmation); }, 1))
                 .subscribe(function (_a) {
                 var documents = _a.documents, errors = _a.errors;
                 _this.displayResultFromServer(documents, errors);
@@ -10754,7 +10792,7 @@
                 // only when no error so isPristine is set to false for validation purpose
                 this.markAsDirty();
                 // Otherwise, we store files in pending storage
-                this.pendingUploadService.addPendingFiles(this.url, this.name, this.label, files, this.key, this.multiple);
+                this.pendingUploadService.addPendingFiles(this.url, this.name, this.label, files, this.key, this.multiple, this.shouldDisplayFileSavedConfirmation);
             }
         };
         FoehnMultiUploadComponent.prototype.displayPendingUploadedErrorsFromServerByFormKey = function (errors, formKey) {
@@ -10810,7 +10848,7 @@
         return FoehnMultiUploadComponent;
     }(AbstractFoehnUploaderComponent));
     FoehnMultiUploadComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnMultiUploadComponent, deps: [{ token: MultiUploadService }, { token: PendingUploadService }, { token: ApplicationInfoService }, { token: FoehnConfirmModalService }, { token: SdkDictionaryService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FoehnMultiUploadComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FoehnMultiUploadComponent, selector: "foehn-multi-upload", inputs: { url: "url", reference: "reference" }, providers: [
+    FoehnMultiUploadComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FoehnMultiUploadComponent, selector: "foehn-multi-upload", inputs: { url: "url", reference: "reference", shouldDisplayFileSavedConfirmation: "shouldDisplayFileSavedConfirmation" }, providers: [
             {
                 provide: FoehnInputComponent,
                 useExisting: i0.forwardRef(function () { return FoehnMultiUploadComponent; }),
@@ -10835,6 +10873,8 @@
                     type: i0.Input
                 }], reference: [{
                     type: i0.Input
+                }], shouldDisplayFileSavedConfirmation: [{
+                    type: i0.Input
                 }] } });
 
     var FoehnMultiUploadModule = /** @class */ (function () {
@@ -10881,13 +10921,14 @@
             this.uniqPrefix = new Date().getTime();
             this.uploaderHelper = new UploaderHelper(dictionaryService, applicationInfoService);
         }
-        BoMultiUploadService.prototype.uploadDocuments = function (url, formKey, label, files, key, isMultiple, language) {
+        BoMultiUploadService.prototype.uploadDocuments = function (url, formKey, label, files, key, isMultiple, language, shouldDisplayFileSavedConfirmation) {
             var _this = this;
             var documents = files.map(function (file) { return _this.uploaderHelper.mapToDocumentReference(file, label, key, isMultiple, _this.uniqPrefix, _this.globalSequence++); });
             var formData = this.uploaderHelper.mapToFormData(documents, formKey, language);
             return this.httpClient.post(url, formData).pipe(operators.tap(function (result) {
                 var successfulDocumentsCount = result.documents && result.documents.length;
-                if (successfulDocumentsCount) {
+                if (successfulDocumentsCount &&
+                    shouldDisplayFileSavedConfirmation) {
                     var message = successfulDocumentsCount + " fichier(s) sauvegard\u00E9(s) avec succ\u00E8s";
                     _this.growlService.addWithType(GrowlType.SUCCESS, message);
                 }
@@ -10932,6 +10973,7 @@
             _this.applicationInfoService = applicationInfoService;
             _this.confirmModalService = confirmModalService;
             _this.dictionaryService = dictionaryService;
+            _this.shouldDisplayFileSavedConfirmation = true;
             _this.documentDeleted = new i0.EventEmitter();
             _this.boMultiUploadService = boMultiUploadService;
             return _this;
@@ -10945,7 +10987,7 @@
             // Only one call every 300ms to stop concurrent access
             operators.throttleTime(300), 
             // Only one concurrent call at the time
-            operators.mergeMap(function (files) { return _this.boMultiUploadService.uploadDocuments(_this.uploadUrl, _this.name, _this.label, files, _this.key, _this.multiple, _this.currentLanguage); }, 1))
+            operators.mergeMap(function (files) { return _this.boMultiUploadService.uploadDocuments(_this.uploadUrl, _this.name, _this.label, files, _this.key, _this.multiple, _this.currentLanguage, _this.shouldDisplayFileSavedConfirmation); }, 1))
                 .subscribe(function (_a) {
                 var documents = _a.documents, errors = _a.errors;
                 _this.displayResultFromServer(documents, errors);
@@ -11055,7 +11097,7 @@
         return FoehnBoMultiUploadComponent;
     }(AbstractFoehnUploaderComponent));
     FoehnBoMultiUploadComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnBoMultiUploadComponent, deps: [{ token: BoMultiUploadService }, { token: ApplicationInfoService }, { token: FoehnConfirmModalService }, { token: SdkDictionaryService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FoehnBoMultiUploadComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FoehnBoMultiUploadComponent, selector: "foehn-bo-multi-upload", inputs: { uploadUrl: "uploadUrl", deleteUrl: "deleteUrl", downloadUrl: "downloadUrl" }, outputs: { documentDeleted: "documentDeleted" }, providers: [
+    FoehnBoMultiUploadComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FoehnBoMultiUploadComponent, selector: "foehn-bo-multi-upload", inputs: { uploadUrl: "uploadUrl", deleteUrl: "deleteUrl", downloadUrl: "downloadUrl", shouldDisplayFileSavedConfirmation: "shouldDisplayFileSavedConfirmation" }, outputs: { documentDeleted: "documentDeleted" }, providers: [
             {
                 provide: FoehnInputComponent,
                 useExisting: i0.forwardRef(function () { return FoehnBoMultiUploadComponent; }),
@@ -11082,6 +11124,8 @@
                     type: i0.Input
                 }], downloadUrl: [{
                     type: i0.Input
+                }], shouldDisplayFileSavedConfirmation: [{
+                    type: i0.Input
                 }], documentDeleted: [{
                     type: i0.Output
                 }] } });
@@ -11166,6 +11210,7 @@
             _this.croppedPictureFilename = 'photo.png';
             _this.resizeToWidth = 300;
             _this.resizeToHeight = 0;
+            _this.shouldDisplayFileSavedConfirmation = true;
             _this.loading = false;
             return _this;
         }
@@ -11208,7 +11253,7 @@
             this.markAsPristine();
             var photo = convertBase64UrlToFile(this.croppedPictureAsBase64Url, this.croppedPictureFilename);
             this.uploadService
-                .uploadDocuments(this.baseUrl, this.name, this.label, [photo], this.key, false, this.currentLanguage)
+                .uploadDocuments(this.baseUrl, this.name, this.label, [photo], this.key, false, this.currentLanguage, this.shouldDisplayFileSavedConfirmation)
                 .pipe(operators.filter(function (result) { return !!result; }))
                 .subscribe(function (_a) {
                 var documents = _a.documents, errors = _a.errors;
@@ -11259,7 +11304,7 @@
         return FoehnPictureUploadComponent;
     }(FoehnInputComponent));
     FoehnPictureUploadComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnPictureUploadComponent, deps: [{ token: GrowlBrokerService }, { token: MultiUploadService }, { token: SdkDictionaryService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FoehnPictureUploadComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FoehnPictureUploadComponent, selector: "foehn-picture-upload", inputs: { name: "name", key: "key", label: "label", baseUrl: "baseUrl", croppedPictureFilename: "croppedPictureFilename", resizeToWidth: "resizeToWidth", resizeToHeight: "resizeToHeight" }, providers: [
+    FoehnPictureUploadComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FoehnPictureUploadComponent, selector: "foehn-picture-upload", inputs: { name: "name", key: "key", label: "label", baseUrl: "baseUrl", croppedPictureFilename: "croppedPictureFilename", resizeToWidth: "resizeToWidth", resizeToHeight: "resizeToHeight", shouldDisplayFileSavedConfirmation: "shouldDisplayFileSavedConfirmation" }, providers: [
             {
                 provide: FoehnInputComponent,
                 useExisting: i0.forwardRef(function () { return FoehnPictureUploadComponent; }),
@@ -11293,6 +11338,8 @@
                     type: i0.Input
                 }], resizeToHeight: [{
                     type: i0.Input
+                }], shouldDisplayFileSavedConfirmation: [{
+                    type: i0.Input
                 }] } });
 
     var FoehnPictureUploadModule = /** @class */ (function () {