@valtimo/zgw 12.17.1 → 12.19.0

package/fesm2022/valtimo-zgw.mjs

@@ -8,11 +8,11 @@ import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1$1 from '@angular/forms';
 import { Validators, ReactiveFormsModule, FormsModule, FormGroup, FormControl } from '@angular/forms';
-import { BehaviorSubject, combineLatest, map, Subscription, switchMap, filter, tap, startWith, debounceTime, Subject, take, of, from, ReplaySubject, EMPTY, distinctUntilChanged } from 'rxjs';
+import { BehaviorSubject, combineLatest, map, Subscription, switchMap, filter, tap, startWith, debounceTime, Subject, take, of, from, ReplaySubject, EMPTY, finalize, distinctUntilChanged } from 'rxjs';
 import * as i3$1 from '@valtimo/components';
 import { CARBON_CONSTANTS, ViewType, CarbonListModule, ConfirmationModalModule, InputLabelModule, InputModule as InputModule$1, SelectModule, VModalModule, DEFAULT_PAGINATION, DEFAULT_PAGINATOR_CONFIG, ParagraphModule, CarbonListComponent, createCustomFormioComponent, registerCustomFormioComponentWithClass, TableModule, TitleModule, FormIoModule, TimelineItemImpl, ModalModule as ModalModule$1, SpinnerModule, TimelineModule, WidgetModule, ListModule, FilterSidebarModule, PageModule, FormModule, ValtimoCdsModalDirectiveModule, DropzoneModule, FileSizeModule } from '@valtimo/components';
 import * as i2 from '@valtimo/config';
-import { BaseApiService, UploadProvider, ROLE_USER, CASE_MANAGEMENT_TAB_TOKEN, ZGW_OBJECT_TYPE_COMPONENT_TOKEN, ZGW_DOCUMENTEN_API_DOCUMENTS_COMPONENT_TOKEN, ZGW_CASE_CONFIGURATION_EXTENSIONS_TOKEN } from '@valtimo/config';
+import { BaseApiService, UploadProvider, ROLE_USER, ROLE_ADMIN, CASE_MANAGEMENT_TAB_TOKEN, ZGW_OBJECT_TYPE_COMPONENT_TOKEN, ZGW_DOCUMENTEN_API_DOCUMENTS_COMPONENT_TOKEN, ZGW_CASE_CONFIGURATION_EXTENSIONS_TOKEN } from '@valtimo/config';
 import * as i1 from '@angular/common/http';
 import { HttpParams } from '@angular/common/http';
 import * as i1$2 from '@angular/router';
@@ -4235,7 +4235,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-const routes = [
+const routes$1 = [
     {
         path: 'klanten',
         component: CustomerListComponent,
@@ -4252,12 +4252,12 @@ const routes = [
 class CustomerRoutingModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CustomerRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: CustomerRoutingModule, imports: [CommonModule, i1$2.RouterModule], exports: [RouterModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CustomerRoutingModule, imports: [CommonModule, RouterModule.forChild(routes), RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CustomerRoutingModule, imports: [CommonModule, RouterModule.forChild(routes$1), RouterModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CustomerRoutingModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, RouterModule.forChild(routes)],
+                    imports: [CommonModule, RouterModule.forChild(routes$1)],
                     exports: [RouterModule],
                 }]
         }] });
