@masterteam/system-settings 0.0.12 → 0.0.13

package/fesm2022/masterteam-system-settings-email-delivery-shell-DowMjl4L.mjs

@@ -0,0 +1,2501 @@
+import * as i0 from '@angular/core';
+import { Injectable, inject, signal, computed, input, ChangeDetectionStrategy, Component, DestroyRef } from '@angular/core';
+import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { ActivatedRoute, Router } from '@angular/router';
+import { TranslocoService, TranslocoDirective } from '@jsverse/transloco';
+import { EmptyState } from '@masterteam/components/empty-state';
+import { Page } from '@masterteam/components/page';
+import { ToastService } from '@masterteam/components/toast';
+import { HttpClient, HttpErrorResponse } from '@angular/common/http';
+import { mergeMap, of, throwError, catchError, map, switchMap, forkJoin, tap, finalize, take, timer } from 'rxjs';
+import { EMAIL_DELIVERY_OPTIONS, EMAIL_DELIVERY_ATTEMPT_STATUSES, EMAIL_DELIVERY_PERMISSIONS } from './masterteam-system-settings.mjs';
+import { Icon } from '@masterteam/icons';
+import * as i1 from '@angular/forms';
+import { FormControl, Validators, ReactiveFormsModule } from '@angular/forms';
+import { Button } from '@masterteam/components/button';
+import { ModalService } from '@masterteam/components/modal';
+import { SelectField } from '@masterteam/components/select-field';
+import { Table } from '@masterteam/components/table';
+import { EntityStatus } from '@masterteam/components/entities';
+import { DatePipe, DOCUMENT } from '@angular/common';
+import { Card } from '@masterteam/components/card';
+import { ModalRef } from '@masterteam/components/dialog';
+import { TextareaField } from '@masterteam/components/textarea-field';
+import { ToggleField } from '@masterteam/components/toggle-field';
+import { ConfirmationService } from '@masterteam/components/confirmation';
+import { TextareaFieldConfig, TextFieldConfig, ToggleFieldConfig, ValidatorConfig, SelectFieldConfig, RadioButtonFieldConfig, NumberFieldConfig } from '@masterteam/components';
+import { DynamicForm } from '@masterteam/forms/dynamic-form';
+import { Menu } from '@masterteam/components/menu';
+
+class EmailDeliveryApi {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryApi, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryApi });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryApi, decorators: [{
+            type: Injectable
+        }] });
+
+class EmailDeliveryHttpApi extends EmailDeliveryApi {
+    http = inject(HttpClient);
+    options = inject(EMAIL_DELIVERY_OPTIONS);
+    getStatus() {
+        return this.http.get(this.url('status'));
+    }
+    getProviders() {
+        return this.http.get(this.url('providers'));
+    }
+    getErrorCatalog() {
+        return this.http.get(this.url('error-catalog'));
+    }
+    getConnections() {
+        return this.http.get(this.url('connections'));
+    }
+    getConnection(id) {
+        return this.http.get(this.url(`connections/${encodeURIComponent(id)}`));
+    }
+    createConnection(request) {
+        return this.http.post(this.url('connections'), request);
+    }
+    updateConnection(id, request) {
+        return this.http.put(this.url(`connections/${encodeURIComponent(id)}`), request);
+    }
+    deleteConnection(id, concurrencyToken) {
+        return this.http.delete(this.url(`connections/${encodeURIComponent(id)}`), { params: { concurrencyToken } });
+    }
+    bindConnection(purpose, connectionId) {
+        return this.http.put(this.url(`bindings/${encodeURIComponent(purpose)}`), { connectionId });
+    }
+    unbindConnection(purpose) {
+        return this.http.delete(this.url(`bindings/${encodeURIComponent(purpose)}`));
+    }
+    validateConnection(id) {
+        return this.http.post(this.url(`connections/${encodeURIComponent(id)}/validate`), null);
+    }
+    sendConnectionTest(id, request) {
+        return this.http
+            .post(this.url(`connections/${encodeURIComponent(id)}/test`), request)
+            .pipe(mergeMap((response) => isEmailSendResult(response)
+            ? of(response)
+            : throwError(() => response)), catchError((error) => {
+            const body = error instanceof HttpErrorResponse ? error.error : error;
+            return isEmailSendResult(body) ? of(body) : throwError(() => error);
+        }));
+    }
+    getConnectionTest(connectionId, testRequestId) {
+        return this.http.get(this.url(`connections/${encodeURIComponent(connectionId)}/test-requests/${encodeURIComponent(testRequestId)}`));
+    }
+    startDelegatedAuthorization(id) {
+        return this.http.post(this.url(`connections/${encodeURIComponent(id)}/authorization/delegated/start`), null);
+    }
+    startAdminConsent(id) {
+        return this.http.post(this.url(`connections/${encodeURIComponent(id)}/authorization/admin-consent/start`), null);
+    }
+    revokeAuthorization(id) {
+        return this.http.post(this.url(`connections/${encodeURIComponent(id)}/authorization/revoke`), null);
+    }
+    getAttempts(status, cursor, take) {
+        return this.http.get(this.url('attempts'), {
+            params: withoutNulls({ status, cursor, take }),
+        });
+    }
+    replayAttempt(id, request) {
+        return this.http.post(this.url(`attempts/${encodeURIComponent(id)}/replay`), request);
+    }
+    getTestRequest(testRequestId) {
+        return this.http.get(this.url(`test-requests/${encodeURIComponent(testRequestId)}`));
+    }
+    sendTemplateTest(eventId, templateId, request) {
+        return this.http
+            .post(this.notificationUrl(`events/${eventId}/templates/${templateId}/test-email`), request)
+            .pipe(map((response) => response.data));
+    }
+    sendAlertTest(alertId, request) {
+        return this.http
+            .post(this.notificationUrl(`alerts/${alertId}/test`), request)
+            .pipe(map((response) => response.data));
+    }
+    getFinalizationQuarantine(cursor, take) {
+        return this.http.get(this.url('finalization-quarantine'), { params: withoutNulls({ cursor, take }) });
+    }
+    retryFinalizationQuarantine(itemId, reason) {
+        return this.http.post(this.url(`finalization-quarantine/${encodeURIComponent(itemId)}/retry`), { reason });
+    }
+    acknowledgeFinalizationQuarantine(itemId, reason) {
+        return this.http.post(this.url(`finalization-quarantine/${encodeURIComponent(itemId)}/acknowledge`), { reason });
+    }
+    getHostEvidence(cursor, take) {
+        return this.http.get(this.url('orphan-evidence'), {
+            params: withoutNulls({ cursor, take }),
+        });
+    }
+    exportHostEvidence(evidenceOccurrenceId) {
+        return this.http
+            .get(this.url(`orphan-evidence/${encodeURIComponent(evidenceOccurrenceId)}/export`), {
+            observe: 'response',
+            responseType: 'blob',
+        })
+            .pipe(map((response) => toEvidenceDownload(response)));
+    }
+    repairHostEvidence(evidenceOccurrenceId, request) {
+        return this.http.post(this.url(`orphan-evidence/${encodeURIComponent(evidenceOccurrenceId)}/repair`), request);
+    }
+    acknowledgeHostEvidence(evidenceOccurrenceId, request) {
+        return this.http.post(this.url(`orphan-evidence/${encodeURIComponent(evidenceOccurrenceId)}/acknowledge`), request);
+    }
+    rebuildEvidenceIndex(take) {
+        return this.http.post(this.url('orphan-evidence/rebuild-index'), null, { params: { take } });
+    }
+    url(path) {
+        return joinPath(this.options.apiBasePath, path);
+    }
+    notificationUrl(path) {
+        return joinPath(this.options.notificationApiBasePath, path);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryHttpApi, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryHttpApi, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryHttpApi, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+function isEmailSendResult(value) {
+    return (typeof value === 'object' &&
+        value !== null &&
+        typeof value.outcome === 'string' &&
+        typeof value.code === 'string');
+}
+function withoutNulls(values) {
+    return Object.fromEntries(Object.entries(values).filter((entry) => entry[1] !== null));
+}
+function joinPath(base, path) {
+    return `${base.replace(/\/$/, '')}/${path.replace(/^\//, '')}`;
+}
+function toEvidenceDownload(response) {
+    const contentDisposition = response.headers.get('content-disposition') ?? '';
+    const fileNameMatch = /filename\*?=(?:UTF-8''|\")?([^\";]+)/i.exec(contentDisposition);
+    return {
+        blob: response.body ?? new Blob(),
+        fileName: fileNameMatch
+            ? decodeURIComponent(fileNameMatch[1].replace(/\"$/, ''))
+            : 'email-delivery-evidence.json',
+        contentType: response.headers.get('content-type') ?? 'application/octet-stream',
+    };
+}
+
+const PENDING_AUTHORIZATION_STORAGE_KEY = 'mt.email-delivery.pending-authorization-connection';
+class EmailDeliveryFacade {
+    options = inject(EMAIL_DELIVERY_OPTIONS);
+    api = inject(EmailDeliveryHttpApi);
+    transloco = inject(TranslocoService);
+    toast = inject(ToastService);
+    initialized = false;
+    status = signal(null, ...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
+    providers = signal([], ...(ngDevMode ? [{ debugName: "providers" }] : /* istanbul ignore next */ []));
+    errorCatalog = signal([], ...(ngDevMode ? [{ debugName: "errorCatalog" }] : /* istanbul ignore next */ []));
+    connections = signal([], ...(ngDevMode ? [{ debugName: "connections" }] : /* istanbul ignore next */ []));
+    selectedConnection = signal(null, ...(ngDevMode ? [{ debugName: "selectedConnection" }] : /* istanbul ignore next */ []));
+    attempts = signal([], ...(ngDevMode ? [{ debugName: "attempts" }] : /* istanbul ignore next */ []));
+    attemptsNextCursor = signal(null, ...(ngDevMode ? [{ debugName: "attemptsNextCursor" }] : /* istanbul ignore next */ []));
+    attemptStatusFilter = signal(null, ...(ngDevMode ? [{ debugName: "attemptStatusFilter" }] : /* istanbul ignore next */ []));
+    quarantine = signal([], ...(ngDevMode ? [{ debugName: "quarantine" }] : /* istanbul ignore next */ []));
+    quarantineNextCursor = signal(null, ...(ngDevMode ? [{ debugName: "quarantineNextCursor" }] : /* istanbul ignore next */ []));
+    hostEvidence = signal([], ...(ngDevMode ? [{ debugName: "hostEvidence" }] : /* istanbul ignore next */ []));
+    hostEvidenceNextCursor = signal(null, ...(ngDevMode ? [{ debugName: "hostEvidenceNextCursor" }] : /* istanbul ignore next */ []));
+    hostEvidenceScanBudgetExhausted = signal(false, ...(ngDevMode ? [{ debugName: "hostEvidenceScanBudgetExhausted" }] : /* istanbul ignore next */ []));
+    statusLoading = signal(false, ...(ngDevMode ? [{ debugName: "statusLoading" }] : /* istanbul ignore next */ []));
+    catalogLoading = signal(false, ...(ngDevMode ? [{ debugName: "catalogLoading" }] : /* istanbul ignore next */ []));
+    connectionsLoading = signal(false, ...(ngDevMode ? [{ debugName: "connectionsLoading" }] : /* istanbul ignore next */ []));
+    detailsLoading = signal(false, ...(ngDevMode ? [{ debugName: "detailsLoading" }] : /* istanbul ignore next */ []));
+    attemptsLoading = signal(false, ...(ngDevMode ? [{ debugName: "attemptsLoading" }] : /* istanbul ignore next */ []));
+    quarantineLoading = signal(false, ...(ngDevMode ? [{ debugName: "quarantineLoading" }] : /* istanbul ignore next */ []));
+    hostEvidenceLoading = signal(false, ...(ngDevMode ? [{ debugName: "hostEvidenceLoading" }] : /* istanbul ignore next */ []));
+    mutationLoading = signal(null, ...(ngDevMode ? [{ debugName: "mutationLoading" }] : /* istanbul ignore next */ []));
+    lastConnectionTest = signal(null, ...(ngDevMode ? [{ debugName: "lastConnectionTest" }] : /* istanbul ignore next */ []));
+    lastConnectionTestRequestId = signal(null, ...(ngDevMode ? [{ debugName: "lastConnectionTestRequestId" }] : /* istanbul ignore next */ []));
+    activeConnection = computed(() => this.connections().find((connection) => connection.bindings.includes('notifications')), ...(ngDevMode ? [{ debugName: "activeConnection" }] : /* istanbul ignore next */ []));
+    managementAvailable = computed(() => this.status()?.managementEnabled === true, ...(ngDevMode ? [{ debugName: "managementAvailable" }] : /* istanbul ignore next */ []));
+    initialize() {
+        if (this.initialized)
+            return;
+        this.initialized = true;
+        this.loadStatus()
+            .pipe(switchMap(() => forkJoin({
+            catalog: this.loadCatalog(),
+            connections: this.loadConnections(),
+        })))
+            .subscribe({ error: (error) => this.showError(error) });
+    }
+    hasPermission(permission) {
+        return this.options.permissionKeys.includes(permission);
+    }
+    loadStatus() {
+        this.statusLoading.set(true);
+        return this.api.getStatus().pipe(tap((status) => this.status.set(status)), finalize(() => this.statusLoading.set(false)));
+    }
+    loadCatalog() {
+        this.catalogLoading.set(true);
+        return forkJoin({
+            providers: this.api.getProviders(),
+            errors: this.api.getErrorCatalog(),
+        }).pipe(tap(({ providers, errors }) => {
+            this.providers.set(providers);
+            this.errorCatalog.set(errors);
+        }), finalize(() => this.catalogLoading.set(false)));
+    }
+    loadConnections() {
+        this.connectionsLoading.set(true);
+        return this.api.getConnections().pipe(tap((connections) => this.connections.set(connections)), finalize(() => this.connectionsLoading.set(false)));
+    }
+    loadConnection(id) {
+        this.detailsLoading.set(true);
+        return this.api.getConnection(id).pipe(tap((details) => this.selectedConnection.set(details)), finalize(() => this.detailsLoading.set(false)));
+    }
+    createConnection(request) {
+        this.mutationLoading.set('create');
+        return this.api.createConnection(request).pipe(switchMap((details) => this.refreshConnection(details.connection.id)), tap(() => this.showSuccess('connection-created')), finalize(() => this.mutationLoading.set(null)));
+    }
+    updateConnection(id, request) {
+        this.mutationLoading.set('update');
+        return this.api.updateConnection(id, request).pipe(switchMap(() => this.refreshConnection(id)), tap(() => this.showSuccess('connection-updated')), finalize(() => this.mutationLoading.set(null)));
+    }
+    deleteConnection(id, concurrencyToken) {
+        this.mutationLoading.set('delete');
+        return this.api.deleteConnection(id, concurrencyToken).pipe(switchMap(() => forkJoin({
+            connections: this.loadConnections(),
+            status: this.loadStatus(),
+        })), tap(() => {
+            this.selectedConnection.set(null);
+            this.showSuccess('connection-deleted');
+        }), map(() => undefined), finalize(() => this.mutationLoading.set(null)));
+    }
+    validateConnection(id) {
+        this.mutationLoading.set('validate');
+        return this.api.validateConnection(id).pipe(switchMap((result) => this.refreshConnection(id).pipe(map(() => result))), tap((result) => result.isValid
+            ? this.toast.success(this.describeCode(result.code))
+            : this.toast.warn(this.describeCode(result.code))), finalize(() => this.mutationLoading.set(null)));
+    }
+    sendConnectionTest(id, request) {
+        this.mutationLoading.set('test');
+        this.lastConnectionTestRequestId.set(request.testRequestId);
+        return this.api.sendConnectionTest(id, request).pipe(tap((result) => this.lastConnectionTest.set(result)), switchMap((result) => this.refreshConnection(id).pipe(map(() => result))), finalize(() => this.mutationLoading.set(null)));
+    }
+    retrieveConnectionTest(connectionId, testRequestId) {
+        this.mutationLoading.set('retrieve-test');
+        return this.api.getConnectionTest(connectionId, testRequestId).pipe(tap((stored) => this.lastConnectionTest.set(stored.result)), finalize(() => this.mutationLoading.set(null)));
+    }
+    bindConnection(id, purpose = 'notifications') {
+        this.mutationLoading.set('bind');
+        return this.api.bindConnection(purpose, id).pipe(switchMap(() => this.refreshConnection(id)), tap(() => this.showSuccess('connection-bound')), map(() => undefined), finalize(() => this.mutationLoading.set(null)));
+    }
+    unbindConnection(id, purpose = 'notifications') {
+        this.mutationLoading.set('unbind');
+        return this.api.unbindConnection(purpose).pipe(switchMap(() => this.refreshConnection(id)), tap(() => this.showSuccess('connection-unbound')), map(() => undefined), finalize(() => this.mutationLoading.set(null)));
+    }
+    startAuthorization(id, kind) {
+        this.mutationLoading.set(kind);
+        const request = kind === 'delegated'
+            ? this.api.startDelegatedAuthorization(id)
+            : this.api.startAdminConsent(id);
+        return request.pipe(tap(() => this.rememberAuthorizationConnection(id)), finalize(() => this.mutationLoading.set(null)));
+    }
+    revokeAuthorization(id) {
+        this.mutationLoading.set('revoke');
+        return this.api.revokeAuthorization(id).pipe(switchMap(() => this.refreshConnection(id)), tap(() => this.showSuccess('authorization-revoked')), map(() => undefined), finalize(() => this.mutationLoading.set(null)));
+    }
+    loadAttempts(reset = true, status = this.attemptStatusFilter()) {
+        this.attemptsLoading.set(true);
+        const cursor = reset ? null : this.attemptsNextCursor();
+        if (reset)
+            this.attemptStatusFilter.set(status);
+        return this.api.getAttempts(status, cursor, 50).pipe(tap((page) => {
+            this.attempts.set(reset ? page.items : mergeById(this.attempts(), page.items, 'id'));
+            this.attemptsNextCursor.set(page.nextCursor);
+        }), finalize(() => this.attemptsLoading.set(false)));
+    }
+    replayAttempt(attempt, request) {
+        this.mutationLoading.set(`replay-${attempt.id}`);
+        return this.api.replayAttempt(attempt.id, request).pipe(tap((result) => {
+            this.attempts.update((items) => replaceById(items, result.attempt, 'id'));
+            this.showSuccess('attempt-replay-scheduled');
+        }), finalize(() => this.mutationLoading.set(null)));
+    }
+    loadQuarantine(reset = true) {
+        this.quarantineLoading.set(true);
+        const cursor = reset ? null : this.quarantineNextCursor();
+        return this.api.getFinalizationQuarantine(cursor, 100).pipe(tap((page) => {
+            this.quarantine.set(reset
+                ? page.items
+                : mergeById(this.quarantine(), page.items, 'itemId'));
+            this.quarantineNextCursor.set(page.nextCursor);
+        }), finalize(() => this.quarantineLoading.set(false)));
+    }
+    decideQuarantine(item, action, reason) {
+        this.mutationLoading.set(`${action}-${item.itemId}`);
+        const request = action === 'retry'
+            ? this.api.retryFinalizationQuarantine(item.itemId, reason)
+            : this.api.acknowledgeFinalizationQuarantine(item.itemId, reason);
+        return request.pipe(switchMap((updated) => this.loadQuarantine(true).pipe(map(() => updated))), tap(() => {
+            this.showSuccess(action === 'retry'
+                ? 'quarantine-retry-submitted'
+                : 'quarantine-acknowledged');
+        }), finalize(() => this.mutationLoading.set(null)));
+    }
+    loadHostEvidence(reset = true) {
+        this.hostEvidenceLoading.set(true);
+        const cursor = reset ? null : this.hostEvidenceNextCursor();
+        return this.api.getHostEvidence(cursor, 100).pipe(tap((page) => {
+            this.hostEvidence.set(reset
+                ? page.items
+                : mergeHostEvidence(this.hostEvidence(), page.items));
+            this.hostEvidenceNextCursor.set(page.nextCursor);
+            this.hostEvidenceScanBudgetExhausted.set(page.scanBudgetExhausted);
+        }), finalize(() => this.hostEvidenceLoading.set(false)));
+    }
+    exportHostEvidence(evidenceOccurrenceId) {
+        this.mutationLoading.set(`export-${evidenceOccurrenceId}`);
+        return this.api
+            .exportHostEvidence(evidenceOccurrenceId)
+            .pipe(finalize(() => this.mutationLoading.set(null)));
+    }
+    decideHostEvidence(item, action, reason) {
+        if (!item.evidenceOccurrenceId || !item.decisionToken) {
+            return throwError(() => new Error('Incomplete evidence identity'));
+        }
+        this.mutationLoading.set(`${action}-${item.evidenceOccurrenceId}`);
+        const request = {
+            reason,
+            decisionToken: item.decisionToken,
+        };
+        const operation = action === 'repair'
+            ? this.api.repairHostEvidence(item.evidenceOccurrenceId, request)
+            : this.api.acknowledgeHostEvidence(item.evidenceOccurrenceId, request);
+        return operation.pipe(switchMap((updated) => this.loadHostEvidence(true).pipe(map(() => updated))), tap(() => {
+            this.showSuccess(action === 'repair' ? 'evidence-repaired' : 'evidence-acknowledged');
+        }), finalize(() => this.mutationLoading.set(null)));
+    }
+    rebuildEvidenceIndex(take) {
+        this.mutationLoading.set('rebuild-evidence');
+        return this.api.rebuildEvidenceIndex(take).pipe(switchMap((result) => this.loadHostEvidence(true).pipe(map(() => result))), tap(() => this.showSuccess('evidence-index-rebuilt')), finalize(() => this.mutationLoading.set(null)));
+    }
+    providerByKey(key) {
+        return this.providers().find((provider) => provider.key === key) ?? null;
+    }
+    describeCode(code) {
+        if (!code)
+            return this.transloco.translate('email-delivery.unknown-code');
+        const key = `email-delivery.codes.${code}`;
+        const translated = this.transloco.translate(key);
+        if (translated !== key)
+            return translated;
+        const contract = this.errorCatalog().find((entry) => entry.code === code);
+        if (!contract || contract.frontendAction === 'none')
+            return code;
+        const actionKey = `email-delivery.error-actions.${contract.frontendAction}`;
+        const action = this.transloco.translate(actionKey);
+        return action === actionKey ? code : `${action} (${code})`;
+    }
+    describeError(error) {
+        const problem = extractProblem(error);
+        const base = this.describeCode(problem?.code);
+        return problem?.correlationId
+            ? `${base} (${this.transloco.translate('email-delivery.correlation-id')}: ${problem.correlationId})`
+            : base;
+    }
+    errorAction(error) {
+        const problem = extractProblem(error);
+        if (!problem)
+            return null;
+        return (problem.action ||
+            this.errorCatalog().find((entry) => entry.code === problem.code)
+                ?.frontendAction ||
+            null);
+    }
+    showError(error) {
+        this.toast.error(this.describeError(error));
+    }
+    takePendingAuthorizationConnection() {
+        if (typeof sessionStorage === 'undefined')
+            return null;
+        const id = sessionStorage.getItem(PENDING_AUTHORIZATION_STORAGE_KEY);
+        sessionStorage.removeItem(PENDING_AUTHORIZATION_STORAGE_KEY);
+        return id;
+    }
+    refreshConnection(id) {
+        return forkJoin({
+            details: this.api.getConnection(id),
+            connections: this.api.getConnections(),
+            status: this.api.getStatus(),
+        }).pipe(tap(({ details, connections, status }) => {
+            this.selectedConnection.set(details);
+            this.connections.set(connections);
+            this.status.set(status);
+        }), map(({ details }) => details));
+    }
+    rememberAuthorizationConnection(id) {
+        if (typeof sessionStorage === 'undefined')
+            return;
+        sessionStorage.setItem(PENDING_AUTHORIZATION_STORAGE_KEY, id);
+    }
+    showSuccess(key) {
+        this.toast.success(this.transloco.translate(`email-delivery.${key}`));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryFacade, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryFacade, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryFacade, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+function extractProblem(error) {
+    if (error instanceof HttpErrorResponse) {
+        const value = error.error;
+        return value && typeof value.code === 'string'
+            ? value
+            : null;
+    }
+    if (typeof error === 'object' &&
+        error !== null &&
+        typeof error.code === 'string') {
+        return error;
+    }
+    return null;
+}
+function mergeById(current, incoming, key) {
+    const values = new Map(current.map((item) => [item[key], item]));
+    incoming.forEach((item) => values.set(item[key], item));
+    return Array.from(values.values());
+}
+function replaceById(current, replacement, key) {
+    return current.map((item) => item[key] === replacement[key] ? replacement : item);
+}
+function mergeHostEvidence(current, incoming) {
+    const identity = (item) => item.evidenceOccurrenceId ?? item.itemId;
+    const values = new Map(current.map((item) => [identity(item), item]));
+    incoming.forEach((item) => values.set(identity(item), item));
+    return Array.from(values.values());
+}
+
+const STATUS_DEFINITIONS = {
+    connection: {
+        Draft: status('#64748B', 'connection.draft'),
+        PendingAuthorization: status('#D97706', 'connection.pending-authorization'),
+        PendingValidation: status('#0284C7', 'connection.pending-validation'),
+        Ready: status('#059669', 'connection.ready'),
+        ReauthorizationRequired: status('#EA580C', 'connection.reauthorization-required'),
+        ConditionalAccessRequired: status('#EA580C', 'connection.conditional-access-required'),
+        Disabled: status('#64748B', 'connection.disabled'),
+        Invalid: status('#DC2626', 'connection.invalid'),
+    },
+    attempt: {
+        Reserved: status('#64748B', 'attempt.reserved'),
+        ProviderInvocationStarted: status('#0284C7', 'attempt.provider-invocation-started'),
+        ProviderInvocationDefinitivelyNotAccepted: status('#DC2626', 'attempt.provider-not-accepted'),
+        ProviderResultReconciliation: status('#7C3AED', 'attempt.reconciling'),
+        ProviderResultPending: status('#0284C7', 'attempt.pending'),
+        Blocked: status('#DC2626', 'attempt.blocked'),
+        RetryScheduled: status('#D97706', 'attempt.retry-scheduled'),
+        Accepted: status('#059669', 'attempt.accepted'),
+        OutcomeUnknown: status('#EA580C', 'attempt.outcome-unknown'),
+        FailedPermanent: status('#DC2626', 'attempt.failed-permanent'),
+        DeadLettered: status('#BE123C', 'attempt.dead-lettered'),
+    },
+    support: {
+        active: status('#D97706', 'support.active'),
+        'repair-pending': status('#0284C7', 'support.repair-pending'),
+        repaired: status('#059669', 'support.repaired'),
+        'acknowledgement-pending': status('#0284C7', 'support.acknowledgement-pending'),
+        acknowledged: status('#64748B', 'support.acknowledged'),
+        Owned: status('#059669', 'support.owned'),
+        owned: status('#059669', 'support.owned'),
+        Missing: status('#D97706', 'support.missing'),
+        missing: status('#D97706', 'support.missing'),
+        Conflict: status('#DC2626', 'support.conflict'),
+        conflict: status('#DC2626', 'support.conflict'),
+        IdentityIncomplete: status('#EA580C', 'support.identity-incomplete'),
+        identityincomplete: status('#EA580C', 'support.identity-incomplete'),
+        'retryable-after-upgrade': status('#0284C7', 'support.retryable-after-upgrade'),
+        'repair-required': status('#EA580C', 'support.repair-required'),
+        'acknowledge-only': status('#64748B', 'support.acknowledge-only'),
+        configured: status('#059669', 'support.configured'),
+        'not-configured': status('#64748B', 'support.not-configured'),
+    },
+};
+class EmailDeliveryStatus {
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    kind = input('support', ...(ngDevMode ? [{ debugName: "kind" }] : /* istanbul ignore next */ []));
+    transloco = inject(TranslocoService);
+    activeLanguage = toSignal(this.transloco.langChanges$, {
+        initialValue: this.transloco.getActiveLang(),
+    });
+    statusData = computed(() => {
+        this.activeLanguage();
+        return {
+            name: '',
+            viewType: 'Status',
+            value: getEmailDeliveryStatusValue(this.kind(), this.value(), (key) => this.transloco.translate(key)),
+            configuration: { hideName: true },
+        };
+    }, ...(ngDevMode ? [{ debugName: "statusData" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryStatus, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: EmailDeliveryStatus, isStandalone: true, selector: "mt-email-delivery-status", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, kind: { classPropertyName: "kind", publicName: "kind", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "inline-flex" }, ngImport: i0, template: `<mt-entity-status [data]="statusData()" />`, isInline: true, dependencies: [{ kind: "component", type: EntityStatus, selector: "mt-entity-status", inputs: ["data", "name", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryStatus, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mt-email-delivery-status',
+                    imports: [EntityStatus],
+                    template: `<mt-entity-status [data]="statusData()" />`,
+                    host: { class: 'inline-flex' },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], kind: [{ type: i0.Input, args: [{ isSignal: true, alias: "kind", required: false }] }] } });
+function getEmailDeliveryStatusMap(kind, translate) {
+    return Object.fromEntries(Object.entries(STATUS_DEFINITIONS[kind]).map(([key, definition]) => [
+        key,
+        {
+            color: definition.color,
+            display: translate(`email-delivery.status.${definition.translationKey}`),
+        },
+    ]));
+}
+function getEmailDeliveryStatusValue(kind, value, translate) {
+    const definition = STATUS_DEFINITIONS[kind][value];
+    return {
+        key: value,
+        display: definition
+            ? translate(`email-delivery.status.${definition.translationKey}`)
+            : value,
+        color: definition?.color ?? '#64748B',
+    };
+}
+function status(color, translationKey) {
+    return { color, translationKey };
+}
+
+class EmailOperatorReasonDialog {
+    itemName = input.required(...(ngDevMode ? [{ debugName: "itemName" }] : /* istanbul ignore next */ []));
+    consequence = input.required(...(ngDevMode ? [{ debugName: "consequence" }] : /* istanbul ignore next */ []));
+    showExceptionalOverride = input(false, ...(ngDevMode ? [{ debugName: "showExceptionalOverride" }] : /* istanbul ignore next */ []));
+    confirmLabel = input(null, ...(ngDevMode ? [{ debugName: "confirmLabel" }] : /* istanbul ignore next */ []));
+    ref = inject(ModalRef);
+    modal = inject(ModalService);
+    reason = new FormControl('', {
+        nonNullable: true,
+        validators: [Validators.required, Validators.maxLength(500)],
+    });
+    exceptionalOverride = new FormControl(false, {
+        nonNullable: true,
+    });
+    cancel() {
+        this.ref.close();
+    }
+    confirm() {
+        this.reason.markAsTouched();
+        this.exceptionalOverride.markAsTouched();
+        if (!this.canConfirm())
+            return;
+        this.ref.close({
+            reason: this.reason.getRawValue().trim(),
+            exceptionalOverride: this.exceptionalOverride.getRawValue(),
+        });
+    }
+    canConfirm() {
+        return (this.reason.valid &&
+            (!this.showExceptionalOverride() ||
+                this.exceptionalOverride.getRawValue()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailOperatorReasonDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: EmailOperatorReasonDialog, isStandalone: true, selector: "mt-email-operator-reason-dialog", inputs: { itemName: { classPropertyName: "itemName", publicName: "itemName", isSignal: true, isRequired: true, transformFunction: null }, consequence: { classPropertyName: "consequence", publicName: "consequence", isSignal: true, isRequired: true, transformFunction: null }, showExceptionalOverride: { classPropertyName: "showExceptionalOverride", publicName: "showExceptionalOverride", isSignal: true, isRequired: false, transformFunction: null }, confirmLabel: { classPropertyName: "confirmLabel", publicName: "confirmLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\r\n  <form\r\n    [class]=\"'space-y-5 p-4 sm:p-5 ' + modal.contentClass\"\r\n    (ngSubmit)=\"confirm()\"\r\n  >\r\n    <div\r\n      class=\"rounded-lg border border-amber-200 bg-amber-50 p-4 text-sm text-amber-950\"\r\n      role=\"note\"\r\n    >\r\n      <p class=\"m-0 break-words font-semibold\">{{ itemName() }}</p>\r\n      <p class=\"mb-0 mt-1\">{{ consequence() }}</p>\r\n    </div>\r\n\r\n    <mt-textarea-field\r\n      [formControl]=\"reason\"\r\n      [label]=\"t('operator-reason')\"\r\n      [hint]=\"t('operator-reason-hint')\"\r\n      [required]=\"true\"\r\n      [maxLength]=\"500\"\r\n      rows=\"4\"\r\n    />\r\n\r\n    @if (showExceptionalOverride()) {\r\n      <mt-toggle-field\r\n        [formControl]=\"exceptionalOverride\"\r\n        [label]=\"t('exceptional-override')\"\r\n        [hint]=\"t('exceptional-override-hint')\"\r\n      />\r\n    }\r\n  </form>\r\n\r\n  <div [class]=\"modal.footerClass\">\r\n    <mt-button\r\n      type=\"button\"\r\n      [label]=\"t('cancel')\"\r\n      variant=\"outlined\"\r\n      styleClass=\"w-full sm:w-auto\"\r\n      (onClick)=\"cancel()\"\r\n    />\r\n    <mt-button\r\n      type=\"button\"\r\n      severity=\"warn\"\r\n      [label]=\"confirmLabel() || t('confirm-action')\"\r\n      [disabled]=\"!canConfirm()\"\r\n      styleClass=\"w-full sm:w-auto\"\r\n      (onClick)=\"confirm()\"\r\n    />\r\n  </div>\r\n</ng-container>\r\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: TextareaField, selector: "mt-textarea-field", inputs: ["field", "hint", "label", "placeholder", "class", "readonly", "noErrorStyle", "pInputs", "rows", "required", "maxLength"] }, { kind: "component", type: ToggleField, selector: "mt-toggle-field", inputs: ["label", "inputId", "labelPosition", "placeholder", "readonly", "pInputs", "required", "toggleShape", "size", "icon", "descriptionCard"], outputs: ["onChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailOperatorReasonDialog, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-email-operator-reason-dialog', imports: [
+                        ReactiveFormsModule,
+                        TranslocoDirective,
+                        Button,
+                        TextareaField,
+                        ToggleField,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\r\n  <form\r\n    [class]=\"'space-y-5 p-4 sm:p-5 ' + modal.contentClass\"\r\n    (ngSubmit)=\"confirm()\"\r\n  >\r\n    <div\r\n      class=\"rounded-lg border border-amber-200 bg-amber-50 p-4 text-sm text-amber-950\"\r\n      role=\"note\"\r\n    >\r\n      <p class=\"m-0 break-words font-semibold\">{{ itemName() }}</p>\r\n      <p class=\"mb-0 mt-1\">{{ consequence() }}</p>\r\n    </div>\r\n\r\n    <mt-textarea-field\r\n      [formControl]=\"reason\"\r\n      [label]=\"t('operator-reason')\"\r\n      [hint]=\"t('operator-reason-hint')\"\r\n      [required]=\"true\"\r\n      [maxLength]=\"500\"\r\n      rows=\"4\"\r\n    />\r\n\r\n    @if (showExceptionalOverride()) {\r\n      <mt-toggle-field\r\n        [formControl]=\"exceptionalOverride\"\r\n        [label]=\"t('exceptional-override')\"\r\n        [hint]=\"t('exceptional-override-hint')\"\r\n      />\r\n    }\r\n  </form>\r\n\r\n  <div [class]=\"modal.footerClass\">\r\n    <mt-button\r\n      type=\"button\"\r\n      [label]=\"t('cancel')\"\r\n      variant=\"outlined\"\r\n      styleClass=\"w-full sm:w-auto\"\r\n      (onClick)=\"cancel()\"\r\n    />\r\n    <mt-button\r\n      type=\"button\"\r\n      severity=\"warn\"\r\n      [label]=\"confirmLabel() || t('confirm-action')\"\r\n      [disabled]=\"!canConfirm()\"\r\n      styleClass=\"w-full sm:w-auto\"\r\n      (onClick)=\"confirm()\"\r\n    />\r\n  </div>\r\n</ng-container>\r\n" }]
+        }], propDecorators: { itemName: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemName", required: true }] }], consequence: [{ type: i0.Input, args: [{ isSignal: true, alias: "consequence", required: true }] }], showExceptionalOverride: [{ type: i0.Input, args: [{ isSignal: true, alias: "showExceptionalOverride", required: false }] }], confirmLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "confirmLabel", required: false }] }] } });
+
+class EmailAttemptDetails {
+    attempt = input.required(...(ngDevMode ? [{ debugName: "attempt" }] : /* istanbul ignore next */ []));
+    ref = inject(ModalRef);
+    transloco = inject(TranslocoService);
+    modal = inject(ModalService);
+    facade = inject(EmailDeliveryFacade);
+    canReplay() {
+        return [
+            'Blocked',
+            'RetryScheduled',
+            'Accepted',
+            'FailedPermanent',
+            'DeadLettered',
+            'OutcomeUnknown',
+        ].includes(this.attempt().status);
+    }
+    providerLabel(providerKey) {
+        return (this.facade.providerByKey(providerKey)?.displayName ?? providerKey ?? '—');
+    }
+    replay() {
+        const attempt = this.attempt();
+        const dialog = this.modal.openModal(EmailOperatorReasonDialog, 'dialog', {
+            header: this.t('replay-attempt'),
+            styleClass: '!w-[36rem] max-w-[96vw]',
+            dismissible: true,
+            inputValues: {
+                itemName: attempt.id,
+                consequence: isExceptionalReplay(attempt.status)
+                    ? this.t('replay-exceptional-warning')
+                    : this.t('replay-warning'),
+                showExceptionalOverride: isExceptionalReplay(attempt.status),
+                confirmLabel: this.t('replay-attempt'),
+            },
+        });
+        dialog.onClose
+            .pipe(take(1))
+            .subscribe((decision) => {
+            if (!decision)
+                return;
+            this.facade
+                .replayAttempt(attempt, {
+                concurrencyToken: attempt.concurrencyToken,
+                exceptionalOverride: decision.exceptionalOverride,
+                reason: decision.reason,
+            })
+                .subscribe({
+                next: (result) => this.ref.close(result.attempt),
+                error: (error) => this.facade.showError(error),
+            });
+        });
+    }
+    close() {
+        this.ref.close();
+    }
+    t(key) {
+        return this.transloco.translate(`email-delivery.${key}`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailAttemptDetails, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: EmailAttemptDetails, isStandalone: true, selector: "mt-email-attempt-details", inputs: { attempt: { classPropertyName: "attempt", publicName: "attempt", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\r\n  @if (attempt(); as item) {\r\n    <div [class]=\"'min-h-0 overflow-y-auto p-4 sm:p-5 ' + modal.contentClass\">\r\n      <div class=\"grid w-full gap-5\">\r\n        <div\r\n          class=\"rounded-lg border px-4 py-3 text-sm\"\r\n          [class.border-amber-200]=\"item.status === 'OutcomeUnknown'\"\r\n          [class.bg-amber-50]=\"item.status === 'OutcomeUnknown'\"\r\n          [class.border-blue-200]=\"item.status !== 'OutcomeUnknown'\"\r\n          [class.bg-blue-50]=\"item.status !== 'OutcomeUnknown'\"\r\n          role=\"status\"\r\n        >\r\n          @if (item.status === \"OutcomeUnknown\") {\r\n            {{ t(\"outcome-unknown-copy\") }}\r\n          } @else if (item.outcome === \"Accepted\") {\r\n            {{ t(\"accepted-copy\") }}\r\n          } @else {\r\n            {{ facade.describeCode(item.resultCode) }}\r\n          }\r\n        </div>\r\n\r\n        <mt-card class=\"block\">\r\n          <h3 class=\"mb-4 text-base font-semibold text-color\">\r\n            {{ t(\"delivery-summary\") }}\r\n          </h3>\r\n          <dl class=\"grid gap-3 sm:grid-cols-2\">\r\n            <div class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\">\r\n              <dt class=\"text-xs text-muted-color\">\r\n                {{ t(\"attempt.status\") }}\r\n              </dt>\r\n              <dd class=\"mb-0 mt-2\">\r\n                <mt-email-delivery-status\r\n                  kind=\"attempt\"\r\n                  [value]=\"item.status\"\r\n                />\r\n              </dd>\r\n            </div>\r\n            <div class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\">\r\n              <dt class=\"text-xs text-muted-color\">\r\n                {{ t(\"attempt.outcome\") }}\r\n              </dt>\r\n              <dd class=\"mb-0 mt-2\">\r\n                @if (item.outcome) {\r\n                  <mt-email-delivery-status\r\n                    kind=\"attempt\"\r\n                    [value]=\"item.outcome\"\r\n                  />\r\n                } @else {\r\n                  <span class=\"font-medium text-color\">\u2014</span>\r\n                }\r\n              </dd>\r\n            </div>\r\n            <div class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\">\r\n              <dt class=\"text-xs text-muted-color\">\r\n                {{ t(\"attempt.provider\") }}\r\n              </dt>\r\n              <dd class=\"mb-0 mt-1 break-words font-medium text-color\">\r\n                {{ providerLabel(item.providerKey) }}\r\n              </dd>\r\n            </div>\r\n            <div class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\">\r\n              <dt class=\"text-xs text-muted-color\">\r\n                {{ t(\"attempt.created\") }}\r\n              </dt>\r\n              <dd class=\"mb-0 mt-1 font-medium text-color\">\r\n                <time [attr.datetime]=\"item.createdAtUtc\">{{\r\n                  item.createdAtUtc | date: \"medium\"\r\n                }}</time>\r\n              </dd>\r\n            </div>\r\n          </dl>\r\n        </mt-card>\r\n\r\n        <mt-card class=\"block\">\r\n          <h3 class=\"mb-4 text-base font-semibold text-color\">\r\n            {{ t(\"technical-identifiers\") }}\r\n          </h3>\r\n          <dl class=\"grid gap-3 sm:grid-cols-2\">\r\n            <div class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\">\r\n              <dt class=\"text-xs text-muted-color\">\r\n                {{ t(\"recipient-fingerprint\") }}\r\n              </dt>\r\n              <dd class=\"mb-0 mt-1 break-all font-mono text-sm text-color\">\r\n                {{ item.recipientFingerprint }}\r\n              </dd>\r\n            </div>\r\n            <div class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\">\r\n              <dt class=\"text-xs text-muted-color\">{{ t(\"attempt.id\") }}</dt>\r\n              <dd class=\"mb-0 mt-1 break-all font-mono text-sm text-color\">\r\n                {{ item.id }}\r\n              </dd>\r\n            </div>\r\n            @if (item.correlationId) {\r\n              <div\r\n                class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\"\r\n              >\r\n                <dt class=\"text-xs text-muted-color\">\r\n                  {{ t(\"correlation-id\") }}\r\n                </dt>\r\n                <dd class=\"mb-0 mt-1 break-all font-mono text-sm text-color\">\r\n                  {{ item.correlationId }}\r\n                </dd>\r\n              </div>\r\n            }\r\n            @if (item.providerRequestId) {\r\n              <div\r\n                class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\"\r\n              >\r\n                <dt class=\"text-xs text-muted-color\">\r\n                  {{ t(\"provider-request-id\") }}\r\n                </dt>\r\n                <dd class=\"mb-0 mt-1 break-all font-mono text-sm text-color\">\r\n                  {{ item.providerRequestId }}\r\n                </dd>\r\n              </div>\r\n            }\r\n          </dl>\r\n        </mt-card>\r\n      </div>\r\n    </div>\r\n\r\n    <div [class]=\"modal.footerClass\">\r\n      <mt-button\r\n        [label]=\"t('close')\"\r\n        variant=\"outlined\"\r\n        styleClass=\"w-full sm:w-auto\"\r\n        (onClick)=\"close()\"\r\n      />\r\n      @if (canReplay()) {\r\n        <mt-button\r\n          severity=\"warn\"\r\n          icon=\"arrow.refresh-cw-01\"\r\n          [label]=\"t('replay-attempt')\"\r\n          [disabled]=\"!facade.managementAvailable()\"\r\n          [loading]=\"facade.mutationLoading() === 'replay-' + item.id\"\r\n          styleClass=\"w-full sm:w-auto\"\r\n          (onClick)=\"replay()\"\r\n        />\r\n      }\r\n    </div>\r\n  }\r\n</ng-container>\r\n", dependencies: [{ kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: Card, selector: "mt-card", inputs: ["class", "title", "paddingless"] }, { kind: "component", type: EmailDeliveryStatus, selector: "mt-email-delivery-status", inputs: ["value", "kind"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailAttemptDetails, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-email-attempt-details', imports: [DatePipe, TranslocoDirective, Button, Card, EmailDeliveryStatus], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\r\n  @if (attempt(); as item) {\r\n    <div [class]=\"'min-h-0 overflow-y-auto p-4 sm:p-5 ' + modal.contentClass\">\r\n      <div class=\"grid w-full gap-5\">\r\n        <div\r\n          class=\"rounded-lg border px-4 py-3 text-sm\"\r\n          [class.border-amber-200]=\"item.status === 'OutcomeUnknown'\"\r\n          [class.bg-amber-50]=\"item.status === 'OutcomeUnknown'\"\r\n          [class.border-blue-200]=\"item.status !== 'OutcomeUnknown'\"\r\n          [class.bg-blue-50]=\"item.status !== 'OutcomeUnknown'\"\r\n          role=\"status\"\r\n        >\r\n          @if (item.status === \"OutcomeUnknown\") {\r\n            {{ t(\"outcome-unknown-copy\") }}\r\n          } @else if (item.outcome === \"Accepted\") {\r\n            {{ t(\"accepted-copy\") }}\r\n          } @else {\r\n            {{ facade.describeCode(item.resultCode) }}\r\n          }\r\n        </div>\r\n\r\n        <mt-card class=\"block\">\r\n          <h3 class=\"mb-4 text-base font-semibold text-color\">\r\n            {{ t(\"delivery-summary\") }}\r\n          </h3>\r\n          <dl class=\"grid gap-3 sm:grid-cols-2\">\r\n            <div class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\">\r\n              <dt class=\"text-xs text-muted-color\">\r\n                {{ t(\"attempt.status\") }}\r\n              </dt>\r\n              <dd class=\"mb-0 mt-2\">\r\n                <mt-email-delivery-status\r\n                  kind=\"attempt\"\r\n                  [value]=\"item.status\"\r\n                />\r\n              </dd>\r\n            </div>\r\n            <div class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\">\r\n              <dt class=\"text-xs text-muted-color\">\r\n                {{ t(\"attempt.outcome\") }}\r\n              </dt>\r\n              <dd class=\"mb-0 mt-2\">\r\n                @if (item.outcome) {\r\n                  <mt-email-delivery-status\r\n                    kind=\"attempt\"\r\n                    [value]=\"item.outcome\"\r\n                  />\r\n                } @else {\r\n                  <span class=\"font-medium text-color\">\u2014</span>\r\n                }\r\n              </dd>\r\n            </div>\r\n            <div class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\">\r\n              <dt class=\"text-xs text-muted-color\">\r\n                {{ t(\"attempt.provider\") }}\r\n              </dt>\r\n              <dd class=\"mb-0 mt-1 break-words font-medium text-color\">\r\n                {{ providerLabel(item.providerKey) }}\r\n              </dd>\r\n            </div>\r\n            <div class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\">\r\n              <dt class=\"text-xs text-muted-color\">\r\n                {{ t(\"attempt.created\") }}\r\n              </dt>\r\n              <dd class=\"mb-0 mt-1 font-medium text-color\">\r\n                <time [attr.datetime]=\"item.createdAtUtc\">{{\r\n                  item.createdAtUtc | date: \"medium\"\r\n                }}</time>\r\n              </dd>\r\n            </div>\r\n          </dl>\r\n        </mt-card>\r\n\r\n        <mt-card class=\"block\">\r\n          <h3 class=\"mb-4 text-base font-semibold text-color\">\r\n            {{ t(\"technical-identifiers\") }}\r\n          </h3>\r\n          <dl class=\"grid gap-3 sm:grid-cols-2\">\r\n            <div class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\">\r\n              <dt class=\"text-xs text-muted-color\">\r\n                {{ t(\"recipient-fingerprint\") }}\r\n              </dt>\r\n              <dd class=\"mb-0 mt-1 break-all font-mono text-sm text-color\">\r\n                {{ item.recipientFingerprint }}\r\n              </dd>\r\n            </div>\r\n            <div class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\">\r\n              <dt class=\"text-xs text-muted-color\">{{ t(\"attempt.id\") }}</dt>\r\n              <dd class=\"mb-0 mt-1 break-all font-mono text-sm text-color\">\r\n                {{ item.id }}\r\n              </dd>\r\n            </div>\r\n            @if (item.correlationId) {\r\n              <div\r\n                class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\"\r\n              >\r\n                <dt class=\"text-xs text-muted-color\">\r\n                  {{ t(\"correlation-id\") }}\r\n                </dt>\r\n                <dd class=\"mb-0 mt-1 break-all font-mono text-sm text-color\">\r\n                  {{ item.correlationId }}\r\n                </dd>\r\n              </div>\r\n            }\r\n            @if (item.providerRequestId) {\r\n              <div\r\n                class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\"\r\n              >\r\n                <dt class=\"text-xs text-muted-color\">\r\n                  {{ t(\"provider-request-id\") }}\r\n                </dt>\r\n                <dd class=\"mb-0 mt-1 break-all font-mono text-sm text-color\">\r\n                  {{ item.providerRequestId }}\r\n                </dd>\r\n              </div>\r\n            }\r\n          </dl>\r\n        </mt-card>\r\n      </div>\r\n    </div>\r\n\r\n    <div [class]=\"modal.footerClass\">\r\n      <mt-button\r\n        [label]=\"t('close')\"\r\n        variant=\"outlined\"\r\n        styleClass=\"w-full sm:w-auto\"\r\n        (onClick)=\"close()\"\r\n      />\r\n      @if (canReplay()) {\r\n        <mt-button\r\n          severity=\"warn\"\r\n          icon=\"arrow.refresh-cw-01\"\r\n          [label]=\"t('replay-attempt')\"\r\n          [disabled]=\"!facade.managementAvailable()\"\r\n          [loading]=\"facade.mutationLoading() === 'replay-' + item.id\"\r\n          styleClass=\"w-full sm:w-auto\"\r\n          (onClick)=\"replay()\"\r\n        />\r\n      }\r\n    </div>\r\n  }\r\n</ng-container>\r\n" }]
+        }], propDecorators: { attempt: [{ type: i0.Input, args: [{ isSignal: true, alias: "attempt", required: true }] }] } });
+function isExceptionalReplay(status) {
+    return status === 'Accepted' || status === 'OutcomeUnknown';
+}
+
+class EmailDeliveryAttempts {
+    modal = inject(ModalService);
+    transloco = inject(TranslocoService);
+    facade = inject(EmailDeliveryFacade);
+    status = new FormControl(null);
+    activeLanguage = toSignal(this.transloco.langChanges$, {
+        initialValue: this.transloco.getActiveLang(),
+    });
+    statusOptions = computed(() => {
+        this.activeLanguage();
+        const statusMap = getEmailDeliveryStatusMap('attempt', this.transloco.translate.bind(this.transloco));
+        return [
+            { label: this.t('all-statuses'), value: null },
+            ...EMAIL_DELIVERY_ATTEMPT_STATUSES.map((value) => ({
+                label: statusMap[value]?.display ?? value,
+                value,
+            })),
+        ];
+    }, ...(ngDevMode ? [{ debugName: "statusOptions" }] : /* istanbul ignore next */ []));
+    columns = computed(() => {
+        this.activeLanguage();
+        return [
+            {
+                key: 'status',
+                label: this.t('attempt.status'),
+                type: 'status',
+                statusMap: getEmailDeliveryStatusMap('attempt', this.transloco.translate.bind(this.transloco)),
+            },
+            { key: 'providerKey', label: this.t('attempt.provider') },
+            { key: 'recipientFingerprint', label: this.t('recipient-fingerprint') },
+            {
+                key: 'createdAtUtc',
+                label: this.t('attempt.created'),
+                type: 'dateTime',
+            },
+            { key: 'attemptCount', label: this.t('attempt.count'), type: 'number' },
+        ];
+    }, ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+    actions = computed(() => {
+        this.activeLanguage();
+        return [
+            {
+                icon: 'general.eye',
+                label: this.t('view-details'),
+                action: (row) => this.openDetails(row),
+            },
+        ];
+    }, ...(ngDevMode ? [{ debugName: "actions" }] : /* istanbul ignore next */ []));
+    ngOnInit() {
+        this.load(true);
+    }
+    applyFilter() {
+        this.load(true);
+    }
+    loadMore() {
+        this.load(false);
+    }
+    openDetails(attempt) {
+        const ref = this.modal.openModal(EmailAttemptDetails, 'drawer', {
+            header: this.t('attempt-details'),
+            styleClass: '!absolute !shadow-none !w-full !max-w-full',
+            position: 'end',
+            appendTo: 'page-content',
+            dismissableMask: true,
+            dismissible: true,
+            inputValues: { attempt },
+        });
+        ref.onClose.pipe(take(1)).subscribe((updated) => {
+            if (updated)
+                this.load(true);
+        });
+    }
+    load(reset) {
+        this.facade.loadAttempts(reset, this.status.getRawValue()).subscribe({
+            error: (error) => this.facade.showError(error),
+        });
+    }
+    t(key) {
+        return this.transloco.translate(`email-delivery.${key}`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryAttempts, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: EmailDeliveryAttempts, isStandalone: true, selector: "mt-email-delivery-attempts", ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\r\n  <section class=\"space-y-4\" aria-labelledby=\"attempts-heading\">\r\n    <div>\r\n      <h2 id=\"attempts-heading\" class=\"text-lg font-semibold text-color\">\r\n        {{ t(\"activity-title\") }}\r\n      </h2>\r\n      <p class=\"mt-1 text-sm text-muted-color\">\r\n        {{ t(\"activity-description\") }}\r\n      </p>\r\n    </div>\r\n\r\n    <div class=\"flex flex-col gap-3 sm:flex-row sm:items-end\">\r\n      <mt-select-field\r\n        class=\"w-full sm:w-72\"\r\n        [formControl]=\"status\"\r\n        [label]=\"t('attempt.status-filter')\"\r\n        [options]=\"statusOptions()\"\r\n        optionLabel=\"label\"\r\n        optionValue=\"value\"\r\n      />\r\n      <mt-button\r\n        severity=\"secondary\"\r\n        variant=\"outlined\"\r\n        [label]=\"t('apply-filter')\"\r\n        (onClick)=\"applyFilter()\"\r\n      />\r\n    </div>\r\n\r\n    @if (!facade.attemptsLoading() && facade.attempts().length === 0) {\r\n      <mt-empty-state\r\n        illustration=\"none\"\r\n        [title]=\"t('no-attempts-title')\"\r\n        [description]=\"t('no-attempts-description')\"\r\n      />\r\n    } @else {\r\n      <mt-table\r\n        [data]=\"facade.attempts()\"\r\n        [columns]=\"columns()\"\r\n        [rowActions]=\"actions()\"\r\n        [loading]=\"facade.attemptsLoading()\"\r\n        [generalSearch]=\"true\"\r\n        dataKey=\"id\"\r\n        actionShape=\"popover\"\r\n        [clickableRows]=\"true\"\r\n        (rowClick)=\"openDetails($event)\"\r\n      />\r\n    }\r\n\r\n    @if (facade.attemptsNextCursor()) {\r\n      <div class=\"flex justify-center\">\r\n        <mt-button\r\n          severity=\"secondary\"\r\n          variant=\"outlined\"\r\n          [label]=\"t('load-more')\"\r\n          [loading]=\"facade.attemptsLoading()\"\r\n          (onClick)=\"loadMore()\"\r\n        />\r\n      </div>\r\n    }\r\n  </section>\r\n</ng-container>\r\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: EmptyState, selector: "mt-empty-state", inputs: ["variant", "illustration", "title", "description", "actionLabel", "actionIcon"], outputs: ["actionClick"] }, { kind: "component", type: SelectField, selector: "mt-select-field", inputs: ["field", "hint", "label", "placeholder", "hasPlaceholderPrefix", "class", "readonly", "pInputs", "options", "optionValue", "optionLabel", "filter", "filterBy", "dataKey", "showClear", "clearAfterSelect", "required", "group", "size", "optionGroupLabel", "optionGroupChildren", "loading", "optionIcon", "optionIconColor", "optionIconShape", "optionAvatarShape", "optionGroupIcon", "optionGroupIconColor", "optionGroupIconShape", "optionGroupAvatarShape", "markCurrentUser"], outputs: ["onChange"] }, { kind: "component", type: Table, selector: "mt-table", inputs: ["filters", "data", "columns", "rowActions", "size", "showGridlines", "stripedRows", "selectableRows", "clickableRows", "generalSearch", "lazyLocalSearch", "showFilters", "filterMode", "loading", "updating", "lazy", "lazyLocalSort", "lazyTotalRecords", "reorderableColumns", "reorderableRows", "dataKey", "storageKey", "storageMode", "persistStateExclude", "exportable", "printable", "groupable", "groupCountMap", "cellClickFilter", "freezeActions", "virtualScroll", "virtualScrollItemSize", "scrollHeight", "printTitle", "exportFilename", "actionShape", "rowActionsLoadingFn", "tableLayout", "noCard", "tabs", "tabsOptionLabel", "tabsOptionValue", "activeTab", "actions", "captionStartTemplate", "captionEndTemplate", "emptyTitle", "emptyDescription", "emptyActionLabel", "emptyActionIcon", "paginatorPosition", "alwaysShowPaginator", "rowsPerPageOptions", "pageSize", "currentPage", "first", "filterTerm", "groupBy", "sortField", "sortDirection"], outputs: ["selectionChange", "cellChange", "lazyLoad", "columnReorder", "rowReorder", "rowClick", "emptyAction", "rowActionsRequested", "filtersChange", "activeTabChange", "onTabChange", "pageSizeChange", "currentPageChange", "firstChange", "filterTermChange", "groupByChange", "sortFieldChange", "sortDirectionChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryAttempts, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-email-delivery-attempts', imports: [
+                        ReactiveFormsModule,
+                        TranslocoDirective,
+                        Button,
+                        EmptyState,
+                        SelectField,
+                        Table,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\r\n  <section class=\"space-y-4\" aria-labelledby=\"attempts-heading\">\r\n    <div>\r\n      <h2 id=\"attempts-heading\" class=\"text-lg font-semibold text-color\">\r\n        {{ t(\"activity-title\") }}\r\n      </h2>\r\n      <p class=\"mt-1 text-sm text-muted-color\">\r\n        {{ t(\"activity-description\") }}\r\n      </p>\r\n    </div>\r\n\r\n    <div class=\"flex flex-col gap-3 sm:flex-row sm:items-end\">\r\n      <mt-select-field\r\n        class=\"w-full sm:w-72\"\r\n        [formControl]=\"status\"\r\n        [label]=\"t('attempt.status-filter')\"\r\n        [options]=\"statusOptions()\"\r\n        optionLabel=\"label\"\r\n        optionValue=\"value\"\r\n      />\r\n      <mt-button\r\n        severity=\"secondary\"\r\n        variant=\"outlined\"\r\n        [label]=\"t('apply-filter')\"\r\n        (onClick)=\"applyFilter()\"\r\n      />\r\n    </div>\r\n\r\n    @if (!facade.attemptsLoading() && facade.attempts().length === 0) {\r\n      <mt-empty-state\r\n        illustration=\"none\"\r\n        [title]=\"t('no-attempts-title')\"\r\n        [description]=\"t('no-attempts-description')\"\r\n      />\r\n    } @else {\r\n      <mt-table\r\n        [data]=\"facade.attempts()\"\r\n        [columns]=\"columns()\"\r\n        [rowActions]=\"actions()\"\r\n        [loading]=\"facade.attemptsLoading()\"\r\n        [generalSearch]=\"true\"\r\n        dataKey=\"id\"\r\n        actionShape=\"popover\"\r\n        [clickableRows]=\"true\"\r\n        (rowClick)=\"openDetails($event)\"\r\n      />\r\n    }\r\n\r\n    @if (facade.attemptsNextCursor()) {\r\n      <div class=\"flex justify-center\">\r\n        <mt-button\r\n          severity=\"secondary\"\r\n          variant=\"outlined\"\r\n          [label]=\"t('load-more')\"\r\n          [loading]=\"facade.attemptsLoading()\"\r\n          (onClick)=\"loadMore()\"\r\n        />\r\n      </div>\r\n    }\r\n  </section>\r\n</ng-container>\r\n" }]
+        }] });
+
+class EmailDeliveryHostEvidence {
+    document = inject(DOCUMENT);
+    modal = inject(ModalService);
+    confirmation = inject(ConfirmationService);
+    transloco = inject(TranslocoService);
+    facade = inject(EmailDeliveryFacade);
+    activeLanguage = toSignal(this.transloco.langChanges$, {
+        initialValue: this.transloco.getActiveLang(),
+    });
+    rows = computed(() => this.facade.hostEvidence().map((item) => ({
+        ...item,
+        evidenceRowId: item.evidenceOccurrenceId ?? item.itemId,
+        evidenceKindLabel: humanizeIdentifier$1(item.evidenceKind),
+        evidenceOccurrenceIdentity: identifierEntity$1(item.evidenceOccurrenceId),
+        errorLabel: this.facade.describeCode(item.errorCode),
+    })), ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+    columns = computed(() => {
+        this.activeLanguage();
+        const statusMap = getEmailDeliveryStatusMap('support', this.transloco.translate.bind(this.transloco));
+        return [
+            { key: 'evidenceKindLabel', label: this.t('evidence-kind') },
+            {
+                key: 'resolutionState',
+                label: this.t('resolution-state'),
+                type: 'status',
+                statusMap,
+            },
+            {
+                key: 'ownershipState',
+                label: this.t('ownership-state'),
+                type: 'status',
+                statusMap,
+            },
+            {
+                key: 'detectedAtUtc',
+                label: this.t('detected'),
+                type: 'dateTime',
+            },
+            { key: 'errorLabel', label: this.t('issue') },
+            {
+                key: 'evidenceOccurrenceIdentity',
+                label: this.t('evidence-occurrence-id'),
+                type: 'entity',
+                width: '20rem',
+                shrink: true,
+            },
+        ];
+    }, ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+    actions = computed(() => {
+        this.activeLanguage();
+        return [
+            {
+                icon: 'general.download-01',
+                label: this.t('export'),
+                hidden: (row) => {
+                    const item = row;
+                    return !item.canExport || !item.evidenceOccurrenceId;
+                },
+                action: (row) => this.export(row),
+            },
+            {
+                icon: 'general.tool-02',
+                label: this.t('repair'),
+                hidden: (row) => !this.facade.managementAvailable() ||
+                    !row.canRepair ||
+                    !row.evidenceOccurrenceId ||
+                    !row.decisionToken,
+                action: (row) => this.decide(row, 'repair'),
+            },
+            {
+                icon: 'general.check-circle',
+                label: this.t('acknowledge'),
+                color: 'danger',
+                hidden: (row) => !this.facade.managementAvailable() ||
+                    !row.evidenceOccurrenceId ||
+                    !row.decisionToken,
+                action: (row) => this.decide(row, 'acknowledge'),
+            },
+        ];
+    }, ...(ngDevMode ? [{ debugName: "actions" }] : /* istanbul ignore next */ []));
+    ngOnInit() {
+        if (this.facade.hostEvidence().length === 0)
+            this.load(true);
+    }
+    export(item) {
+        if (!item.evidenceOccurrenceId)
+            return;
+        this.facade.exportHostEvidence(item.evidenceOccurrenceId).subscribe({
+            next: (download) => {
+                const url = URL.createObjectURL(download.blob);
+                const anchor = this.document.createElement('a');
+                anchor.href = url;
+                anchor.download = download.fileName;
+                anchor.rel = 'noopener';
+                anchor.click();
+                URL.revokeObjectURL(url);
+            },
+            error: (error) => this.facade.showError(error),
+        });
+    }
+    decide(item, action) {
+        if (!item.evidenceOccurrenceId || !item.decisionToken)
+            return;
+        const dialog = this.modal.openModal(EmailOperatorReasonDialog, 'dialog', {
+            header: this.t(action === 'repair' ? 'repair-evidence' : 'acknowledge-evidence'),
+            styleClass: '!w-[36rem] max-w-[96vw]',
+            dismissible: true,
+            inputValues: {
+                itemName: item.evidenceOccurrenceId,
+                consequence: this.t(action === 'repair'
+                    ? 'evidence-repair-warning'
+                    : 'evidence-acknowledge-warning'),
+                confirmLabel: this.t(action),
+            },
+        });
+        dialog.onClose
+            .pipe(take(1))
+            .subscribe((decision) => {
+            if (!decision)
+                return;
+            this.facade
+                .decideHostEvidence(item, action, decision.reason)
+                .subscribe({
+                error: (error) => {
+                    this.facade.showError(error);
+                    this.load(true);
+                },
+            });
+        });
+    }
+    confirmRebuild() {
+        this.confirmation.confirm({
+            type: 'dialog',
+            header: this.t('rebuild-evidence-index'),
+            message: this.t('rebuild-evidence-warning'),
+            accept: () => this.facade.rebuildEvidenceIndex(200).subscribe({
+                error: (error) => this.facade.showError(error),
+            }),
+        });
+    }
+    loadMore() {
+        this.load(false);
+    }
+    load(reset) {
+        this.facade.loadHostEvidence(reset).subscribe({
+            error: (error) => this.facade.showError(error),
+        });
+    }
+    t(key) {
+        return this.transloco.translate(`email-delivery.${key}`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryHostEvidence, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: EmailDeliveryHostEvidence, isStandalone: true, selector: "mt-email-delivery-host-evidence", ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\r\n  <section\r\n    class=\"space-y-4 rounded-xl border border-surface-200 bg-surface-0 p-4 shadow-xs sm:p-5\"\r\n    aria-labelledby=\"host-evidence-heading\"\r\n  >\r\n    <div\r\n      class=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\"\r\n    >\r\n      <div>\r\n        <h3 id=\"host-evidence-heading\" class=\"font-semibold text-color\">\r\n          {{ t(\"host-evidence-title\") }}\r\n        </h3>\r\n        <p class=\"mt-1 text-sm text-muted-color\">\r\n          {{ t(\"host-evidence-description\") }}\r\n        </p>\r\n      </div>\r\n      <mt-button\r\n        severity=\"secondary\"\r\n        variant=\"outlined\"\r\n        icon=\"arrow.refresh-cw-01\"\r\n        [label]=\"t('rebuild-evidence-index')\"\r\n        [disabled]=\"!facade.managementAvailable()\"\r\n        [loading]=\"facade.mutationLoading() === 'rebuild-evidence'\"\r\n        (onClick)=\"confirmRebuild()\"\r\n      />\r\n    </div>\r\n\r\n    @if (facade.hostEvidenceScanBudgetExhausted()) {\r\n      <div\r\n        class=\"rounded-lg border border-amber-200 bg-amber-50 p-3 text-sm text-amber-950\"\r\n        role=\"status\"\r\n      >\r\n        {{ t(\"scan-budget-exhausted\") }}\r\n      </div>\r\n    }\r\n\r\n    @if (!facade.hostEvidenceLoading() && facade.hostEvidence().length === 0) {\r\n      <mt-empty-state\r\n        illustration=\"none\"\r\n        [title]=\"t('no-evidence-title')\"\r\n        [description]=\"t('no-evidence-description')\"\r\n      />\r\n    } @else {\r\n      <mt-table\r\n        [data]=\"rows()\"\r\n        [columns]=\"columns()\"\r\n        [rowActions]=\"actions()\"\r\n        [loading]=\"facade.hostEvidenceLoading()\"\r\n        [generalSearch]=\"true\"\r\n        [showFilters]=\"true\"\r\n        filterMode=\"column\"\r\n        actionShape=\"popover\"\r\n        dataKey=\"evidenceRowId\"\r\n        storageKey=\"email-delivery-host-evidence\"\r\n      />\r\n    }\r\n\r\n    @if (facade.hostEvidenceNextCursor()) {\r\n      <div class=\"flex justify-center\">\r\n        <mt-button\r\n          severity=\"secondary\"\r\n          variant=\"outlined\"\r\n          [label]=\"t('load-more')\"\r\n          [loading]=\"facade.hostEvidenceLoading()\"\r\n          (onClick)=\"loadMore()\"\r\n        />\r\n      </div>\r\n    }\r\n  </section>\r\n</ng-container>\r\n", dependencies: [{ kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: EmptyState, selector: "mt-empty-state", inputs: ["variant", "illustration", "title", "description", "actionLabel", "actionIcon"], outputs: ["actionClick"] }, { kind: "component", type: Table, selector: "mt-table", inputs: ["filters", "data", "columns", "rowActions", "size", "showGridlines", "stripedRows", "selectableRows", "clickableRows", "generalSearch", "lazyLocalSearch", "showFilters", "filterMode", "loading", "updating", "lazy", "lazyLocalSort", "lazyTotalRecords", "reorderableColumns", "reorderableRows", "dataKey", "storageKey", "storageMode", "persistStateExclude", "exportable", "printable", "groupable", "groupCountMap", "cellClickFilter", "freezeActions", "virtualScroll", "virtualScrollItemSize", "scrollHeight", "printTitle", "exportFilename", "actionShape", "rowActionsLoadingFn", "tableLayout", "noCard", "tabs", "tabsOptionLabel", "tabsOptionValue", "activeTab", "actions", "captionStartTemplate", "captionEndTemplate", "emptyTitle", "emptyDescription", "emptyActionLabel", "emptyActionIcon", "paginatorPosition", "alwaysShowPaginator", "rowsPerPageOptions", "pageSize", "currentPage", "first", "filterTerm", "groupBy", "sortField", "sortDirection"], outputs: ["selectionChange", "cellChange", "lazyLoad", "columnReorder", "rowReorder", "rowClick", "emptyAction", "rowActionsRequested", "filtersChange", "activeTabChange", "onTabChange", "pageSizeChange", "currentPageChange", "firstChange", "filterTermChange", "groupByChange", "sortFieldChange", "sortDirectionChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryHostEvidence, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-email-delivery-host-evidence', imports: [TranslocoDirective, Button, EmptyState, Table], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\r\n  <section\r\n    class=\"space-y-4 rounded-xl border border-surface-200 bg-surface-0 p-4 shadow-xs sm:p-5\"\r\n    aria-labelledby=\"host-evidence-heading\"\r\n  >\r\n    <div\r\n      class=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\"\r\n    >\r\n      <div>\r\n        <h3 id=\"host-evidence-heading\" class=\"font-semibold text-color\">\r\n          {{ t(\"host-evidence-title\") }}\r\n        </h3>\r\n        <p class=\"mt-1 text-sm text-muted-color\">\r\n          {{ t(\"host-evidence-description\") }}\r\n        </p>\r\n      </div>\r\n      <mt-button\r\n        severity=\"secondary\"\r\n        variant=\"outlined\"\r\n        icon=\"arrow.refresh-cw-01\"\r\n        [label]=\"t('rebuild-evidence-index')\"\r\n        [disabled]=\"!facade.managementAvailable()\"\r\n        [loading]=\"facade.mutationLoading() === 'rebuild-evidence'\"\r\n        (onClick)=\"confirmRebuild()\"\r\n      />\r\n    </div>\r\n\r\n    @if (facade.hostEvidenceScanBudgetExhausted()) {\r\n      <div\r\n        class=\"rounded-lg border border-amber-200 bg-amber-50 p-3 text-sm text-amber-950\"\r\n        role=\"status\"\r\n      >\r\n        {{ t(\"scan-budget-exhausted\") }}\r\n      </div>\r\n    }\r\n\r\n    @if (!facade.hostEvidenceLoading() && facade.hostEvidence().length === 0) {\r\n      <mt-empty-state\r\n        illustration=\"none\"\r\n        [title]=\"t('no-evidence-title')\"\r\n        [description]=\"t('no-evidence-description')\"\r\n      />\r\n    } @else {\r\n      <mt-table\r\n        [data]=\"rows()\"\r\n        [columns]=\"columns()\"\r\n        [rowActions]=\"actions()\"\r\n        [loading]=\"facade.hostEvidenceLoading()\"\r\n        [generalSearch]=\"true\"\r\n        [showFilters]=\"true\"\r\n        filterMode=\"column\"\r\n        actionShape=\"popover\"\r\n        dataKey=\"evidenceRowId\"\r\n        storageKey=\"email-delivery-host-evidence\"\r\n      />\r\n    }\r\n\r\n    @if (facade.hostEvidenceNextCursor()) {\r\n      <div class=\"flex justify-center\">\r\n        <mt-button\r\n          severity=\"secondary\"\r\n          variant=\"outlined\"\r\n          [label]=\"t('load-more')\"\r\n          [loading]=\"facade.hostEvidenceLoading()\"\r\n          (onClick)=\"loadMore()\"\r\n        />\r\n      </div>\r\n    }\r\n  </section>\r\n</ng-container>\r\n" }]
+        }] });
+function identifierEntity$1(value) {
+    return {
+        name: '',
+        viewType: 'Text',
+        value: value ?? '—',
+        configuration: { hideName: true },
+    };
+}
+function humanizeIdentifier$1(value) {
+    return value
+        .replace(/[._-]+/g, ' ')
+        .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
+        .replace(/\s+/g, ' ')
+        .trim()
+        .replace(/^./, (character) => character.toUpperCase())
+        .replace(/\bSmtp\b/g, 'SMTP')
+        .replace(/\bTls\b/g, 'TLS')
+        .replace(/\bOauth2?\b/gi, 'OAuth2')
+        .replace(/\bHttp\b/g, 'HTTP')
+        .replace(/\bApi\b/g, 'API');
+}
+
+class EmailDeliveryQuarantine {
+    modal = inject(ModalService);
+    transloco = inject(TranslocoService);
+    facade = inject(EmailDeliveryFacade);
+    activeLanguage = toSignal(this.transloco.langChanges$, {
+        initialValue: this.transloco.getActiveLang(),
+    });
+    rows = computed(() => this.facade.quarantine().map((item) => ({
+        ...item,
+        attemptIdentity: identifierEntity(item.attemptId),
+        errorLabel: this.facade.describeCode(item.errorCode),
+    })), ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+    columns = computed(() => {
+        this.activeLanguage();
+        return [
+            {
+                key: 'attemptIdentity',
+                label: this.t('attempt.id'),
+                type: 'entity',
+                width: '19rem',
+                shrink: true,
+            },
+            {
+                key: 'recoveryClassification',
+                label: this.t('recovery-classification'),
+                type: 'status',
+                statusMap: getEmailDeliveryStatusMap('support', this.transloco.translate.bind(this.transloco)),
+            },
+            { key: 'errorLabel', label: this.t('issue') },
+            {
+                key: 'quarantinedAtUtc',
+                label: this.t('detected'),
+                type: 'dateTime',
+            },
+        ];
+    }, ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+    actions = computed(() => {
+        this.activeLanguage();
+        return [
+            {
+                icon: 'arrow.refresh-cw-01',
+                label: this.t('retry'),
+                hidden: (row) => !this.facade.managementAvailable() ||
+                    row.recoveryClassification !==
+                        'retryable-after-upgrade',
+                action: (row) => this.decide(row, 'retry'),
+            },
+            {
+                icon: 'general.check-circle',
+                label: this.t('acknowledge'),
+                color: 'danger',
+                hidden: () => !this.facade.managementAvailable(),
+                action: (row) => this.decide(row, 'acknowledge'),
+            },
+        ];
+    }, ...(ngDevMode ? [{ debugName: "actions" }] : /* istanbul ignore next */ []));
+    ngOnInit() {
+        if (this.facade.quarantine().length === 0)
+            this.load(true);
+    }
+    decide(item, action) {
+        const dialog = this.modal.openModal(EmailOperatorReasonDialog, 'dialog', {
+            header: this.t(action === 'retry' ? 'retry-quarantine' : 'acknowledge-quarantine'),
+            styleClass: '!w-[36rem] max-w-[96vw]',
+            dismissible: true,
+            inputValues: {
+                itemName: item.itemId,
+                consequence: this.t(action === 'retry'
+                    ? 'quarantine-retry-warning'
+                    : 'quarantine-acknowledge-warning'),
+                confirmLabel: this.t(action),
+            },
+        });
+        dialog.onClose
+            .pipe(take(1))
+            .subscribe((decision) => {
+            if (!decision)
+                return;
+            this.facade.decideQuarantine(item, action, decision.reason).subscribe({
+                error: (error) => this.facade.showError(error),
+            });
+        });
+    }
+    loadMore() {
+        this.load(false);
+    }
+    load(reset) {
+        this.facade.loadQuarantine(reset).subscribe({
+            error: (error) => this.facade.showError(error),
+        });
+    }
+    t(key) {
+        return this.transloco.translate(`email-delivery.${key}`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryQuarantine, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: EmailDeliveryQuarantine, isStandalone: true, selector: "mt-email-delivery-quarantine", ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\r\n  <section\r\n    class=\"space-y-4 rounded-xl border border-surface-200 bg-surface-0 p-4 shadow-xs sm:p-5\"\r\n    aria-labelledby=\"quarantine-heading\"\r\n  >\r\n    <div>\r\n      <h3 id=\"quarantine-heading\" class=\"font-semibold text-color\">\r\n        {{ t(\"quarantine-title\") }}\r\n      </h3>\r\n      <p class=\"mt-1 text-sm text-muted-color\">\r\n        {{ t(\"quarantine-description\") }}\r\n      </p>\r\n    </div>\r\n\r\n    @if (!facade.quarantineLoading() && facade.quarantine().length === 0) {\r\n      <mt-empty-state\r\n        illustration=\"none\"\r\n        [title]=\"t('no-quarantine-title')\"\r\n        [description]=\"t('no-quarantine-description')\"\r\n      />\r\n    } @else {\r\n      <mt-table\r\n        [data]=\"rows()\"\r\n        [columns]=\"columns()\"\r\n        [rowActions]=\"actions()\"\r\n        [loading]=\"facade.quarantineLoading()\"\r\n        [generalSearch]=\"true\"\r\n        [showFilters]=\"true\"\r\n        filterMode=\"column\"\r\n        actionShape=\"popover\"\r\n        dataKey=\"itemId\"\r\n        storageKey=\"email-delivery-quarantine\"\r\n      />\r\n    }\r\n\r\n    @if (facade.quarantineNextCursor()) {\r\n      <div class=\"flex justify-center\">\r\n        <mt-button\r\n          severity=\"secondary\"\r\n          variant=\"outlined\"\r\n          [label]=\"t('load-more')\"\r\n          [loading]=\"facade.quarantineLoading()\"\r\n          (onClick)=\"loadMore()\"\r\n        />\r\n      </div>\r\n    }\r\n  </section>\r\n</ng-container>\r\n", dependencies: [{ kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: EmptyState, selector: "mt-empty-state", inputs: ["variant", "illustration", "title", "description", "actionLabel", "actionIcon"], outputs: ["actionClick"] }, { kind: "component", type: Table, selector: "mt-table", inputs: ["filters", "data", "columns", "rowActions", "size", "showGridlines", "stripedRows", "selectableRows", "clickableRows", "generalSearch", "lazyLocalSearch", "showFilters", "filterMode", "loading", "updating", "lazy", "lazyLocalSort", "lazyTotalRecords", "reorderableColumns", "reorderableRows", "dataKey", "storageKey", "storageMode", "persistStateExclude", "exportable", "printable", "groupable", "groupCountMap", "cellClickFilter", "freezeActions", "virtualScroll", "virtualScrollItemSize", "scrollHeight", "printTitle", "exportFilename", "actionShape", "rowActionsLoadingFn", "tableLayout", "noCard", "tabs", "tabsOptionLabel", "tabsOptionValue", "activeTab", "actions", "captionStartTemplate", "captionEndTemplate", "emptyTitle", "emptyDescription", "emptyActionLabel", "emptyActionIcon", "paginatorPosition", "alwaysShowPaginator", "rowsPerPageOptions", "pageSize", "currentPage", "first", "filterTerm", "groupBy", "sortField", "sortDirection"], outputs: ["selectionChange", "cellChange", "lazyLoad", "columnReorder", "rowReorder", "rowClick", "emptyAction", "rowActionsRequested", "filtersChange", "activeTabChange", "onTabChange", "pageSizeChange", "currentPageChange", "firstChange", "filterTermChange", "groupByChange", "sortFieldChange", "sortDirectionChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryQuarantine, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-email-delivery-quarantine', imports: [TranslocoDirective, Button, EmptyState, Table], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\r\n  <section\r\n    class=\"space-y-4 rounded-xl border border-surface-200 bg-surface-0 p-4 shadow-xs sm:p-5\"\r\n    aria-labelledby=\"quarantine-heading\"\r\n  >\r\n    <div>\r\n      <h3 id=\"quarantine-heading\" class=\"font-semibold text-color\">\r\n        {{ t(\"quarantine-title\") }}\r\n      </h3>\r\n      <p class=\"mt-1 text-sm text-muted-color\">\r\n        {{ t(\"quarantine-description\") }}\r\n      </p>\r\n    </div>\r\n\r\n    @if (!facade.quarantineLoading() && facade.quarantine().length === 0) {\r\n      <mt-empty-state\r\n        illustration=\"none\"\r\n        [title]=\"t('no-quarantine-title')\"\r\n        [description]=\"t('no-quarantine-description')\"\r\n      />\r\n    } @else {\r\n      <mt-table\r\n        [data]=\"rows()\"\r\n        [columns]=\"columns()\"\r\n        [rowActions]=\"actions()\"\r\n        [loading]=\"facade.quarantineLoading()\"\r\n        [generalSearch]=\"true\"\r\n        [showFilters]=\"true\"\r\n        filterMode=\"column\"\r\n        actionShape=\"popover\"\r\n        dataKey=\"itemId\"\r\n        storageKey=\"email-delivery-quarantine\"\r\n      />\r\n    }\r\n\r\n    @if (facade.quarantineNextCursor()) {\r\n      <div class=\"flex justify-center\">\r\n        <mt-button\r\n          severity=\"secondary\"\r\n          variant=\"outlined\"\r\n          [label]=\"t('load-more')\"\r\n          [loading]=\"facade.quarantineLoading()\"\r\n          (onClick)=\"loadMore()\"\r\n        />\r\n      </div>\r\n    }\r\n  </section>\r\n</ng-container>\r\n" }]
+        }] });
+function identifierEntity(value) {
+    return {
+        name: '',
+        viewType: 'Text',
+        value: value ?? '—',
+        configuration: { hideName: true },
+    };
+}
+
+class EmailDeliveryActivity {
+    advancedExpanded = signal(false, ...(ngDevMode ? [{ debugName: "advancedExpanded" }] : /* istanbul ignore next */ []));
+    onAdvancedToggle(event) {
+        this.advancedExpanded.set(event.currentTarget.open);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryActivity, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: EmailDeliveryActivity, isStandalone: true, selector: "mt-email-delivery-activity", ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\r\n  <div class=\"grid gap-6\">\r\n    <mt-email-delivery-attempts class=\"block min-w-0\" />\r\n\r\n    <details\r\n      class=\"group overflow-hidden rounded-xl border border-surface-200 bg-surface-0\"\r\n      (toggle)=\"onAdvancedToggle($event)\"\r\n    >\r\n      <summary\r\n        class=\"cursor-pointer list-none p-5 font-semibold text-color focus-visible:outline-2 focus-visible:outline-offset-2\"\r\n      >\r\n        <span class=\"flex items-center justify-between gap-3\">\r\n          <span>\r\n            {{ t(\"advanced-support\") }}\r\n            <span class=\"mt-1 block text-sm font-normal text-muted-color\">{{\r\n              t(\"advanced-support-description\")\r\n            }}</span>\r\n          </span>\r\n          <mt-icon\r\n            icon=\"arrow.chevron-down\"\r\n            aria-hidden=\"true\"\r\n            class=\"text-base transition-transform group-open:rotate-180\"\r\n          />\r\n        </span>\r\n      </summary>\r\n      @if (advancedExpanded()) {\r\n        <div\r\n          class=\"grid gap-6 border-t border-surface-200 bg-surface-50/60 p-4 sm:p-5\"\r\n        >\r\n          <mt-email-delivery-quarantine class=\"block min-w-0\" />\r\n          <mt-email-delivery-host-evidence class=\"block min-w-0\" />\r\n        </div>\r\n      }\r\n    </details>\r\n  </div>\r\n</ng-container>\r\n", dependencies: [{ kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "component", type: EmailDeliveryAttempts, selector: "mt-email-delivery-attempts" }, { kind: "component", type: EmailDeliveryQuarantine, selector: "mt-email-delivery-quarantine" }, { kind: "component", type: EmailDeliveryHostEvidence, selector: "mt-email-delivery-host-evidence" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryActivity, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-email-delivery-activity', imports: [
+                        TranslocoDirective,
+                        Icon,
+                        EmailDeliveryAttempts,
+                        EmailDeliveryQuarantine,
+                        EmailDeliveryHostEvidence,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\r\n  <div class=\"grid gap-6\">\r\n    <mt-email-delivery-attempts class=\"block min-w-0\" />\r\n\r\n    <details\r\n      class=\"group overflow-hidden rounded-xl border border-surface-200 bg-surface-0\"\r\n      (toggle)=\"onAdvancedToggle($event)\"\r\n    >\r\n      <summary\r\n        class=\"cursor-pointer list-none p-5 font-semibold text-color focus-visible:outline-2 focus-visible:outline-offset-2\"\r\n      >\r\n        <span class=\"flex items-center justify-between gap-3\">\r\n          <span>\r\n            {{ t(\"advanced-support\") }}\r\n            <span class=\"mt-1 block text-sm font-normal text-muted-color\">{{\r\n              t(\"advanced-support-description\")\r\n            }}</span>\r\n          </span>\r\n          <mt-icon\r\n            icon=\"arrow.chevron-down\"\r\n            aria-hidden=\"true\"\r\n            class=\"text-base transition-transform group-open:rotate-180\"\r\n          />\r\n        </span>\r\n      </summary>\r\n      @if (advancedExpanded()) {\r\n        <div\r\n          class=\"grid gap-6 border-t border-surface-200 bg-surface-50/60 p-4 sm:p-5\"\r\n        >\r\n          <mt-email-delivery-quarantine class=\"block min-w-0\" />\r\n          <mt-email-delivery-host-evidence class=\"block min-w-0\" />\r\n        </div>\r\n      }\r\n    </details>\r\n  </div>\r\n</ng-container>\r\n" }]
+        }] });
+
+class EmailControlledTestDialog {
+    connectionId = input.required(...(ngDevMode ? [{ debugName: "connectionId" }] : /* istanbul ignore next */ []));
+    connectionName = input.required(...(ngDevMode ? [{ debugName: "connectionName" }] : /* istanbul ignore next */ []));
+    modal = inject(ModalService);
+    ref = inject(ModalRef);
+    destroyRef = inject(DestroyRef);
+    transloco = inject(TranslocoService);
+    facade = inject(EmailDeliveryFacade);
+    testRequestId = signal(createId(), ...(ngDevMode ? [{ debugName: "testRequestId" }] : /* istanbul ignore next */ []));
+    timedOut = signal(false, ...(ngDevMode ? [{ debugName: "timedOut" }] : /* istanbul ignore next */ []));
+    polling = signal(false, ...(ngDevMode ? [{ debugName: "polling" }] : /* istanbul ignore next */ []));
+    result = signal(null, ...(ngDevMode ? [{ debugName: "result" }] : /* istanbul ignore next */ []));
+    pollIndex = 0;
+    form = new FormControl({
+        recipients: null,
+        subject: 'Pplus email delivery test',
+        body: 'This is a controlled Pplus email delivery test.',
+        isHtml: false,
+    }, { nonNullable: true });
+    formStatus = toSignal(this.form.statusChanges, {
+        initialValue: this.form.status,
+    });
+    canSubmit = computed(() => this.formStatus() === 'VALID' &&
+        !this.facade.mutationLoading() &&
+        !this.result(), ...(ngDevMode ? [{ debugName: "canSubmit" }] : /* istanbul ignore next */ []));
+    formConfig = computed(() => ({
+        sections: [
+            {
+                key: 'controlled-test',
+                type: 'none',
+                columns: 12,
+                fields: [
+                    new TextareaFieldConfig({
+                        key: 'recipients',
+                        label: this.t('test.recipients'),
+                        placeholder: this.t('test.recipients-placeholder'),
+                        hint: this.t('test.recipients-hint'),
+                        colSpan: 12,
+                        rows: 3,
+                        validators: [
+                            ValidatorConfig.required(),
+                            ValidatorConfig.custom((value) => validRecipients(value), this.t('test.recipients-invalid')),
+                        ],
+                    }),
+                    new TextFieldConfig({
+                        key: 'subject',
+                        label: this.t('test.subject'),
+                        colSpan: 12,
+                        validators: [
+                            ValidatorConfig.required(),
+                            ValidatorConfig.maxLength(998),
+                            ValidatorConfig.pattern('^[^\\r\\n]*$'),
+                        ],
+                    }),
+                    new TextareaFieldConfig({
+                        key: 'body',
+                        label: this.t('test.body'),
+                        colSpan: 12,
+                        rows: 8,
+                        validators: [ValidatorConfig.maxLength(2_000_000)],
+                    }),
+                    new ToggleFieldConfig({
+                        key: 'isHtml',
+                        label: this.t('test.html'),
+                        colSpan: 12,
+                    }),
+                ],
+            },
+        ],
+    }), ...(ngDevMode ? [{ debugName: "formConfig" }] : /* istanbul ignore next */ []));
+    submit() {
+        if (!this.canSubmit()) {
+            this.form.markAllAsTouched();
+            return;
+        }
+        const value = this.form.getRawValue();
+        this.facade
+            .sendConnectionTest(this.connectionId(), {
+            testRequestId: this.testRequestId(),
+            recipients: parseRecipients(value.recipients),
+            subject: value.subject?.trim() ?? '',
+            body: value.body ?? '',
+            isHtml: value.isHtml,
+        })
+            .subscribe({
+            next: (result) => {
+                this.result.set(result);
+                this.timedOut.set(false);
+            },
+            error: (error) => {
+                if (isAmbiguousTimeout(error) ||
+                    this.facade.errorAction(error) === 'poll_status') {
+                    this.startPolling();
+                    return;
+                }
+                this.facade.showError(error);
+            },
+        });
+    }
+    retrieve() {
+        if (this.polling())
+            return;
+        this.retrieveStoredResult(false);
+    }
+    retrieveStoredResult(fromPoll) {
+        this.facade
+            .retrieveConnectionTest(this.connectionId(), this.testRequestId())
+            .subscribe({
+            next: (stored) => {
+                if (stored.result) {
+                    this.result.set(stored.result);
+                    this.timedOut.set(false);
+                    this.polling.set(false);
+                    return;
+                }
+                if (fromPoll && isPendingRequestState(stored.requestState)) {
+                    this.schedulePoll();
+                }
+                else {
+                    this.polling.set(false);
+                    this.timedOut.set(true);
+                }
+            },
+            error: (error) => {
+                if (fromPoll && this.facade.errorAction(error) === 'poll_status') {
+                    this.schedulePoll();
+                    return;
+                }
+                this.polling.set(false);
+                this.timedOut.set(true);
+                this.facade.showError(error);
+            },
+        });
+    }
+    startPolling() {
+        if (this.polling())
+            return;
+        this.timedOut.set(true);
+        this.polling.set(true);
+        this.pollIndex = 0;
+        this.schedulePoll();
+    }
+    schedulePoll() {
+        const delay = POLL_DELAYS_MS[this.pollIndex++];
+        if (delay === undefined) {
+            this.polling.set(false);
+            return;
+        }
+        timer(delay)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => this.retrieveStoredResult(true));
+    }
+    close() {
+        this.ref.close(this.result());
+    }
+    t(key) {
+        return this.transloco.translate(`email-delivery.${key}`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailControlledTestDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: EmailControlledTestDialog, isStandalone: true, selector: "mt-email-controlled-test-dialog", inputs: { connectionId: { classPropertyName: "connectionId", publicName: "connectionId", isSignal: true, isRequired: true, transformFunction: null }, connectionName: { classPropertyName: "connectionName", publicName: "connectionName", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\r\n  <div [class]=\"modal.contentClass + ' p-4 sm:p-5'\">\r\n    <div\r\n      class=\"mb-4 rounded-lg border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-950\"\r\n      role=\"note\"\r\n    >\r\n      <strong>{{ t(\"test.real-email-warning-title\") }}</strong>\r\n      {{ t(\"test.real-email-warning\") }}\r\n    </div>\r\n\r\n    @if (!result()) {\r\n      <mt-dynamic-form [formConfig]=\"formConfig()\" [formControl]=\"form\" />\r\n    }\r\n\r\n    @if (timedOut()) {\r\n      <div\r\n        class=\"mt-4 rounded-lg border border-orange-200 bg-orange-50 px-4 py-3\"\r\n        role=\"alert\"\r\n      >\r\n        <p class=\"font-semibold text-orange-950\">\r\n          {{ t(\"test.timeout-title\") }}\r\n        </p>\r\n        <p class=\"mt-1 text-sm text-orange-900\">\r\n          {{ t(\"test.timeout-description\") }}\r\n        </p>\r\n      </div>\r\n    }\r\n\r\n    @if (result(); as testResult) {\r\n      <div\r\n        class=\"rounded-lg border border-surface-200 bg-surface-50 px-4 py-4\"\r\n        aria-live=\"polite\"\r\n      >\r\n        <mt-email-delivery-status kind=\"attempt\" [value]=\"testResult.outcome\" />\r\n        <p class=\"mt-1 text-sm text-muted-color\">\r\n          {{ facade.describeCode(testResult.code) }}\r\n        </p>\r\n        @if (testResult.outcome === \"Accepted\") {\r\n          <p class=\"mt-3 text-sm font-medium text-amber-800\">\r\n            {{ t(\"accepted-unconfirmed\") }}\r\n          </p>\r\n        }\r\n        @if (testResult.outcome === \"OutcomeUnknown\") {\r\n          <p class=\"mt-3 text-sm font-medium text-red-700\">\r\n            {{ t(\"outcome-unknown-warning\") }}\r\n          </p>\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  <div [class]=\"modal.footerClass\">\r\n    <mt-button\r\n      severity=\"secondary\"\r\n      variant=\"outlined\"\r\n      [label]=\"t('close')\"\r\n      styleClass=\"w-full sm:w-auto\"\r\n      (onClick)=\"close()\"\r\n    />\r\n    @if (timedOut()) {\r\n      <mt-button\r\n        [label]=\"t('test.retrieve')\"\r\n        icon=\"arrow.refresh-cw-01\"\r\n        [disabled]=\"polling()\"\r\n        [loading]=\"polling() || facade.mutationLoading() === 'retrieve-test'\"\r\n        styleClass=\"w-full sm:w-auto\"\r\n        (onClick)=\"retrieve()\"\r\n      />\r\n    } @else if (!result()) {\r\n      <mt-button\r\n        [label]=\"t('test.send')\"\r\n        icon=\"communication.send-01\"\r\n        [disabled]=\"!canSubmit()\"\r\n        [loading]=\"facade.mutationLoading() === 'test'\"\r\n        styleClass=\"w-full sm:w-auto\"\r\n        (onClick)=\"submit()\"\r\n      />\r\n    }\r\n  </div>\r\n</ng-container>\r\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: DynamicForm, selector: "mt-dynamic-form", inputs: ["formConfig", "forcedHiddenFieldKeys", "forcedDisabledFieldKeys", "preserveForcedHiddenValues", "visibleSectionKeys", "externalValues", "serverFieldErrors"], outputs: ["runtimeMessagesChange"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: EmailDeliveryStatus, selector: "mt-email-delivery-status", inputs: ["value", "kind"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailControlledTestDialog, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-email-controlled-test-dialog', imports: [
+                        ReactiveFormsModule,
+                        TranslocoDirective,
+                        DynamicForm,
+                        Button,
+                        EmailDeliveryStatus,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\r\n  <div [class]=\"modal.contentClass + ' p-4 sm:p-5'\">\r\n    <div\r\n      class=\"mb-4 rounded-lg border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-950\"\r\n      role=\"note\"\r\n    >\r\n      <strong>{{ t(\"test.real-email-warning-title\") }}</strong>\r\n      {{ t(\"test.real-email-warning\") }}\r\n    </div>\r\n\r\n    @if (!result()) {\r\n      <mt-dynamic-form [formConfig]=\"formConfig()\" [formControl]=\"form\" />\r\n    }\r\n\r\n    @if (timedOut()) {\r\n      <div\r\n        class=\"mt-4 rounded-lg border border-orange-200 bg-orange-50 px-4 py-3\"\r\n        role=\"alert\"\r\n      >\r\n        <p class=\"font-semibold text-orange-950\">\r\n          {{ t(\"test.timeout-title\") }}\r\n        </p>\r\n        <p class=\"mt-1 text-sm text-orange-900\">\r\n          {{ t(\"test.timeout-description\") }}\r\n        </p>\r\n      </div>\r\n    }\r\n\r\n    @if (result(); as testResult) {\r\n      <div\r\n        class=\"rounded-lg border border-surface-200 bg-surface-50 px-4 py-4\"\r\n        aria-live=\"polite\"\r\n      >\r\n        <mt-email-delivery-status kind=\"attempt\" [value]=\"testResult.outcome\" />\r\n        <p class=\"mt-1 text-sm text-muted-color\">\r\n          {{ facade.describeCode(testResult.code) }}\r\n        </p>\r\n        @if (testResult.outcome === \"Accepted\") {\r\n          <p class=\"mt-3 text-sm font-medium text-amber-800\">\r\n            {{ t(\"accepted-unconfirmed\") }}\r\n          </p>\r\n        }\r\n        @if (testResult.outcome === \"OutcomeUnknown\") {\r\n          <p class=\"mt-3 text-sm font-medium text-red-700\">\r\n            {{ t(\"outcome-unknown-warning\") }}\r\n          </p>\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  <div [class]=\"modal.footerClass\">\r\n    <mt-button\r\n      severity=\"secondary\"\r\n      variant=\"outlined\"\r\n      [label]=\"t('close')\"\r\n      styleClass=\"w-full sm:w-auto\"\r\n      (onClick)=\"close()\"\r\n    />\r\n    @if (timedOut()) {\r\n      <mt-button\r\n        [label]=\"t('test.retrieve')\"\r\n        icon=\"arrow.refresh-cw-01\"\r\n        [disabled]=\"polling()\"\r\n        [loading]=\"polling() || facade.mutationLoading() === 'retrieve-test'\"\r\n        styleClass=\"w-full sm:w-auto\"\r\n        (onClick)=\"retrieve()\"\r\n      />\r\n    } @else if (!result()) {\r\n      <mt-button\r\n        [label]=\"t('test.send')\"\r\n        icon=\"communication.send-01\"\r\n        [disabled]=\"!canSubmit()\"\r\n        [loading]=\"facade.mutationLoading() === 'test'\"\r\n        styleClass=\"w-full sm:w-auto\"\r\n        (onClick)=\"submit()\"\r\n      />\r\n    }\r\n  </div>\r\n</ng-container>\r\n" }]
+        }], propDecorators: { connectionId: [{ type: i0.Input, args: [{ isSignal: true, alias: "connectionId", required: true }] }], connectionName: [{ type: i0.Input, args: [{ isSignal: true, alias: "connectionName", required: true }] }] } });
+const POLL_DELAYS_MS = [1_000, 2_000, 4_000, 5_000, 5_000, 5_000];
+function isPendingRequestState(value) {
+    return !['Completed', 'Failed', 'Cancelled', 'Canceled'].includes(value);
+}
+function parseRecipients(value) {
+    return Array.from(new Set((value ?? '')
+        .split(/[\s,;]+/)
+        .map((item) => item.trim())
+        .filter(Boolean)));
+}
+function validRecipients(value) {
+    const recipients = parseRecipients(String(value ?? ''));
+    return (recipients.length >= 1 &&
+        recipients.length <= 100 &&
+        recipients.every((recipient) => recipient.length <= 320 && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(recipient)));
+}
+function isAmbiguousTimeout(error) {
+    return (error instanceof HttpErrorResponse &&
+        (error.status === 0 || error.status === 408 || error.status === 504));
+}
+function createId() {
+    if (typeof crypto !== 'undefined' && 'randomUUID' in crypto) {
+        return crypto.randomUUID();
+    }
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (character) => {
+        const random = Math.floor(Math.random() * 16);
+        const value = character === 'x' ? random : (random & 0x3) | 0x8;
+        return value.toString(16);
+    });
+}
+
+function getApplicableProviderFields(provider, authenticationMode) {
+    if (!provider || !authenticationMode) {
+        return [];
+    }
+    return provider.fields.filter((field) => field.authenticationModes.length === 0 ||
+        field.authenticationModes.includes(authenticationMode));
+}
+function getApplicableProviderActions(provider, authenticationMode, authorizationModel) {
+    if (!provider || !authenticationMode) {
+        return [];
+    }
+    return (provider.actions ?? []).filter((action) => {
+        if (!action.isExecutable) {
+            return false;
+        }
+        if (action.authenticationModes.length > 0 &&
+            !action.authenticationModes.includes(authenticationMode)) {
+            return false;
+        }
+        return (!action.authorizationModels?.length ||
+            (!!authorizationModel &&
+                action.authorizationModels.includes(authorizationModel)));
+    });
+}
+function parseProviderCapabilities(value) {
+    return value
+        .split(',')
+        .map((item) => item.trim())
+        .filter(Boolean);
+}
+function providerFieldControlKey(index) {
+    return `providerField${index}`;
+}
+function credentialOperationControlKey(index) {
+    return `credentialOperation${index}`;
+}
+function credentialStorageControlKey(index) {
+    return `credentialStorage${index}`;
+}
+function credentialValueControlKey(index) {
+    return `credentialValue${index}`;
+}
+function credentialReferenceControlKey(index) {
+    return `credentialReference${index}`;
+}
+function buildConnectionRequest(value, provider, existingConcurrencyToken) {
+    const mode = requiredTrimmed(value.authenticationMode);
+    const publicConfiguration = {};
+    const credentials = [];
+    provider.fields.forEach((field, index) => {
+        if (field.authenticationModes.length > 0 &&
+            !field.authenticationModes.includes(mode)) {
+            return;
+        }
+        if (field.isSecret) {
+            const operation = value[credentialOperationControlKey(index)];
+            if (!operation || operation === 'omitted') {
+                return;
+            }
+            const storageKind = (value[credentialStorageControlKey(index)] ??
+                'protected-value');
+            credentials.push({
+                key: field.key,
+                operation,
+                storageKind,
+                value: operation === 'replace' && storageKind === 'protected-value'
+                    ? optionalTrimmed(value[credentialValueControlKey(index)])
+                    : null,
+                externalReference: operation === 'replace' && storageKind === 'external-reference'
+                    ? optionalTrimmed(value[credentialReferenceControlKey(index)])
+                    : null,
+            });
+            return;
+        }
+        const fieldValue = value[providerFieldControlKey(index)];
+        if (fieldValue === null || fieldValue === undefined || fieldValue === '') {
+            return;
+        }
+        publicConfiguration[field.key] =
+            typeof fieldValue === 'boolean' ? String(fieldValue) : String(fieldValue);
+    });
+    const request = {
+        name: requiredTrimmed(value.name),
+        providerKey: provider.key,
+        authenticationMode: mode,
+        senderAddress: requiredTrimmed(value.senderAddress),
+        senderDisplayName: optionalTrimmed(value.senderDisplayName),
+        publicConfiguration,
+        credentials,
+    };
+    return existingConcurrencyToken
+        ? { ...request, concurrencyToken: existingConcurrencyToken }
+        : request;
+}
+function requiredTrimmed(value) {
+    return String(value ?? '').trim();
+}
+function optionalTrimmed(value) {
+    const normalized = String(value ?? '').trim();
+    return normalized || null;
+}
+
+class EmailConnectionEditor {
+    editorConnectionId = input(null, ...(ngDevMode ? [{ debugName: "editorConnectionId" }] : /* istanbul ignore next */ []));
+    ref = inject(ModalRef);
+    transloco = inject(TranslocoService);
+    modal = inject(ModalService);
+    facade = inject(EmailDeliveryFacade);
+    connectionId = signal(null, ...(ngDevMode ? [{ debugName: "connectionId" }] : /* istanbul ignore next */ []));
+    existingDetails = signal(null, ...(ngDevMode ? [{ debugName: "existingDetails" }] : /* istanbul ignore next */ []));
+    editorLoading = signal(true, ...(ngDevMode ? [{ debugName: "editorLoading" }] : /* istanbul ignore next */ []));
+    formGeneration = signal(0, ...(ngDevMode ? [{ debugName: "formGeneration" }] : /* istanbul ignore next */ []));
+    formValue = signal(emptyEditorValue(), ...(ngDevMode ? [{ debugName: "formValue" }] : /* istanbul ignore next */ []));
+    form = new FormControl(emptyEditorValue(), { nonNullable: true });
+    formStatus = toSignal(this.form.statusChanges, {
+        initialValue: this.form.status,
+    });
+    previousProviderKey = null;
+    previousAuthenticationMode = null;
+    structureSignature = '';
+    isEdit = computed(() => !!this.connectionId(), ...(ngDevMode ? [{ debugName: "isEdit" }] : /* istanbul ignore next */ []));
+    selectedProvider = computed(() => this.facade.providerByKey(this.formValue().providerKey), ...(ngDevMode ? [{ debugName: "selectedProvider" }] : /* istanbul ignore next */ []));
+    selectedMode = computed(() => this.formValue().authenticationMode, ...(ngDevMode ? [{ debugName: "selectedMode" }] : /* istanbul ignore next */ []));
+    applicableFields = computed(() => getApplicableProviderFields(this.selectedProvider(), this.selectedMode()), ...(ngDevMode ? [{ debugName: "applicableFields" }] : /* istanbul ignore next */ []));
+    canSave = computed(() => !this.editorLoading() &&
+        this.formStatus() === 'VALID' &&
+        !this.facade.mutationLoading(), ...(ngDevMode ? [{ debugName: "canSave" }] : /* istanbul ignore next */ []));
+    formConfig = computed(() => ({
+        sections: [
+            {
+                key: 'basics',
+                label: this.t('editor.basics'),
+                type: 'header',
+                columns: 12,
+                fields: this.buildBasicFields(),
+            },
+            {
+                key: 'configuration',
+                label: this.t('editor.configuration'),
+                type: 'header',
+                columns: 12,
+                fields: this.buildConfigurationFields(),
+            },
+            {
+                key: 'credentials',
+                label: this.t('editor.credentials'),
+                type: 'header',
+                columns: 12,
+                fields: this.buildCredentialFields(),
+            },
+        ],
+    }), ...(ngDevMode ? [{ debugName: "formConfig" }] : /* istanbul ignore next */ []));
+    constructor() {
+        this.form.valueChanges.pipe(takeUntilDestroyed()).subscribe((value) => {
+            this.handleFormValue(value);
+        });
+    }
+    ngOnInit() {
+        const id = this.editorConnectionId();
+        this.connectionId.set(id);
+        const catalog$ = this.facade.providers().length
+            ? of(undefined)
+            : this.facade.loadCatalog().pipe(map(() => undefined));
+        catalog$
+            .pipe(switchMap(() => (id ? this.facade.loadConnection(id) : of(null))), finalize(() => this.editorLoading.set(false)))
+            .subscribe({
+            next: (details) => {
+                this.existingDetails.set(details);
+                this.seedForm(details);
+            },
+            error: (error) => this.facade.showError(error),
+        });
+    }
+    ngOnDestroy() {
+        this.clearSecretControls();
+    }
+    save() {
+        if (!this.canSave()) {
+            this.form.markAllAsTouched();
+            return;
+        }
+        const provider = this.selectedProvider();
+        if (!provider)
+            return;
+        const id = this.connectionId();
+        const request = buildConnectionRequest(this.form.getRawValue(), provider, this.existingDetails()?.connection.concurrencyToken);
+        const operation = id
+            ? this.facade.updateConnection(id, request)
+            : this.facade.createConnection(request);
+        operation.pipe(finalize(() => this.clearSecretControls())).subscribe({
+            next: () => {
+                this.ref.close(true);
+            },
+            error: (error) => this.handleSaveError(error),
+        });
+    }
+    cancel() {
+        this.clearSecretControls();
+        this.ref.close(false);
+    }
+    seedForm(details) {
+        const provider = details
+            ? this.facade.providerByKey(details.connection.providerKey)
+            : (this.facade.providers()[0] ?? null);
+        const mode = details
+            ? details.connection.authenticationMode
+            : (provider?.authenticationModes[0]?.key ?? null);
+        const value = {
+            name: details?.connection.name ?? null,
+            providerKey: provider?.key ?? null,
+            authenticationMode: mode,
+            senderAddress: details?.connection.senderAddress ?? null,
+            senderDisplayName: details?.connection.senderDisplayName ?? null,
+        };
+        provider?.fields.forEach((field, index) => {
+            if (!isApplicable(field, mode))
+                return;
+            if (field.isSecret) {
+                const status = details?.credentials.find((credential) => credential.key === field.key);
+                value[credentialOperationControlKey(index)] = details
+                    ? 'omitted'
+                    : 'replace';
+                value[credentialStorageControlKey(index)] =
+                    status?.storageKind === 'ExternalReference'
+                        ? 'external-reference'
+                        : 'protected-value';
+                value[credentialValueControlKey(index)] = null;
+                value[credentialReferenceControlKey(index)] = null;
+                return;
+            }
+            const rawValue = details?.connection.publicConfiguration[field.key] ??
+                field.defaultValue;
+            value[providerFieldControlKey(index)] = toEditorFieldValue(field, rawValue);
+        });
+        this.previousProviderKey = provider?.key ?? null;
+        this.previousAuthenticationMode = mode;
+        this.formValue.set(value);
+        this.form.setValue(value, { emitEvent: false });
+        this.structureSignature = this.getStructureSignature(value, provider);
+        this.formGeneration.update((generation) => generation + 1);
+    }
+    handleFormValue(value) {
+        let provider = this.facade.providerByKey(value.providerKey);
+        const providerChanged = value.providerKey !== this.previousProviderKey;
+        let mode = value.authenticationMode;
+        if (provider &&
+            !provider.authenticationModes.some((item) => item.key === mode)) {
+            mode = provider.authenticationModes[0]?.key ?? null;
+        }
+        const modeChanged = mode !== this.previousAuthenticationMode;
+        if (providerChanged || modeChanged) {
+            const reset = this.resetProviderValues(value, provider, mode);
+            this.previousProviderKey = provider?.key ?? null;
+            this.previousAuthenticationMode = mode;
+            this.formValue.set(reset);
+            this.form.setValue(reset, { emitEvent: false });
+            this.structureSignature = this.getStructureSignature(reset, provider);
+            this.formGeneration.update((generation) => generation + 1);
+            return;
+        }
+        provider = this.facade.providerByKey(value.providerKey);
+        this.formValue.set(value);
+        const signature = this.getStructureSignature(value, provider);
+        if (signature !== this.structureSignature) {
+            this.structureSignature = signature;
+            this.formGeneration.update((generation) => generation + 1);
+        }
+    }
+    resetProviderValues(value, provider, mode) {
+        const reset = {
+            name: value.name,
+            providerKey: provider?.key ?? null,
+            authenticationMode: mode,
+            senderAddress: value.senderAddress,
+            senderDisplayName: value.senderDisplayName,
+        };
+        provider?.fields.forEach((field, index) => {
+            if (!isApplicable(field, mode))
+                return;
+            if (field.isSecret) {
+                reset[credentialOperationControlKey(index)] = 'replace';
+                reset[credentialStorageControlKey(index)] = 'protected-value';
+                reset[credentialValueControlKey(index)] = null;
+                reset[credentialReferenceControlKey(index)] = null;
+            }
+            else {
+                reset[providerFieldControlKey(index)] = toEditorFieldValue(field, field.defaultValue);
+            }
+        });
+        return reset;
+    }
+    buildBasicFields() {
+        const provider = this.selectedProvider();
+        return [
+            new TextFieldConfig({
+                key: 'name',
+                label: this.t('connection.name'),
+                colSpan: 12,
+                validators: [
+                    ValidatorConfig.required(),
+                    ValidatorConfig.maxLength(150),
+                ],
+            }),
+            new SelectFieldConfig({
+                key: 'providerKey',
+                label: this.t('connection.provider'),
+                options: this.facade.providers().map((item) => ({
+                    label: item.displayName,
+                    value: item.key,
+                })),
+                optionLabel: 'label',
+                optionValue: 'value',
+                colSpan: 6,
+                validators: [ValidatorConfig.required()],
+            }),
+            new SelectFieldConfig({
+                key: 'authenticationMode',
+                label: this.t('connection.authentication-mode'),
+                options: provider?.authenticationModes.map((item) => ({
+                    label: item.displayName,
+                    value: item.key,
+                })) ?? [],
+                optionLabel: 'label',
+                optionValue: 'value',
+                colSpan: 6,
+                validators: [ValidatorConfig.required()],
+            }),
+            new TextFieldConfig({
+                key: 'senderAddress',
+                label: this.t('connection.sender-address'),
+                inputType: 'email',
+                colSpan: 6,
+                validators: [ValidatorConfig.required(), ValidatorConfig.email()],
+            }),
+            new TextFieldConfig({
+                key: 'senderDisplayName',
+                label: this.t('connection.sender-display-name'),
+                colSpan: 6,
+                validators: [ValidatorConfig.maxLength(200)],
+            }),
+        ];
+    }
+    buildConfigurationFields() {
+        const provider = this.selectedProvider();
+        if (!provider)
+            return [];
+        return provider.fields.flatMap((field, index) => {
+            if (field.isSecret || !isApplicable(field, this.selectedMode())) {
+                return [];
+            }
+            return [this.toProviderFieldConfig(field, index)];
+        });
+    }
+    buildCredentialFields() {
+        const provider = this.selectedProvider();
+        if (!provider)
+            return [];
+        return provider.fields.flatMap((field, index) => {
+            if (!field.isSecret || !isApplicable(field, this.selectedMode())) {
+                return [];
+            }
+            const operationKey = credentialOperationControlKey(index);
+            const storageKey = credentialStorageControlKey(index);
+            const operation = (this.formValue()[operationKey] ??
+                (this.isEdit() ? 'omitted' : 'replace'));
+            const storageKind = (this.formValue()[storageKey] ??
+                'protected-value');
+            const operationOptions = [
+                ...(this.isEdit()
+                    ? [{ label: this.t('credential.keep'), value: 'omitted' }]
+                    : []),
+                { label: this.t('credential.replace'), value: 'replace' },
+                ...(!field.required && this.isEdit()
+                    ? [{ label: this.t('credential.clear'), value: 'clear' }]
+                    : []),
+            ];
+            const fields = [
+                new SelectFieldConfig({
+                    key: operationKey,
+                    label: `${field.displayName} — ${this.t('credential.operation')}`,
+                    options: operationOptions,
+                    optionLabel: 'label',
+                    optionValue: 'value',
+                    colSpan: 6,
+                    validators: [ValidatorConfig.required()],
+                }),
+            ];
+            if (operation !== 'replace')
+                return fields;
+            fields.push(new RadioButtonFieldConfig({
+                key: storageKey,
+                label: this.t('credential.storage-choice'),
+                options: [
+                    {
+                        label: this.t('credential.protected-value'),
+                        value: 'protected-value',
+                    },
+                    {
+                        label: this.t('credential.external-reference'),
+                        value: 'external-reference',
+                    },
+                ],
+                optionLabel: 'label',
+                optionValue: 'value',
+                orientation: 'vertical',
+                colSpan: 6,
+                validators: [ValidatorConfig.required()],
+            }));
+            fields.push(storageKind === 'external-reference'
+                ? new TextFieldConfig({
+                    key: credentialReferenceControlKey(index),
+                    label: this.t('credential.external-reference'),
+                    hint: this.t('credential.external-reference-hint'),
+                    colSpan: 12,
+                    validators: [
+                        ValidatorConfig.required(),
+                        ValidatorConfig.maxLength(500),
+                        ValidatorConfig.pattern('^EmailSecrets:[A-Za-z0-9_.-]{1,100}$'),
+                    ],
+                })
+                : new TextFieldConfig({
+                    key: credentialValueControlKey(index),
+                    label: field.displayName,
+                    inputType: 'password',
+                    hint: this.t('credential.protected-value-hint'),
+                    colSpan: 12,
+                    validators: [
+                        ValidatorConfig.required(),
+                        ...(field.maximumLength
+                            ? [ValidatorConfig.maxLength(field.maximumLength)]
+                            : []),
+                    ],
+                }));
+            return fields;
+        });
+    }
+    toProviderFieldConfig(field, index) {
+        const config = {
+            key: providerFieldControlKey(index),
+            label: field.displayName,
+            colSpan: 6,
+            readonly: !!this.existingDetails()?.authorizationState &&
+                !field.editableAfterAuthorization,
+            validators: providerFieldValidators(field, this.t.bind(this)),
+        };
+        if (field.dataType === 'Boolean') {
+            return new ToggleFieldConfig(config);
+        }
+        if (field.dataType === 'Integer' || field.dataType === 'Port') {
+            return new NumberFieldConfig({
+                ...config,
+                min: field.dataType === 'Port' ? 1 : undefined,
+                max: field.dataType === 'Port' ? 65_535 : undefined,
+                useGrouping: false,
+            });
+        }
+        if (field.dataType === 'Choice') {
+            return new SelectFieldConfig({
+                ...config,
+                options: (field.allowedValues ?? []).map((value) => ({
+                    label: value,
+                    value,
+                })),
+                optionLabel: 'label',
+                optionValue: 'value',
+            });
+        }
+        return new TextFieldConfig({
+            ...config,
+            inputType: field.dataType === 'Email' ? 'email' : 'text',
+        });
+    }
+    getStructureSignature(value, provider) {
+        const credentials = provider?.fields.flatMap((field, index) => field.isSecret && isApplicable(field, value.authenticationMode)
+            ? [
+                `${value[credentialOperationControlKey(index)] ?? ''}:${value[credentialStorageControlKey(index)] ?? ''}`,
+            ]
+            : []);
+        return `${value.providerKey ?? ''}|${value.authenticationMode ?? ''}|${credentials?.join('|') ?? ''}`;
+    }
+    clearSecretControls() {
+        const provider = this.selectedProvider();
+        if (!provider)
+            return;
+        const value = { ...this.form.getRawValue() };
+        provider.fields.forEach((field, index) => {
+            if (!field.isSecret)
+                return;
+            value[credentialValueControlKey(index)] = null;
+            value[credentialReferenceControlKey(index)] = null;
+        });
+        this.formValue.set(value);
+        this.form.setValue(value, { emitEvent: false });
+        this.formGeneration.update((generation) => generation + 1);
+    }
+    handleSaveError(error) {
+        this.facade.showError(error);
+        const id = this.connectionId();
+        if (!(error instanceof HttpErrorResponse) || error.status !== 409 || !id) {
+            return;
+        }
+        this.editorLoading.set(true);
+        this.facade
+            .loadConnection(id)
+            .pipe(finalize(() => this.editorLoading.set(false)))
+            .subscribe({
+            next: (details) => {
+                this.existingDetails.set(details);
+                this.seedForm(details);
+            },
+            error: (loadError) => this.facade.showError(loadError),
+        });
+    }
+    t(key) {
+        return this.transloco.translate(`email-delivery.${key}`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailConnectionEditor, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: EmailConnectionEditor, isStandalone: true, selector: "mt-email-connection-editor", inputs: { editorConnectionId: { classPropertyName: "editorConnectionId", publicName: "editorConnectionId", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\r\n  <div\r\n    [class]=\"\r\n      'flex min-h-0 flex-col gap-5 overflow-y-auto p-4 sm:p-5 ' +\r\n      modal.contentClass\r\n    \"\r\n  >\r\n    <p class=\"m-0 text-sm text-muted-color\">\r\n      {{ t(\"editor.description\") }}\r\n    </p>\r\n\r\n    @if (selectedProvider(); as provider) {\r\n      @if (provider.warnings.length > 0) {\r\n        <section\r\n          class=\"rounded-lg border border-amber-200 bg-amber-50 px-4 py-3\"\r\n          role=\"note\"\r\n          aria-labelledby=\"provider-warnings-heading\"\r\n        >\r\n          <h2\r\n            id=\"provider-warnings-heading\"\r\n            class=\"m-0 text-sm font-semibold text-amber-950\"\r\n          >\r\n            {{ t(\"provider-warnings\") }}\r\n          </h2>\r\n          <ul class=\"mb-0 mt-2 list-disc space-y-1 ps-5 text-sm text-amber-900\">\r\n            @for (warning of provider.warnings; track warning) {\r\n              <li>{{ warning }}</li>\r\n            }\r\n          </ul>\r\n        </section>\r\n      }\r\n    }\r\n\r\n    @if (isEdit()) {\r\n      <div\r\n        class=\"rounded-lg border border-blue-200 bg-blue-50 px-4 py-3 text-sm text-blue-950\"\r\n        role=\"note\"\r\n      >\r\n        {{ t(\"editor.update-invalidates-proof\") }}\r\n      </div>\r\n    }\r\n\r\n    @if (editorLoading()) {\r\n      <div class=\"py-12 text-center text-sm text-muted-color\" role=\"status\">\r\n        {{ t(\"loading\") }}\r\n      </div>\r\n    } @else {\r\n      @for (generation of [formGeneration()]; track generation) {\r\n        <mt-dynamic-form [formConfig]=\"formConfig()\" [formControl]=\"form\" />\r\n      }\r\n    }\r\n\r\n    @if (applicableFields().length === 0 && !editorLoading()) {\r\n      <div\r\n        class=\"rounded-lg border border-surface-200 bg-surface-50 px-4 py-3 text-sm text-muted-color\"\r\n      >\r\n        {{ t(\"editor.select-provider-mode\") }}\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  <div [class]=\"modal.footerClass\">\r\n    <mt-button\r\n      [label]=\"t('cancel')\"\r\n      variant=\"outlined\"\r\n      [disabled]=\"!!facade.mutationLoading()\"\r\n      styleClass=\"w-full sm:w-auto\"\r\n      (onClick)=\"cancel()\"\r\n    />\r\n    <mt-button\r\n      [label]=\"t('save')\"\r\n      icon=\"general.save-01\"\r\n      [disabled]=\"!canSave()\"\r\n      [loading]=\"facade.mutationLoading() === (isEdit() ? 'update' : 'create')\"\r\n      styleClass=\"w-full sm:w-auto\"\r\n      (onClick)=\"save()\"\r\n    />\r\n  </div>\r\n</ng-container>\r\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: DynamicForm, selector: "mt-dynamic-form", inputs: ["formConfig", "forcedHiddenFieldKeys", "forcedDisabledFieldKeys", "preserveForcedHiddenValues", "visibleSectionKeys", "externalValues", "serverFieldErrors"], outputs: ["runtimeMessagesChange"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailConnectionEditor, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-email-connection-editor', imports: [ReactiveFormsModule, TranslocoDirective, DynamicForm, Button], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\r\n  <div\r\n    [class]=\"\r\n      'flex min-h-0 flex-col gap-5 overflow-y-auto p-4 sm:p-5 ' +\r\n      modal.contentClass\r\n    \"\r\n  >\r\n    <p class=\"m-0 text-sm text-muted-color\">\r\n      {{ t(\"editor.description\") }}\r\n    </p>\r\n\r\n    @if (selectedProvider(); as provider) {\r\n      @if (provider.warnings.length > 0) {\r\n        <section\r\n          class=\"rounded-lg border border-amber-200 bg-amber-50 px-4 py-3\"\r\n          role=\"note\"\r\n          aria-labelledby=\"provider-warnings-heading\"\r\n        >\r\n          <h2\r\n            id=\"provider-warnings-heading\"\r\n            class=\"m-0 text-sm font-semibold text-amber-950\"\r\n          >\r\n            {{ t(\"provider-warnings\") }}\r\n          </h2>\r\n          <ul class=\"mb-0 mt-2 list-disc space-y-1 ps-5 text-sm text-amber-900\">\r\n            @for (warning of provider.warnings; track warning) {\r\n              <li>{{ warning }}</li>\r\n            }\r\n          </ul>\r\n        </section>\r\n      }\r\n    }\r\n\r\n    @if (isEdit()) {\r\n      <div\r\n        class=\"rounded-lg border border-blue-200 bg-blue-50 px-4 py-3 text-sm text-blue-950\"\r\n        role=\"note\"\r\n      >\r\n        {{ t(\"editor.update-invalidates-proof\") }}\r\n      </div>\r\n    }\r\n\r\n    @if (editorLoading()) {\r\n      <div class=\"py-12 text-center text-sm text-muted-color\" role=\"status\">\r\n        {{ t(\"loading\") }}\r\n      </div>\r\n    } @else {\r\n      @for (generation of [formGeneration()]; track generation) {\r\n        <mt-dynamic-form [formConfig]=\"formConfig()\" [formControl]=\"form\" />\r\n      }\r\n    }\r\n\r\n    @if (applicableFields().length === 0 && !editorLoading()) {\r\n      <div\r\n        class=\"rounded-lg border border-surface-200 bg-surface-50 px-4 py-3 text-sm text-muted-color\"\r\n      >\r\n        {{ t(\"editor.select-provider-mode\") }}\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  <div [class]=\"modal.footerClass\">\r\n    <mt-button\r\n      [label]=\"t('cancel')\"\r\n      variant=\"outlined\"\r\n      [disabled]=\"!!facade.mutationLoading()\"\r\n      styleClass=\"w-full sm:w-auto\"\r\n      (onClick)=\"cancel()\"\r\n    />\r\n    <mt-button\r\n      [label]=\"t('save')\"\r\n      icon=\"general.save-01\"\r\n      [disabled]=\"!canSave()\"\r\n      [loading]=\"facade.mutationLoading() === (isEdit() ? 'update' : 'create')\"\r\n      styleClass=\"w-full sm:w-auto\"\r\n      (onClick)=\"save()\"\r\n    />\r\n  </div>\r\n</ng-container>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { editorConnectionId: [{ type: i0.Input, args: [{ isSignal: true, alias: "editorConnectionId", required: false }] }] } });
+function emptyEditorValue() {
+    return {
+        name: null,
+        providerKey: null,
+        authenticationMode: null,
+        senderAddress: null,
+        senderDisplayName: null,
+    };
+}
+function isApplicable(field, mode) {
+    return (!!mode &&
+        (field.authenticationModes.length === 0 ||
+            field.authenticationModes.includes(mode)));
+}
+function toEditorFieldValue(field, value) {
+    if (value === null || value === undefined || value === '')
+        return null;
+    if (field.dataType === 'Boolean')
+        return value.toLowerCase() === 'true';
+    if (field.dataType === 'Integer' || field.dataType === 'Port') {
+        const numberValue = Number(value);
+        return Number.isFinite(numberValue) ? numberValue : null;
+    }
+    return value;
+}
+function providerFieldValidators(field, translate) {
+    const validators = [];
+    if (field.required)
+        validators.push(ValidatorConfig.required());
+    if (field.maximumLength) {
+        validators.push(ValidatorConfig.maxLength(field.maximumLength));
+    }
+    if (field.dataType === 'Email')
+        validators.push(ValidatorConfig.email());
+    if (field.dataType === 'Text') {
+        validators.push(ValidatorConfig.pattern('^[^\\r\\n\\u0000]*$'));
+    }
+    if (field.dataType === 'Identifier') {
+        validators.push(ValidatorConfig.pattern('^[A-Za-z0-9._-]+$'));
+    }
+    if (field.dataType === 'Host') {
+        validators.push(ValidatorConfig.custom((value) => validHost(value), translate('validation.host')));
+    }
+    if (field.dataType === 'Url') {
+        validators.push(ValidatorConfig.custom((value) => validHttpsUrl(value), translate('validation.https-url')));
+    }
+    if (field.dataType === 'HeaderName') {
+        validators.push(ValidatorConfig.pattern('^X-[A-Za-z0-9-]+$'));
+    }
+    return validators;
+}
+function validHost(value) {
+    const host = String(value ?? '')
+        .trim()
+        .toLowerCase();
+    return (!!host &&
+        host !== 'localhost' &&
+        !/^\d{1,3}(?:\.\d{1,3}){3}$/.test(host) &&
+        /^(?=.{1,253}$)(?:[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?\.)+[a-z0-9][a-z0-9-]{0,62}$/.test(host));
+}
+function validHttpsUrl(value) {
+    try {
+        const url = new URL(String(value ?? ''));
+        return (url.protocol === 'https:' &&
+            !url.username &&
+            !url.password &&
+            !url.hash &&
+            url.hostname.toLowerCase() !== 'localhost');
+    }
+    catch {
+        return false;
+    }
+}
+
+class EmailConnectionDetailsPage {
+    connectionId = input.required(...(ngDevMode ? [{ debugName: "connectionId" }] : /* istanbul ignore next */ []));
+    document = inject(DOCUMENT);
+    ref = inject(ModalRef);
+    confirmation = inject(ConfirmationService);
+    transloco = inject(TranslocoService);
+    modal = inject(ModalService);
+    facade = inject(EmailDeliveryFacade);
+    activeLanguage = toSignal(this.transloco.langChanges$, {
+        initialValue: this.transloco.getActiveLang(),
+    });
+    actions = computed(() => {
+        const details = this.facade.selectedConnection();
+        if (!details || details.connection.id !== this.connectionId())
+            return [];
+        return getApplicableProviderActions(this.facade.providerByKey(details.connection.providerKey), details.connection.authenticationMode, details.connection.publicConfiguration['AuthorizationModel']);
+    }, ...(ngDevMode ? [{ debugName: "actions" }] : /* istanbul ignore next */ []));
+    provider = computed(() => {
+        const details = this.facade.selectedConnection();
+        return details
+            ? this.facade.providerByKey(details.connection.providerKey)
+            : null;
+    }, ...(ngDevMode ? [{ debugName: "provider" }] : /* istanbul ignore next */ []));
+    authenticationModeLabel = computed(() => {
+        const details = this.facade.selectedConnection();
+        if (!details)
+            return '';
+        return (this.provider()?.authenticationModes.find((mode) => mode.key === details.connection.authenticationMode)?.displayName ?? details.connection.authenticationMode);
+    }, ...(ngDevMode ? [{ debugName: "authenticationModeLabel" }] : /* istanbul ignore next */ []));
+    publicConfiguration = computed(() => {
+        this.activeLanguage();
+        const details = this.facade.selectedConnection();
+        if (!details)
+            return [];
+        const fields = this.provider()?.fields ?? [];
+        const fieldOrder = new Map(fields.map((field, index) => [field.key.toLowerCase(), index]));
+        return Object.entries(details.connection.publicConfiguration)
+            .filter(([, value]) => value !== '')
+            .sort(([left], [right]) => (fieldOrder.get(left.toLowerCase()) ?? Number.MAX_SAFE_INTEGER) -
+            (fieldOrder.get(right.toLowerCase()) ?? Number.MAX_SAFE_INTEGER))
+            .map(([key, value]) => {
+            const field = fields.find((candidate) => candidate.key.toLowerCase() === key.toLowerCase());
+            return {
+                key,
+                label: field?.displayName ?? humanizeIdentifier(key),
+                value: this.configurationValueLabel(value, field),
+            };
+        });
+    }, ...(ngDevMode ? [{ debugName: "publicConfiguration" }] : /* istanbul ignore next */ []));
+    credentialItems = computed(() => {
+        this.activeLanguage();
+        const details = this.facade.selectedConnection();
+        if (!details)
+            return [];
+        const fields = this.provider()?.fields ?? [];
+        return details.credentials.map((credential) => ({
+            key: credential.key,
+            label: fields.find((field) => field.key.toLowerCase() === credential.key.toLowerCase())?.displayName ?? humanizeIdentifier(credential.key),
+            configured: credential.configured,
+            storageLabel: this.credentialStorageLabel(credential.storageKind),
+            lastRotatedAtUtc: credential.lastRotatedAtUtc,
+        }));
+    }, ...(ngDevMode ? [{ debugName: "credentialItems" }] : /* istanbul ignore next */ []));
+    actionMenuItems = computed(() => {
+        this.activeLanguage();
+        const details = this.facade.selectedConnection();
+        if (!details || !this.facade.managementAvailable())
+            return [];
+        const items = this.interactiveActions().map((action) => ({
+            id: action.key,
+            label: action.displayName,
+            icon: 'security.lock-unlocked-01',
+            command: () => this.authorize(action),
+        }));
+        if (this.hasAction('validate')) {
+            items.push({
+                id: 'validate',
+                label: this.t('validate'),
+                icon: 'general.check-circle',
+                command: () => this.validate(),
+            });
+        }
+        if (this.hasAction('test-send')) {
+            items.push({
+                id: 'test-send',
+                label: this.t('test-send'),
+                icon: 'communication.send-01',
+                command: () => this.test(),
+            });
+        }
+        if (details.connection.state === 'Ready' &&
+            !details.bindings.includes('notifications')) {
+            items.push({
+                id: 'bind',
+                label: this.t('use-for-notifications'),
+                icon: 'general.link-01',
+                command: () => this.bind(),
+            });
+        }
+        if (details.bindings.includes('notifications')) {
+            items.push({
+                id: 'unbind',
+                label: this.t('stop-using'),
+                icon: 'general.link-broken-01',
+                severity: 'warn',
+                command: () => this.unbind(),
+            });
+        }
+        if (details.authorizationState) {
+            items.push({
+                id: 'revoke',
+                label: this.t('revoke'),
+                icon: 'security.lock-01',
+                severity: 'warn',
+                command: () => this.revoke(),
+            });
+        }
+        if (details.bindings.length === 0) {
+            items.push({ id: 'destructive-separator', separator: true }, {
+                id: 'delete',
+                label: this.t('delete'),
+                icon: 'general.trash-01',
+                severity: 'danger',
+                command: () => this.delete(),
+            });
+        }
+        return items;
+    }, ...(ngDevMode ? [{ debugName: "actionMenuItems" }] : /* istanbul ignore next */ []));
+    ngOnInit() {
+        this.reload();
+    }
+    edit() {
+        const drawer = this.modal.openModal(EmailConnectionEditor, 'drawer', {
+            header: this.t('editor.edit-title'),
+            styleClass: '!absolute !shadow-none !w-full !max-w-full',
+            position: 'end',
+            appendTo: 'page-content',
+            dismissableMask: true,
+            dismissible: true,
+            inputValues: { editorConnectionId: this.connectionId() },
+        });
+        drawer.onClose.pipe(take(1)).subscribe((saved) => {
+            if (saved)
+                this.reload();
+        });
+    }
+    validate() {
+        this.facade.validateConnection(this.connectionId()).subscribe({
+            error: (error) => this.facade.showError(error),
+        });
+    }
+    test() {
+        const details = this.facade.selectedConnection();
+        if (!details)
+            return;
+        const dialog = this.modal.openModal(EmailControlledTestDialog, 'dialog', {
+            header: this.t('test.title'),
+            styleClass: '!w-[42rem] max-w-[96vw]',
+            dismissible: true,
+            inputValues: {
+                connectionId: details.connection.id,
+                connectionName: details.connection.name,
+            },
+        });
+        dialog.onClose.pipe(take(1)).subscribe(() => this.reload());
+    }
+    authorize(action) {
+        const kind = action.key === 'authorize' ? 'delegated' : 'admin-consent';
+        this.facade.startAuthorization(this.connectionId(), kind).subscribe({
+            next: (result) => this.document.location.assign(result.authorizationUrl),
+            error: (error) => this.facade.showError(error),
+        });
+    }
+    revoke() {
+        const details = this.facade.selectedConnection();
+        if (!details)
+            return;
+        this.confirmation.confirm({
+            type: 'dialog',
+            header: this.t('revoke'),
+            message: this.t('confirm.revoke'),
+            accept: () => this.facade.revokeAuthorization(this.connectionId()).subscribe({
+                error: (error) => this.facade.showError(error),
+            }),
+        });
+    }
+    bind() {
+        this.facade.bindConnection(this.connectionId()).subscribe({
+            error: (error) => this.facade.showError(error),
+        });
+    }
+    unbind() {
+        this.confirmation.confirm({
+            type: 'dialog',
+            header: this.t('stop-using'),
+            message: this.t('confirm.unbind'),
+            accept: () => this.facade.unbindConnection(this.connectionId()).subscribe({
+                error: (error) => this.facade.showError(error),
+            }),
+        });
+    }
+    delete() {
+        const details = this.facade.selectedConnection();
+        if (!details)
+            return;
+        this.confirmation.confirmDelete({
+            type: 'dialog',
+            message: this.t('confirm.delete'),
+            accept: () => this.facade
+                .deleteConnection(this.connectionId(), details.connection.concurrencyToken)
+                .subscribe({
+                next: () => this.ref.close(true),
+                error: (error) => this.facade.showError(error),
+            }),
+        });
+    }
+    hasAction(key) {
+        return this.actions().some((action) => action.key === key);
+    }
+    interactiveActions() {
+        return this.actions().filter((action) => action.isInteractive);
+    }
+    close() {
+        this.ref.close();
+    }
+    reload() {
+        this.facade.loadConnection(this.connectionId()).subscribe({
+            error: (error) => this.facade.showError(error),
+        });
+    }
+    t(key) {
+        return this.transloco.translate(`email-delivery.${key}`);
+    }
+    credentialStorageLabel(storageKind) {
+        switch (storageKind.replace(/[-_\s]/g, '').toLowerCase()) {
+            case 'externalreference':
+                return this.t('credential.external-reference');
+            case 'protectedvalue':
+                return this.t('credential.protected-value');
+            default:
+                return humanizeIdentifier(storageKind);
+        }
+    }
+    configurationValueLabel(value, field) {
+        if (value.toLowerCase() === 'true')
+            return this.t('yes');
+        if (value.toLowerCase() === 'false')
+            return this.t('no');
+        return field?.dataType === 'Choice' ? humanizeIdentifier(value) : value;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailConnectionDetailsPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: EmailConnectionDetailsPage, isStandalone: true, selector: "mt-email-connection-details", inputs: { connectionId: { classPropertyName: "connectionId", publicName: "connectionId", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\r\n  @if (facade.detailsLoading()) {\r\n    <div [class]=\"modal.contentClass + ' p-4 sm:p-5'\">\r\n      <div class=\"py-12 text-center text-sm text-muted-color\" role=\"status\">\r\n        {{ t(\"loading\") }}\r\n      </div>\r\n    </div>\r\n  } @else if (facade.selectedConnection(); as details) {\r\n    <div [class]=\"'min-h-0 overflow-y-auto p-4 sm:p-5 ' + modal.contentClass\">\r\n      <div class=\"grid w-full gap-5\">\r\n        <section\r\n          class=\"flex flex-col gap-3 rounded-xl border border-surface-200 bg-surface-0 p-4 shadow-xs sm:flex-row sm:items-center sm:justify-between\"\r\n        >\r\n          <div class=\"min-w-0\">\r\n            <h2 class=\"m-0 truncate text-lg font-semibold text-color\">\r\n              {{ details.connection.name }}\r\n            </h2>\r\n            <p class=\"mb-0 mt-1 break-all text-sm text-muted-color\">\r\n              {{ details.connection.senderAddress }}\r\n            </p>\r\n          </div>\r\n          <mt-email-delivery-status\r\n            class=\"shrink-0\"\r\n            kind=\"connection\"\r\n            [value]=\"details.connection.state\"\r\n          />\r\n        </section>\r\n\r\n        <mt-card class=\"block\">\r\n          <h3 class=\"mb-4 text-base font-semibold text-color\">\r\n            {{ t(\"connection-overview\") }}\r\n          </h3>\r\n          <dl class=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\r\n            <div class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\">\r\n              <dt class=\"text-xs text-muted-color\">\r\n                {{ t(\"connection.provider\") }}\r\n              </dt>\r\n              <dd class=\"mb-0 mt-1 break-words font-medium text-color\">\r\n                {{ provider()?.displayName || details.connection.providerKey }}\r\n              </dd>\r\n            </div>\r\n            <div class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\">\r\n              <dt class=\"text-xs text-muted-color\">\r\n                {{ t(\"connection.authentication-mode\") }}\r\n              </dt>\r\n              <dd class=\"mb-0 mt-1 break-words font-medium text-color\">\r\n                {{ authenticationModeLabel() }}\r\n              </dd>\r\n            </div>\r\n            <div class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\">\r\n              <dt class=\"text-xs text-muted-color\">\r\n                {{ t(\"used-for-notifications\") }}\r\n              </dt>\r\n              <dd class=\"mb-0 mt-1 font-medium text-color\">\r\n                {{\r\n                  details.bindings.includes(\"notifications\")\r\n                    ? t(\"yes\")\r\n                    : t(\"no\")\r\n                }}\r\n              </dd>\r\n            </div>\r\n            <div class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\">\r\n              <dt class=\"text-xs text-muted-color\">\r\n                {{ t(\"connection.last-validation\") }}\r\n              </dt>\r\n              <dd class=\"mb-0 mt-1 font-medium text-color\">\r\n                {{\r\n                  details.connection.lastValidatedAtUtc\r\n                    ? (details.connection.lastValidatedAtUtc | date: \"medium\")\r\n                    : \"\u2014\"\r\n                }}\r\n              </dd>\r\n            </div>\r\n            <div class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\">\r\n              <dt class=\"text-xs text-muted-color\">\r\n                {{ t(\"authorization-state\") }}\r\n              </dt>\r\n              <dd class=\"mb-0 mt-1 break-words font-medium text-color\">\r\n                {{ details.authorizationState || \"\u2014\" }}\r\n              </dd>\r\n            </div>\r\n            @if (details.connection.senderDisplayName) {\r\n              <div\r\n                class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\"\r\n              >\r\n                <dt class=\"text-xs text-muted-color\">\r\n                  {{ t(\"connection.sender-display-name\") }}\r\n                </dt>\r\n                <dd class=\"mb-0 mt-1 break-words font-medium text-color\">\r\n                  {{ details.connection.senderDisplayName }}\r\n                </dd>\r\n              </div>\r\n            }\r\n          </dl>\r\n        </mt-card>\r\n\r\n        @if (publicConfiguration().length > 0) {\r\n          <mt-card class=\"block\">\r\n            <h3 class=\"mb-4 text-base font-semibold text-color\">\r\n              {{ t(\"provider-settings\") }}\r\n            </h3>\r\n            <dl class=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\r\n              @for (entry of publicConfiguration(); track entry.key) {\r\n                <div\r\n                  class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\"\r\n                >\r\n                  <dt class=\"text-xs text-muted-color\">{{ entry.label }}</dt>\r\n                  <dd class=\"mb-0 mt-1 break-words font-medium text-color\">\r\n                    {{ entry.value }}\r\n                  </dd>\r\n                </div>\r\n              }\r\n            </dl>\r\n          </mt-card>\r\n        }\r\n\r\n        <mt-card class=\"block\">\r\n          <h3 class=\"mb-4 text-base font-semibold text-color\">\r\n            {{ t(\"credential-status\") }}\r\n          </h3>\r\n          <div class=\"grid gap-3\">\r\n            @for (credential of credentialItems(); track credential.key) {\r\n              <div\r\n                class=\"grid gap-3 rounded-lg border border-surface-200 bg-surface-50 p-4 sm:grid-cols-3 sm:items-center\"\r\n              >\r\n                <div class=\"min-w-0\">\r\n                  <p class=\"m-0 break-words font-medium text-color\">\r\n                    {{ credential.label }}\r\n                  </p>\r\n                  <p class=\"mb-0 mt-1 text-xs text-muted-color\">\r\n                    {{ credential.key }}\r\n                  </p>\r\n                </div>\r\n                <div class=\"min-w-0\">\r\n                  <p class=\"m-0 text-sm font-medium text-color\">\r\n                    {{ credential.storageLabel }}\r\n                  </p>\r\n                  <p class=\"mb-0 mt-1 text-xs text-muted-color\">\r\n                    @if (credential.lastRotatedAtUtc) {\r\n                      {{ t(\"last-rotated\") }} \u00B7\r\n                      {{ credential.lastRotatedAtUtc | date: \"medium\" }}\r\n                    } @else {\r\n                      {{ t(\"last-rotated\") }} \u00B7 \u2014\r\n                    }\r\n                  </p>\r\n                </div>\r\n                <mt-email-delivery-status\r\n                  class=\"shrink-0 sm:justify-self-end\"\r\n                  kind=\"support\"\r\n                  [value]=\"\r\n                    credential.configured ? 'configured' : 'not-configured'\r\n                  \"\r\n                />\r\n              </div>\r\n            } @empty {\r\n              <p class=\"text-sm text-muted-color\">{{ t(\"no-credentials\") }}</p>\r\n            }\r\n          </div>\r\n        </mt-card>\r\n      </div>\r\n    </div>\r\n\r\n    <div [class]=\"modal.footerClass\">\r\n      <mt-button\r\n        [label]=\"t('close')\"\r\n        variant=\"outlined\"\r\n        styleClass=\"w-full sm:w-auto\"\r\n        (onClick)=\"close()\"\r\n      />\r\n      @if (actionMenuItems().length > 0) {\r\n        <mt-button\r\n          [label]=\"t('actions')\"\r\n          icon=\"general.dots-vertical\"\r\n          severity=\"secondary\"\r\n          variant=\"outlined\"\r\n          styleClass=\"w-full sm:w-auto\"\r\n          (onClick)=\"actionMenu.toggle($event)\"\r\n        />\r\n        <mt-menu\r\n          #actionMenu\r\n          [model]=\"actionMenuItems()\"\r\n          appendTo=\"body\"\r\n          [ariaLabel]=\"t('actions')\"\r\n        />\r\n      }\r\n      <mt-button\r\n        [label]=\"t('edit')\"\r\n        icon=\"general.edit-01\"\r\n        [disabled]=\"!facade.managementAvailable()\"\r\n        styleClass=\"w-full sm:w-auto\"\r\n        (onClick)=\"edit()\"\r\n      />\r\n    </div>\r\n  } @else {\r\n    <div [class]=\"modal.contentClass + ' p-4 sm:p-5'\">\r\n      <mt-empty-state illustration=\"none\" [title]=\"t('connection-not-found')\" />\r\n    </div>\r\n    <div [class]=\"modal.footerClass\">\r\n      <mt-button [label]=\"t('close')\" variant=\"outlined\" (onClick)=\"close()\" />\r\n    </div>\r\n  }\r\n</ng-container>\r\n", dependencies: [{ kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: Card, selector: "mt-card", inputs: ["class", "title", "paddingless"] }, { kind: "component", type: EmptyState, selector: "mt-empty-state", inputs: ["variant", "illustration", "title", "description", "actionLabel", "actionIcon"], outputs: ["actionClick"] }, { kind: "component", type: Menu, selector: "mt-menu", inputs: ["model", "popup", "appendTo", "style", "styleClass", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex", "activeItemId"], outputs: ["activeItemIdChange", "onShow", "onHide", "onBlur", "onFocus", "onItemSelect"] }, { kind: "component", type: EmailDeliveryStatus, selector: "mt-email-delivery-status", inputs: ["value", "kind"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailConnectionDetailsPage, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-email-connection-details', imports: [
+                        DatePipe,
+                        TranslocoDirective,
+                        Button,
+                        Card,
+                        EmptyState,
+                        Menu,
+                        EmailDeliveryStatus,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\r\n  @if (facade.detailsLoading()) {\r\n    <div [class]=\"modal.contentClass + ' p-4 sm:p-5'\">\r\n      <div class=\"py-12 text-center text-sm text-muted-color\" role=\"status\">\r\n        {{ t(\"loading\") }}\r\n      </div>\r\n    </div>\r\n  } @else if (facade.selectedConnection(); as details) {\r\n    <div [class]=\"'min-h-0 overflow-y-auto p-4 sm:p-5 ' + modal.contentClass\">\r\n      <div class=\"grid w-full gap-5\">\r\n        <section\r\n          class=\"flex flex-col gap-3 rounded-xl border border-surface-200 bg-surface-0 p-4 shadow-xs sm:flex-row sm:items-center sm:justify-between\"\r\n        >\r\n          <div class=\"min-w-0\">\r\n            <h2 class=\"m-0 truncate text-lg font-semibold text-color\">\r\n              {{ details.connection.name }}\r\n            </h2>\r\n            <p class=\"mb-0 mt-1 break-all text-sm text-muted-color\">\r\n              {{ details.connection.senderAddress }}\r\n            </p>\r\n          </div>\r\n          <mt-email-delivery-status\r\n            class=\"shrink-0\"\r\n            kind=\"connection\"\r\n            [value]=\"details.connection.state\"\r\n          />\r\n        </section>\r\n\r\n        <mt-card class=\"block\">\r\n          <h3 class=\"mb-4 text-base font-semibold text-color\">\r\n            {{ t(\"connection-overview\") }}\r\n          </h3>\r\n          <dl class=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\r\n            <div class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\">\r\n              <dt class=\"text-xs text-muted-color\">\r\n                {{ t(\"connection.provider\") }}\r\n              </dt>\r\n              <dd class=\"mb-0 mt-1 break-words font-medium text-color\">\r\n                {{ provider()?.displayName || details.connection.providerKey }}\r\n              </dd>\r\n            </div>\r\n            <div class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\">\r\n              <dt class=\"text-xs text-muted-color\">\r\n                {{ t(\"connection.authentication-mode\") }}\r\n              </dt>\r\n              <dd class=\"mb-0 mt-1 break-words font-medium text-color\">\r\n                {{ authenticationModeLabel() }}\r\n              </dd>\r\n            </div>\r\n            <div class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\">\r\n              <dt class=\"text-xs text-muted-color\">\r\n                {{ t(\"used-for-notifications\") }}\r\n              </dt>\r\n              <dd class=\"mb-0 mt-1 font-medium text-color\">\r\n                {{\r\n                  details.bindings.includes(\"notifications\")\r\n                    ? t(\"yes\")\r\n                    : t(\"no\")\r\n                }}\r\n              </dd>\r\n            </div>\r\n            <div class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\">\r\n              <dt class=\"text-xs text-muted-color\">\r\n                {{ t(\"connection.last-validation\") }}\r\n              </dt>\r\n              <dd class=\"mb-0 mt-1 font-medium text-color\">\r\n                {{\r\n                  details.connection.lastValidatedAtUtc\r\n                    ? (details.connection.lastValidatedAtUtc | date: \"medium\")\r\n                    : \"\u2014\"\r\n                }}\r\n              </dd>\r\n            </div>\r\n            <div class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\">\r\n              <dt class=\"text-xs text-muted-color\">\r\n                {{ t(\"authorization-state\") }}\r\n              </dt>\r\n              <dd class=\"mb-0 mt-1 break-words font-medium text-color\">\r\n                {{ details.authorizationState || \"\u2014\" }}\r\n              </dd>\r\n            </div>\r\n            @if (details.connection.senderDisplayName) {\r\n              <div\r\n                class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\"\r\n              >\r\n                <dt class=\"text-xs text-muted-color\">\r\n                  {{ t(\"connection.sender-display-name\") }}\r\n                </dt>\r\n                <dd class=\"mb-0 mt-1 break-words font-medium text-color\">\r\n                  {{ details.connection.senderDisplayName }}\r\n                </dd>\r\n              </div>\r\n            }\r\n          </dl>\r\n        </mt-card>\r\n\r\n        @if (publicConfiguration().length > 0) {\r\n          <mt-card class=\"block\">\r\n            <h3 class=\"mb-4 text-base font-semibold text-color\">\r\n              {{ t(\"provider-settings\") }}\r\n            </h3>\r\n            <dl class=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\r\n              @for (entry of publicConfiguration(); track entry.key) {\r\n                <div\r\n                  class=\"rounded-lg border border-surface-200 bg-surface-50 p-4\"\r\n                >\r\n                  <dt class=\"text-xs text-muted-color\">{{ entry.label }}</dt>\r\n                  <dd class=\"mb-0 mt-1 break-words font-medium text-color\">\r\n                    {{ entry.value }}\r\n                  </dd>\r\n                </div>\r\n              }\r\n            </dl>\r\n          </mt-card>\r\n        }\r\n\r\n        <mt-card class=\"block\">\r\n          <h3 class=\"mb-4 text-base font-semibold text-color\">\r\n            {{ t(\"credential-status\") }}\r\n          </h3>\r\n          <div class=\"grid gap-3\">\r\n            @for (credential of credentialItems(); track credential.key) {\r\n              <div\r\n                class=\"grid gap-3 rounded-lg border border-surface-200 bg-surface-50 p-4 sm:grid-cols-3 sm:items-center\"\r\n              >\r\n                <div class=\"min-w-0\">\r\n                  <p class=\"m-0 break-words font-medium text-color\">\r\n                    {{ credential.label }}\r\n                  </p>\r\n                  <p class=\"mb-0 mt-1 text-xs text-muted-color\">\r\n                    {{ credential.key }}\r\n                  </p>\r\n                </div>\r\n                <div class=\"min-w-0\">\r\n                  <p class=\"m-0 text-sm font-medium text-color\">\r\n                    {{ credential.storageLabel }}\r\n                  </p>\r\n                  <p class=\"mb-0 mt-1 text-xs text-muted-color\">\r\n                    @if (credential.lastRotatedAtUtc) {\r\n                      {{ t(\"last-rotated\") }} \u00B7\r\n                      {{ credential.lastRotatedAtUtc | date: \"medium\" }}\r\n                    } @else {\r\n                      {{ t(\"last-rotated\") }} \u00B7 \u2014\r\n                    }\r\n                  </p>\r\n                </div>\r\n                <mt-email-delivery-status\r\n                  class=\"shrink-0 sm:justify-self-end\"\r\n                  kind=\"support\"\r\n                  [value]=\"\r\n                    credential.configured ? 'configured' : 'not-configured'\r\n                  \"\r\n                />\r\n              </div>\r\n            } @empty {\r\n              <p class=\"text-sm text-muted-color\">{{ t(\"no-credentials\") }}</p>\r\n            }\r\n          </div>\r\n        </mt-card>\r\n      </div>\r\n    </div>\r\n\r\n    <div [class]=\"modal.footerClass\">\r\n      <mt-button\r\n        [label]=\"t('close')\"\r\n        variant=\"outlined\"\r\n        styleClass=\"w-full sm:w-auto\"\r\n        (onClick)=\"close()\"\r\n      />\r\n      @if (actionMenuItems().length > 0) {\r\n        <mt-button\r\n          [label]=\"t('actions')\"\r\n          icon=\"general.dots-vertical\"\r\n          severity=\"secondary\"\r\n          variant=\"outlined\"\r\n          styleClass=\"w-full sm:w-auto\"\r\n          (onClick)=\"actionMenu.toggle($event)\"\r\n        />\r\n        <mt-menu\r\n          #actionMenu\r\n          [model]=\"actionMenuItems()\"\r\n          appendTo=\"body\"\r\n          [ariaLabel]=\"t('actions')\"\r\n        />\r\n      }\r\n      <mt-button\r\n        [label]=\"t('edit')\"\r\n        icon=\"general.edit-01\"\r\n        [disabled]=\"!facade.managementAvailable()\"\r\n        styleClass=\"w-full sm:w-auto\"\r\n        (onClick)=\"edit()\"\r\n      />\r\n    </div>\r\n  } @else {\r\n    <div [class]=\"modal.contentClass + ' p-4 sm:p-5'\">\r\n      <mt-empty-state illustration=\"none\" [title]=\"t('connection-not-found')\" />\r\n    </div>\r\n    <div [class]=\"modal.footerClass\">\r\n      <mt-button [label]=\"t('close')\" variant=\"outlined\" (onClick)=\"close()\" />\r\n    </div>\r\n  }\r\n</ng-container>\r\n" }]
+        }], propDecorators: { connectionId: [{ type: i0.Input, args: [{ isSignal: true, alias: "connectionId", required: true }] }] } });
+function humanizeIdentifier(value) {
+    return value
+        .replace(/[._-]+/g, ' ')
+        .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
+        .replace(/\s+/g, ' ')
+        .trim()
+        .replace(/^./, (character) => character.toUpperCase())
+        .replace(/\bSmtp\b/g, 'SMTP')
+        .replace(/\bTls\b/g, 'TLS')
+        .replace(/\bOauth2?\b/gi, 'OAuth2')
+        .replace(/\bHttp\b/g, 'HTTP')
+        .replace(/\bApi\b/g, 'API');
+}
+
+class EmailDeliveryConnections {
+    transloco = inject(TranslocoService);
+    modal = inject(ModalService);
+    confirmationService = inject(ConfirmationService);
+    facade = inject(EmailDeliveryFacade);
+    activeLanguage = toSignal(this.transloco.langChanges$, {
+        initialValue: this.transloco.getActiveLang(),
+    });
+    canConfigure = this.facade.hasPermission(EMAIL_DELIVERY_PERMISSIONS.controlPanel);
+    rows = computed(() => this.facade.connections().map((connection) => ({
+        ...connection,
+        providerLabel: this.facade.providerByKey(connection.providerKey)?.displayName ??
+            connection.providerKey,
+        usedForNotifications: connection.bindings.includes('notifications'),
+    })), ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+    columns = computed(() => {
+        this.activeLanguage();
+        return [
+            {
+                key: 'name',
+                label: this.t('connection.name'),
+                sortable: true,
+                filterConfig: { type: 'text' },
+            },
+            {
+                key: 'providerLabel',
+                label: this.t('connection.provider'),
+                filterConfig: {
+                    type: 'select',
+                    options: this.facade.providers().map((provider) => ({
+                        label: provider.displayName,
+                        value: provider.displayName,
+                    })),
+                },
+            },
+            {
+                key: 'senderAddress',
+                label: this.t('connection.sender'),
+                filterConfig: { type: 'text' },
+            },
+            {
+                key: 'state',
+                label: this.t('connection.state'),
+                type: 'status',
+                filterConfig: {
+                    type: 'select',
+                    options: connectionStates.map((state) => ({
+                        label: this.t(`status.connection.${toKebabCase(state)}`),
+                        value: state,
+                    })),
+                },
+                statusMap: getEmailDeliveryStatusMap('connection', this.transloco.translate.bind(this.transloco)),
+            },
+            {
+                key: 'usedForNotifications',
+                label: this.t('used-for-notifications'),
+                type: 'boolean',
+                readonly: true,
+                filterConfig: { type: 'boolean' },
+            },
+            {
+                key: 'lastValidatedAtUtc',
+                label: this.t('connection.last-validation'),
+                type: 'dateTime',
+            },
+        ];
+    }, ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+    rowActions = computed(() => {
+        this.activeLanguage();
+        return [
+            {
+                icon: 'general.eye',
+                label: this.t('details'),
+                action: (row) => this.openDetails(row),
+            },
+            {
+                icon: 'general.edit-01',
+                label: this.t('edit'),
+                hidden: () => !this.canMutate(),
+                action: (row) => this.openEdit(row),
+            },
+            {
+                icon: 'general.check-circle',
+                label: this.t('validate'),
+                hidden: (row) => !this.canMutate() ||
+                    !this.hasAction(row, 'validate'),
+                loading: () => this.facade.mutationLoading() === 'validate',
+                action: (row) => this.validate(row),
+            },
+            {
+                icon: 'communication.send-01',
+                label: this.t('test-send'),
+                hidden: (row) => !this.canMutate() ||
+                    !this.hasAction(row, 'test-send'),
+                action: (row) => this.openTest(row),
+            },
+            {
+                icon: 'general.link-01',
+                label: this.t('bind'),
+                hidden: (row) => {
+                    const connection = row;
+                    return (!this.canMutate() ||
+                        connection.state !== 'Ready' ||
+                        connection.bindings.includes('notifications'));
+                },
+                action: (row) => this.bind(row),
+            },
+            {
+                icon: 'general.link-broken-01',
+                label: this.t('unbind'),
+                color: 'warn',
+                hidden: (row) => !this.canMutate() ||
+                    !row.bindings.includes('notifications'),
+                action: (row) => this.confirmUnbind(row),
+            },
+            {
+                icon: 'general.trash-01',
+                label: this.t('delete'),
+                color: 'danger',
+                hidden: (row) => !this.canMutate() ||
+                    row.bindings.length > 0,
+                action: (row) => this.confirmDelete(row),
+            },
+        ];
+    }, ...(ngDevMode ? [{ debugName: "rowActions" }] : /* istanbul ignore next */ []));
+    createConnection() {
+        this.openEditor(null);
+    }
+    openDetails(connection) {
+        const drawer = this.modal.openModal(EmailConnectionDetailsPage, 'drawer', {
+            header: this.t('connection-details'),
+            styleClass: '!absolute !shadow-none !w-full !max-w-full',
+            position: 'end',
+            appendTo: 'page-content',
+            dismissableMask: true,
+            dismissible: true,
+            inputValues: { connectionId: connection.id },
+        });
+        drawer.onClose.subscribe(() => {
+            this.facade.loadConnections().subscribe({
+                error: (error) => this.facade.showError(error),
+            });
+        });
+    }
+    openEdit(connection) {
+        this.openEditor(connection.id);
+    }
+    validate(connection) {
+        this.facade.validateConnection(connection.id).subscribe({
+            error: (error) => this.facade.showError(error),
+        });
+    }
+    openTest(connection) {
+        this.modal.openModal(EmailControlledTestDialog, 'dialog', {
+            header: this.t('test.title'),
+            styleClass: '!w-[42rem] max-w-[96vw]',
+            dismissible: true,
+            inputValues: {
+                connectionId: connection.id,
+                connectionName: connection.name,
+            },
+        });
+    }
+    bind(connection) {
+        this.facade.bindConnection(connection.id).subscribe({
+            error: (error) => this.facade.showError(error),
+        });
+    }
+    confirmUnbind(connection) {
+        this.confirmationService.confirm({
+            type: 'dialog',
+            header: this.t('unbind'),
+            message: this.t('confirm.unbind'),
+            accept: () => this.facade.unbindConnection(connection.id).subscribe({
+                error: (error) => this.facade.showError(error),
+            }),
+        });
+    }
+    confirmDelete(connection) {
+        this.confirmationService.confirmDelete({
+            type: 'dialog',
+            message: this.t('confirm.delete'),
+            accept: () => this.facade
+                .deleteConnection(connection.id, connection.concurrencyToken)
+                .subscribe({ error: (error) => this.facade.showError(error) }),
+        });
+    }
+    canMutate() {
+        return this.canConfigure && this.facade.managementAvailable();
+    }
+    openEditor(connectionId) {
+        const drawer = this.modal.openModal(EmailConnectionEditor, 'drawer', {
+            header: this.t(connectionId ? 'editor.edit-title' : 'editor.create-title'),
+            styleClass: '!absolute !shadow-none !w-full !max-w-full',
+            position: 'end',
+            appendTo: 'page-content',
+            dismissableMask: true,
+            dismissible: true,
+            inputValues: { editorConnectionId: connectionId },
+        });
+        drawer.onClose.subscribe((saved) => {
+            if (!saved)
+                return;
+            this.facade.loadConnections().subscribe({
+                error: (error) => this.facade.showError(error),
+            });
+        });
+    }
+    hasAction(connection, actionKey) {
+        return getApplicableProviderActions(this.facade.providerByKey(connection.providerKey), connection.authenticationMode).some((action) => action.key === actionKey);
+    }
+    t(key) {
+        return this.transloco.translate(`email-delivery.${key}`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryConnections, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: EmailDeliveryConnections, isStandalone: true, selector: "mt-email-delivery-connections", ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\r\n  <section class=\"space-y-4\" aria-labelledby=\"connections-heading\">\r\n    <div\r\n      class=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\"\r\n    >\r\n      <div>\r\n        <h2 id=\"connections-heading\" class=\"text-lg font-semibold text-color\">\r\n          {{ t(\"connections-title\") }}\r\n        </h2>\r\n        <p class=\"mt-1 text-sm text-muted-color\">\r\n          {{ t(\"connections-description\") }}\r\n        </p>\r\n      </div>\r\n      @if (\r\n        canConfigure &&\r\n        facade.managementAvailable() &&\r\n        facade.providers().length > 0\r\n      ) {\r\n        <mt-button\r\n          [label]=\"t('create-connection')\"\r\n          icon=\"general.plus\"\r\n          (onClick)=\"createConnection()\"\r\n        />\r\n      }\r\n    </div>\r\n\r\n    @if (\r\n      !facade.statusLoading() &&\r\n      !facade.catalogLoading() &&\r\n      facade.providers().length === 0\r\n    ) {\r\n      <mt-empty-state\r\n        illustration=\"none\"\r\n        [title]=\"t('no-providers-title')\"\r\n        [description]=\"t('no-providers-description')\"\r\n      />\r\n    } @else if (\r\n      !facade.statusLoading() &&\r\n      !facade.connectionsLoading() &&\r\n      facade.connections().length === 0\r\n    ) {\r\n      <mt-empty-state\r\n        [title]=\"t('no-connections-title')\"\r\n        [description]=\"t('no-connections-description')\"\r\n        [actionLabel]=\"\r\n          canConfigure && facade.managementAvailable()\r\n            ? t('create-connection')\r\n            : undefined\r\n        \"\r\n        actionIcon=\"general.plus\"\r\n        (actionClick)=\"createConnection()\"\r\n      />\r\n    } @else {\r\n      <mt-table\r\n        [data]=\"rows()\"\r\n        [columns]=\"columns()\"\r\n        [rowActions]=\"rowActions()\"\r\n        [loading]=\"\r\n          facade.statusLoading() ||\r\n          facade.connectionsLoading() ||\r\n          facade.catalogLoading()\r\n        \"\r\n        [generalSearch]=\"true\"\r\n        [showFilters]=\"true\"\r\n        filterMode=\"column\"\r\n        actionShape=\"popover\"\r\n        [clickableRows]=\"true\"\r\n        dataKey=\"id\"\r\n        storageKey=\"email-delivery-connections\"\r\n        (rowClick)=\"openDetails($event)\"\r\n      />\r\n    }\r\n  </section>\r\n</ng-container>\r\n", dependencies: [{ kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: EmptyState, selector: "mt-empty-state", inputs: ["variant", "illustration", "title", "description", "actionLabel", "actionIcon"], outputs: ["actionClick"] }, { kind: "component", type: Table, selector: "mt-table", inputs: ["filters", "data", "columns", "rowActions", "size", "showGridlines", "stripedRows", "selectableRows", "clickableRows", "generalSearch", "lazyLocalSearch", "showFilters", "filterMode", "loading", "updating", "lazy", "lazyLocalSort", "lazyTotalRecords", "reorderableColumns", "reorderableRows", "dataKey", "storageKey", "storageMode", "persistStateExclude", "exportable", "printable", "groupable", "groupCountMap", "cellClickFilter", "freezeActions", "virtualScroll", "virtualScrollItemSize", "scrollHeight", "printTitle", "exportFilename", "actionShape", "rowActionsLoadingFn", "tableLayout", "noCard", "tabs", "tabsOptionLabel", "tabsOptionValue", "activeTab", "actions", "captionStartTemplate", "captionEndTemplate", "emptyTitle", "emptyDescription", "emptyActionLabel", "emptyActionIcon", "paginatorPosition", "alwaysShowPaginator", "rowsPerPageOptions", "pageSize", "currentPage", "first", "filterTerm", "groupBy", "sortField", "sortDirection"], outputs: ["selectionChange", "cellChange", "lazyLoad", "columnReorder", "rowReorder", "rowClick", "emptyAction", "rowActionsRequested", "filtersChange", "activeTabChange", "onTabChange", "pageSizeChange", "currentPageChange", "firstChange", "filterTermChange", "groupByChange", "sortFieldChange", "sortDirectionChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryConnections, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-email-delivery-connections', imports: [TranslocoDirective, Button, EmptyState, Table], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\r\n  <section class=\"space-y-4\" aria-labelledby=\"connections-heading\">\r\n    <div\r\n      class=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\"\r\n    >\r\n      <div>\r\n        <h2 id=\"connections-heading\" class=\"text-lg font-semibold text-color\">\r\n          {{ t(\"connections-title\") }}\r\n        </h2>\r\n        <p class=\"mt-1 text-sm text-muted-color\">\r\n          {{ t(\"connections-description\") }}\r\n        </p>\r\n      </div>\r\n      @if (\r\n        canConfigure &&\r\n        facade.managementAvailable() &&\r\n        facade.providers().length > 0\r\n      ) {\r\n        <mt-button\r\n          [label]=\"t('create-connection')\"\r\n          icon=\"general.plus\"\r\n          (onClick)=\"createConnection()\"\r\n        />\r\n      }\r\n    </div>\r\n\r\n    @if (\r\n      !facade.statusLoading() &&\r\n      !facade.catalogLoading() &&\r\n      facade.providers().length === 0\r\n    ) {\r\n      <mt-empty-state\r\n        illustration=\"none\"\r\n        [title]=\"t('no-providers-title')\"\r\n        [description]=\"t('no-providers-description')\"\r\n      />\r\n    } @else if (\r\n      !facade.statusLoading() &&\r\n      !facade.connectionsLoading() &&\r\n      facade.connections().length === 0\r\n    ) {\r\n      <mt-empty-state\r\n        [title]=\"t('no-connections-title')\"\r\n        [description]=\"t('no-connections-description')\"\r\n        [actionLabel]=\"\r\n          canConfigure && facade.managementAvailable()\r\n            ? t('create-connection')\r\n            : undefined\r\n        \"\r\n        actionIcon=\"general.plus\"\r\n        (actionClick)=\"createConnection()\"\r\n      />\r\n    } @else {\r\n      <mt-table\r\n        [data]=\"rows()\"\r\n        [columns]=\"columns()\"\r\n        [rowActions]=\"rowActions()\"\r\n        [loading]=\"\r\n          facade.statusLoading() ||\r\n          facade.connectionsLoading() ||\r\n          facade.catalogLoading()\r\n        \"\r\n        [generalSearch]=\"true\"\r\n        [showFilters]=\"true\"\r\n        filterMode=\"column\"\r\n        actionShape=\"popover\"\r\n        [clickableRows]=\"true\"\r\n        dataKey=\"id\"\r\n        storageKey=\"email-delivery-connections\"\r\n        (rowClick)=\"openDetails($event)\"\r\n      />\r\n    }\r\n  </section>\r\n</ng-container>\r\n" }]
+        }] });
+const connectionStates = [
+    'Draft',
+    'PendingAuthorization',
+    'PendingValidation',
+    'Ready',
+    'ReauthorizationRequired',
+    'ConditionalAccessRequired',
+    'Disabled',
+    'Invalid',
+];
+function toKebabCase(value) {
+    return value.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
+}
+
+class EmailDeliveryShell {
+    route = inject(ActivatedRoute);
+    router = inject(Router);
+    transloco = inject(TranslocoService);
+    toast = inject(ToastService);
+    facade = inject(EmailDeliveryFacade);
+    activeLanguage = toSignal(this.transloco.langChanges$, {
+        initialValue: this.transloco.getActiveLang(),
+    });
+    activeTab = signal('connections', ...(ngDevMode ? [{ debugName: "activeTab" }] : /* istanbul ignore next */ []));
+    canView = this.facade.hasPermission(EMAIL_DELIVERY_PERMISSIONS.controlPanel);
+    tabs = computed(() => {
+        this.activeLanguage();
+        return [
+            { label: this.t('tabs.connections'), value: 'connections' },
+            { label: this.t('tabs.activity'), value: 'activity' },
+        ];
+    }, ...(ngDevMode ? [{ debugName: "tabs" }] : /* istanbul ignore next */ []));
+    constructor() {
+        this.route.queryParamMap.pipe(takeUntilDestroyed()).subscribe((params) => {
+            this.activeTab.set(params.get('tab') === 'activity' ? 'activity' : 'connections');
+        });
+    }
+    ngOnInit() {
+        if (!this.canView)
+            return;
+        this.facade.initialize();
+        this.syncTabFromUrl();
+        this.handleAuthorizationCallback();
+    }
+    onTabChange(value) {
+        if (value !== 'connections' && value !== 'activity')
+            return;
+        void this.router.navigate([], {
+            relativeTo: this.route,
+            queryParams: { tab: value === 'connections' ? null : value },
+            queryParamsHandling: 'merge',
+        });
+    }
+    goBack() {
+        void this.router.navigate(['/control-panel/product-settings']);
+    }
+    syncTabFromUrl() {
+        this.activeTab.set(this.route.snapshot.queryParamMap.get('tab') === 'activity'
+            ? 'activity'
+            : 'connections');
+    }
+    handleAuthorizationCallback() {
+        const query = this.route.snapshot.queryParamMap;
+        const authorization = query.get('authorization');
+        const code = query.get('code');
+        if (!authorization && !code)
+            return;
+        const message = this.facade.describeCode(code);
+        if (authorization === 'completed') {
+            this.toast.success(message);
+        }
+        else {
+            this.toast.error(message);
+        }
+        const pendingConnectionId = this.facade.takePendingAuthorizationConnection();
+        void this.router
+            .navigate([], {
+            relativeTo: this.route,
+            queryParams: { authorization: null, code: null },
+            queryParamsHandling: 'merge',
+            replaceUrl: true,
+        })
+            .then(() => {
+            if (!pendingConnectionId)
+                return;
+            this.facade.loadConnection(pendingConnectionId).subscribe({
+                next: () => this.facade.loadConnections().subscribe(),
+                error: (error) => this.facade.showError(error),
+            });
+        });
+    }
+    t(key) {
+        return this.transloco.translate(`email-delivery.${key}`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryShell, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: EmailDeliveryShell, isStandalone: true, selector: "mt-email-delivery-shell", ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\r\n  <mt-page\r\n    [title]=\"t('title')\"\r\n    avatarIcon=\"communication.mail-01\"\r\n    [avatarStyle]=\"{\r\n      '--p-avatar-background': 'var(--p-blue-100)',\r\n      '--p-avatar-color': 'var(--p-blue-700)',\r\n    }\"\r\n    [tabs]=\"canView ? tabs() : []\"\r\n    [activeTab]=\"activeTab()\"\r\n    contentClass=\"min-h-0 max-[1025px]:p-4 max-[640px]:p-3\"\r\n    backButton\r\n    (backButtonClick)=\"goBack()\"\r\n    (tabChange)=\"onTabChange($event)\"\r\n  >\r\n    @if (canView) {\r\n      <p class=\"mb-4 text-sm text-muted-color\">\r\n        {{ t(\"description\") }}\r\n      </p>\r\n      @if (facade.status(); as status) {\r\n        <div\r\n          class=\"mb-4 rounded-lg border px-4 py-3\"\r\n          [class.border-emerald-200]=\"status.isReady\"\r\n          [class.bg-emerald-50]=\"status.isReady\"\r\n          [class.border-amber-200]=\"!status.isReady && status.managementEnabled\"\r\n          [class.bg-amber-50]=\"!status.isReady && status.managementEnabled\"\r\n          [class.border-surface-300]=\"!status.managementEnabled\"\r\n          [class.bg-surface-100]=\"!status.managementEnabled\"\r\n          role=\"status\"\r\n        >\r\n          <p class=\"font-semibold text-color\">\r\n            {{\r\n              status.isReady\r\n                ? t(\"ready\")\r\n                : status.managementEnabled\r\n                  ? t(\"needs-setup\")\r\n                  : t(\"unavailable\")\r\n            }}\r\n          </p>\r\n          <p class=\"mt-1 text-sm text-muted-color\">\r\n            {{ facade.describeCode(status.code) }}\r\n          </p>\r\n        </div>\r\n      }\r\n\r\n      @if (activeTab() === \"activity\") {\r\n        <mt-email-delivery-activity />\r\n      } @else {\r\n        <mt-email-delivery-connections />\r\n      }\r\n    } @else {\r\n      <mt-empty-state\r\n        illustration=\"none\"\r\n        [title]=\"t('access-denied-title')\"\r\n        [description]=\"t('access-denied-description')\"\r\n      />\r\n    }\r\n  </mt-page>\r\n</ng-container>\r\n", dependencies: [{ kind: "component", type: Page, selector: "mt-page", inputs: ["backButton", "backButtonIcon", "avatarIcon", "avatarStyle", "avatarShape", "title", "tabs", "activeTab", "contentClass", "contentId"], outputs: ["backButtonClick", "tabChange"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: EmptyState, selector: "mt-empty-state", inputs: ["variant", "illustration", "title", "description", "actionLabel", "actionIcon"], outputs: ["actionClick"] }, { kind: "component", type: EmailDeliveryConnections, selector: "mt-email-delivery-connections" }, { kind: "component", type: EmailDeliveryActivity, selector: "mt-email-delivery-activity" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryShell, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-email-delivery-shell', imports: [
+                        Page,
+                        TranslocoDirective,
+                        EmptyState,
+                        EmailDeliveryConnections,
+                        EmailDeliveryActivity,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\r\n  <mt-page\r\n    [title]=\"t('title')\"\r\n    avatarIcon=\"communication.mail-01\"\r\n    [avatarStyle]=\"{\r\n      '--p-avatar-background': 'var(--p-blue-100)',\r\n      '--p-avatar-color': 'var(--p-blue-700)',\r\n    }\"\r\n    [tabs]=\"canView ? tabs() : []\"\r\n    [activeTab]=\"activeTab()\"\r\n    contentClass=\"min-h-0 max-[1025px]:p-4 max-[640px]:p-3\"\r\n    backButton\r\n    (backButtonClick)=\"goBack()\"\r\n    (tabChange)=\"onTabChange($event)\"\r\n  >\r\n    @if (canView) {\r\n      <p class=\"mb-4 text-sm text-muted-color\">\r\n        {{ t(\"description\") }}\r\n      </p>\r\n      @if (facade.status(); as status) {\r\n        <div\r\n          class=\"mb-4 rounded-lg border px-4 py-3\"\r\n          [class.border-emerald-200]=\"status.isReady\"\r\n          [class.bg-emerald-50]=\"status.isReady\"\r\n          [class.border-amber-200]=\"!status.isReady && status.managementEnabled\"\r\n          [class.bg-amber-50]=\"!status.isReady && status.managementEnabled\"\r\n          [class.border-surface-300]=\"!status.managementEnabled\"\r\n          [class.bg-surface-100]=\"!status.managementEnabled\"\r\n          role=\"status\"\r\n        >\r\n          <p class=\"font-semibold text-color\">\r\n            {{\r\n              status.isReady\r\n                ? t(\"ready\")\r\n                : status.managementEnabled\r\n                  ? t(\"needs-setup\")\r\n                  : t(\"unavailable\")\r\n            }}\r\n          </p>\r\n          <p class=\"mt-1 text-sm text-muted-color\">\r\n            {{ facade.describeCode(status.code) }}\r\n          </p>\r\n        </div>\r\n      }\r\n\r\n      @if (activeTab() === \"activity\") {\r\n        <mt-email-delivery-activity />\r\n      } @else {\r\n        <mt-email-delivery-connections />\r\n      }\r\n    } @else {\r\n      <mt-empty-state\r\n        illustration=\"none\"\r\n        [title]=\"t('access-denied-title')\"\r\n        [description]=\"t('access-denied-description')\"\r\n      />\r\n    }\r\n  </mt-page>\r\n</ng-container>\r\n" }]
+        }], ctorParameters: () => [] });
+
+export { EmailDeliveryShell };
+//# sourceMappingURL=masterteam-system-settings-email-delivery-shell-DowMjl4L.mjs.map