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

package/fesm2020/dsivd-prestations-ng.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { Injectable, Optional, Inject, EventEmitter, Directive, Input, ViewChildren, ViewChild, forwardRef, Output, HostBinding, Pipe, Component, ContentChildren, HostListener, NgModule, TemplateRef, ContentChild } from '@angular/core';
 import * as i1$1 from '@angular/router';
 import { ActivatedRoute, NavigationStart, RouterModule, NavigationEnd, RouterLink } from '@angular/router';
-import { of, BehaviorSubject, combineLatest, Subject, throwError, EMPTY, merge, tap as tap$1, debounceTime as debounceTime$1, map as map$1 } from 'rxjs';
+import { of, BehaviorSubject, combineLatest, Subject, throwError, concat, toArray, EMPTY, merge, tap as tap$1, debounceTime as debounceTime$1, map as map$1 } from 'rxjs';
 import { map, shareReplay, debounceTime, catchError, switchMap, tap, filter, mergeMap, throttleTime, share, first, finalize, distinctUntilChanged } from 'rxjs/operators';
 import * as i1 from '@angular/common/http';
 import { HttpParams, HttpEventType, HttpResponse, HttpErrorResponse, HTTP_INTERCEPTORS, HttpClientModule, HttpClient } from '@angular/common/http';
