@masterteam/system-settings 0.0.16 → 0.0.18

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

@@ -1,2768 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, inject, computed, ChangeDetectionStrategy, Component, Injectable, signal, 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 { Breadcrumb } from '@masterteam/components/breadcrumb';
-import { EmptyState } from '@masterteam/components/empty-state';
-import { Page } from '@masterteam/components/page';
-import { ToastService } from '@masterteam/components/toast';
-import { Tooltip } from '@masterteam/components/tooltip';
-import { EntityStatus } from '@masterteam/components/entities';
-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, isConnectionTestAttempt, EMAIL_DELIVERY_ATTEMPT_STATUSES, EMAIL_DELIVERY_PERMISSIONS } from './masterteam-system-settings.mjs';
-import { Icon } from '@masterteam/icons';
-import { Button } from '@masterteam/components/button';
-import { ModalService } from '@masterteam/components/modal';
-import { Table } from '@masterteam/components/table';
-import { DatePipe, DOCUMENT } from '@angular/common';
-import { ModalRef } from '@masterteam/components/dialog';
-import * as i1 from '@angular/forms';
-import { FormControl, Validators, ReactiveFormsModule } from '@angular/forms';
-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';
-import * as i1$1 from 'primeng/skeleton';
-import { SkeletonModule } from 'primeng/skeleton';
-
-const STATUS_DEFINITIONS = {
-    // Page-level readiness, shown as a chip beside the page title instead of the
-    // banner that used to sit above every tab.
-    readiness: {
-        ready: status('#059669', 'readiness.ready'),
-        'needs-setup': status('#D97706', 'readiness.needs-setup'),
-        unavailable: status('#64748B', 'readiness.unavailable'),
-    },
-    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 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, { observe: 'response' })
-            .pipe(mergeMap((response) => {
-            const body = response.body;
-            if (isEmailSendResult(body))
-                return of(body);
-            // 202 means the send was accepted without a result on this response.
-            // The caller must read the outcome back with the same testRequestId;
-            // posting again would deliver a second real email.
-            if (response.status === 202) {
-                return throwError(() => body ?? PENDING_CONTROLLED_TEST);
-            }
-            return throwError(() => body);
-        }), 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' }]
-        }] });
-/**
- * Stand-in problem for a bare `202 Accepted` that carries no body of its own —
- * it routes the dialog to retrieval by GUID, the same as the catalog problem
- * the backend normally returns for an in-flight test.
- */
-const PENDING_CONTROLLED_TEST = {
-    code: 'email.delivery_test_request_in_progress',
-    category: 'pending',
-    retryable: true,
-    action: 'poll_status',
-    readinessImpact: 'unchanged',
-    correlationId: '',
-    retryAfterSeconds: null,
-};
-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;
-    attemptsLoaded = 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);
-            this.refreshActivity();
-        }), 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);
-            if (stored.result)
-                this.refreshActivity();
-        }), 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.attemptsLoaded = true;
-            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;
-    }
-    /**
-     * A completed controlled test writes its own Activity row, so the loaded
-     * Activity list is stale the moment the test returns. Only refresh once
-     * Activity has been opened — before that its own load covers it, and the
-     * status filter in effect there is preserved.
-     */
-    refreshActivity() {
-        if (!this.attemptsLoaded)
-            return;
-        this.loadAttempts(true).subscribe({ error: () => undefined });
-    }
-    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());
-}
-
-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'\">\n  <form\n    [class]=\"'space-y-5 p-4 sm:p-5 ' + modal.contentClass\"\n    (ngSubmit)=\"confirm()\"\n  >\n    <div\n      class=\"rounded-md border border-amber-200 bg-amber-50 p-4 text-sm text-amber-950\"\n      role=\"note\"\n    >\n      <p class=\"m-0 break-words font-semibold\">{{ itemName() }}</p>\n      <p class=\"mb-0 mt-1\">{{ consequence() }}</p>\n    </div>\n\n    <mt-textarea-field\n      [formControl]=\"reason\"\n      [label]=\"t('operator-reason')\"\n      [hint]=\"t('operator-reason-hint')\"\n      [required]=\"true\"\n      [maxLength]=\"500\"\n      rows=\"4\"\n    />\n\n    @if (showExceptionalOverride()) {\n      <div class=\"flex flex-col gap-1\">\n        <mt-toggle-field\n          [formControl]=\"exceptionalOverride\"\n          [label]=\"t('exceptional-override')\"\n        />\n        <!-- mt-toggle-field has no hint input, so the consequence of an\n             exceptional replay is rendered here instead of silently dropped. -->\n        <p class=\"m-0 text-xs text-muted-color\">\n          {{ t(\"exceptional-override-hint\") }}\n        </p>\n      </div>\n    }\n  </form>\n\n  <div [class]=\"modal.footerClass\">\n    <mt-button\n      type=\"button\"\n      [label]=\"t('cancel')\"\n      variant=\"outlined\"\n      styleClass=\"w-full sm:w-auto\"\n      (onClick)=\"cancel()\"\n    />\n    <mt-button\n      type=\"button\"\n      severity=\"warn\"\n      [label]=\"confirmLabel() || t('confirm-action')\"\n      [disabled]=\"!canConfirm()\"\n      styleClass=\"w-full sm:w-auto\"\n      (onClick)=\"confirm()\"\n    />\n  </div>\n</ng-container>\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'\">\n  <form\n    [class]=\"'space-y-5 p-4 sm:p-5 ' + modal.contentClass\"\n    (ngSubmit)=\"confirm()\"\n  >\n    <div\n      class=\"rounded-md border border-amber-200 bg-amber-50 p-4 text-sm text-amber-950\"\n      role=\"note\"\n    >\n      <p class=\"m-0 break-words font-semibold\">{{ itemName() }}</p>\n      <p class=\"mb-0 mt-1\">{{ consequence() }}</p>\n    </div>\n\n    <mt-textarea-field\n      [formControl]=\"reason\"\n      [label]=\"t('operator-reason')\"\n      [hint]=\"t('operator-reason-hint')\"\n      [required]=\"true\"\n      [maxLength]=\"500\"\n      rows=\"4\"\n    />\n\n    @if (showExceptionalOverride()) {\n      <div class=\"flex flex-col gap-1\">\n        <mt-toggle-field\n          [formControl]=\"exceptionalOverride\"\n          [label]=\"t('exceptional-override')\"\n        />\n        <!-- mt-toggle-field has no hint input, so the consequence of an\n             exceptional replay is rendered here instead of silently dropped. -->\n        <p class=\"m-0 text-xs text-muted-color\">\n          {{ t(\"exceptional-override-hint\") }}\n        </p>\n      </div>\n    }\n  </form>\n\n  <div [class]=\"modal.footerClass\">\n    <mt-button\n      type=\"button\"\n      [label]=\"t('cancel')\"\n      variant=\"outlined\"\n      styleClass=\"w-full sm:w-auto\"\n      (onClick)=\"cancel()\"\n    />\n    <mt-button\n      type=\"button\"\n      severity=\"warn\"\n      [label]=\"confirmLabel() || t('confirm-action')\"\n      [disabled]=\"!canConfirm()\"\n      styleClass=\"w-full sm:w-auto\"\n      (onClick)=\"confirm()\"\n    />\n  </div>\n</ng-container>\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);
-    isConnectionTest() {
-        return isConnectionTestAttempt(this.attempt());
-    }
-    /**
-     * A controlled test is an operator action against one connection, not product
-     * work the platform owes anyone — replaying it would send a second real email
-     * nobody asked for, so the backend's test rows are never replayable.
-     */
-    canReplay() {
-        if (this.isConnectionTest())
-            return false;
-        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'\">\n  @if (attempt(); as item) {\n    <div [class]=\"'min-h-0 overflow-y-auto p-4 sm:p-5 ' + modal.contentClass\">\n      <div class=\"grid w-full gap-5\">\n        <div\n          class=\"rounded-md border px-4 py-3 text-sm\"\n          [class.border-amber-200]=\"item.status === 'OutcomeUnknown'\"\n          [class.bg-amber-50]=\"item.status === 'OutcomeUnknown'\"\n          [class.border-blue-200]=\"item.status !== 'OutcomeUnknown'\"\n          [class.bg-blue-50]=\"item.status !== 'OutcomeUnknown'\"\n          role=\"status\"\n        >\n          @if (item.status === \"OutcomeUnknown\") {\n            {{ t(\"outcome-unknown-copy\") }}\n          } @else if (item.outcome === \"Accepted\") {\n            {{ t(\"accepted-copy\") }}\n          } @else {\n            {{ facade.describeCode(item.resultCode) }}\n          }\n        </div>\n\n        <!-- Same section shape the connection form uses (mt-client-form section\n             mode): header strip on a bordered, flat, rounded-md container. -->\n        <section\n          class=\"flex flex-col gap-0 overflow-hidden rounded-md border border-surface-200 bg-surface-0\"\n        >\n          <h3\n            class=\"m-0 border-b border-surface-200 bg-surface-50 px-4 py-3 text-lg font-semibold text-color\"\n          >\n            {{ t(\"delivery-summary\") }}\n          </h3>\n          <dl class=\"grid gap-3 p-4 sm:grid-cols-2\">\n            <div class=\"rounded-md border border-surface-200 bg-surface-50 p-3\">\n              <dt class=\"text-xs text-muted-color\">\n                {{ t(\"attempt.operation\") }}\n              </dt>\n              <dd class=\"mb-0 mt-1 break-words font-medium text-color\">\n                {{\n                  isConnectionTest()\n                    ? t(\"operation.connection-test\")\n                    : item.operationKind\n                }}\n              </dd>\n            </div>\n            <div class=\"rounded-md border border-surface-200 bg-surface-50 p-3\">\n              <dt class=\"text-xs text-muted-color\">\n                {{ t(\"attempt.status\") }}\n              </dt>\n              <dd class=\"mb-0 mt-2\">\n                <mt-email-delivery-status\n                  kind=\"attempt\"\n                  [value]=\"item.status\"\n                />\n              </dd>\n            </div>\n            <div class=\"rounded-md border border-surface-200 bg-surface-50 p-3\">\n              <dt class=\"text-xs text-muted-color\">\n                {{ t(\"attempt.outcome\") }}\n              </dt>\n              <dd class=\"mb-0 mt-2\">\n                @if (item.outcome) {\n                  <mt-email-delivery-status\n                    kind=\"attempt\"\n                    [value]=\"item.outcome\"\n                  />\n                } @else {\n                  <span class=\"font-medium text-color\">\u2014</span>\n                }\n              </dd>\n            </div>\n            <div class=\"rounded-md border border-surface-200 bg-surface-50 p-3\">\n              <dt class=\"text-xs text-muted-color\">\n                {{ t(\"attempt.provider\") }}\n              </dt>\n              <dd class=\"mb-0 mt-1 break-words font-medium text-color\">\n                {{ providerLabel(item.providerKey) }}\n              </dd>\n            </div>\n            <div class=\"rounded-md border border-surface-200 bg-surface-50 p-3\">\n              <dt class=\"text-xs text-muted-color\">\n                {{ t(\"attempt.created\") }}\n              </dt>\n              <dd class=\"mb-0 mt-1 font-medium text-color\">\n                <time [attr.datetime]=\"item.createdAtUtc\">{{\n                  item.createdAtUtc | date: \"medium\"\n                }}</time>\n              </dd>\n            </div>\n            <div class=\"rounded-md border border-surface-200 bg-surface-50 p-3\">\n              <dt class=\"text-xs text-muted-color\">\n                {{ t(\"attempt.count\") }}\n              </dt>\n              <dd class=\"mb-0 mt-1 font-medium text-color\">\n                {{ item.attemptCount }}\n              </dd>\n            </div>\n          </dl>\n        </section>\n\n        <section\n          class=\"flex flex-col gap-0 overflow-hidden rounded-md border border-surface-200 bg-surface-0\"\n        >\n          <h3\n            class=\"m-0 border-b border-surface-200 bg-surface-50 px-4 py-3 text-lg font-semibold text-color\"\n          >\n            {{ t(\"technical-identifiers\") }}\n          </h3>\n          <dl class=\"grid gap-3 p-4 sm:grid-cols-2\">\n            <div class=\"rounded-md border border-surface-200 bg-surface-50 p-3\">\n              <dt class=\"text-xs text-muted-color\">\n                {{ t(\"recipient-fingerprint\") }}\n              </dt>\n              <dd class=\"mb-0 mt-1 break-all font-mono text-sm text-color\">\n                {{ item.recipientFingerprint }}\n              </dd>\n              <p class=\"mt-2 text-xs text-muted-color\">\n                {{ t(\"recipient-fingerprint-hint\") }}\n              </p>\n            </div>\n            @if (item.testRequestId) {\n              <div\n                class=\"rounded-md border border-surface-200 bg-surface-50 p-3\"\n              >\n                <dt class=\"text-xs text-muted-color\">\n                  {{ t(\"test-request-id\") }}\n                </dt>\n                <dd class=\"mb-0 mt-1 break-all font-mono text-sm text-color\">\n                  {{ item.testRequestId }}\n                </dd>\n              </div>\n            }\n            <div class=\"rounded-md border border-surface-200 bg-surface-50 p-3\">\n              <dt class=\"text-xs text-muted-color\">{{ t(\"attempt.id\") }}</dt>\n              <dd class=\"mb-0 mt-1 break-all font-mono text-sm text-color\">\n                {{ item.id }}\n              </dd>\n            </div>\n            @if (item.correlationId) {\n              <div\n                class=\"rounded-md border border-surface-200 bg-surface-50 p-3\"\n              >\n                <dt class=\"text-xs text-muted-color\">\n                  {{ t(\"correlation-id\") }}\n                </dt>\n                <dd class=\"mb-0 mt-1 break-all font-mono text-sm text-color\">\n                  {{ item.correlationId }}\n                </dd>\n              </div>\n            }\n            @if (item.providerRequestId) {\n              <div\n                class=\"rounded-md border border-surface-200 bg-surface-50 p-3\"\n              >\n                <dt class=\"text-xs text-muted-color\">\n                  {{ t(\"provider-request-id\") }}\n                </dt>\n                <dd class=\"mb-0 mt-1 break-all font-mono text-sm text-color\">\n                  {{ item.providerRequestId }}\n                </dd>\n              </div>\n            }\n          </dl>\n        </section>\n      </div>\n    </div>\n\n    <div [class]=\"modal.footerClass\">\n      <mt-button\n        [label]=\"t('close')\"\n        variant=\"outlined\"\n        styleClass=\"w-full sm:w-auto\"\n        (onClick)=\"close()\"\n      />\n      @if (canReplay()) {\n        <mt-button\n          severity=\"warn\"\n          icon=\"arrow.refresh-cw-01\"\n          [label]=\"t('replay-attempt')\"\n          [disabled]=\"!facade.managementAvailable()\"\n          [loading]=\"facade.mutationLoading() === 'replay-' + item.id\"\n          styleClass=\"w-full sm:w-auto\"\n          (onClick)=\"replay()\"\n        />\n      }\n    </div>\n  }\n</ng-container>\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: 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, EmailDeliveryStatus], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\n  @if (attempt(); as item) {\n    <div [class]=\"'min-h-0 overflow-y-auto p-4 sm:p-5 ' + modal.contentClass\">\n      <div class=\"grid w-full gap-5\">\n        <div\n          class=\"rounded-md border px-4 py-3 text-sm\"\n          [class.border-amber-200]=\"item.status === 'OutcomeUnknown'\"\n          [class.bg-amber-50]=\"item.status === 'OutcomeUnknown'\"\n          [class.border-blue-200]=\"item.status !== 'OutcomeUnknown'\"\n          [class.bg-blue-50]=\"item.status !== 'OutcomeUnknown'\"\n          role=\"status\"\n        >\n          @if (item.status === \"OutcomeUnknown\") {\n            {{ t(\"outcome-unknown-copy\") }}\n          } @else if (item.outcome === \"Accepted\") {\n            {{ t(\"accepted-copy\") }}\n          } @else {\n            {{ facade.describeCode(item.resultCode) }}\n          }\n        </div>\n\n        <!-- Same section shape the connection form uses (mt-client-form section\n             mode): header strip on a bordered, flat, rounded-md container. -->\n        <section\n          class=\"flex flex-col gap-0 overflow-hidden rounded-md border border-surface-200 bg-surface-0\"\n        >\n          <h3\n            class=\"m-0 border-b border-surface-200 bg-surface-50 px-4 py-3 text-lg font-semibold text-color\"\n          >\n            {{ t(\"delivery-summary\") }}\n          </h3>\n          <dl class=\"grid gap-3 p-4 sm:grid-cols-2\">\n            <div class=\"rounded-md border border-surface-200 bg-surface-50 p-3\">\n              <dt class=\"text-xs text-muted-color\">\n                {{ t(\"attempt.operation\") }}\n              </dt>\n              <dd class=\"mb-0 mt-1 break-words font-medium text-color\">\n                {{\n                  isConnectionTest()\n                    ? t(\"operation.connection-test\")\n                    : item.operationKind\n                }}\n              </dd>\n            </div>\n            <div class=\"rounded-md border border-surface-200 bg-surface-50 p-3\">\n              <dt class=\"text-xs text-muted-color\">\n                {{ t(\"attempt.status\") }}\n              </dt>\n              <dd class=\"mb-0 mt-2\">\n                <mt-email-delivery-status\n                  kind=\"attempt\"\n                  [value]=\"item.status\"\n                />\n              </dd>\n            </div>\n            <div class=\"rounded-md border border-surface-200 bg-surface-50 p-3\">\n              <dt class=\"text-xs text-muted-color\">\n                {{ t(\"attempt.outcome\") }}\n              </dt>\n              <dd class=\"mb-0 mt-2\">\n                @if (item.outcome) {\n                  <mt-email-delivery-status\n                    kind=\"attempt\"\n                    [value]=\"item.outcome\"\n                  />\n                } @else {\n                  <span class=\"font-medium text-color\">\u2014</span>\n                }\n              </dd>\n            </div>\n            <div class=\"rounded-md border border-surface-200 bg-surface-50 p-3\">\n              <dt class=\"text-xs text-muted-color\">\n                {{ t(\"attempt.provider\") }}\n              </dt>\n              <dd class=\"mb-0 mt-1 break-words font-medium text-color\">\n                {{ providerLabel(item.providerKey) }}\n              </dd>\n            </div>\n            <div class=\"rounded-md border border-surface-200 bg-surface-50 p-3\">\n              <dt class=\"text-xs text-muted-color\">\n                {{ t(\"attempt.created\") }}\n              </dt>\n              <dd class=\"mb-0 mt-1 font-medium text-color\">\n                <time [attr.datetime]=\"item.createdAtUtc\">{{\n                  item.createdAtUtc | date: \"medium\"\n                }}</time>\n              </dd>\n            </div>\n            <div class=\"rounded-md border border-surface-200 bg-surface-50 p-3\">\n              <dt class=\"text-xs text-muted-color\">\n                {{ t(\"attempt.count\") }}\n              </dt>\n              <dd class=\"mb-0 mt-1 font-medium text-color\">\n                {{ item.attemptCount }}\n              </dd>\n            </div>\n          </dl>\n        </section>\n\n        <section\n          class=\"flex flex-col gap-0 overflow-hidden rounded-md border border-surface-200 bg-surface-0\"\n        >\n          <h3\n            class=\"m-0 border-b border-surface-200 bg-surface-50 px-4 py-3 text-lg font-semibold text-color\"\n          >\n            {{ t(\"technical-identifiers\") }}\n          </h3>\n          <dl class=\"grid gap-3 p-4 sm:grid-cols-2\">\n            <div class=\"rounded-md border border-surface-200 bg-surface-50 p-3\">\n              <dt class=\"text-xs text-muted-color\">\n                {{ t(\"recipient-fingerprint\") }}\n              </dt>\n              <dd class=\"mb-0 mt-1 break-all font-mono text-sm text-color\">\n                {{ item.recipientFingerprint }}\n              </dd>\n              <p class=\"mt-2 text-xs text-muted-color\">\n                {{ t(\"recipient-fingerprint-hint\") }}\n              </p>\n            </div>\n            @if (item.testRequestId) {\n              <div\n                class=\"rounded-md border border-surface-200 bg-surface-50 p-3\"\n              >\n                <dt class=\"text-xs text-muted-color\">\n                  {{ t(\"test-request-id\") }}\n                </dt>\n                <dd class=\"mb-0 mt-1 break-all font-mono text-sm text-color\">\n                  {{ item.testRequestId }}\n                </dd>\n              </div>\n            }\n            <div class=\"rounded-md border border-surface-200 bg-surface-50 p-3\">\n              <dt class=\"text-xs text-muted-color\">{{ t(\"attempt.id\") }}</dt>\n              <dd class=\"mb-0 mt-1 break-all font-mono text-sm text-color\">\n                {{ item.id }}\n              </dd>\n            </div>\n            @if (item.correlationId) {\n              <div\n                class=\"rounded-md border border-surface-200 bg-surface-50 p-3\"\n              >\n                <dt class=\"text-xs text-muted-color\">\n                  {{ t(\"correlation-id\") }}\n                </dt>\n                <dd class=\"mb-0 mt-1 break-all font-mono text-sm text-color\">\n                  {{ item.correlationId }}\n                </dd>\n              </div>\n            }\n            @if (item.providerRequestId) {\n              <div\n                class=\"rounded-md border border-surface-200 bg-surface-50 p-3\"\n              >\n                <dt class=\"text-xs text-muted-color\">\n                  {{ t(\"provider-request-id\") }}\n                </dt>\n                <dd class=\"mb-0 mt-1 break-all font-mono text-sm text-color\">\n                  {{ item.providerRequestId }}\n                </dd>\n              </div>\n            }\n          </dl>\n        </section>\n      </div>\n    </div>\n\n    <div [class]=\"modal.footerClass\">\n      <mt-button\n        [label]=\"t('close')\"\n        variant=\"outlined\"\n        styleClass=\"w-full sm:w-auto\"\n        (onClick)=\"close()\"\n      />\n      @if (canReplay()) {\n        <mt-button\n          severity=\"warn\"\n          icon=\"arrow.refresh-cw-01\"\n          [label]=\"t('replay-attempt')\"\n          [disabled]=\"!facade.managementAvailable()\"\n          [loading]=\"facade.mutationLoading() === 'replay-' + item.id\"\n          styleClass=\"w-full sm:w-auto\"\n          (onClick)=\"replay()\"\n        />\n      }\n    </div>\n  }\n</ng-container>\n" }]
-        }], propDecorators: { attempt: [{ type: i0.Input, args: [{ isSignal: true, alias: "attempt", required: true }] }] } });
-function isExceptionalReplay(status) {
-    return status === 'Accepted' || status === 'OutcomeUnknown';
-}
-
-/**
- * Shared chrome for the Email Delivery overlays.
- *
- * Every drawer on this page opens over the page content (`appendTo:
- * 'page-content'`), so it is positioned absolutely and drops its own shadow.
- * It takes the full width only while there is no room to spare — from `lg` up
- * it settles at half the page so the table stays readable behind it, which is
- * also what keeps the forms and callouts inside from stretching into
- * unreadably long lines.
- */
-const EMAIL_DELIVERY_DRAWER_STYLE_CLASS = '!absolute !shadow-none !w-full !max-w-full md:!w-[70%] lg:!w-[50%]';
-
-class EmailDeliveryAttempts {
-    modal = inject(ModalService);
-    transloco = inject(TranslocoService);
-    facade = inject(EmailDeliveryFacade);
-    activeLanguage = toSignal(this.transloco.langChanges$, {
-        initialValue: this.transloco.getActiveLang(),
-    });
-    /**
-     * Status is the one filter the backend understands (`?status=`), so it is
-     * held here and round-tripped into the query; every other column filters the
-     * rows already loaded.
-     */
-    tableFilters = signal({}, ...(ngDevMode ? [{ debugName: "tableFilters" }] : /* istanbul ignore next */ []));
-    /**
-     * Activity mixes product sends with the operator's own controlled tests. The
-     * table renders plain fields, so the labels are projected onto the row here;
-     * the extra properties are inert everywhere the raw attempt is used.
-     */
-    rows = computed(() => {
-        this.activeLanguage();
-        return this.facade.attempts().map((attempt) => ({
-            ...attempt,
-            operationLabel: this.operationLabel(attempt),
-            providerLabel: this.facade.providerByKey(attempt.providerKey)?.displayName ??
-                attempt.providerKey ??
-                '—',
-            resultLabel: attempt.resultCode
-                ? this.facade.describeCode(attempt.resultCode)
-                : '—',
-            recipientFingerprintShort: shortenFingerprint(attempt.recipientFingerprint),
-        }));
-    }, ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
-    columns = computed(() => {
-        this.activeLanguage();
-        const statusMap = getEmailDeliveryStatusMap('attempt', this.transloco.translate.bind(this.transloco));
-        return [
-            {
-                key: 'status',
-                label: this.t('attempt.status'),
-                type: 'status',
-                width: '15rem',
-                statusMap,
-                filterConfig: {
-                    type: 'select',
-                    multiple: false,
-                    options: EMAIL_DELIVERY_ATTEMPT_STATUSES.map((value) => ({
-                        label: statusMap[value]?.display ?? value,
-                        value,
-                    })),
-                },
-            },
-            {
-                key: 'operationLabel',
-                label: this.t('attempt.operation'),
-                width: '14rem',
-                filterConfig: {
-                    type: 'select',
-                    options: this.distinctOptions((row) => row.operationLabel),
-                },
-            },
-            {
-                key: 'providerLabel',
-                label: this.t('attempt.provider'),
-                width: '15rem',
-                filterConfig: {
-                    type: 'select',
-                    options: this.distinctOptions((row) => row.providerLabel),
-                },
-            },
-            {
-                key: 'resultLabel',
-                label: this.t('attempt.result'),
-                filterConfig: { type: 'text' },
-            },
-            {
-                key: 'recipientFingerprintShort',
-                label: this.t('recipient-fingerprint'),
-                width: '15rem',
-                filterable: false,
-            },
-            {
-                key: 'createdAtUtc',
-                label: this.t('attempt.created'),
-                type: 'dateTime',
-                width: '10rem',
-                filterConfig: { type: 'date' },
-            },
-            {
-                key: 'attemptCount',
-                label: this.t('attempt.count'),
-                type: 'number',
-                width: '7rem',
-            },
-        ];
-    }, ...(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);
-    }
-    /**
-     * Only the status filter reaches the backend; the rest narrow the rows the
-     * table already holds, so nothing else needs a round trip.
-     */
-    onFiltersChange(filters) {
-        this.tableFilters.set(filters);
-        const status = readStatusFilter(filters['status']);
-        if (status === this.facade.attemptStatusFilter())
-            return;
-        this.load(true, status);
-    }
-    refresh() {
-        this.load(true);
-    }
-    loadMore() {
-        this.load(false);
-    }
-    openDetails(attempt) {
-        const ref = this.modal.openModal(EmailAttemptDetails, 'drawer', {
-            header: this.t('attempt-details'),
-            styleClass: EMAIL_DELIVERY_DRAWER_STYLE_CLASS,
-            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, status = this.facade.attemptStatusFilter()) {
-        this.facade.loadAttempts(reset, status).subscribe({
-            error: (error) => this.facade.showError(error),
-        });
-    }
-    /**
-     * Select filters over locally-filtered columns only offer values that are
-     * actually present, so the operator never picks an option that empties the
-     * table.
-     */
-    distinctOptions(select) {
-        const values = new Set(this.rows().map(select).filter(Boolean));
-        return Array.from(values)
-            .sort((left, right) => left.localeCompare(right))
-            .map((value) => ({ label: value, value }));
-    }
-    /**
-     * Controlled tests are always shown as "Connection test"; anything else falls
-     * back to the backend's own operation kind rather than a guessed label.
-     */
-    operationLabel(attempt) {
-        return isConnectionTestAttempt(attempt)
-            ? this.t('operation.connection-test')
-            : attempt.operationKind;
-    }
-    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'\">\n  <section class=\"space-y-4\" aria-label=\"{{ t('activity-title') }}\">\n    <mt-table\n      [data]=\"rows()\"\n      [columns]=\"columns()\"\n      [rowActions]=\"actions()\"\n      [filters]=\"tableFilters()\"\n      [loading]=\"facade.attemptsLoading()\"\n      [generalSearch]=\"true\"\n      [showFilters]=\"true\"\n      [emptyTitle]=\"t('no-attempts-title')\"\n      [emptyDescription]=\"t('no-attempts-description')\"\n      filterMode=\"column\"\n      dataKey=\"id\"\n      actionShape=\"popover\"\n      [clickableRows]=\"true\"\n      storageKey=\"email-delivery-attempts\"\n      (filtersChange)=\"onFiltersChange($event)\"\n      (rowClick)=\"openDetails($event)\"\n    >\n      <ng-template #captionEnd>\n        <mt-button\n          severity=\"secondary\"\n          variant=\"outlined\"\n          icon=\"arrow.refresh-cw-01\"\n          [label]=\"t('refresh')\"\n          [loading]=\"facade.attemptsLoading()\"\n          (onClick)=\"refresh()\"\n        />\n      </ng-template>\n    </mt-table>\n\n    @if (facade.attemptsNextCursor()) {\n      <div class=\"flex justify-center\">\n        <mt-button\n          severity=\"secondary\"\n          variant=\"outlined\"\n          [label]=\"t('load-more')\"\n          [loading]=\"facade.attemptsLoading()\"\n          (onClick)=\"loadMore()\"\n        />\n      </div>\n    }\n  </section>\n</ng-container>\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: 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: [TranslocoDirective, Button, Table], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\n  <section class=\"space-y-4\" aria-label=\"{{ t('activity-title') }}\">\n    <mt-table\n      [data]=\"rows()\"\n      [columns]=\"columns()\"\n      [rowActions]=\"actions()\"\n      [filters]=\"tableFilters()\"\n      [loading]=\"facade.attemptsLoading()\"\n      [generalSearch]=\"true\"\n      [showFilters]=\"true\"\n      [emptyTitle]=\"t('no-attempts-title')\"\n      [emptyDescription]=\"t('no-attempts-description')\"\n      filterMode=\"column\"\n      dataKey=\"id\"\n      actionShape=\"popover\"\n      [clickableRows]=\"true\"\n      storageKey=\"email-delivery-attempts\"\n      (filtersChange)=\"onFiltersChange($event)\"\n      (rowClick)=\"openDetails($event)\"\n    >\n      <ng-template #captionEnd>\n        <mt-button\n          severity=\"secondary\"\n          variant=\"outlined\"\n          icon=\"arrow.refresh-cw-01\"\n          [label]=\"t('refresh')\"\n          [loading]=\"facade.attemptsLoading()\"\n          (onClick)=\"refresh()\"\n        />\n      </ng-template>\n    </mt-table>\n\n    @if (facade.attemptsNextCursor()) {\n      <div class=\"flex justify-center\">\n        <mt-button\n          severity=\"secondary\"\n          variant=\"outlined\"\n          [label]=\"t('load-more')\"\n          [loading]=\"facade.attemptsLoading()\"\n          (onClick)=\"loadMore()\"\n        />\n      </div>\n    }\n  </section>\n</ng-container>\n" }]
-        }] });
-/**
- * The status column is a single-select, so its stored value is the raw status.
- * An empty selection clears the backend filter rather than sending a blank.
- */
-function readStatusFilter(value) {
-    const raw = Array.isArray(value) ? value[0] : value;
-    return typeof raw === 'string' && raw.trim() !== '' ? raw : null;
-}
-const FINGERPRINT_PREFIX_LENGTH = 12;
-/**
- * A 64-character hash has nowhere to wrap, so rendering it whole pushed its
- * column far past the width the table asked for. The list only needs enough of
- * it to tell two recipients apart; the drawer still shows the value in full.
- */
-function shortenFingerprint(value) {
-    if (!value)
-        return '—';
-    return value.length > FINGERPRINT_PREFIX_LENGTH
-        ? value.slice(0, FINGERPRINT_PREFIX_LENGTH) + '…'
-        : value;
-}
-
-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'),
-                width: '11rem',
-            },
-            {
-                key: 'resolutionState',
-                label: this.t('resolution-state'),
-                type: 'status',
-                width: '12rem',
-                statusMap,
-            },
-            {
-                key: 'ownershipState',
-                label: this.t('ownership-state'),
-                type: 'status',
-                width: '11rem',
-                statusMap,
-            },
-            {
-                key: 'detectedAtUtc',
-                label: this.t('detected'),
-                type: 'dateTime',
-                width: '10rem',
-            },
-            { key: 'errorLabel', label: this.t('issue') },
-            {
-                key: 'evidenceOccurrenceIdentity',
-                label: this.t('evidence-occurrence-id'),
-                type: 'entity',
-                width: '15rem',
-                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'\">\n  <section class=\"space-y-3\" aria-labelledby=\"host-evidence-heading\">\n    <div\n      class=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\"\n    >\n      <div>\n        <h3 id=\"host-evidence-heading\" class=\"font-semibold text-color\">\n          {{ t(\"host-evidence-title\") }}\n        </h3>\n        <p class=\"mt-1 text-sm text-muted-color\">\n          {{ t(\"host-evidence-description\") }}\n        </p>\n      </div>\n      <mt-button\n        severity=\"secondary\"\n        variant=\"outlined\"\n        icon=\"arrow.refresh-cw-01\"\n        [label]=\"t('rebuild-evidence-index')\"\n        [disabled]=\"!facade.managementAvailable()\"\n        [loading]=\"facade.mutationLoading() === 'rebuild-evidence'\"\n        (onClick)=\"confirmRebuild()\"\n      />\n    </div>\n\n    @if (facade.hostEvidenceScanBudgetExhausted()) {\n      <div\n        class=\"rounded-md border border-amber-200 bg-amber-50 p-3 text-sm text-amber-950\"\n        role=\"status\"\n      >\n        {{ t(\"scan-budget-exhausted\") }}\n      </div>\n    }\n\n    <mt-table\n      [data]=\"rows()\"\n      [columns]=\"columns()\"\n      [rowActions]=\"actions()\"\n      [loading]=\"facade.hostEvidenceLoading()\"\n      [generalSearch]=\"true\"\n      [showFilters]=\"true\"\n      [emptyTitle]=\"t('no-evidence-title')\"\n      [emptyDescription]=\"t('no-evidence-description')\"\n      filterMode=\"column\"\n      actionShape=\"popover\"\n      dataKey=\"evidenceRowId\"\n      storageKey=\"email-delivery-host-evidence\"\n    />\n\n    @if (facade.hostEvidenceNextCursor()) {\n      <div class=\"flex justify-center\">\n        <mt-button\n          severity=\"secondary\"\n          variant=\"outlined\"\n          [label]=\"t('load-more')\"\n          [loading]=\"facade.hostEvidenceLoading()\"\n          (onClick)=\"loadMore()\"\n        />\n      </div>\n    }\n  </section>\n</ng-container>\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: 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, Table], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\n  <section class=\"space-y-3\" aria-labelledby=\"host-evidence-heading\">\n    <div\n      class=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\"\n    >\n      <div>\n        <h3 id=\"host-evidence-heading\" class=\"font-semibold text-color\">\n          {{ t(\"host-evidence-title\") }}\n        </h3>\n        <p class=\"mt-1 text-sm text-muted-color\">\n          {{ t(\"host-evidence-description\") }}\n        </p>\n      </div>\n      <mt-button\n        severity=\"secondary\"\n        variant=\"outlined\"\n        icon=\"arrow.refresh-cw-01\"\n        [label]=\"t('rebuild-evidence-index')\"\n        [disabled]=\"!facade.managementAvailable()\"\n        [loading]=\"facade.mutationLoading() === 'rebuild-evidence'\"\n        (onClick)=\"confirmRebuild()\"\n      />\n    </div>\n\n    @if (facade.hostEvidenceScanBudgetExhausted()) {\n      <div\n        class=\"rounded-md border border-amber-200 bg-amber-50 p-3 text-sm text-amber-950\"\n        role=\"status\"\n      >\n        {{ t(\"scan-budget-exhausted\") }}\n      </div>\n    }\n\n    <mt-table\n      [data]=\"rows()\"\n      [columns]=\"columns()\"\n      [rowActions]=\"actions()\"\n      [loading]=\"facade.hostEvidenceLoading()\"\n      [generalSearch]=\"true\"\n      [showFilters]=\"true\"\n      [emptyTitle]=\"t('no-evidence-title')\"\n      [emptyDescription]=\"t('no-evidence-description')\"\n      filterMode=\"column\"\n      actionShape=\"popover\"\n      dataKey=\"evidenceRowId\"\n      storageKey=\"email-delivery-host-evidence\"\n    />\n\n    @if (facade.hostEvidenceNextCursor()) {\n      <div class=\"flex justify-center\">\n        <mt-button\n          severity=\"secondary\"\n          variant=\"outlined\"\n          [label]=\"t('load-more')\"\n          [loading]=\"facade.hostEvidenceLoading()\"\n          (onClick)=\"loadMore()\"\n        />\n      </div>\n    }\n  </section>\n</ng-container>\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: '15rem',
-                shrink: true,
-            },
-            {
-                key: 'recoveryClassification',
-                label: this.t('recovery-classification'),
-                type: 'status',
-                width: '12rem',
-                statusMap: getEmailDeliveryStatusMap('support', this.transloco.translate.bind(this.transloco)),
-            },
-            { key: 'errorLabel', label: this.t('issue') },
-            {
-                key: 'quarantinedAtUtc',
-                label: this.t('detected'),
-                type: 'dateTime',
-                width: '10rem',
-            },
-        ];
-    }, ...(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'\">\n  <section class=\"space-y-3\" aria-labelledby=\"quarantine-heading\">\n    <div>\n      <h3 id=\"quarantine-heading\" class=\"font-semibold text-color\">\n        {{ t(\"quarantine-title\") }}\n      </h3>\n      <p class=\"mt-1 text-sm text-muted-color\">\n        {{ t(\"quarantine-description\") }}\n      </p>\n    </div>\n\n    <mt-table\n      [data]=\"rows()\"\n      [columns]=\"columns()\"\n      [rowActions]=\"actions()\"\n      [loading]=\"facade.quarantineLoading()\"\n      [generalSearch]=\"true\"\n      [showFilters]=\"true\"\n      [emptyTitle]=\"t('no-quarantine-title')\"\n      [emptyDescription]=\"t('no-quarantine-description')\"\n      filterMode=\"column\"\n      actionShape=\"popover\"\n      dataKey=\"itemId\"\n      storageKey=\"email-delivery-quarantine\"\n    />\n\n    @if (facade.quarantineNextCursor()) {\n      <div class=\"flex justify-center\">\n        <mt-button\n          severity=\"secondary\"\n          variant=\"outlined\"\n          [label]=\"t('load-more')\"\n          [loading]=\"facade.quarantineLoading()\"\n          (onClick)=\"loadMore()\"\n        />\n      </div>\n    }\n  </section>\n</ng-container>\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: 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, Table], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\n  <section class=\"space-y-3\" aria-labelledby=\"quarantine-heading\">\n    <div>\n      <h3 id=\"quarantine-heading\" class=\"font-semibold text-color\">\n        {{ t(\"quarantine-title\") }}\n      </h3>\n      <p class=\"mt-1 text-sm text-muted-color\">\n        {{ t(\"quarantine-description\") }}\n      </p>\n    </div>\n\n    <mt-table\n      [data]=\"rows()\"\n      [columns]=\"columns()\"\n      [rowActions]=\"actions()\"\n      [loading]=\"facade.quarantineLoading()\"\n      [generalSearch]=\"true\"\n      [showFilters]=\"true\"\n      [emptyTitle]=\"t('no-quarantine-title')\"\n      [emptyDescription]=\"t('no-quarantine-description')\"\n      filterMode=\"column\"\n      actionShape=\"popover\"\n      dataKey=\"itemId\"\n      storageKey=\"email-delivery-quarantine\"\n    />\n\n    @if (facade.quarantineNextCursor()) {\n      <div class=\"flex justify-center\">\n        <mt-button\n          severity=\"secondary\"\n          variant=\"outlined\"\n          [label]=\"t('load-more')\"\n          [loading]=\"facade.quarantineLoading()\"\n          (onClick)=\"loadMore()\"\n        />\n      </div>\n    }\n  </section>\n</ng-container>\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'\">\n  <div class=\"grid gap-5\">\n    <mt-email-delivery-attempts class=\"block min-w-0\" />\n\n    <!-- Operator recovery tools. Kept collapsed and visually quieter than the\n         Activity table above it: they are for incident work, not daily use. -->\n    <details\n      class=\"group overflow-hidden rounded-md border border-surface-200 bg-surface-0\"\n      (toggle)=\"onAdvancedToggle($event)\"\n    >\n      <summary\n        class=\"flex cursor-pointer list-none items-center gap-3 p-4 focus-visible:outline-2 focus-visible:outline-offset-2\"\n      >\n        <span\n          class=\"inline-flex size-9 shrink-0 items-center justify-center rounded-md bg-surface-100 text-muted-color\"\n        >\n          <mt-icon icon=\"general.tool-02\" aria-hidden=\"true\" />\n        </span>\n        <span class=\"min-w-0 flex-1\">\n          <span class=\"block font-semibold text-color\">\n            {{ t(\"advanced-support\") }}\n          </span>\n          <span class=\"mt-0.5 block text-sm font-normal text-muted-color\">\n            {{ t(\"advanced-support-description\") }}\n          </span>\n        </span>\n        <mt-icon\n          icon=\"arrow.chevron-down\"\n          aria-hidden=\"true\"\n          class=\"shrink-0 text-base text-muted-color transition-transform group-open:rotate-180\"\n        />\n      </summary>\n      @if (advancedExpanded()) {\n        <div\n          class=\"grid gap-4 border-t border-surface-200 bg-surface-50/60 p-4 sm:p-5\"\n        >\n          <mt-email-delivery-quarantine class=\"block min-w-0\" />\n          <mt-email-delivery-host-evidence class=\"block min-w-0\" />\n        </div>\n      }\n    </details>\n  </div>\n</ng-container>\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'\">\n  <div class=\"grid gap-5\">\n    <mt-email-delivery-attempts class=\"block min-w-0\" />\n\n    <!-- Operator recovery tools. Kept collapsed and visually quieter than the\n         Activity table above it: they are for incident work, not daily use. -->\n    <details\n      class=\"group overflow-hidden rounded-md border border-surface-200 bg-surface-0\"\n      (toggle)=\"onAdvancedToggle($event)\"\n    >\n      <summary\n        class=\"flex cursor-pointer list-none items-center gap-3 p-4 focus-visible:outline-2 focus-visible:outline-offset-2\"\n      >\n        <span\n          class=\"inline-flex size-9 shrink-0 items-center justify-center rounded-md bg-surface-100 text-muted-color\"\n        >\n          <mt-icon icon=\"general.tool-02\" aria-hidden=\"true\" />\n        </span>\n        <span class=\"min-w-0 flex-1\">\n          <span class=\"block font-semibold text-color\">\n            {{ t(\"advanced-support\") }}\n          </span>\n          <span class=\"mt-0.5 block text-sm font-normal text-muted-color\">\n            {{ t(\"advanced-support-description\") }}\n          </span>\n        </span>\n        <mt-icon\n          icon=\"arrow.chevron-down\"\n          aria-hidden=\"true\"\n          class=\"shrink-0 text-base text-muted-color transition-transform group-open:rotate-180\"\n        />\n      </summary>\n      @if (advancedExpanded()) {\n        <div\n          class=\"grid gap-4 border-t border-surface-200 bg-surface-50/60 p-4 sm:p-5\"\n        >\n          <mt-email-delivery-quarantine class=\"block min-w-0\" />\n          <mt-email-delivery-host-evidence class=\"block min-w-0\" />\n        </div>\n      }\n    </details>\n  </div>\n</ng-container>\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 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 */ []));
-    /**
-     * The provider-acceptance caveat is shown once. When the backend already
-     * answers with the accepted-delivery-unconfirmed code, the code message
-     * above carries that sentence and the extra line would just repeat it.
-     */
-    showsAcceptedCaveat(result) {
-        return (result.outcome === 'Accepted' &&
-            result.code !== ACCEPTED_DELIVERY_UNCONFIRMED_CODE);
-    }
-    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'\">\n  <div [class]=\"modal.contentClass + ' p-4 sm:p-5'\">\n    <div\n      class=\"mb-4 rounded-md border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-950\"\n      role=\"note\"\n    >\n      <strong>{{ t(\"test.real-email-warning-title\") }}</strong>\n      {{ t(\"test.real-email-warning\") }}\n    </div>\n\n    @if (!result()) {\n      <mt-dynamic-form [formConfig]=\"formConfig()\" [formControl]=\"form\" />\n    }\n\n    @if (timedOut()) {\n      <div\n        class=\"mt-4 rounded-md border border-orange-200 bg-orange-50 px-4 py-3\"\n        role=\"alert\"\n      >\n        <p class=\"font-semibold text-orange-950\">\n          {{ t(\"test.timeout-title\") }}\n        </p>\n        <p class=\"mt-1 text-sm text-orange-900\">\n          {{ t(\"test.timeout-description\") }}\n        </p>\n      </div>\n    }\n\n    @if (result(); as testResult) {\n      <div\n        class=\"rounded-md border border-surface-200 bg-surface-50 px-4 py-4\"\n        aria-live=\"polite\"\n      >\n        <mt-email-delivery-status kind=\"attempt\" [value]=\"testResult.outcome\" />\n        <p class=\"mt-1 text-sm text-muted-color\">\n          {{ facade.describeCode(testResult.code) }}\n        </p>\n        @if (showsAcceptedCaveat(testResult)) {\n          <p class=\"mt-3 text-sm font-medium text-amber-800\">\n            {{ t(\"accepted-unconfirmed\") }}\n          </p>\n        }\n        @if (testResult.outcome === \"OutcomeUnknown\") {\n          <p class=\"mt-3 text-sm font-medium text-red-700\">\n            {{ t(\"outcome-unknown-warning\") }}\n          </p>\n        }\n      </div>\n    }\n  </div>\n\n  <div [class]=\"modal.footerClass\">\n    <mt-button\n      severity=\"secondary\"\n      variant=\"outlined\"\n      [label]=\"t('close')\"\n      styleClass=\"w-full sm:w-auto\"\n      (onClick)=\"close()\"\n    />\n    @if (timedOut()) {\n      <mt-button\n        [label]=\"t('test.retrieve')\"\n        icon=\"arrow.refresh-cw-01\"\n        [disabled]=\"polling()\"\n        [loading]=\"polling() || facade.mutationLoading() === 'retrieve-test'\"\n        styleClass=\"w-full sm:w-auto\"\n        (onClick)=\"retrieve()\"\n      />\n    } @else if (!result()) {\n      <mt-button\n        [label]=\"t('test.send')\"\n        icon=\"communication.send-01\"\n        [disabled]=\"!canSubmit()\"\n        [loading]=\"facade.mutationLoading() === 'test'\"\n        styleClass=\"w-full sm:w-auto\"\n        (onClick)=\"submit()\"\n      />\n    }\n  </div>\n</ng-container>\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'\">\n  <div [class]=\"modal.contentClass + ' p-4 sm:p-5'\">\n    <div\n      class=\"mb-4 rounded-md border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-950\"\n      role=\"note\"\n    >\n      <strong>{{ t(\"test.real-email-warning-title\") }}</strong>\n      {{ t(\"test.real-email-warning\") }}\n    </div>\n\n    @if (!result()) {\n      <mt-dynamic-form [formConfig]=\"formConfig()\" [formControl]=\"form\" />\n    }\n\n    @if (timedOut()) {\n      <div\n        class=\"mt-4 rounded-md border border-orange-200 bg-orange-50 px-4 py-3\"\n        role=\"alert\"\n      >\n        <p class=\"font-semibold text-orange-950\">\n          {{ t(\"test.timeout-title\") }}\n        </p>\n        <p class=\"mt-1 text-sm text-orange-900\">\n          {{ t(\"test.timeout-description\") }}\n        </p>\n      </div>\n    }\n\n    @if (result(); as testResult) {\n      <div\n        class=\"rounded-md border border-surface-200 bg-surface-50 px-4 py-4\"\n        aria-live=\"polite\"\n      >\n        <mt-email-delivery-status kind=\"attempt\" [value]=\"testResult.outcome\" />\n        <p class=\"mt-1 text-sm text-muted-color\">\n          {{ facade.describeCode(testResult.code) }}\n        </p>\n        @if (showsAcceptedCaveat(testResult)) {\n          <p class=\"mt-3 text-sm font-medium text-amber-800\">\n            {{ t(\"accepted-unconfirmed\") }}\n          </p>\n        }\n        @if (testResult.outcome === \"OutcomeUnknown\") {\n          <p class=\"mt-3 text-sm font-medium text-red-700\">\n            {{ t(\"outcome-unknown-warning\") }}\n          </p>\n        }\n      </div>\n    }\n  </div>\n\n  <div [class]=\"modal.footerClass\">\n    <mt-button\n      severity=\"secondary\"\n      variant=\"outlined\"\n      [label]=\"t('close')\"\n      styleClass=\"w-full sm:w-auto\"\n      (onClick)=\"close()\"\n    />\n    @if (timedOut()) {\n      <mt-button\n        [label]=\"t('test.retrieve')\"\n        icon=\"arrow.refresh-cw-01\"\n        [disabled]=\"polling()\"\n        [loading]=\"polling() || facade.mutationLoading() === 'retrieve-test'\"\n        styleClass=\"w-full sm:w-auto\"\n        (onClick)=\"retrieve()\"\n      />\n    } @else if (!result()) {\n      <mt-button\n        [label]=\"t('test.send')\"\n        icon=\"communication.send-01\"\n        [disabled]=\"!canSubmit()\"\n        [loading]=\"facade.mutationLoading() === 'test'\"\n        styleClass=\"w-full sm:w-auto\"\n        (onClick)=\"submit()\"\n      />\n    }\n  </div>\n</ng-container>\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 ACCEPTED_DELIVERY_UNCONFIRMED_CODE = 'email.accepted_delivery_unconfirmed';
-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 */ []));
-    configurationFields = computed(() => this.buildConfigurationFields(), ...(ngDevMode ? [{ debugName: "configurationFields" }] : /* istanbul ignore next */ []));
-    /**
-     * Empty whenever the selected mode authenticates without a stored secret —
-     * an anonymous QC-test SMTP endpoint, for instance. That is a valid provider
-     * descriptor, not a load failure.
-     */
-    credentialFields = computed(() => this.buildCredentialFields(), ...(ngDevMode ? [{ debugName: "credentialFields" }] : /* istanbul ignore next */ []));
-    /**
-     * A section header over an empty body reads as something that failed to
-     * load, so a section with no applicable fields is not rendered at all.
-     */
-    formConfig = computed(() => ({
-        layout: SECTION_MODE_LAYOUT,
-        sections: [
-            this.section('basics', this.buildBasicFields()),
-            this.section('configuration', this.configurationFields()),
-            this.section('credentials', this.credentialFields()),
-        ].filter((section) => section.fields.length > 0),
-    }), ...(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;
-    }
-    /**
-     * Every section wears the same shell mt-client-form gives its sections — a
-     * bordered, flat, rounded-md card with a header strip — so the connection
-     * form reads like the runtime forms in the rest of the product.
-     */
-    section(key, fields) {
-        return {
-            key,
-            label: this.t(`editor.${key}`),
-            type: 'header',
-            columns: 12,
-            headerClass: SECTION_MODE_HEADER_CLASS,
-            bodyClass: SECTION_MODE_BODY_CLASS,
-            fields,
-        };
-    }
-    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'\">\n  <div\n    [class]=\"\n      'flex min-h-0 flex-col gap-5 overflow-y-auto p-4 sm:p-5 ' +\n      modal.contentClass\n    \"\n  >\n    @if (editorLoading()) {\n      <div\n        class=\"flex flex-col gap-5\"\n        role=\"status\"\n        [attr.aria-label]=\"t('loading')\"\n      >\n        @for (section of [1, 2, 3]; track section) {\n          <div class=\"overflow-hidden rounded-md border border-surface-200\">\n            <div class=\"border-b border-surface-200 bg-surface-50 px-4 py-3\">\n              <p-skeleton\n                width=\"10rem\"\n                height=\"1.25rem\"\n                borderRadius=\"0.375rem\"\n              />\n            </div>\n            <div class=\"grid gap-4 p-4 sm:grid-cols-2\">\n              @for (field of [1, 2, 3, 4]; track field) {\n                <p-skeleton height=\"3.25rem\" borderRadius=\"0.375rem\" />\n              }\n            </div>\n          </div>\n        }\n      </div>\n    } @else {\n      @if (selectedProvider(); as provider) {\n        @if (provider.warnings.length > 0) {\n          <section\n            class=\"rounded-md border border-amber-200 bg-amber-50 p-4\"\n            role=\"note\"\n            aria-labelledby=\"provider-warnings-heading\"\n          >\n            <h2\n              id=\"provider-warnings-heading\"\n              class=\"m-0 text-sm font-semibold text-amber-950\"\n            >\n              {{ t(\"provider-warnings\") }}\n            </h2>\n            <ul\n              class=\"mb-0 mt-2.5 list-disc space-y-2 ps-5 text-sm leading-relaxed text-amber-900\"\n            >\n              @for (warning of provider.warnings; track warning) {\n                <li class=\"ps-1\">{{ warning }}</li>\n              }\n            </ul>\n          </section>\n        }\n      }\n\n      @if (isEdit()) {\n        <div\n          class=\"rounded-md border border-blue-200 bg-blue-50 px-4 py-3 text-sm text-blue-950\"\n          role=\"note\"\n        >\n          {{ t(\"editor.update-invalidates-proof\") }}\n        </div>\n      }\n\n      @for (generation of [formGeneration()]; track generation) {\n        <mt-dynamic-form [formConfig]=\"formConfig()\" [formControl]=\"form\" />\n      }\n\n      @if (applicableFields().length === 0) {\n        <div\n          class=\"rounded-md border border-surface-200 bg-surface-50 px-4 py-3 text-sm text-muted-color\"\n        >\n          {{ t(\"editor.select-provider-mode\") }}\n        </div>\n      }\n    }\n  </div>\n\n  <div [class]=\"modal.footerClass\">\n    <mt-button\n      [label]=\"t('cancel')\"\n      variant=\"outlined\"\n      [disabled]=\"!!facade.mutationLoading()\"\n      styleClass=\"w-full sm:w-auto\"\n      (onClick)=\"cancel()\"\n    />\n    <mt-button\n      [label]=\"t('save')\"\n      icon=\"general.save-01\"\n      [disabled]=\"!canSave()\"\n      [loading]=\"facade.mutationLoading() === (isEdit() ? 'update' : 'create')\"\n      styleClass=\"w-full sm:w-auto\"\n      (onClick)=\"save()\"\n    />\n  </div>\n</ng-container>\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: "ngmodule", type: SkeletonModule }, { kind: "component", type: i1$1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { 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,
-                        SkeletonModule,
-                        DynamicForm,
-                        Button,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\n  <div\n    [class]=\"\n      'flex min-h-0 flex-col gap-5 overflow-y-auto p-4 sm:p-5 ' +\n      modal.contentClass\n    \"\n  >\n    @if (editorLoading()) {\n      <div\n        class=\"flex flex-col gap-5\"\n        role=\"status\"\n        [attr.aria-label]=\"t('loading')\"\n      >\n        @for (section of [1, 2, 3]; track section) {\n          <div class=\"overflow-hidden rounded-md border border-surface-200\">\n            <div class=\"border-b border-surface-200 bg-surface-50 px-4 py-3\">\n              <p-skeleton\n                width=\"10rem\"\n                height=\"1.25rem\"\n                borderRadius=\"0.375rem\"\n              />\n            </div>\n            <div class=\"grid gap-4 p-4 sm:grid-cols-2\">\n              @for (field of [1, 2, 3, 4]; track field) {\n                <p-skeleton height=\"3.25rem\" borderRadius=\"0.375rem\" />\n              }\n            </div>\n          </div>\n        }\n      </div>\n    } @else {\n      @if (selectedProvider(); as provider) {\n        @if (provider.warnings.length > 0) {\n          <section\n            class=\"rounded-md border border-amber-200 bg-amber-50 p-4\"\n            role=\"note\"\n            aria-labelledby=\"provider-warnings-heading\"\n          >\n            <h2\n              id=\"provider-warnings-heading\"\n              class=\"m-0 text-sm font-semibold text-amber-950\"\n            >\n              {{ t(\"provider-warnings\") }}\n            </h2>\n            <ul\n              class=\"mb-0 mt-2.5 list-disc space-y-2 ps-5 text-sm leading-relaxed text-amber-900\"\n            >\n              @for (warning of provider.warnings; track warning) {\n                <li class=\"ps-1\">{{ warning }}</li>\n              }\n            </ul>\n          </section>\n        }\n      }\n\n      @if (isEdit()) {\n        <div\n          class=\"rounded-md border border-blue-200 bg-blue-50 px-4 py-3 text-sm text-blue-950\"\n          role=\"note\"\n        >\n          {{ t(\"editor.update-invalidates-proof\") }}\n        </div>\n      }\n\n      @for (generation of [formGeneration()]; track generation) {\n        <mt-dynamic-form [formConfig]=\"formConfig()\" [formControl]=\"form\" />\n      }\n\n      @if (applicableFields().length === 0) {\n        <div\n          class=\"rounded-md border border-surface-200 bg-surface-50 px-4 py-3 text-sm text-muted-color\"\n        >\n          {{ t(\"editor.select-provider-mode\") }}\n        </div>\n      }\n    }\n  </div>\n\n  <div [class]=\"modal.footerClass\">\n    <mt-button\n      [label]=\"t('cancel')\"\n      variant=\"outlined\"\n      [disabled]=\"!!facade.mutationLoading()\"\n      styleClass=\"w-full sm:w-auto\"\n      (onClick)=\"cancel()\"\n    />\n    <mt-button\n      [label]=\"t('save')\"\n      icon=\"general.save-01\"\n      [disabled]=\"!canSave()\"\n      [loading]=\"facade.mutationLoading() === (isEdit() ? 'update' : 'create')\"\n      styleClass=\"w-full sm:w-auto\"\n      (onClick)=\"save()\"\n    />\n  </div>\n</ng-container>\n" }]
-        }], ctorParameters: () => [], propDecorators: { editorConnectionId: [{ type: i0.Input, args: [{ isSignal: true, alias: "editorConnectionId", required: false }] }] } });
-// Mirrors the section-mode styling mt-client-form applies to its own sections.
-const SECTION_MODE_LAYOUT = {
-    sectionClass: 'flex flex-col gap-0 overflow-hidden rounded-md border border-surface-200 bg-surface-0',
-};
-const SECTION_MODE_HEADER_CLASS = 'm-0 border-b border-surface-200 bg-surface-50 px-4 py-3 text-lg font-semibold text-color';
-const SECTION_MODE_BODY_CLASS = '@container grid grid-cols-12 gap-4 items-start p-4';
-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: EMAIL_DELIVERY_DRAWER_STYLE_CLASS,
-            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'\">\n  @if (facade.detailsLoading()) {\n    <div\n      [class]=\"'min-h-0 overflow-y-auto p-4 sm:p-5 ' + modal.contentClass\"\n      role=\"status\"\n      [attr.aria-label]=\"t('loading')\"\n    >\n      <div class=\"grid w-full gap-5\">\n        <p-skeleton height=\"5rem\" borderRadius=\"0.375rem\" />\n        @for (section of [1, 2, 3]; track section) {\n          <div class=\"overflow-hidden rounded-md border border-surface-200\">\n            <div class=\"border-b border-surface-200 bg-surface-50 px-4 py-3\">\n              <p-skeleton\n                width=\"12rem\"\n                height=\"1.25rem\"\n                borderRadius=\"0.375rem\"\n              />\n            </div>\n            <div class=\"grid gap-3 p-4 sm:grid-cols-2 xl:grid-cols-3\">\n              @for (tile of [1, 2, 3]; track tile) {\n                <p-skeleton height=\"4rem\" borderRadius=\"0.375rem\" />\n              }\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  } @else if (facade.selectedConnection(); as details) {\n    <div [class]=\"'min-h-0 overflow-y-auto p-4 sm:p-5 ' + modal.contentClass\">\n      <div class=\"grid w-full gap-5\">\n        <section\n          class=\"flex flex-col gap-3 rounded-md border border-surface-200 bg-surface-0 p-4 sm:flex-row sm:items-center sm:justify-between\"\n        >\n          <div class=\"min-w-0\">\n            <h2 class=\"m-0 truncate text-lg font-semibold text-color\">\n              {{ details.connection.name }}\n            </h2>\n            <p class=\"mb-0 mt-1 break-all text-sm text-muted-color\">\n              {{ details.connection.senderAddress }}\n            </p>\n          </div>\n          <mt-email-delivery-status\n            class=\"shrink-0\"\n            kind=\"connection\"\n            [value]=\"details.connection.state\"\n          />\n        </section>\n\n        <!-- Same section shape the connection form uses (mt-client-form section\n             mode): header strip on a bordered, flat, rounded-md container. -->\n        <section\n          class=\"flex flex-col gap-0 overflow-hidden rounded-md border border-surface-200 bg-surface-0\"\n        >\n          <h3\n            class=\"m-0 border-b border-surface-200 bg-surface-50 px-4 py-3 text-lg font-semibold text-color\"\n          >\n            {{ t(\"connection-overview\") }}\n          </h3>\n          <dl class=\"grid gap-3 p-4 sm:grid-cols-2 xl:grid-cols-3\">\n            <div class=\"rounded-md border border-surface-200 bg-surface-50 p-3\">\n              <dt class=\"text-xs text-muted-color\">\n                {{ t(\"connection.provider\") }}\n              </dt>\n              <dd class=\"mb-0 mt-1 break-words font-medium text-color\">\n                {{ provider()?.displayName || details.connection.providerKey }}\n              </dd>\n            </div>\n            <div class=\"rounded-md border border-surface-200 bg-surface-50 p-3\">\n              <dt class=\"text-xs text-muted-color\">\n                {{ t(\"connection.authentication-mode\") }}\n              </dt>\n              <dd class=\"mb-0 mt-1 break-words font-medium text-color\">\n                {{ authenticationModeLabel() }}\n              </dd>\n            </div>\n            <div class=\"rounded-md border border-surface-200 bg-surface-50 p-3\">\n              <dt class=\"text-xs text-muted-color\">\n                {{ t(\"used-for-notifications\") }}\n              </dt>\n              <dd class=\"mb-0 mt-1 font-medium text-color\">\n                {{\n                  details.bindings.includes(\"notifications\")\n                    ? t(\"yes\")\n                    : t(\"no\")\n                }}\n              </dd>\n            </div>\n            <div class=\"rounded-md border border-surface-200 bg-surface-50 p-3\">\n              <dt class=\"text-xs text-muted-color\">\n                {{ t(\"connection.last-validation\") }}\n              </dt>\n              <dd class=\"mb-0 mt-1 font-medium text-color\">\n                {{\n                  details.connection.lastValidatedAtUtc\n                    ? (details.connection.lastValidatedAtUtc | date: \"medium\")\n                    : \"\u2014\"\n                }}\n              </dd>\n            </div>\n            <div class=\"rounded-md border border-surface-200 bg-surface-50 p-3\">\n              <dt class=\"text-xs text-muted-color\">\n                {{ t(\"authorization-state\") }}\n              </dt>\n              <dd class=\"mb-0 mt-1 break-words font-medium text-color\">\n                {{ details.authorizationState || \"\u2014\" }}\n              </dd>\n            </div>\n            @if (details.connection.senderDisplayName) {\n              <div\n                class=\"rounded-md border border-surface-200 bg-surface-50 p-3\"\n              >\n                <dt class=\"text-xs text-muted-color\">\n                  {{ t(\"connection.sender-display-name\") }}\n                </dt>\n                <dd class=\"mb-0 mt-1 break-words font-medium text-color\">\n                  {{ details.connection.senderDisplayName }}\n                </dd>\n              </div>\n            }\n          </dl>\n        </section>\n\n        @if (publicConfiguration().length > 0) {\n          <section\n            class=\"flex flex-col gap-0 overflow-hidden rounded-md border border-surface-200 bg-surface-0\"\n          >\n            <h3\n              class=\"m-0 border-b border-surface-200 bg-surface-50 px-4 py-3 text-lg font-semibold text-color\"\n            >\n              {{ t(\"provider-settings\") }}\n            </h3>\n            <dl class=\"grid gap-3 p-4 sm:grid-cols-2 xl:grid-cols-3\">\n              @for (entry of publicConfiguration(); track entry.key) {\n                <div\n                  class=\"rounded-md border border-surface-200 bg-surface-50 p-3\"\n                >\n                  <dt class=\"text-xs text-muted-color\">{{ entry.label }}</dt>\n                  <dd class=\"mb-0 mt-1 break-words font-medium text-color\">\n                    {{ entry.value }}\n                  </dd>\n                </div>\n              }\n            </dl>\n          </section>\n        }\n\n        <section\n          class=\"flex flex-col gap-0 overflow-hidden rounded-md border border-surface-200 bg-surface-0\"\n        >\n          <h3\n            class=\"m-0 border-b border-surface-200 bg-surface-50 px-4 py-3 text-lg font-semibold text-color\"\n          >\n            {{ t(\"credential-status\") }}\n          </h3>\n          <div class=\"grid gap-3 p-4\">\n            @for (credential of credentialItems(); track credential.key) {\n              <div\n                class=\"grid gap-3 rounded-md border border-surface-200 bg-surface-50 p-3 sm:grid-cols-3 sm:items-center\"\n              >\n                <div class=\"min-w-0\">\n                  <p class=\"m-0 break-words font-medium text-color\">\n                    {{ credential.label }}\n                  </p>\n                  <p class=\"mb-0 mt-1 text-xs text-muted-color\">\n                    {{ credential.key }}\n                  </p>\n                </div>\n                <div class=\"min-w-0\">\n                  <p class=\"m-0 text-sm font-medium text-color\">\n                    {{ credential.storageLabel }}\n                  </p>\n                  <p class=\"mb-0 mt-1 text-xs text-muted-color\">\n                    @if (credential.lastRotatedAtUtc) {\n                      {{ t(\"last-rotated\") }} \u00B7\n                      {{ credential.lastRotatedAtUtc | date: \"medium\" }}\n                    } @else {\n                      {{ t(\"last-rotated\") }} \u00B7 \u2014\n                    }\n                  </p>\n                </div>\n                <mt-email-delivery-status\n                  class=\"shrink-0 sm:justify-self-end\"\n                  kind=\"support\"\n                  [value]=\"\n                    credential.configured ? 'configured' : 'not-configured'\n                  \"\n                />\n              </div>\n            } @empty {\n              <p class=\"m-0 text-sm text-muted-color\">\n                {{ t(\"no-credentials\") }}\n              </p>\n            }\n          </div>\n        </section>\n      </div>\n    </div>\n\n    <div [class]=\"modal.footerClass\">\n      <mt-button\n        [label]=\"t('close')\"\n        variant=\"outlined\"\n        styleClass=\"w-full sm:w-auto\"\n        (onClick)=\"close()\"\n      />\n      @if (actionMenuItems().length > 0) {\n        <mt-button\n          [label]=\"t('actions')\"\n          icon=\"general.dots-vertical\"\n          severity=\"secondary\"\n          variant=\"outlined\"\n          styleClass=\"w-full sm:w-auto\"\n          (onClick)=\"actionMenu.toggle($event)\"\n        />\n        <mt-menu\n          #actionMenu\n          [model]=\"actionMenuItems()\"\n          appendTo=\"body\"\n          [ariaLabel]=\"t('actions')\"\n        />\n      }\n      <mt-button\n        [label]=\"t('edit')\"\n        icon=\"general.edit-01\"\n        [disabled]=\"!facade.managementAvailable()\"\n        styleClass=\"w-full sm:w-auto\"\n        (onClick)=\"edit()\"\n      />\n    </div>\n  } @else {\n    <div [class]=\"modal.contentClass + ' p-4 sm:p-5'\">\n      <mt-empty-state illustration=\"none\" [title]=\"t('connection-not-found')\" />\n    </div>\n    <div [class]=\"modal.footerClass\">\n      <mt-button [label]=\"t('close')\" variant=\"outlined\" (onClick)=\"close()\" />\n    </div>\n  }\n</ng-container>\n", dependencies: [{ kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i1$1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { 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: 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,
-                        SkeletonModule,
-                        Button,
-                        EmptyState,
-                        Menu,
-                        EmailDeliveryStatus,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\n  @if (facade.detailsLoading()) {\n    <div\n      [class]=\"'min-h-0 overflow-y-auto p-4 sm:p-5 ' + modal.contentClass\"\n      role=\"status\"\n      [attr.aria-label]=\"t('loading')\"\n    >\n      <div class=\"grid w-full gap-5\">\n        <p-skeleton height=\"5rem\" borderRadius=\"0.375rem\" />\n        @for (section of [1, 2, 3]; track section) {\n          <div class=\"overflow-hidden rounded-md border border-surface-200\">\n            <div class=\"border-b border-surface-200 bg-surface-50 px-4 py-3\">\n              <p-skeleton\n                width=\"12rem\"\n                height=\"1.25rem\"\n                borderRadius=\"0.375rem\"\n              />\n            </div>\n            <div class=\"grid gap-3 p-4 sm:grid-cols-2 xl:grid-cols-3\">\n              @for (tile of [1, 2, 3]; track tile) {\n                <p-skeleton height=\"4rem\" borderRadius=\"0.375rem\" />\n              }\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  } @else if (facade.selectedConnection(); as details) {\n    <div [class]=\"'min-h-0 overflow-y-auto p-4 sm:p-5 ' + modal.contentClass\">\n      <div class=\"grid w-full gap-5\">\n        <section\n          class=\"flex flex-col gap-3 rounded-md border border-surface-200 bg-surface-0 p-4 sm:flex-row sm:items-center sm:justify-between\"\n        >\n          <div class=\"min-w-0\">\n            <h2 class=\"m-0 truncate text-lg font-semibold text-color\">\n              {{ details.connection.name }}\n            </h2>\n            <p class=\"mb-0 mt-1 break-all text-sm text-muted-color\">\n              {{ details.connection.senderAddress }}\n            </p>\n          </div>\n          <mt-email-delivery-status\n            class=\"shrink-0\"\n            kind=\"connection\"\n            [value]=\"details.connection.state\"\n          />\n        </section>\n\n        <!-- Same section shape the connection form uses (mt-client-form section\n             mode): header strip on a bordered, flat, rounded-md container. -->\n        <section\n          class=\"flex flex-col gap-0 overflow-hidden rounded-md border border-surface-200 bg-surface-0\"\n        >\n          <h3\n            class=\"m-0 border-b border-surface-200 bg-surface-50 px-4 py-3 text-lg font-semibold text-color\"\n          >\n            {{ t(\"connection-overview\") }}\n          </h3>\n          <dl class=\"grid gap-3 p-4 sm:grid-cols-2 xl:grid-cols-3\">\n            <div class=\"rounded-md border border-surface-200 bg-surface-50 p-3\">\n              <dt class=\"text-xs text-muted-color\">\n                {{ t(\"connection.provider\") }}\n              </dt>\n              <dd class=\"mb-0 mt-1 break-words font-medium text-color\">\n                {{ provider()?.displayName || details.connection.providerKey }}\n              </dd>\n            </div>\n            <div class=\"rounded-md border border-surface-200 bg-surface-50 p-3\">\n              <dt class=\"text-xs text-muted-color\">\n                {{ t(\"connection.authentication-mode\") }}\n              </dt>\n              <dd class=\"mb-0 mt-1 break-words font-medium text-color\">\n                {{ authenticationModeLabel() }}\n              </dd>\n            </div>\n            <div class=\"rounded-md border border-surface-200 bg-surface-50 p-3\">\n              <dt class=\"text-xs text-muted-color\">\n                {{ t(\"used-for-notifications\") }}\n              </dt>\n              <dd class=\"mb-0 mt-1 font-medium text-color\">\n                {{\n                  details.bindings.includes(\"notifications\")\n                    ? t(\"yes\")\n                    : t(\"no\")\n                }}\n              </dd>\n            </div>\n            <div class=\"rounded-md border border-surface-200 bg-surface-50 p-3\">\n              <dt class=\"text-xs text-muted-color\">\n                {{ t(\"connection.last-validation\") }}\n              </dt>\n              <dd class=\"mb-0 mt-1 font-medium text-color\">\n                {{\n                  details.connection.lastValidatedAtUtc\n                    ? (details.connection.lastValidatedAtUtc | date: \"medium\")\n                    : \"\u2014\"\n                }}\n              </dd>\n            </div>\n            <div class=\"rounded-md border border-surface-200 bg-surface-50 p-3\">\n              <dt class=\"text-xs text-muted-color\">\n                {{ t(\"authorization-state\") }}\n              </dt>\n              <dd class=\"mb-0 mt-1 break-words font-medium text-color\">\n                {{ details.authorizationState || \"\u2014\" }}\n              </dd>\n            </div>\n            @if (details.connection.senderDisplayName) {\n              <div\n                class=\"rounded-md border border-surface-200 bg-surface-50 p-3\"\n              >\n                <dt class=\"text-xs text-muted-color\">\n                  {{ t(\"connection.sender-display-name\") }}\n                </dt>\n                <dd class=\"mb-0 mt-1 break-words font-medium text-color\">\n                  {{ details.connection.senderDisplayName }}\n                </dd>\n              </div>\n            }\n          </dl>\n        </section>\n\n        @if (publicConfiguration().length > 0) {\n          <section\n            class=\"flex flex-col gap-0 overflow-hidden rounded-md border border-surface-200 bg-surface-0\"\n          >\n            <h3\n              class=\"m-0 border-b border-surface-200 bg-surface-50 px-4 py-3 text-lg font-semibold text-color\"\n            >\n              {{ t(\"provider-settings\") }}\n            </h3>\n            <dl class=\"grid gap-3 p-4 sm:grid-cols-2 xl:grid-cols-3\">\n              @for (entry of publicConfiguration(); track entry.key) {\n                <div\n                  class=\"rounded-md border border-surface-200 bg-surface-50 p-3\"\n                >\n                  <dt class=\"text-xs text-muted-color\">{{ entry.label }}</dt>\n                  <dd class=\"mb-0 mt-1 break-words font-medium text-color\">\n                    {{ entry.value }}\n                  </dd>\n                </div>\n              }\n            </dl>\n          </section>\n        }\n\n        <section\n          class=\"flex flex-col gap-0 overflow-hidden rounded-md border border-surface-200 bg-surface-0\"\n        >\n          <h3\n            class=\"m-0 border-b border-surface-200 bg-surface-50 px-4 py-3 text-lg font-semibold text-color\"\n          >\n            {{ t(\"credential-status\") }}\n          </h3>\n          <div class=\"grid gap-3 p-4\">\n            @for (credential of credentialItems(); track credential.key) {\n              <div\n                class=\"grid gap-3 rounded-md border border-surface-200 bg-surface-50 p-3 sm:grid-cols-3 sm:items-center\"\n              >\n                <div class=\"min-w-0\">\n                  <p class=\"m-0 break-words font-medium text-color\">\n                    {{ credential.label }}\n                  </p>\n                  <p class=\"mb-0 mt-1 text-xs text-muted-color\">\n                    {{ credential.key }}\n                  </p>\n                </div>\n                <div class=\"min-w-0\">\n                  <p class=\"m-0 text-sm font-medium text-color\">\n                    {{ credential.storageLabel }}\n                  </p>\n                  <p class=\"mb-0 mt-1 text-xs text-muted-color\">\n                    @if (credential.lastRotatedAtUtc) {\n                      {{ t(\"last-rotated\") }} \u00B7\n                      {{ credential.lastRotatedAtUtc | date: \"medium\" }}\n                    } @else {\n                      {{ t(\"last-rotated\") }} \u00B7 \u2014\n                    }\n                  </p>\n                </div>\n                <mt-email-delivery-status\n                  class=\"shrink-0 sm:justify-self-end\"\n                  kind=\"support\"\n                  [value]=\"\n                    credential.configured ? 'configured' : 'not-configured'\n                  \"\n                />\n              </div>\n            } @empty {\n              <p class=\"m-0 text-sm text-muted-color\">\n                {{ t(\"no-credentials\") }}\n              </p>\n            }\n          </div>\n        </section>\n      </div>\n    </div>\n\n    <div [class]=\"modal.footerClass\">\n      <mt-button\n        [label]=\"t('close')\"\n        variant=\"outlined\"\n        styleClass=\"w-full sm:w-auto\"\n        (onClick)=\"close()\"\n      />\n      @if (actionMenuItems().length > 0) {\n        <mt-button\n          [label]=\"t('actions')\"\n          icon=\"general.dots-vertical\"\n          severity=\"secondary\"\n          variant=\"outlined\"\n          styleClass=\"w-full sm:w-auto\"\n          (onClick)=\"actionMenu.toggle($event)\"\n        />\n        <mt-menu\n          #actionMenu\n          [model]=\"actionMenuItems()\"\n          appendTo=\"body\"\n          [ariaLabel]=\"t('actions')\"\n        />\n      }\n      <mt-button\n        [label]=\"t('edit')\"\n        icon=\"general.edit-01\"\n        [disabled]=\"!facade.managementAvailable()\"\n        styleClass=\"w-full sm:w-auto\"\n        (onClick)=\"edit()\"\n      />\n    </div>\n  } @else {\n    <div [class]=\"modal.contentClass + ' p-4 sm:p-5'\">\n      <mt-empty-state illustration=\"none\" [title]=\"t('connection-not-found')\" />\n    </div>\n    <div [class]=\"modal.footerClass\">\n      <mt-button [label]=\"t('close')\" variant=\"outlined\" (onClick)=\"close()\" />\n    </div>\n  }\n</ng-container>\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);
-    /** One rule for both the caption action and the empty-state action. */
-    canCreate = computed(() => this.canConfigure &&
-        this.facade.managementAvailable() &&
-        this.facade.providers().length > 0, ...(ngDevMode ? [{ debugName: "canCreate" }] : /* istanbul ignore next */ []));
-    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'),
-                width: '18rem',
-                filterConfig: {
-                    type: 'select',
-                    options: this.facade.providers().map((provider) => ({
-                        label: provider.displayName,
-                        value: provider.displayName,
-                    })),
-                },
-            },
-            {
-                key: 'senderAddress',
-                label: this.t('connection.sender'),
-                width: '18rem',
-                filterConfig: { type: 'text' },
-            },
-            {
-                key: 'state',
-                label: this.t('connection.state'),
-                type: 'status',
-                width: '15rem',
-                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('in-use'),
-                type: 'boolean',
-                width: '10rem',
-                readonly: true,
-                filterConfig: { type: 'boolean' },
-            },
-            {
-                key: 'lastValidatedAtUtc',
-                label: this.t('connection.last-validation'),
-                type: 'dateTime',
-                width: '15rem',
-            },
-        ];
-    }, ...(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: EMAIL_DELIVERY_DRAWER_STYLE_CLASS,
-            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: EMAIL_DELIVERY_DRAWER_STYLE_CLASS,
-            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'\">\n  <section class=\"space-y-4\" aria-label=\"{{ t('connections-title') }}\">\n    @if (\n      !facade.statusLoading() &&\n      !facade.catalogLoading() &&\n      facade.providers().length === 0\n    ) {\n      <mt-empty-state\n        illustration=\"none\"\n        [title]=\"t('no-providers-title')\"\n        [description]=\"t('no-providers-description')\"\n      />\n    } @else {\n      <mt-table\n        [data]=\"rows()\"\n        [columns]=\"columns()\"\n        [rowActions]=\"rowActions()\"\n        [loading]=\"\n          facade.statusLoading() ||\n          facade.connectionsLoading() ||\n          facade.catalogLoading()\n        \"\n        [generalSearch]=\"true\"\n        [showFilters]=\"true\"\n        [emptyTitle]=\"t('no-connections-title')\"\n        [emptyDescription]=\"t('no-connections-description')\"\n        [emptyActionLabel]=\"canCreate() ? t('create-connection') : undefined\"\n        emptyActionIcon=\"general.plus\"\n        filterMode=\"column\"\n        actionShape=\"popover\"\n        [clickableRows]=\"true\"\n        dataKey=\"id\"\n        storageKey=\"email-delivery-connections\"\n        (emptyAction)=\"createConnection()\"\n        (rowClick)=\"openDetails($event)\"\n      >\n        <ng-template #captionEnd>\n          @if (canCreate()) {\n            <mt-button\n              [label]=\"t('create-connection')\"\n              icon=\"general.plus\"\n              (onClick)=\"createConnection()\"\n            />\n          }\n        </ng-template>\n      </mt-table>\n    }\n  </section>\n</ng-container>\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'\">\n  <section class=\"space-y-4\" aria-label=\"{{ t('connections-title') }}\">\n    @if (\n      !facade.statusLoading() &&\n      !facade.catalogLoading() &&\n      facade.providers().length === 0\n    ) {\n      <mt-empty-state\n        illustration=\"none\"\n        [title]=\"t('no-providers-title')\"\n        [description]=\"t('no-providers-description')\"\n      />\n    } @else {\n      <mt-table\n        [data]=\"rows()\"\n        [columns]=\"columns()\"\n        [rowActions]=\"rowActions()\"\n        [loading]=\"\n          facade.statusLoading() ||\n          facade.connectionsLoading() ||\n          facade.catalogLoading()\n        \"\n        [generalSearch]=\"true\"\n        [showFilters]=\"true\"\n        [emptyTitle]=\"t('no-connections-title')\"\n        [emptyDescription]=\"t('no-connections-description')\"\n        [emptyActionLabel]=\"canCreate() ? t('create-connection') : undefined\"\n        emptyActionIcon=\"general.plus\"\n        filterMode=\"column\"\n        actionShape=\"popover\"\n        [clickableRows]=\"true\"\n        dataKey=\"id\"\n        storageKey=\"email-delivery-connections\"\n        (emptyAction)=\"createConnection()\"\n        (rowClick)=\"openDetails($event)\"\n      >\n        <ng-template #captionEnd>\n          @if (canCreate()) {\n            <mt-button\n              [label]=\"t('create-connection')\"\n              icon=\"general.plus\"\n              (onClick)=\"createConnection()\"\n            />\n          }\n        </ng-template>\n      </mt-table>\n    }\n  </section>\n</ng-container>\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 */ []));
-    /**
-     * Same trail the sibling control-panel pages render, so Email Delivery reads
-     * as part of Product Settings rather than a standalone screen.
-     */
-    breadcrumbItems = computed(() => {
-        this.activeLanguage();
-        return [
-            {
-                label: '',
-                icon: 'general.home-line',
-                routerLink: '/control-panel/workspaces',
-            },
-            {
-                label: this.t('breadcrumb.product-settings'),
-                routerLink: PRODUCT_SETTINGS_ROUTE,
-            },
-            { label: this.t('title') },
-        ];
-    }, ...(ngDevMode ? [{ debugName: "breadcrumbItems" }] : /* istanbul ignore next */ []));
-    /**
-     * Readiness moved out of a page-wide banner and onto a chip beside the title.
-     * The banner's explanation survives as the chip's tooltip, so the reason is
-     * still one hover away without a block of text above every tab.
-     */
-    readiness = computed(() => {
-        const status = this.facade.status();
-        if (!status)
-            return null;
-        if (!status.managementEnabled)
-            return 'unavailable';
-        return status.isReady ? 'ready' : 'needs-setup';
-    }, ...(ngDevMode ? [{ debugName: "readiness" }] : /* istanbul ignore next */ []));
-    readinessHint = computed(() => {
-        this.activeLanguage();
-        const status = this.facade.status();
-        return status ? this.facade.describeCode(status.code) : '';
-    }, ...(ngDevMode ? [{ debugName: "readinessHint" }] : /* 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([PRODUCT_SETTINGS_ROUTE]);
-    }
-    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'\">\n  <mt-page\n    [title]=\"t('title')\"\n    avatarIcon=\"communication.mail-01\"\n    [avatarStyle]=\"{\n      '--p-avatar-background': 'var(--p-blue-100)',\n      '--p-avatar-color': 'var(--p-blue-700)',\n    }\"\n    [tabs]=\"canView ? tabs() : []\"\n    [activeTab]=\"activeTab()\"\n    contentClass=\"min-h-0 max-[1025px]:p-4 max-[640px]:p-3\"\n    backButton\n    (backButtonClick)=\"goBack()\"\n    (tabChange)=\"onTabChange($event)\"\n  >\n    <!-- Declared unconditionally: a content query cannot reach a template that\n         only exists inside a control-flow block, so the condition lives here. -->\n    <ng-template #titleEnd>\n      @if (canView && readiness(); as state) {\n        <span class=\"shrink-0\" [mtTooltip]=\"readinessHint()\">\n          <mt-email-delivery-status kind=\"readiness\" [value]=\"state\" />\n        </span>\n      }\n    </ng-template>\n\n    @if (canView) {\n      <div\n        class=\"flex min-h-0 flex-col gap-4 [&_.mt-actions-column]:w-[5rem] [&_mt-card]:rounded-md [&_mt-table_:has(>.p-datatable)]:rounded-md\"\n      >\n        <mt-breadcrumb\n          [items]=\"breadcrumbItems()\"\n          styleClass=\"mx-1 flex justify-start\"\n        />\n\n        @if (activeTab() === \"activity\") {\n          <mt-email-delivery-activity />\n        } @else {\n          <mt-email-delivery-connections />\n        }\n      </div>\n    } @else {\n      <mt-empty-state\n        illustration=\"none\"\n        [title]=\"t('access-denied-title')\"\n        [description]=\"t('access-denied-description')\"\n      />\n    }\n  </mt-page>\n</ng-container>\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: Breadcrumb, selector: "mt-breadcrumb", inputs: ["items", "styleClass"], outputs: ["onItemClick"] }, { kind: "component", type: EmptyState, selector: "mt-empty-state", inputs: ["variant", "illustration", "title", "description", "actionLabel", "actionIcon"], outputs: ["actionClick"] }, { kind: "directive", type: Tooltip, selector: "[mtTooltip]" }, { kind: "component", type: EmailDeliveryStatus, selector: "mt-email-delivery-status", inputs: ["value", "kind"] }, { 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,
-                        Breadcrumb,
-                        EmptyState,
-                        Tooltip,
-                        EmailDeliveryStatus,
-                        EmailDeliveryConnections,
-                        EmailDeliveryActivity,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\n  <mt-page\n    [title]=\"t('title')\"\n    avatarIcon=\"communication.mail-01\"\n    [avatarStyle]=\"{\n      '--p-avatar-background': 'var(--p-blue-100)',\n      '--p-avatar-color': 'var(--p-blue-700)',\n    }\"\n    [tabs]=\"canView ? tabs() : []\"\n    [activeTab]=\"activeTab()\"\n    contentClass=\"min-h-0 max-[1025px]:p-4 max-[640px]:p-3\"\n    backButton\n    (backButtonClick)=\"goBack()\"\n    (tabChange)=\"onTabChange($event)\"\n  >\n    <!-- Declared unconditionally: a content query cannot reach a template that\n         only exists inside a control-flow block, so the condition lives here. -->\n    <ng-template #titleEnd>\n      @if (canView && readiness(); as state) {\n        <span class=\"shrink-0\" [mtTooltip]=\"readinessHint()\">\n          <mt-email-delivery-status kind=\"readiness\" [value]=\"state\" />\n        </span>\n      }\n    </ng-template>\n\n    @if (canView) {\n      <div\n        class=\"flex min-h-0 flex-col gap-4 [&_.mt-actions-column]:w-[5rem] [&_mt-card]:rounded-md [&_mt-table_:has(>.p-datatable)]:rounded-md\"\n      >\n        <mt-breadcrumb\n          [items]=\"breadcrumbItems()\"\n          styleClass=\"mx-1 flex justify-start\"\n        />\n\n        @if (activeTab() === \"activity\") {\n          <mt-email-delivery-activity />\n        } @else {\n          <mt-email-delivery-connections />\n        }\n      </div>\n    } @else {\n      <mt-empty-state\n        illustration=\"none\"\n        [title]=\"t('access-denied-title')\"\n        [description]=\"t('access-denied-description')\"\n      />\n    }\n  </mt-page>\n</ng-container>\n" }]
-        }], ctorParameters: () => [] });
-const PRODUCT_SETTINGS_ROUTE = '/control-panel/product-settings';
-
-export { EmailDeliveryShell };
-//# sourceMappingURL=masterteam-system-settings-email-delivery-shell-Co2SifYp.mjs.map