@@ -4830,6 +4830,301 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * limitations under the License.
  */
 
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class FailedNotificationDetailComponent {
+    constructor() {
+        this.open = false;
+        this.notification = null;
+        this.retryInProgress = false;
+        this.closeModalEvent = new EventEmitter();
+        this.retryEvent = new EventEmitter();
+    }
+    onClose() {
+        this.closeModalEvent.emit();
+    }
+    onRetry() {
+        if (!this.retryInProgress)
+            this.retryEvent.emit();
+    }
+    get formattedPayload() {
+        if (!this.notification?.payload)
+            return '';
+        try {
+            return JSON.stringify(JSON.parse(this.notification.payload), null, 2);
+        }
+        catch (error) {
+            return this.notification.payload;
+        }
+    }
+    formatDateValue(value) {
+        if (!value)
+            return '-';
+        try {
+            return moment(value).locale(localStorage.getItem('langKey') ?? 'nl').format('DD-MM-YYYY, HH:mm:ss');
+        }
+        catch (error) {
+            return value;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FailedNotificationDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FailedNotificationDetailComponent, isStandalone: true, selector: "valtimo-notificaties-api-failed-notification-detail", inputs: { open: "open", notification: "notification", retryInProgress: "retryInProgress" }, outputs: { closeModalEvent: "closeModalEvent", retryEvent: "retryEvent" }, ngImport: i0, template: "<cds-modal [open]=\"open\" size=\"lg\" valtimoCdsModal>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onClose()\">\n    {{ 'zgw.notifications.failed.detail.title' | translate }}\n  </cds-modal-header>\n\n  <section cdsModalContent class=\"failed-notification-detail__content\">\n    <h4 class=\"detail-heading\">\n      {{ 'zgw.notifications.failed.detail.metadataTitle' | translate }}\n    </h4>\n\n    <dl class=\"detail-metadata\">\n      <div>\n        <dt>{{ 'zgw.notifications.failed.detail.status' | translate }}</dt>\n        <dd>{{ notification?.status || '-' }}</dd>\n      </div>\n      <div>\n        <dt>{{ 'zgw.notifications.failed.detail.pendingRetries' | translate }}</dt>\n        <dd>{{ notification?.pendingRetries ?? '-' }}</dd>\n      </div>\n      <div>\n        <dt>{{ 'zgw.notifications.failed.detail.receivedAt' | translate }}</dt>\n        <dd>{{ formatDateValue(notification?.receivedAt) }}</dd>\n      </div>\n      <div>\n        <dt>{{ 'zgw.notifications.failed.detail.lastProcessedAt' | translate }}</dt>\n        <dd>{{ formatDateValue(notification?.lastProcessedAt) }}</dd>\n      </div>\n    </dl>\n\n    <h4 class=\"detail-heading\">\n      {{ 'zgw.notifications.failed.detail.payloadTitle' | translate }}\n    </h4>\n    <div class=\"detail-block\" *ngIf=\"formattedPayload; else noPayload\">\n      <pre class=\"detail-pre\">{{ formattedPayload }}</pre>\n    </div>\n    <ng-template #noPayload>\n      <div class=\"detail-block detail-block--empty\">\n        {{ 'zgw.notifications.failed.detail.noPayload' | translate }}\n      </div>\n    </ng-template>\n\n    <h4 class=\"detail-heading\">\n      {{ 'zgw.notifications.failed.detail.errorTitle' | translate }}\n    </h4>\n    <div class=\"detail-block\" *ngIf=\"notification?.lastErrorMessage; else noError\">\n      <pre class=\"detail-pre\">{{ notification?.lastErrorMessage }}</pre>\n    </div>\n    <ng-template #noError>\n      <div class=\"detail-block detail-block--empty\">\n        {{ 'zgw.notifications.failed.detail.noError' | translate }}\n      </div>\n    </ng-template>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" type=\"button\" (click)=\"onClose()\">\n      {{ 'interface.close' | translate }}\n    </button>\n    <button\n      cdsButton=\"primary\"\n      type=\"button\"\n      (click)=\"onRetry()\"\n      [disabled]=\"retryInProgress || !notification\"\n    >\n      {{ 'zgw.notifications.failed.detail.retry' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".failed-notification-detail__content{padding:32px}.detail-heading{padding-top:24px;padding-bottom:12px;color:var(--cds-text-primary);font-weight:600;font-size:16px;line-height:24px}.detail-metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 24px;margin:0}.detail-metadata div{background-color:var(--cds-layer-01);border-radius:4px;padding:12px}.detail-metadata dt{color:var(--cds-text-secondary)}.detail-metadata dd{color:var(--cds-text-primary);word-break:break-word}.detail-block{background-color:var(--cds-layer-01);border-radius:4px;padding:16px;color:var(--cds-text-primary);max-height:none;overflow:visible}.detail-block--empty{color:var(--cds-text-disabled);font-style:italic}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i6.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i6.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i6.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i6.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: ValtimoCdsModalDirectiveModule }, { kind: "directive", type: i3$1.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["enableOverflow"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FailedNotificationDetailComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-notificaties-api-failed-notification-detail', standalone: true, imports: [
+                        CommonModule,
+                        TranslateModule,
+                        ModalModule,
+                        ButtonModule,
+                        ValtimoCdsModalDirectiveModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<cds-modal [open]=\"open\" size=\"lg\" valtimoCdsModal>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onClose()\">\n    {{ 'zgw.notifications.failed.detail.title' | translate }}\n  </cds-modal-header>\n\n  <section cdsModalContent class=\"failed-notification-detail__content\">\n    <h4 class=\"detail-heading\">\n      {{ 'zgw.notifications.failed.detail.metadataTitle' | translate }}\n    </h4>\n\n    <dl class=\"detail-metadata\">\n      <div>\n        <dt>{{ 'zgw.notifications.failed.detail.status' | translate }}</dt>\n        <dd>{{ notification?.status || '-' }}</dd>\n      </div>\n      <div>\n        <dt>{{ 'zgw.notifications.failed.detail.pendingRetries' | translate }}</dt>\n        <dd>{{ notification?.pendingRetries ?? '-' }}</dd>\n      </div>\n      <div>\n        <dt>{{ 'zgw.notifications.failed.detail.receivedAt' | translate }}</dt>\n        <dd>{{ formatDateValue(notification?.receivedAt) }}</dd>\n      </div>\n      <div>\n        <dt>{{ 'zgw.notifications.failed.detail.lastProcessedAt' | translate }}</dt>\n        <dd>{{ formatDateValue(notification?.lastProcessedAt) }}</dd>\n      </div>\n    </dl>\n\n    <h4 class=\"detail-heading\">\n      {{ 'zgw.notifications.failed.detail.payloadTitle' | translate }}\n    </h4>\n    <div class=\"detail-block\" *ngIf=\"formattedPayload; else noPayload\">\n      <pre class=\"detail-pre\">{{ formattedPayload }}</pre>\n    </div>\n    <ng-template #noPayload>\n      <div class=\"detail-block detail-block--empty\">\n        {{ 'zgw.notifications.failed.detail.noPayload' | translate }}\n      </div>\n    </ng-template>\n\n    <h4 class=\"detail-heading\">\n      {{ 'zgw.notifications.failed.detail.errorTitle' | translate }}\n    </h4>\n    <div class=\"detail-block\" *ngIf=\"notification?.lastErrorMessage; else noError\">\n      <pre class=\"detail-pre\">{{ notification?.lastErrorMessage }}</pre>\n    </div>\n    <ng-template #noError>\n      <div class=\"detail-block detail-block--empty\">\n        {{ 'zgw.notifications.failed.detail.noError' | translate }}\n      </div>\n    </ng-template>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" type=\"button\" (click)=\"onClose()\">\n      {{ 'interface.close' | translate }}\n    </button>\n    <button\n      cdsButton=\"primary\"\n      type=\"button\"\n      (click)=\"onRetry()\"\n      [disabled]=\"retryInProgress || !notification\"\n    >\n      {{ 'zgw.notifications.failed.detail.retry' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".failed-notification-detail__content{padding:32px}.detail-heading{padding-top:24px;padding-bottom:12px;color:var(--cds-text-primary);font-weight:600;font-size:16px;line-height:24px}.detail-metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 24px;margin:0}.detail-metadata div{background-color:var(--cds-layer-01);border-radius:4px;padding:12px}.detail-metadata dt{color:var(--cds-text-secondary)}.detail-metadata dd{color:var(--cds-text-primary);word-break:break-word}.detail-block{background-color:var(--cds-layer-01);border-radius:4px;padding:16px;color:var(--cds-text-primary);max-height:none;overflow:visible}.detail-block--empty{color:var(--cds-text-disabled);font-style:italic}\n"] }]
+        }], propDecorators: { open: [{
+                type: Input
+            }], notification: [{
+                type: Input
+            }], retryInProgress: [{
+                type: Input
+            }], closeModalEvent: [{
+                type: Output
+            }], retryEvent: [{
+                type: Output
+            }] } });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class FailedNotificationsService extends BaseApiService {
+    constructor(httpClient, configService) {
+        super(httpClient, configService);
+        this.httpClient = httpClient;
+        this.configService = configService;
+    }
+    getFailedNotifications(request) {
+        const params = new HttpParams({
+            fromObject: {
+                page: request.page,
+                size: request.size,
+                ...(request.sort ? { sort: request.sort } : {}),
+            },
+        });
+        return this.httpClient.get(this.getApiUrl('management/v1/notificatiesapi/inbound-events/failed'), { params });
+    }
+    retryFailedNotification(id) {
+        return this.httpClient.post(this.getApiUrl(`management/v1/notificatiesapi/inbound-events/${id}/retry`), {});
+    }
+    getFailedNotificationCount() {
+        return this.httpClient
+            .get(this.getApiUrl('management/v1/notificatiesapi/inbound-events/failed/count'))
+            .pipe(map(response => response.count ?? 0));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FailedNotificationsService, deps: [{ token: i1.HttpClient }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FailedNotificationsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FailedNotificationsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.ConfigService }] });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class FailedNotificationsPageComponent {
+    constructor(failedNotificationsService, toastrService, translateService) {
+        this.failedNotificationsService = failedNotificationsService;
+        this.toastrService = toastrService;
+        this.translateService = translateService;
+        this._DEFAULT_SORT = 'receivedAt,desc';
+        this.loading$ = new BehaviorSubject(false);
+        this.pagination$ = new BehaviorSubject({ ...DEFAULT_PAGINATION });
+        this.retryInProgress$ = new BehaviorSubject(false);
+        this.selectedNotification$ = new BehaviorSubject(null);
+        this._pageRequest$ = new BehaviorSubject({
+            page: 0,
+            size: DEFAULT_PAGINATION.size,
+            sort: this._DEFAULT_SORT,
+        });
+        this.notifications$ = this._pageRequest$.pipe(tap(() => this.loading$.next(true)), switchMap(request => this.failedNotificationsService.getFailedNotifications(request).pipe(tap(page => {
+            this.pagination$.next({
+                ...this.pagination$.getValue(),
+                page: request.page + 1,
+                size: request.size,
+                collectionSize: page.totalElements,
+            });
+        }), map(page => page.content), finalize(() => this.loading$.next(false)))));
+        this.FIELDS = [
+            {
+                key: 'receivedAt',
+                label: 'zgw.notifications.failed.columns.receivedAt',
+                viewType: ViewType.DATE_TIME,
+            },
+            {
+                key: 'pendingRetries',
+                label: 'zgw.notifications.failed.columns.pendingRetries',
+                viewType: ViewType.NUMBER,
+            },
+            {
+                key: 'lastProcessedAt',
+                label: 'zgw.notifications.failed.columns.lastProcessedAt',
+                viewType: ViewType.DATE_TIME,
+            },
+            {
+                key: 'lastErrorMessage',
+                label: 'zgw.notifications.failed.columns.lastErrorMessage',
+                viewType: ViewType.TEXT,
+                tooltipCharLimit: 160,
+            },
+        ];
+    }
+    onPaginationClicked(page) {
+        const current = this._pageRequest$.getValue();
+        this._pageRequest$.next({ ...current, page: Math.max(0, page - 1) });
+    }
+    onPaginationSet(size) {
+        const current = this._pageRequest$.getValue();
+        const updated = {
+            ...current,
+            size,
+            page: 0,
+        };
+        this._pageRequest$.next(updated);
+    }
+    onRowClicked(row) {
+        const { ctrlClick: _ctrl, tags: _tags, ...notification } = row;
+        this.selectedNotification$.next(notification);
+    }
+    onCloseModal() {
+        this.selectedNotification$.next(null);
+    }
+    onRetry() {
+        const notification = this.selectedNotification$.getValue();
+        if (!notification)
+            return;
+        this.retryInProgress$.next(true);
+        this.failedNotificationsService
+            .retryFailedNotification(notification.id)
+            .pipe(finalize(() => this.retryInProgress$.next(false)))
+            .subscribe({
+            next: () => {
+                const message = this.translateService.instant('zgw.notifications.failed.retrySuccess');
+                this.toastrService.success(message);
+                this.selectedNotification$.next(null);
+                this._pageRequest$.next({ ...this._pageRequest$.getValue() });
+            },
+            error: () => {
+                const message = this.translateService.instant('zgw.notifications.failed.retryError');
+                this.toastrService.error(message);
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FailedNotificationsPageComponent, deps: [{ token: FailedNotificationsService }, { token: i4$1.ToastrService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FailedNotificationsPageComponent, isStandalone: true, selector: "valtimo-notificaties-api-failed-notifications-page", ngImport: i0, template: "<div class=\"failed-notifications-page\">\n  <valtimo-carbon-list\n    *ngIf=\"{items: notifications$ | async} as obs\"\n    [items]=\"obs.items || []\"\n    [fields]=\"FIELDS\"\n    [loading]=\"loading$ | async\"\n    [pagination]=\"pagination$ | async\"\n    paginationIdentifier=\"zgw-notificaties-api-failed\"\n    (paginationClicked)=\"onPaginationClicked($event)\"\n    (paginationSet)=\"onPaginationSet($event)\"\n    (rowClicked)=\"onRowClicked($event)\"\n  >\n    <valtimo-no-results\n      [title]=\"'zgw.notifications.failed.noResults.title' | translate\"\n      [description]=\"'zgw.notifications.failed.noResults.description' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-notificaties-api-failed-notification-detail\n    [open]=\"(selectedNotification$ | async) !== null\"\n    [notification]=\"selectedNotification$ | async\"\n    [retryInProgress]=\"retryInProgress$ | async\"\n    (closeModalEvent)=\"onCloseModal()\"\n    (retryEvent)=\"onRetry()\"\n  ></valtimo-notificaties-api-failed-notification-detail>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i3$1.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i3$1.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: FailedNotificationDetailComponent, selector: "valtimo-notificaties-api-failed-notification-detail", inputs: ["open", "notification", "retryInProgress"], outputs: ["closeModalEvent", "retryEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FailedNotificationsPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-notificaties-api-failed-notifications-page', standalone: true, imports: [CommonModule, TranslateModule, CarbonListModule, FailedNotificationDetailComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"failed-notifications-page\">\n  <valtimo-carbon-list\n    *ngIf=\"{items: notifications$ | async} as obs\"\n    [items]=\"obs.items || []\"\n    [fields]=\"FIELDS\"\n    [loading]=\"loading$ | async\"\n    [pagination]=\"pagination$ | async\"\n    paginationIdentifier=\"zgw-notificaties-api-failed\"\n    (paginationClicked)=\"onPaginationClicked($event)\"\n    (paginationSet)=\"onPaginationSet($event)\"\n    (rowClicked)=\"onRowClicked($event)\"\n  >\n    <valtimo-no-results\n      [title]=\"'zgw.notifications.failed.noResults.title' | translate\"\n      [description]=\"'zgw.notifications.failed.noResults.description' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-notificaties-api-failed-notification-detail\n    [open]=\"(selectedNotification$ | async) !== null\"\n    [notification]=\"selectedNotification$ | async\"\n    [retryInProgress]=\"retryInProgress$ | async\"\n    (closeModalEvent)=\"onCloseModal()\"\n    (retryEvent)=\"onRetry()\"\n  ></valtimo-notificaties-api-failed-notification-detail>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: FailedNotificationsService }, { type: i4$1.ToastrService }, { type: i3.TranslateService }] });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var NotificatiesApiInboundEventStatus;
+(function (NotificatiesApiInboundEventStatus) {
+    NotificatiesApiInboundEventStatus["RECEIVED"] = "RECEIVED";
+    NotificatiesApiInboundEventStatus["PROCESSED"] = "PROCESSED";
+    NotificatiesApiInboundEventStatus["FAILED"] = "FAILED";
+})(NotificatiesApiInboundEventStatus || (NotificatiesApiInboundEventStatus = {}));
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const routes = [
+    {
+        path: 'notifications-api/notifications/failed',
+        component: FailedNotificationsPageComponent,
+        canActivate: [AuthGuardService],
+        data: {
+            title: 'zgw.notifications.failed.pageTitle',
+            roles: [ROLE_ADMIN],
+        },
+    },
+];
+class NotificatiesApiRoutingModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificatiesApiRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NotificatiesApiRoutingModule, imports: [CommonModule, i1$2.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificatiesApiRoutingModule, imports: [CommonModule, RouterModule.forChild(routes), RouterModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificatiesApiRoutingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, RouterModule.forChild(routes)],
+                    exports: [RouterModule],
+                }]
+        }] });
+
 /*
  * Copyright 2015-2024 Ritense BV, the Netherlands.
  *
@@ -5020,7 +5315,8 @@ class ZgwModule {
             ResourceModule,
             RouterModule,
             DocumentenApiMetadataModalComponent,
-            CustomerModule], exports: [DocumentenApiUploaderComponent] }); }
+            CustomerModule,
+            NotificatiesApiRoutingModule], exports: [DocumentenApiUploaderComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ZgwModule, providers: [
             {
                 provide: CASE_MANAGEMENT_TAB_TOKEN,
@@ -5056,7 +5352,8 @@ class ZgwModule {
             ResourceModule,
             RouterModule,
             DocumentenApiMetadataModalComponent,
-            CustomerModule] }); }
+            CustomerModule,
+            NotificatiesApiRoutingModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ZgwModule, decorators: [{
             type: NgModule,
@@ -5072,6 +5369,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         RouterModule,
                         DocumentenApiMetadataModalComponent,
                         CustomerModule,
+                        NotificatiesApiRoutingModule,
                     ],
                     declarations: [DocumentenApiUploaderComponent],
                     exports: [DocumentenApiUploaderComponent],
@@ -5128,5 +5426,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { COLUMN_VIEW_TYPES, CONFIDENTIALITY_LEVELS, CasesListComponent, ContactMomentService, CustomerListComponent, CustomerModule, CustomerService, DOCUMENTEN_COLUMN_KEYS, DocumentObjectenApiSyncComponent, DocumentObjectenApiSyncService, DocumentenApiColumnModalComponent, DocumentenApiColumnService, DocumentenApiColumnsComponent, DocumentenApiDocumentService, DocumentenApiFilterComponent, DocumentenApiLinkProcessService, DocumentenApiMetadataModalComponent, DocumentenApiTagModalComponent, DocumentenApiTagService, DocumentenApiTagsComponent, DocumentenApiUploadFieldModalComponent, DocumentenApiUploadFieldsComponent, DocumentenApiUploaderComponent, DocumentenApiVersionComponent, DocumentenApiVersionService, DossierDetailTabContactMomentsComponent, DossierDetailTabDocumentenApiDocumentsComponent, DossierDetailTabObjectTypeComponent, DossierDetailTabZaakobjectenComponent, DossierManagementLinkProcessComponent, DossierManagementZgwComponent, DossierManagementZgwService, LANGUAGE_ITEMS, STATUS_ITEMS, ZaakobjectenService, ZakenApiZaaktypeLinkComponent, ZakenApiZaaktypeLinkService, ZgwModule, ZgwTabEnum, customDocumentApiUploaderType, documentenApiUploaderEditForm, registerDocumentenApiFormioUploadComponent };
+export { COLUMN_VIEW_TYPES, CONFIDENTIALITY_LEVELS, CasesListComponent, ContactMomentService, CustomerListComponent, CustomerModule, CustomerService, DOCUMENTEN_COLUMN_KEYS, DocumentObjectenApiSyncComponent, DocumentObjectenApiSyncService, DocumentenApiColumnModalComponent, DocumentenApiColumnService, DocumentenApiColumnsComponent, DocumentenApiDocumentService, DocumentenApiFilterComponent, DocumentenApiLinkProcessService, DocumentenApiMetadataModalComponent, DocumentenApiTagModalComponent, DocumentenApiTagService, DocumentenApiTagsComponent, DocumentenApiUploadFieldModalComponent, DocumentenApiUploadFieldsComponent, DocumentenApiUploaderComponent, DocumentenApiVersionComponent, DocumentenApiVersionService, DossierDetailTabContactMomentsComponent, DossierDetailTabDocumentenApiDocumentsComponent, DossierDetailTabObjectTypeComponent, DossierDetailTabZaakobjectenComponent, DossierManagementLinkProcessComponent, DossierManagementZgwComponent, DossierManagementZgwService, FailedNotificationDetailComponent, FailedNotificationsPageComponent, FailedNotificationsService, LANGUAGE_ITEMS, NotificatiesApiInboundEventStatus, NotificatiesApiRoutingModule, STATUS_ITEMS, ZaakobjectenService, ZakenApiZaaktypeLinkComponent, ZakenApiZaaktypeLinkService, ZgwModule, ZgwTabEnum, customDocumentApiUploaderType, documentenApiUploaderEditForm, registerDocumentenApiFormioUploadComponent };
 //# sourceMappingURL=valtimo-zgw.mjs.map