@@ -773,6 +773,18 @@ const DEFAULT_DICTIONARY = {
     'gesdem-confirmation.resume-my-demand.label': 'Vous pouvez reprendre votre demande en cliquant sur le lien ci-dessous',
     'gesdem-confirmation.resume-my-demand.button': 'Reprendre ma demande',
     'gesdem.download-pdf.button.title': 'Télécharger le PDF',
+    'gesdem-action-recovery-registration.modalHeaderText': 'Informations pour la reprise de la demande',
+    'gesdem-action-recovery-registration.connected.info': '<p>Vos données ont été sauvegardées, vous pouvez accéder à cette demande dans la liste de ' +
+        '<a href="/100002/demandes/search/MINE/INITIAL"> ' +
+        'vos demandes en brouillon</a>.',
+    'gesdem-action-recovery-registration.not-connected.info': "Les informations demandées sont uniquement utilisées pour vous permettre d'effectuer la reprise de demande.",
+    'gesdem-action-recovery-registration.not-connected.info.sent': '<p>Un message contenant le lien de reprise de la demande a été envoyé à votre email.</p>' +
+        '<p>Vous pouvez cliquer sur ce lien pour reprendre la demande en saisissant le code qui sera envoyé à votre téléphone.</p>',
+    'gesdem-action-recovery-registration.not-connected.email.label': 'Email',
+    'gesdem-action-recovery-registration.not-connected.email.help-text': 'Par exemple, john@doe.ch',
+    'gesdem-action-recovery-registration.not-connected.mobile.label': 'Numéro de téléphone mobile',
+    'gesdem-action-recovery-registration.cancel.button': 'Fermer',
+    'gesdem-action-recovery-registration.save.button': 'Sauvegarder',
     'foehn-date-picker-button.icon-title': 'Afficher le calendrier',
     'foehn-date-picker-button.screen-reader.selected-date': 'Date sélectionnée : {selectedDate}',
     'foehn-date-picker.container.aria-label': 'Calendrier',
@@ -807,6 +819,10 @@ const DEFAULT_DICTIONARY = {
     'foehn-uploader.abbr-megaoctet-title': 'Megaoctet',
     'foehn-uploader.delete-icon-title': 'Supprimer {docName}',
     'foehn-uploader.max-upload-selection-reached': 'Vous ne pouvez pas télécharger plus de {maxSelection} fichiers à la fois.',
+    'foehn-uploader.files-saved-success-message': '{successfulDocumentsCount} fichier(s) sauvegardé(s) avec succès',
+    'foehn-uploader.transmission-error-message': 'Une erreur est survenue lors de la transmission de vos documents',
+    'foehn-uploader.files-deleted-success-message': 'Suppression du fichier {filename} réussie',
+    'foehn-uploader.delete-error-message': 'Une erreur est survenue lors de la suppression de votre document',
     'use-login.text.decision-electronique-available': 'Pour obtenir la notification de la décision sous forme électronique ' +
         '(fichier au format pdf), vous devez demander la prestation en étant connecté au portail sécurisé.',
     'use-login.text': 'Cette prestation est également utilisable <strong>en se connectant</strong> au portail sécurisé de l’État de Vaud pour autant ' +
@@ -880,7 +896,10 @@ const DEFAULT_DICTIONARY = {
     'foehn-textarea.chars-remaining.exceeded': 'Vous avez dépassé le nombre de caractères autorisés de {charCountLeft}',
     'foehn-upload-progress-bar.title': 'Traitement de votre envoi',
     'foehn-upload-progress-bar.upload': 'Enregistrement en cours...',
+    'foehn-upload-progress-bar.group.upload': 'Lot {packageIndex}/{nbPackages} : Enregistrement en cours...',
     'foehn-upload-progress-bar.analysis': 'Analyse en cours... Merci de patienter.',
+    'foehn-upload-progress-bar.group.analysis': 'Lot {packageIndex}/{nbPackages} : Analyse en cours... Merci de patienter.',
+    'foehn-upload-progress-bar.group.info': 'Le téléchargement se fait en plusieurs lots en fonction du nombre de fichiers chargés',
     'errors.NotNull': 'Ce champ doit être rempli',
     'foehn-header.logo.title': "Aller à la page d'accueil du Site du Canton de Vaud",
     'foehn-header.cyber-secured-area.identity.srOnly': 'Votre identité',
@@ -2425,7 +2444,7 @@ class UploadProgressService {
     get showProgressSubject() {
         return this.showProgress.asObservable();
     }
-    manageUploadEventFilter(event) {
+    manageUploadEventFilter(event, packageIndex = 0, nbPackages = 1) {
         switch (event.type) {
             case HttpEventType.Sent:
                 this.showProgress.next(true);
@@ -2433,7 +2452,9 @@ class UploadProgressService {
             case HttpEventType.UploadProgress:
                 const progress = {
                     loaded: event.loaded,
-                    total: event.total
+                    total: event.total,
+                    nbPackages,
+                    packageIndex
                 };
                 this.uploadProgress.next(progress);
                 return false;
@@ -2445,7 +2466,9 @@ class UploadProgressService {
             case HttpEventType.User:
             default:
                 this.analysisProgress.next(false);
-                this.showProgress.next(false);
+                if (packageIndex + 1 === nbPackages) {
+                    this.showProgress.next(false);
+                }
                 return true;
         }
     }
@@ -2469,34 +2492,48 @@ class MultiUploadService {
         this.uploadProgressService = uploadProgressService;
         // A way to have a unique Id per file
         this.globalSequence = 0;
+        this.NB_CONCURRENT_FILES_TO_UPLOAD = 3;
+        this.mergeDocumentsWithErrors = (arrayOfDocumentsWithErrors) => {
+            const mergedResponse = new DocumentsWithErrors();
+            arrayOfDocumentsWithErrors.forEach(item => {
+                if (!!item.documents?.length) {
+                    if (!mergedResponse.documents) {
+                        mergedResponse.documents = [];
+                    }
+                    mergedResponse.documents = mergedResponse.documents.concat(item.documents);
+                }
+                if (!!item.errors?.length) {
+                    if (!mergedResponse.errors) {
+                        mergedResponse.errors = [];
+                    }
+                    mergedResponse.errors = mergedResponse.errors.concat(item.errors);
+                }
+            });
+            return mergedResponse;
+        };
         this.uploaderHelper = new UploaderHelper(dictionaryService, applicationInfoService);
     }
     uploadDocuments(baseUrl, formKey, label, files, key, isMultiple, language, shouldDisplayFileSavedConfirmation) {
         const reference = this.gesdemHandlerService.lastResponse.meta.reference;
         if (!!reference?.length) {
-            const documents = files.map(file => this.uploaderHelper.mapToDocumentReference(file, label, key, isMultiple, new Date().getTime(), this.globalSequence++));
-            const formData = this.uploaderHelper.mapToFormData(documents, formKey, language);
             const url = `${baseUrl}/upload/${reference}`;
-            return this.httpClient
-                .post(url, formData, {
-                reportProgress: true,
-                observe: 'events',
-                responseType: 'json'
-            })
-                .pipe(filter((e) => this.uploadProgressService.manageUploadEventFilter(e)), map((e) => e.body), tap(result => {
-                const successfulDocumentsCount = result.documents && result.documents.length;
-                if (successfulDocumentsCount &&
-                    shouldDisplayFileSavedConfirmation) {
-                    const message = `${successfulDocumentsCount} fichier(s) sauvegardé(s) avec succès`;
-                    this.growlService.addWithType(GrowlType.SUCCESS, message);
-                }
-            }), catchError((e) => {
-                this.uploadProgressService.analysisProgress.next(false);
-                this.uploadProgressService.showProgress.next(false);
-                const message = 'Une erreur est survenue lors de la transmission de vos documents';
-                this.growlService.addWithType(GrowlType.DANGER, message);
-                return throwError(() => e);
-            }));
+            const filesToGroup = [...files];
+            const groupsOfFiles = [];
+            while (!!filesToGroup.length) {
+                groupsOfFiles.push(filesToGroup.splice(0, this.NB_CONCURRENT_FILES_TO_UPLOAD));
+            }
+            const arrayOfDocumentsWithErrorsObservable = groupsOfFiles.map((groupOfFile, index) => {
+                const documents = groupOfFile.map(file => this.uploaderHelper.mapToDocumentReference(file, label, key, isMultiple, new Date().getTime(), this.globalSequence++));
+                const formData = this.uploaderHelper.mapToFormData(documents, formKey, language);
+                return this.getDocumentsWithErrorsObservable(url, formData, shouldDisplayFileSavedConfirmation, index, groupsOfFiles.length);
+            });
+            if (arrayOfDocumentsWithErrorsObservable.length === 1) {
+                return arrayOfDocumentsWithErrorsObservable[0];
+            }
+            //  concat() operator sequentially emits all values from the given Observable and then proceed to the next one.
+            return concat(...arrayOfDocumentsWithErrorsObservable).pipe(
+            //  toArray() operator collects all the values emitted by the source observable into an array and sends it to the observer
+            toArray(), map(this.mergeDocumentsWithErrors.bind(this)));
         }
         return EMPTY;
     }
@@ -2506,10 +2543,10 @@ class MultiUploadService {
         return this.httpClient.delete(url).pipe(
         // Reflect the document once the update is done to ease chaining observables.
         map(() => document), tap(() => {
-            const message = `Suppression du fichier ${document.filename} réussie`;
+            const message = this.dictionaryService.getKeySync('foehn-uploader.files-deleted-success-message', { filename: document.filename });
             this.growlService.addWithType(GrowlType.SUCCESS, message);
         }), catchError((e) => {
-            const message = 'Une erreur est survenue lors de la suppression de votre document';
+            const message = this.dictionaryService.getKeySync('foehn-uploader.delete-error-message');
             this.growlService.addWithType(GrowlType.DANGER, message);
             return throwError(() => e);
         }));
@@ -2518,6 +2555,30 @@ class MultiUploadService {
         const reference = this.gesdemHandlerService.lastResponse.meta.reference;
         return `${baseUrl}/download/${reference}/doc/${document.reference}`;
     }
+    getDocumentsWithErrorsObservable(url, formData, shouldDisplayFileSavedConfirmation, packageIndex = 0, nbPackages = 1) {
+        return this.httpClient
+            .post(url, formData, {
+            reportProgress: true,
+            observe: 'events',
+            responseType: 'json'
+        })
+            .pipe(filter((e) => this.uploadProgressService.manageUploadEventFilter(e, packageIndex, nbPackages)), map((e) => e.body), tap(result => {
+            const successfulDocumentsCount = result.documents && result.documents.length;
+            if (successfulDocumentsCount &&
+                shouldDisplayFileSavedConfirmation) {
+                const message = this.dictionaryService.getKeySync('foehn-uploader.files-saved-success-message', {
+                    successfulDocumentsCount: successfulDocumentsCount.toString()
+                });
+                this.growlService.addWithType(GrowlType.SUCCESS, message);
+            }
+        }), catchError((e) => {
+            this.uploadProgressService.analysisProgress.next(false);
+            this.uploadProgressService.showProgress.next(false);
+            const message = this.dictionaryService.getKeySync('foehn-uploader.transmission-error-message');
+            this.growlService.addWithType(GrowlType.DANGER, message);
+            return throwError(() => e);
+        }));
+    }
 }
 MultiUploadService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MultiUploadService, deps: [{ token: i1.HttpClient }, { token: GrowlBrokerService }, { token: GesdemHandlerService }, { token: ApplicationInfoService }, { token: SdkDictionaryService }, { token: UploadProgressService }], target: i0.ɵɵFactoryTarget.Injectable });
 MultiUploadService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MultiUploadService, providedIn: 'root' });
@@ -10594,15 +10655,21 @@ class GesdemActionRecoveryRegistrationComponent {
     sendAndClose() {
         this.actionRecoveryService
             .registerForRecovery(this.reference, this.model)
-            .pipe(tap(err => {
+            .pipe(tap(formRecoveryErrors => {
             this.form.reset();
             this.validationHandler.shouldDisplayErrors(true);
             this.validationHandler.updateErrors([
-                ...err,
+                ...formRecoveryErrors,
                 ...this.gesdemService.lastResponse.errors
             ]);
             this.form.focusFirstInError();
-            this.mailSent = !err.length;
+            const registrationSuccessfull = !formRecoveryErrors.length;
+            this.mailSent = registrationSuccessfull;
+            if (registrationSuccessfull) {
+                // the form could have been updated by the backend on recovery registration
+                // eslint-disable-next-line rxjs-angular/prefer-async-pipe
+                this.gesdemService.retrieve(this.reference).subscribe();
+            }
         }))
             // eslint-disable-next-line rxjs-angular/prefer-async-pipe
             .subscribe();
@@ -10636,10 +10703,10 @@ class GesdemActionRecoveryRegistrationComponent {
     }
 }
 GesdemActionRecoveryRegistrationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GesdemActionRecoveryRegistrationComponent, deps: [{ token: GesdemActionRecoveryService }, { token: ValidationHandlerService }, { token: FoehnPageService }, { token: GesdemEventService }, { token: GesdemHandlerService }, { token: ApplicationInfoService }, { token: SessionInfo }], target: i0.ɵɵFactoryTarget.Component });
-GesdemActionRecoveryRegistrationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: GesdemActionRecoveryRegistrationComponent, selector: "gesdem-action-recovery-registration", inputs: { continueLaterLabel: "continueLaterLabel" }, viewQueries: [{ propertyName: "modalTrigger", first: true, predicate: ["modalTrigger"], descendants: true }, { propertyName: "form", first: true, predicate: FoehnFormComponent, descendants: true }], ngImport: i0, template: "<button\n    type=\"button\"\n    id=\"continueLaterButton\"\n    class=\"btn btn-link pr-0 pl-0 no-text-transform\"\n    *ngIf=\"canContinueLater | async\"\n    (click)=\"open()\"\n    #modalTrigger\n>\n    {{ continueLaterLabel }}\n</button>\n\n<foehn-modal\n    id=\"action-recovery-registration-modal\"\n    [modalHeaderText]=\"'Informations pour la reprise de la demande'\"\n    [isModalVisible]=\"isModalVisible\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n>\n    <ng-container *ngIf=\"isConnectedCyber | async; else notConnectedContent\">\n        <p>\n            Vos donn\u00E9es ont \u00E9t\u00E9 sauvegard\u00E9es, vous pouvez acc\u00E9der \u00E0 cette\n            demande dans la liste de\n            <a href=\"/100002/demandes/search/MINE/INITIAL\">\n                vos demandes en brouillon\n            </a>\n            .\n        </p>\n    </ng-container>\n    <ng-template #notConnectedContent>\n        <div class=\"alert alert-info\">\n            <p *ngIf=\"!mailSent\">\n                Les informations demand\u00E9es sont uniquement utilis\u00E9es pour vous\n                permettre d'effectuer la reprise de demande.\n            </p>\n\n            <div *ngIf=\"mailSent\">\n                <p>\n                    Un message contenant le lien de reprise de la demande a \u00E9t\u00E9\n                    envoy\u00E9 \u00E0 votre email.\n                </p>\n                <p>\n                    Vous pouvez cliquer sur ce lien pour reprendre la demande en\n                    saisissant le code qui sera envoy\u00E9 \u00E0 votre t\u00E9l\u00E9phone.\n                </p>\n            </div>\n        </div>\n\n        <foehn-form *ngIf=\"!mailSent\" [shouldDisplayAlertSummary]=\"false\">\n            <foehn-input-text\n                label=\"Email\"\n                helpText=\"Par exemple, john@doe.ch\"\n                [(model)]=\"model.email\"\n                name=\"email\"\n                [required]=\"true\"\n            ></foehn-input-text>\n\n            <foehn-input-phone\n                label=\"Num\u00E9ro de t\u00E9l\u00E9phone mobile\"\n                [acceptInternational]=\"true\"\n                [acceptMobilePhone]=\"true\"\n                [acceptPhone]=\"false\"\n                [(model)]=\"model.mobile\"\n                name=\"mobile\"\n                [required]=\"true\"\n            ></foehn-input-phone>\n        </foehn-form>\n    </ng-template>\n\n    <div modal-footer class=\"w-100\">\n        <div class=\"d-md-flex\">\n            <div class=\"ml-md-auto mr-md-2 mb-2 mt-2\">\n                <button (click)=\"close()\" class=\"btn btn-secondary w-100\">\n                    Fermer\n                </button>\n            </div>\n            <div\n                *ngIf=\"!(isConnectedCyber | async)\"\n                class=\"ml-md-0 mr-md-2 mb-2 mt-2\"\n            >\n                <button\n                    type=\"submit\"\n                    (click)=\"sendAndClose()\"\n                    class=\"btn btn-success w-100\"\n                    *ngIf=\"!mailSent\"\n                >\n                    Sauvegarder\n                </button>\n            </div>\n        </div>\n    </div>\n</foehn-modal>\n", styles: [".no-text-transform{text-transform:none;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FoehnInputTextComponent, selector: "foehn-input-text", inputs: ["numberOnly"] }, { kind: "component", type: FoehnInputPhoneComponent, selector: "foehn-input-phone", inputs: ["acceptInternational", "acceptMobilePhone", "acceptPhone"] }, { kind: "component", type: FoehnFormComponent, selector: "foehn-form", inputs: ["shouldDisplayAlertSummary"] }, { kind: "component", type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
+GesdemActionRecoveryRegistrationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: GesdemActionRecoveryRegistrationComponent, selector: "gesdem-action-recovery-registration", inputs: { continueLaterLabel: "continueLaterLabel" }, viewQueries: [{ propertyName: "modalTrigger", first: true, predicate: ["modalTrigger"], descendants: true }, { propertyName: "form", first: true, predicate: FoehnFormComponent, descendants: true }], ngImport: i0, template: "<button\n    type=\"button\"\n    id=\"continueLaterButton\"\n    class=\"btn btn-link pr-0 pl-0 no-text-transform\"\n    *ngIf=\"canContinueLater | async\"\n    (click)=\"open()\"\n    #modalTrigger\n>\n    {{ continueLaterLabel }}\n</button>\n\n<foehn-modal\n    id=\"action-recovery-registration-modal\"\n    [modalHeaderText]=\"\n        'gesdem-action-recovery-registration.modalHeaderText' | fromDictionary\n    \"\n    [isModalVisible]=\"isModalVisible\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n>\n    <ng-container *ngIf=\"isConnectedCyber | async; else notConnectedContent\">\n        <span\n            [innerHTML]=\"\n                'gesdem-action-recovery-registration.connected.info'\n                    | fromDictionary\n            \"\n        ></span>\n    </ng-container>\n    <ng-template #notConnectedContent>\n        <div class=\"alert alert-info\">\n            <p\n                *ngIf=\"!mailSent\"\n                [innerHTML]=\"\n                    'gesdem-action-recovery-registration.not-connected.info'\n                        | fromDictionary\n                \"\n            ></p>\n\n            <div\n                *ngIf=\"mailSent\"\n                [innerHTML]=\"\n                    'gesdem-action-recovery-registration.not-connected.info.sent'\n                        | fromDictionary\n                \"\n            ></div>\n        </div>\n\n        <foehn-form *ngIf=\"!mailSent\" [shouldDisplayAlertSummary]=\"false\">\n            <foehn-input-email\n                [label]=\"\n                    'gesdem-action-recovery-registration.not-connected.email.label'\n                        | fromDictionary\n                \"\n                [helpText]=\"\n                    'gesdem-action-recovery-registration.not-connected.email.help-text'\n                        | fromDictionary\n                \"\n                [(model)]=\"model.email\"\n                name=\"email\"\n                [required]=\"true\"\n            ></foehn-input-email>\n\n            <foehn-input-phone\n                [label]=\"\n                    'gesdem-action-recovery-registration.not-connected.mobile.label'\n                        | fromDictionary\n                \"\n                [acceptInternational]=\"true\"\n                [acceptMobilePhone]=\"true\"\n                [acceptPhone]=\"false\"\n                [(model)]=\"model.mobile\"\n                name=\"mobile\"\n                [required]=\"true\"\n            ></foehn-input-phone>\n        </foehn-form>\n    </ng-template>\n\n    <div modal-footer class=\"w-100\">\n        <div class=\"d-md-flex\">\n            <div class=\"ml-md-auto mr-md-2 mb-2 mt-2\">\n                <button\n                    (click)=\"close()\"\n                    class=\"btn btn-secondary w-100\"\n                    [innerHTML]=\"\n                        'gesdem-action-recovery-registration.cancel.button'\n                            | fromDictionary\n                    \"\n                ></button>\n            </div>\n            <div\n                *ngIf=\"!(isConnectedCyber | async)\"\n                class=\"ml-md-0 mr-md-2 mb-2 mt-2\"\n            >\n                <button\n                    type=\"submit\"\n                    (click)=\"sendAndClose()\"\n                    class=\"btn btn-success w-100\"\n                    *ngIf=\"!mailSent\"\n                    [innerHTML]=\"\n                        'gesdem-action-recovery-registration.save.button'\n                            | fromDictionary\n                    \"\n                ></button>\n            </div>\n        </div>\n    </div>\n</foehn-modal>\n", styles: [".no-text-transform{text-transform:none;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FoehnInputEmailComponent, selector: "foehn-input-email" }, { kind: "component", type: FoehnInputPhoneComponent, selector: "foehn-input-phone", inputs: ["acceptInternational", "acceptMobilePhone", "acceptPhone"] }, { kind: "component", type: FoehnFormComponent, selector: "foehn-form", inputs: ["shouldDisplayAlertSummary"] }, { kind: "component", type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GesdemActionRecoveryRegistrationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gesdem-action-recovery-registration', template: "<button\n    type=\"button\"\n    id=\"continueLaterButton\"\n    class=\"btn btn-link pr-0 pl-0 no-text-transform\"\n    *ngIf=\"canContinueLater | async\"\n    (click)=\"open()\"\n    #modalTrigger\n>\n    {{ continueLaterLabel }}\n</button>\n\n<foehn-modal\n    id=\"action-recovery-registration-modal\"\n    [modalHeaderText]=\"'Informations pour la reprise de la demande'\"\n    [isModalVisible]=\"isModalVisible\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n>\n    <ng-container *ngIf=\"isConnectedCyber | async; else notConnectedContent\">\n        <p>\n            Vos donn\u00E9es ont \u00E9t\u00E9 sauvegard\u00E9es, vous pouvez acc\u00E9der \u00E0 cette\n            demande dans la liste de\n            <a href=\"/100002/demandes/search/MINE/INITIAL\">\n                vos demandes en brouillon\n            </a>\n            .\n        </p>\n    </ng-container>\n    <ng-template #notConnectedContent>\n        <div class=\"alert alert-info\">\n            <p *ngIf=\"!mailSent\">\n                Les informations demand\u00E9es sont uniquement utilis\u00E9es pour vous\n                permettre d'effectuer la reprise de demande.\n            </p>\n\n            <div *ngIf=\"mailSent\">\n                <p>\n                    Un message contenant le lien de reprise de la demande a \u00E9t\u00E9\n                    envoy\u00E9 \u00E0 votre email.\n                </p>\n                <p>\n                    Vous pouvez cliquer sur ce lien pour reprendre la demande en\n                    saisissant le code qui sera envoy\u00E9 \u00E0 votre t\u00E9l\u00E9phone.\n                </p>\n            </div>\n        </div>\n\n        <foehn-form *ngIf=\"!mailSent\" [shouldDisplayAlertSummary]=\"false\">\n            <foehn-input-text\n                label=\"Email\"\n                helpText=\"Par exemple, john@doe.ch\"\n                [(model)]=\"model.email\"\n                name=\"email\"\n                [required]=\"true\"\n            ></foehn-input-text>\n\n            <foehn-input-phone\n                label=\"Num\u00E9ro de t\u00E9l\u00E9phone mobile\"\n                [acceptInternational]=\"true\"\n                [acceptMobilePhone]=\"true\"\n                [acceptPhone]=\"false\"\n                [(model)]=\"model.mobile\"\n                name=\"mobile\"\n                [required]=\"true\"\n            ></foehn-input-phone>\n        </foehn-form>\n    </ng-template>\n\n    <div modal-footer class=\"w-100\">\n        <div class=\"d-md-flex\">\n            <div class=\"ml-md-auto mr-md-2 mb-2 mt-2\">\n                <button (click)=\"close()\" class=\"btn btn-secondary w-100\">\n                    Fermer\n                </button>\n            </div>\n            <div\n                *ngIf=\"!(isConnectedCyber | async)\"\n                class=\"ml-md-0 mr-md-2 mb-2 mt-2\"\n            >\n                <button\n                    type=\"submit\"\n                    (click)=\"sendAndClose()\"\n                    class=\"btn btn-success w-100\"\n                    *ngIf=\"!mailSent\"\n                >\n                    Sauvegarder\n                </button>\n            </div>\n        </div>\n    </div>\n</foehn-modal>\n", styles: [".no-text-transform{text-transform:none;cursor:pointer}\n"] }]
+            args: [{ selector: 'gesdem-action-recovery-registration', template: "<button\n    type=\"button\"\n    id=\"continueLaterButton\"\n    class=\"btn btn-link pr-0 pl-0 no-text-transform\"\n    *ngIf=\"canContinueLater | async\"\n    (click)=\"open()\"\n    #modalTrigger\n>\n    {{ continueLaterLabel }}\n</button>\n\n<foehn-modal\n    id=\"action-recovery-registration-modal\"\n    [modalHeaderText]=\"\n        'gesdem-action-recovery-registration.modalHeaderText' | fromDictionary\n    \"\n    [isModalVisible]=\"isModalVisible\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n>\n    <ng-container *ngIf=\"isConnectedCyber | async; else notConnectedContent\">\n        <span\n            [innerHTML]=\"\n                'gesdem-action-recovery-registration.connected.info'\n                    | fromDictionary\n            \"\n        ></span>\n    </ng-container>\n    <ng-template #notConnectedContent>\n        <div class=\"alert alert-info\">\n            <p\n                *ngIf=\"!mailSent\"\n                [innerHTML]=\"\n                    'gesdem-action-recovery-registration.not-connected.info'\n                        | fromDictionary\n                \"\n            ></p>\n\n            <div\n                *ngIf=\"mailSent\"\n                [innerHTML]=\"\n                    'gesdem-action-recovery-registration.not-connected.info.sent'\n                        | fromDictionary\n                \"\n            ></div>\n        </div>\n\n        <foehn-form *ngIf=\"!mailSent\" [shouldDisplayAlertSummary]=\"false\">\n            <foehn-input-email\n                [label]=\"\n                    'gesdem-action-recovery-registration.not-connected.email.label'\n                        | fromDictionary\n                \"\n                [helpText]=\"\n                    'gesdem-action-recovery-registration.not-connected.email.help-text'\n                        | fromDictionary\n                \"\n                [(model)]=\"model.email\"\n                name=\"email\"\n                [required]=\"true\"\n            ></foehn-input-email>\n\n            <foehn-input-phone\n                [label]=\"\n                    'gesdem-action-recovery-registration.not-connected.mobile.label'\n                        | fromDictionary\n                \"\n                [acceptInternational]=\"true\"\n                [acceptMobilePhone]=\"true\"\n                [acceptPhone]=\"false\"\n                [(model)]=\"model.mobile\"\n                name=\"mobile\"\n                [required]=\"true\"\n            ></foehn-input-phone>\n        </foehn-form>\n    </ng-template>\n\n    <div modal-footer class=\"w-100\">\n        <div class=\"d-md-flex\">\n            <div class=\"ml-md-auto mr-md-2 mb-2 mt-2\">\n                <button\n                    (click)=\"close()\"\n                    class=\"btn btn-secondary w-100\"\n                    [innerHTML]=\"\n                        'gesdem-action-recovery-registration.cancel.button'\n                            | fromDictionary\n                    \"\n                ></button>\n            </div>\n            <div\n                *ngIf=\"!(isConnectedCyber | async)\"\n                class=\"ml-md-0 mr-md-2 mb-2 mt-2\"\n            >\n                <button\n                    type=\"submit\"\n                    (click)=\"sendAndClose()\"\n                    class=\"btn btn-success w-100\"\n                    *ngIf=\"!mailSent\"\n                    [innerHTML]=\"\n                        'gesdem-action-recovery-registration.save.button'\n                            | fromDictionary\n                    \"\n                ></button>\n            </div>\n        </div>\n    </div>\n</foehn-modal>\n", styles: [".no-text-transform{text-transform:none;cursor:pointer}\n"] }]
         }], ctorParameters: function () { return [{ type: GesdemActionRecoveryService }, { type: ValidationHandlerService }, { type: FoehnPageService }, { type: GesdemEventService }, { type: GesdemHandlerService }, { type: ApplicationInfoService }, { type: SessionInfo }]; }, propDecorators: { continueLaterLabel: [{
                 type: Input
             }], modalTrigger: [{
@@ -10659,14 +10726,18 @@ GesdemActionRecoveryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.
         FoehnInputModule,
         FoehnIconsModule,
         FoehnFormModule,
-        FoehnModalModule], exports: [GesdemActionRecoveryLoginComponent,
+        FoehnModalModule,
+        SdkDictionaryModule,
+        PipeModule], exports: [GesdemActionRecoveryLoginComponent,
         GesdemActionRecoveryRegistrationComponent] });
 GesdemActionRecoveryModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GesdemActionRecoveryModule, imports: [CommonModule,
         RouterModule,
         FoehnInputModule,
         FoehnIconsModule,
         FoehnFormModule,
-        FoehnModalModule] });
+        FoehnModalModule,
+        SdkDictionaryModule,
+        PipeModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GesdemActionRecoveryModule, decorators: [{
             type: NgModule,
             args: [{
@@ -10676,7 +10747,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                         FoehnInputModule,
                         FoehnIconsModule,
                         FoehnFormModule,
-                        FoehnModalModule
+                        FoehnModalModule,
+                        SdkDictionaryModule,
+                        PipeModule
                     ],
                     declarations: [
                         GesdemActionRecoveryLoginComponent,
@@ -11880,7 +11953,10 @@ class FoehnUploadProgressBarComponent {
             }
         }), shareReplay(1));
         this.analysisProgress = this.uploadProgressService.analysisProgressSubject.pipe(shareReplay(1));
-        this.currentUploadPercentage = this.uploadProgressService.uploadProgressSubject.pipe(map$1((progress) => this.calculateProgressPercentage(progress)), shareReplay(1));
+        const uploadProgress = this.uploadProgressService.uploadProgressSubject.pipe(shareReplay(1));
+        this.currentUploadPercentage = uploadProgress.pipe(map$1((progress) => this.calculateProgressPercentage(progress)), shareReplay(1));
+        this.uploadPackage = uploadProgress.pipe(filter((progress) => !!progress), shareReplay(1));
+        this.hasUploadPackages = this.uploadPackage.pipe(map$1((progress) => !!progress.nbPackages && progress.nbPackages > 1), shareReplay(1));
         this.progressBarTriggerSubscription = combineLatest([
             this.showProgress,
             this.analysisProgress,
@@ -11911,8 +11987,12 @@ class FoehnUploadProgressBarComponent {
         if (!progress) {
             return 0;
         }
-        const percent = Math.round((progress.loaded * 100) / progress.total);
-        if (percent === 100) {
+        const percentPerGroup = 100 / progress.nbPackages;
+        const loadedPerGroup = (progress.loaded * percentPerGroup) / progress.total;
+        const loaded = loadedPerGroup + progress.packageIndex * percentPerGroup;
+        const percent = Math.round(loaded);
+        if (percent ===
+            Math.round(percentPerGroup * (progress.packageIndex + 1))) {
             this.uploadProgressService.analysisProgress.next(true);
         }
         return percent;
@@ -11927,10 +12007,10 @@ class FoehnUploadProgressBarComponent {
     }
 }
 FoehnUploadProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnUploadProgressBarComponent, deps: [{ token: UploadProgressService }], target: i0.ɵɵFactoryTarget.Component });
-FoehnUploadProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnUploadProgressBarComponent, selector: "foehn-upload-progress-bar", inputs: { progressBarTriggerHtmlElement: "progressBarTriggerHtmlElement" }, viewQueries: [{ propertyName: "progressBarPanel", first: true, predicate: ["progressBarPanel"], descendants: true }], ngImport: i0, template: "<div\n    *ngIf=\"(showProgress | async) === true\"\n    role=\"dialog\"\n    class=\"progress-bar-container d-flex justify-content-center\"\n    tabindex=\"-1\"\n    cdkTrapFocus\n>\n    <div\n        class=\"progress-bar-panel d-flex flex-column align-self-center\"\n        tabindex=\"-1\"\n        #progressBarPanel\n    >\n        <div class=\"progress-bar-panel-title py-2 px-3\">\n            <h2\n                class=\"h5\"\n                [innerHTML]=\"'foehn-upload-progress-bar.title' | fromDictionary\"\n            ></h2>\n        </div>\n        <div class=\"progress-bar-panel-body p-3\">\n            <p\n                *ngIf=\"(analysisProgress | async) === false\"\n                [innerHTML]=\"\n                    'foehn-upload-progress-bar.upload' | fromDictionary\n                \"\n            ></p>\n            <p\n                *ngIf=\"(analysisProgress | async) === true\"\n                [innerHTML]=\"\n                    'foehn-upload-progress-bar.analysis' | fromDictionary\n                \"\n            ></p>\n            <!-- Need to add a tabindex=\"0\" (here on progress) otherwise cdkTrapFocus will not work -->\n            <div class=\"progress\" tabindex=\"0\">\n                <div\n                    *ngIf=\"currentUploadPercentage | async as progress\"\n                    role=\"progressbar\"\n                    class=\"progress-bar bg-success\"\n                    [class.progress-bar-animated]=\"\n                        (analysisProgress | async) === true\n                    \"\n                    [class.progress-bar-striped]=\"\n                        (analysisProgress | async) === true\n                    \"\n                    [style.width]=\"progress + '%'\"\n                    [attr.aria-valuenow]=\"progress\"\n                    aria-valuemin=\"0\"\n                    aria-valuemax=\"100\"\n                >\n                    <ng-container *ngIf=\"(analysisProgress | async) === false\">\n                        {{ progress + '%' }}\n                    </ng-container>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".progress-bar-container{top:0;left:0;height:100%;width:100%;position:fixed;z-index:10000;overflow:auto;background-color:#000;background-color:#0006}.progress-bar-panel{width:30%;background-color:#fff}.progress-bar-panel-title{background-color:var(--vd-neutral-lighter)}.progress-bar-panel-title h2{margin-top:.5rem}.progress{width:100%;background-color:var(--vd-neutral-lighter);box-shadow:none}.progress:focus{outline:0;box-shadow:inset 0 1px 1px #00000013,0 0 0 .2rem var(--vd-focus)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] });
+FoehnUploadProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnUploadProgressBarComponent, selector: "foehn-upload-progress-bar", inputs: { progressBarTriggerHtmlElement: "progressBarTriggerHtmlElement" }, viewQueries: [{ propertyName: "progressBarPanel", first: true, predicate: ["progressBarPanel"], descendants: true }], ngImport: i0, template: "<div\n    *ngIf=\"(showProgress | async) === true\"\n    role=\"dialog\"\n    class=\"progress-bar-container d-flex justify-content-center\"\n    tabindex=\"-1\"\n    cdkTrapFocus\n>\n    <div\n        class=\"progress-bar-panel d-flex flex-column align-self-center\"\n        tabindex=\"-1\"\n        #progressBarPanel\n    >\n        <div class=\"progress-bar-panel-title py-2 px-3\">\n            <h2\n                class=\"h5 mb-0 py-1\"\n                [innerHTML]=\"'foehn-upload-progress-bar.title' | fromDictionary\"\n            ></h2>\n        </div>\n        <div class=\"progress-bar-panel-body p-3\">\n            <ng-container *ngIf=\"(hasUploadPackages | async) === false\">\n                <p\n                    *ngIf=\"(analysisProgress | async) === false\"\n                    [innerHTML]=\"\n                        'foehn-upload-progress-bar.upload' | fromDictionary\n                    \"\n                ></p>\n                <p\n                    *ngIf=\"(analysisProgress | async) === true\"\n                    [innerHTML]=\"\n                        'foehn-upload-progress-bar.analysis' | fromDictionary\n                    \"\n                ></p>\n            </ng-container>\n            <ng-container *ngIf=\"(hasUploadPackages | async) === true\">\n                <ng-container *ngIf=\"(analysisProgress | async) === false\">\n                    <p\n                        *ngIf=\"uploadPackage | async as uploadPackage\"\n                        [innerHTML]=\"\n                            'foehn-upload-progress-bar.group.upload'\n                                | fromDictionary\n                                    : {\n                                          packageIndex: (\n                                              uploadPackage.packageIndex + 1\n                                          ).toString(),\n                                          nbPackages: uploadPackage.nbPackages.toString()\n                                      }\n                        \"\n                    ></p>\n                </ng-container>\n                <ng-container *ngIf=\"(analysisProgress | async) === true\">\n                    <p\n                        *ngIf=\"uploadPackage | async as uploadPackage\"\n                        [innerHTML]=\"\n                            'foehn-upload-progress-bar.group.analysis'\n                                | fromDictionary\n                                    : {\n                                          packageIndex: (\n                                              uploadPackage.packageIndex + 1\n                                          ).toString(),\n                                          nbPackages: uploadPackage.nbPackages.toString()\n                                      }\n                        \"\n                    ></p>\n                </ng-container>\n            </ng-container>\n            <!-- Need to add a tabindex=\"0\" (here on progress) otherwise cdkTrapFocus will not work -->\n            <div class=\"progress\" tabindex=\"0\">\n                <div\n                    *ngIf=\"currentUploadPercentage | async as progress\"\n                    role=\"progressbar\"\n                    class=\"progress-bar bg-success\"\n                    [class.progress-bar-animated]=\"\n                        (analysisProgress | async) === true\n                    \"\n                    [class.progress-bar-striped]=\"\n                        (analysisProgress | async) === true\n                    \"\n                    [style.width]=\"progress + '%'\"\n                    [attr.aria-valuenow]=\"progress\"\n                    aria-valuemin=\"0\"\n                    aria-valuemax=\"100\"\n                >\n                    <ng-container *ngIf=\"(analysisProgress | async) === false\">\n                        {{ progress + '%' }}\n                    </ng-container>\n                </div>\n            </div>\n            <small\n                class=\"form-text text-secondary\"\n                *ngIf=\"(hasUploadPackages | async) === true\"\n                [innerHTML]=\"\n                    'foehn-upload-progress-bar.group.info' | fromDictionary\n                \"\n            ></small>\n        </div>\n    </div>\n</div>\n", styles: [".progress-bar-container{top:0;left:0;height:100%;width:100%;position:fixed;z-index:10000;overflow:auto;background-color:#000;background-color:#0006}.progress-bar-panel{width:30%;background-color:#fff}.progress-bar-panel-title{background-color:var(--vd-neutral-lighter)}.progress-bar-panel-title h2{margin-top:.5rem}.progress{width:100%;background-color:var(--vd-neutral-lighter);box-shadow:none}.progress:focus{outline:0;box-shadow:inset 0 1px 1px #00000013,0 0 0 .2rem var(--vd-focus)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnUploadProgressBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'foehn-upload-progress-bar', template: "<div\n    *ngIf=\"(showProgress | async) === true\"\n    role=\"dialog\"\n    class=\"progress-bar-container d-flex justify-content-center\"\n    tabindex=\"-1\"\n    cdkTrapFocus\n>\n    <div\n        class=\"progress-bar-panel d-flex flex-column align-self-center\"\n        tabindex=\"-1\"\n        #progressBarPanel\n    >\n        <div class=\"progress-bar-panel-title py-2 px-3\">\n            <h2\n                class=\"h5\"\n                [innerHTML]=\"'foehn-upload-progress-bar.title' | fromDictionary\"\n            ></h2>\n        </div>\n        <div class=\"progress-bar-panel-body p-3\">\n            <p\n                *ngIf=\"(analysisProgress | async) === false\"\n                [innerHTML]=\"\n                    'foehn-upload-progress-bar.upload' | fromDictionary\n                \"\n            ></p>\n            <p\n                *ngIf=\"(analysisProgress | async) === true\"\n                [innerHTML]=\"\n                    'foehn-upload-progress-bar.analysis' | fromDictionary\n                \"\n            ></p>\n            <!-- Need to add a tabindex=\"0\" (here on progress) otherwise cdkTrapFocus will not work -->\n            <div class=\"progress\" tabindex=\"0\">\n                <div\n                    *ngIf=\"currentUploadPercentage | async as progress\"\n                    role=\"progressbar\"\n                    class=\"progress-bar bg-success\"\n                    [class.progress-bar-animated]=\"\n                        (analysisProgress | async) === true\n                    \"\n                    [class.progress-bar-striped]=\"\n                        (analysisProgress | async) === true\n                    \"\n                    [style.width]=\"progress + '%'\"\n                    [attr.aria-valuenow]=\"progress\"\n                    aria-valuemin=\"0\"\n                    aria-valuemax=\"100\"\n                >\n                    <ng-container *ngIf=\"(analysisProgress | async) === false\">\n                        {{ progress + '%' }}\n                    </ng-container>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".progress-bar-container{top:0;left:0;height:100%;width:100%;position:fixed;z-index:10000;overflow:auto;background-color:#000;background-color:#0006}.progress-bar-panel{width:30%;background-color:#fff}.progress-bar-panel-title{background-color:var(--vd-neutral-lighter)}.progress-bar-panel-title h2{margin-top:.5rem}.progress{width:100%;background-color:var(--vd-neutral-lighter);box-shadow:none}.progress:focus{outline:0;box-shadow:inset 0 1px 1px #00000013,0 0 0 .2rem var(--vd-focus)}\n"] }]
+            args: [{ selector: 'foehn-upload-progress-bar', template: "<div\n    *ngIf=\"(showProgress | async) === true\"\n    role=\"dialog\"\n    class=\"progress-bar-container d-flex justify-content-center\"\n    tabindex=\"-1\"\n    cdkTrapFocus\n>\n    <div\n        class=\"progress-bar-panel d-flex flex-column align-self-center\"\n        tabindex=\"-1\"\n        #progressBarPanel\n    >\n        <div class=\"progress-bar-panel-title py-2 px-3\">\n            <h2\n                class=\"h5 mb-0 py-1\"\n                [innerHTML]=\"'foehn-upload-progress-bar.title' | fromDictionary\"\n            ></h2>\n        </div>\n        <div class=\"progress-bar-panel-body p-3\">\n            <ng-container *ngIf=\"(hasUploadPackages | async) === false\">\n                <p\n                    *ngIf=\"(analysisProgress | async) === false\"\n                    [innerHTML]=\"\n                        'foehn-upload-progress-bar.upload' | fromDictionary\n                    \"\n                ></p>\n                <p\n                    *ngIf=\"(analysisProgress | async) === true\"\n                    [innerHTML]=\"\n                        'foehn-upload-progress-bar.analysis' | fromDictionary\n                    \"\n                ></p>\n            </ng-container>\n            <ng-container *ngIf=\"(hasUploadPackages | async) === true\">\n                <ng-container *ngIf=\"(analysisProgress | async) === false\">\n                    <p\n                        *ngIf=\"uploadPackage | async as uploadPackage\"\n                        [innerHTML]=\"\n                            'foehn-upload-progress-bar.group.upload'\n                                | fromDictionary\n                                    : {\n                                          packageIndex: (\n                                              uploadPackage.packageIndex + 1\n                                          ).toString(),\n                                          nbPackages: uploadPackage.nbPackages.toString()\n                                      }\n                        \"\n                    ></p>\n                </ng-container>\n                <ng-container *ngIf=\"(analysisProgress | async) === true\">\n                    <p\n                        *ngIf=\"uploadPackage | async as uploadPackage\"\n                        [innerHTML]=\"\n                            'foehn-upload-progress-bar.group.analysis'\n                                | fromDictionary\n                                    : {\n                                          packageIndex: (\n                                              uploadPackage.packageIndex + 1\n                                          ).toString(),\n                                          nbPackages: uploadPackage.nbPackages.toString()\n                                      }\n                        \"\n                    ></p>\n                </ng-container>\n            </ng-container>\n            <!-- Need to add a tabindex=\"0\" (here on progress) otherwise cdkTrapFocus will not work -->\n            <div class=\"progress\" tabindex=\"0\">\n                <div\n                    *ngIf=\"currentUploadPercentage | async as progress\"\n                    role=\"progressbar\"\n                    class=\"progress-bar bg-success\"\n                    [class.progress-bar-animated]=\"\n                        (analysisProgress | async) === true\n                    \"\n                    [class.progress-bar-striped]=\"\n                        (analysisProgress | async) === true\n                    \"\n                    [style.width]=\"progress + '%'\"\n                    [attr.aria-valuenow]=\"progress\"\n                    aria-valuemin=\"0\"\n                    aria-valuemax=\"100\"\n                >\n                    <ng-container *ngIf=\"(analysisProgress | async) === false\">\n                        {{ progress + '%' }}\n                    </ng-container>\n                </div>\n            </div>\n            <small\n                class=\"form-text text-secondary\"\n                *ngIf=\"(hasUploadPackages | async) === true\"\n                [innerHTML]=\"\n                    'foehn-upload-progress-bar.group.info' | fromDictionary\n                \"\n            ></small>\n        </div>\n    </div>\n</div>\n", styles: [".progress-bar-container{top:0;left:0;height:100%;width:100%;position:fixed;z-index:10000;overflow:auto;background-color:#000;background-color:#0006}.progress-bar-panel{width:30%;background-color:#fff}.progress-bar-panel-title{background-color:var(--vd-neutral-lighter)}.progress-bar-panel-title h2{margin-top:.5rem}.progress{width:100%;background-color:var(--vd-neutral-lighter);box-shadow:none}.progress:focus{outline:0;box-shadow:inset 0 1px 1px #00000013,0 0 0 .2rem var(--vd-focus)}\n"] }]
         }], ctorParameters: function () { return [{ type: UploadProgressService }]; }, propDecorators: { progressBarTriggerHtmlElement: [{
                 type: Input
             }], progressBarPanel: [{
@@ -12191,6 +12271,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }]
         }] });
 
+// eslint-disable max-classes-per-file
+class BoDocumentError {
+}
+class BoDocumentsWithErrors {
+}
+
 class BoMultiUploadService {
     constructor(httpClient, growlService, applicationInfoService, dictionaryService, uploadProgressService) {
         this.httpClient = httpClient;
@@ -12200,46 +12286,86 @@ class BoMultiUploadService {
         this.uploadProgressService = uploadProgressService;
         // A way to have a unique Id per file
         this.globalSequence = 0;
+        this.NB_CONCURRENT_FILES_TO_UPLOAD = 3;
+        this.mergeDocumentsWithErrors = (arrayOfDocumentsWithErrors) => {
+            const mergedResponse = new BoDocumentsWithErrors();
+            arrayOfDocumentsWithErrors.forEach(item => {
+                if (!!item.documents?.length) {
+                    if (!mergedResponse.documents) {
+                        mergedResponse.documents = [];
+                    }
+                    mergedResponse.documents = mergedResponse.documents.concat(item.documents);
+                }
+                if (!!item.errors?.length) {
+                    if (!mergedResponse.errors) {
+                        mergedResponse.errors = [];
+                    }
+                    mergedResponse.errors = mergedResponse.errors.concat(item.errors);
+                }
+            });
+            return mergedResponse;
+        };
         this.uploaderHelper = new UploaderHelper(dictionaryService, applicationInfoService);
     }
     uploadDocuments(url, formKey, label, files, key, isMultiple, language, shouldDisplayFileSavedConfirmation) {
-        const documents = files.map(file => this.uploaderHelper.mapToDocumentReference(file, label, key, isMultiple, new Date().getTime(), this.globalSequence++));
-        const formData = this.uploaderHelper.mapToFormData(documents, formKey, language);
+        const filesToGroup = [...files];
+        const groupsOfFiles = [];
+        while (!!filesToGroup.length) {
+            groupsOfFiles.push(filesToGroup.splice(0, this.NB_CONCURRENT_FILES_TO_UPLOAD));
+        }
+        const arrayOfDocumentsWithErrorsObservable = groupsOfFiles.map((groupOfFile, index) => {
+            const documents = groupOfFile.map(file => this.uploaderHelper.mapToDocumentReference(file, label, key, isMultiple, new Date().getTime(), this.globalSequence++));
+            const formData = this.uploaderHelper.mapToFormData(documents, formKey, language);
+            return this.getDocumentsWithErrorsObservable(url, formData, shouldDisplayFileSavedConfirmation, index, groupsOfFiles.length);
+        });
+        if (arrayOfDocumentsWithErrorsObservable.length === 1) {
+            return arrayOfDocumentsWithErrorsObservable[0];
+        }
+        //  concat() operator sequentially emits all values from the given Observable and then proceed to the next one.
+        return concat(...arrayOfDocumentsWithErrorsObservable).pipe(
+        //  toArray() operator collects all the values emitted by the source observable into an array and sends it to the observer
+        toArray(), map(this.mergeDocumentsWithErrors.bind(this)));
+    }
+    deleteDocument(baseUrl, document) {
+        const url = `${baseUrl}/${document.reference}`;
+        return this.httpClient.delete(url).pipe(
+        // Reflect the document once the update is done to ease chaining observables.
+        map(() => document), tap(() => {
+            const message = this.dictionaryService.getKeySync('foehn-uploader.files-deleted-success-message', { filename: document.filename });
+            this.growlService.addWithType(GrowlType.SUCCESS, message);
+        }), catchError((e) => {
+            const message = this.dictionaryService.getKeySync('foehn-uploader.delete-error-message');
+            this.growlService.addWithType(GrowlType.DANGER, message);
+            return throwError(() => e);
+        }));
+    }
+    getDownloadUrl(baseUrl, document) {
+        return `${baseUrl}/${document.reference}`;
+    }
+    getDocumentsWithErrorsObservable(url, formData, shouldDisplayFileSavedConfirmation, packageIndex = 0, nbPackages = 1) {
         return this.httpClient
             .post(url, formData, {
             reportProgress: true,
             observe: 'events',
             responseType: 'json'
         })
-            .pipe(filter((e) => this.uploadProgressService.manageUploadEventFilter(e)), map((e) => e.body), tap(result => {
+            .pipe(filter((e) => this.uploadProgressService.manageUploadEventFilter(e, packageIndex, nbPackages)), map((e) => e.body), tap(result => {
             const successfulDocumentsCount = result.documents && result.documents.length;
             if (successfulDocumentsCount &&
                 shouldDisplayFileSavedConfirmation) {
-                const message = `${successfulDocumentsCount} fichier(s) sauvegardé(s) avec succès`;
+                const message = this.dictionaryService.getKeySync('foehn-uploader.files-saved-success-message', {
+                    successfulDocumentsCount: successfulDocumentsCount.toString()
+                });
                 this.growlService.addWithType(GrowlType.SUCCESS, message);
             }
         }), catchError((e) => {
-            const message = 'Une erreur est survenue lors de la transmission de vos documents';
-            this.growlService.addWithType(GrowlType.DANGER, message);
-            return throwError(() => e);
-        }));
-    }
-    deleteDocument(baseUrl, document) {
-        const url = `${baseUrl}/${document.reference}`;
-        return this.httpClient.delete(url).pipe(
-        // Reflect the document once the update is done to ease chaining observables.
-        map(() => document), tap(() => {
-            const message = `Suppression du fichier ${document.filename} réussie`;
-            this.growlService.addWithType(GrowlType.SUCCESS, message);
-        }), catchError((e) => {
-            const message = 'Une erreur est survenue lors de la suppression de votre document';
+            this.uploadProgressService.analysisProgress.next(false);
+            this.uploadProgressService.showProgress.next(false);
+            const message = this.dictionaryService.getKeySync('foehn-uploader.transmission-error-message');
             this.growlService.addWithType(GrowlType.DANGER, message);
             return throwError(() => e);
         }));
     }
-    getDownloadUrl(baseUrl, document) {
-        return `${baseUrl}/${document.reference}`;
-    }
 }
 BoMultiUploadService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BoMultiUploadService, deps: [{ token: i1.HttpClient }, { token: GrowlBrokerService }, { token: ApplicationInfoService }, { token: SdkDictionaryService }, { token: UploadProgressService }], target: i0.ɵɵFactoryTarget.Injectable });
 BoMultiUploadService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BoMultiUploadService, providedIn: 'root' });
@@ -12250,12 +12376,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: GrowlBrokerService }, { type: ApplicationInfoService }, { type: SdkDictionaryService }, { type: UploadProgressService }]; } });
 
-// eslint-disable max-classes-per-file
-class BoDocumentError {
-}
-class BoDocumentsWithErrors {
-}
-
 class FoehnBoMultiUploadComponent extends AbstractFoehnUploaderComponent {
     constructor(boMultiUploadService, applicationInfoService, confirmModalService, dictionaryService, growlService) {
         super(applicationInfoService, confirmModalService, dictionaryService, growlService);
@@ -12351,6 +12471,14 @@ class FoehnBoMultiUploadComponent extends AbstractFoehnUploaderComponent {
         this.model = [...this.model, ...(documents || [])];
         this.triggerUserInput(this.model);
     }
+    removeDocumentFromModel(document) {
+        const index = this.model.indexOf(document);
+        if (index > -1) {
+            this.model.splice(index, 1);
+            this.model = [...this.model];
+            this.triggerUserInput(this.model);
+        }
+    }
     displayErrorsFromServer(errors) {
         if (!errors || !errors.length) {
             // PRESTAKIT-309: Simulate user interaction with component
@@ -12362,14 +12490,6 @@ class FoehnBoMultiUploadComponent extends AbstractFoehnUploaderComponent {
         errors.forEach(error => this.uploaderHelper.addCustomErrorOrDefault(this.name, newErrors, `${error.errorCode}`, error.label, this.customErrors, this.overrideAcceptedExtensions, this.overrideMaxFileNameLength, this.overrideIllegalCharacters));
         this.refreshErrors([newErrors, true]);
     }
-    removeDocumentFromModel(document) {
-        const index = this.model.indexOf(document);
-        if (index > -1) {
-            this.model.splice(index, 1);
-            this.model = [...this.model];
-            this.triggerUserInput(this.model);
-        }
-    }
     manageSingleFile(files) {
         // Edge browser lets you drop files from dialog box when selecting a file.
         // We need to make sure we only keep last selected file from user
@@ -12668,6 +12788,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
         }] });
 
 class UploadProgress {
+    constructor() {
+        this.packageIndex = 0;
+        this.nbPackages = 1;
+    }
 }
 
 class EPaymentService {