@masterteam/system-settings 0.0.17 → 0.0.18

package/fesm2022/{masterteam-system-settings-email-delivery-shell-C_AhRF1f.mjs → masterteam-system-settings-email-delivery-shell-Bjwtj5Ic.mjs}

@@ -1,21 +1,19 @@
 import * as i0 from '@angular/core';
-import { input, inject, computed, ChangeDetectionStrategy, Component, Injectable, signal, DestroyRef } from '@angular/core';
+import { input, inject, ChangeDetectionStrategy, Component, signal, computed, 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 { TranslocoDirective, TranslocoService } 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 { E as EmailDeliveryFacade, i as isConnectionTestAttempt, a as EmailDeliveryStatus, g as getEmailDeliveryStatusMap, b as EMAIL_DELIVERY_ATTEMPT_STATUSES, c as createEmailTestRequestId, d as areEmailTestRecipientsValid, p as parseEmailTestRecipients, e as isEmailTestRequestPending, f as EMAIL_DELIVERY_PERMISSIONS } from './masterteam-system-settings-masterteam-system-settings-CO-XTJOi.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 { take, timer, of, map, switchMap, finalize } from 'rxjs';
 import { DatePipe, DOCUMENT } from '@angular/common';
 import { ModalRef } from '@masterteam/components/dialog';
 import * as i1 from '@angular/forms';
@@ -23,724 +21,13 @@ 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 { HttpErrorResponse } from '@angular/common/http';
 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(this.reloadOnConflict(id), 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(this.reloadOnConflict(id), 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(this.reloadOnConflict(id), 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(this.reloadOnConflict(id), 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(this.reloadOnConflict(id), 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(this.reloadOnConflict(id), 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})`;
-    }
-    /**
-     * The one sentence every failure path shows. It prefers the backend's stable
-     * code, falls back to the transport status the contract assigns a required
-     * behaviour to (401/403/409/422/428/429/503), and always appends the
-     * correlation ID when one is available — that identifier is what support asks
-     * for, and it is the only part of a failure this page is allowed to keep.
-     */
-    describeError(error) {
-        const failure = extractFailure(error);
-        const parts = [this.describeFailure(failure)];
-        if (failure.retryAfterSeconds !== null) {
-            parts.push(this.transloco.translate('email-delivery.retry-after', {
-                seconds: failure.retryAfterSeconds,
-            }));
-        }
-        if (failure.correlationId) {
-            parts.push(`${this.transloco.translate('email-delivery.correlation-id')}: ${failure.correlationId}`);
-        }
-        return parts.join(' ');
-    }
-    errorAction(error) {
-        const failure = extractFailure(error);
-        return (failure.action ||
-            this.errorCatalog().find((entry) => entry.code === failure.code)
-                ?.frontendAction ||
-            statusAction(failure.status));
-    }
-    showError(error) {
-        this.toast.error(this.describeError(error));
-    }
-    /**
-     * A `409` means the server state moved under this page. The contract requires
-     * reloading it rather than re-submitting over it, so every mutation that can
-     * conflict routes through here: the latest connection, list and readiness are
-     * pulled back before the caller sees the rejection.
-     */
-    reloadOnConflict(id) {
-        return catchError((error) => {
-            if (statusOf(error) !== 409)
-                return throwError(() => error);
-            const reload = id
-                ? this.refreshConnection(id).pipe(map(() => undefined))
-                : forkJoin({
-                    connections: this.loadConnections(),
-                    status: this.loadStatus(),
-                }).pipe(map(() => undefined));
-            reload.subscribe({ error: () => undefined });
-            return throwError(() => error);
-        });
-    }
-    describeFailure(failure) {
-        const translated = failure.code ? this.translateCode(failure.code) : null;
-        if (translated)
-            return translated;
-        const statusMessage = this.translateStatus(failure.status);
-        if (statusMessage) {
-            return failure.code
-                ? `${statusMessage} (${failure.code})`
-                : statusMessage;
-        }
-        return this.describeCode(failure.code);
-    }
-    translateCode(code) {
-        const key = `email-delivery.codes.${code}`;
-        const translated = this.transloco.translate(key);
-        return translated === key ? null : translated;
-    }
-    translateStatus(status) {
-        const key = status === null ? null : HTTP_STATUS_KEYS[status];
-        if (!key)
-            return null;
-        const fullKey = `email-delivery.http.${key}`;
-        const translated = this.transloco.translate(fullKey);
-        return translated === fullKey ? null : translated;
-    }
-    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' }]
-        }] });
-const HTTP_STATUS_KEYS = {
-    401: 'unauthorized',
-    403: 'forbidden',
-    409: 'conflict',
-    422: 'unprocessable',
-    428: 'authorization-required',
-    429: 'too-many-requests',
-    503: 'unavailable',
-};
-const HTTP_STATUS_ACTIONS = {
-    403: 'request_permission',
-    409: 'refresh',
-    422: 'correct_configuration',
-    428: 'authorize',
-    429: 'retry_later',
-    503: 'retry_later',
-};
-function statusAction(status) {
-    return status === null ? null : (HTTP_STATUS_ACTIONS[status] ?? null);
-}
-function statusOf(error) {
-    return error instanceof HttpErrorResponse ? error.status : null;
-}
-function extractFailure(error) {
-    const body = error instanceof HttpErrorResponse ? error.error : error;
-    const problem = readProblem(body);
-    const headers = error instanceof HttpErrorResponse ? error.headers : null;
-    return {
-        code: problem?.code ?? null,
-        action: problem?.action || null,
-        correlationId: problem?.correlationId ||
-            headers?.get('x-correlation-id') ||
-            headers?.get('correlation-id') ||
-            null,
-        retryAfterSeconds: problem?.retryAfterSeconds ??
-            parseRetryAfter(headers?.get('retry-after') ?? null),
-        status: statusOf(error),
-    };
-}
-/**
- * Two envelopes reach this page. The email contract answers with the problem
- * shape itself; Gateway rejects a request before it ever gets there and answers
- * with `{ errors: { code, message } }` — that is how `REQ_001` arrives, and
- * reading only the first shape lost it.
- */
-function readProblem(body) {
-    if (typeof body !== 'object' || body === null)
-        return null;
-    const problem = body;
-    if (typeof problem.code === 'string')
-        return problem;
-    const gatewayCode = problem.errors?.code;
-    if (typeof gatewayCode === 'string') {
-        return { ...problem, code: gatewayCode };
-    }
-    return null;
-}
-/**
- * `Retry-After` is either a delay in seconds or an HTTP date. Both become a
- * whole number of seconds so the message can say when to try again; anything
- * unparseable or already in the past is simply not offered.
- */
-function parseRetryAfter(value) {
-    if (!value)
-        return null;
-    const seconds = Number(value);
-    if (Number.isFinite(seconds)) {
-        return seconds > 0 ? Math.ceil(seconds) : null;
-    }
-    const date = Date.parse(value);
-    if (Number.isNaN(date))
-        return null;
-    const delta = Math.ceil((date - Date.now()) / 1000);
-    return delta > 0 ? delta : 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 */ []));
@@ -1400,7 +687,7 @@ class EmailControlledTestDialog {
     destroyRef = inject(DestroyRef);
     transloco = inject(TranslocoService);
     facade = inject(EmailDeliveryFacade);
-    testRequestId = signal(createId(), ...(ngDevMode ? [{ debugName: "testRequestId" }] : /* istanbul ignore next */ []));
+    testRequestId = signal(createEmailTestRequestId(), ...(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 */ []));
@@ -1433,7 +720,7 @@ class EmailControlledTestDialog {
                         rows: 3,
                         validators: [
                             ValidatorConfig.required(),
-                            ValidatorConfig.custom((value) => validRecipients(value), this.t('test.recipients-invalid')),
+                            ValidatorConfig.custom((value) => areEmailTestRecipientsValid(value, 100, 320), this.t('test.recipients-invalid')),
                         ],
                     }),
                     new TextFieldConfig({
@@ -1480,7 +767,7 @@ class EmailControlledTestDialog {
         this.facade
             .sendConnectionTest(this.connectionId(), {
             testRequestId: this.testRequestId(),
-            recipients: parseRecipients(value.recipients),
+            recipients: parseEmailTestRecipients(value.recipients),
             subject: value.subject?.trim() ?? '',
             body: value.body ?? '',
             isHtml: value.isHtml,
@@ -1502,7 +789,7 @@ class EmailControlledTestDialog {
                 // reusing it can never succeed, so the dialog mints a fresh one and
                 // waits for the operator to press Send again — it never resends.
                 if (isTestRequestConflict(error)) {
-                    this.testRequestId.set(createId());
+                    this.testRequestId.set(createEmailTestRequestId());
                 }
             },
         });
@@ -1523,7 +810,7 @@ class EmailControlledTestDialog {
                     this.polling.set(false);
                     return;
                 }
-                if (fromPoll && isPendingRequestState(stored.requestState)) {
+                if (fromPoll && isEmailTestRequestPending(stored.requestState)) {
                     this.schedulePoll();
                 }
                 else {
@@ -1588,35 +875,10 @@ function isTestRequestConflict(error) {
         body.code === TEST_REQUEST_CONFLICT_CODE);
 }
 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) {
@@ -2561,9 +1823,9 @@ class EmailDeliveryConnections {
     activeLanguage = toSignal(this.transloco.langChanges$, {
         initialValue: this.transloco.getActiveLang(),
     });
-    canConfigure = this.facade.hasPermission(EMAIL_DELIVERY_PERMISSIONS.controlPanel);
+    canConfigure = computed(() => this.facade.hasPermission(EMAIL_DELIVERY_PERMISSIONS.controlPanel), ...(ngDevMode ? [{ debugName: "canConfigure" }] : /* istanbul ignore next */ []));
     /** One rule for both the caption action and the empty-state action. */
-    canCreate = computed(() => this.canConfigure &&
+    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) => ({
@@ -2750,7 +2012,7 @@ class EmailDeliveryConnections {
         });
     }
     canMutate() {
-        return this.canConfigure && this.facade.managementAvailable();
+        return this.canConfigure() && this.facade.managementAvailable();
     }
     openEditor(connectionId) {
         const drawer = this.modal.openModal(EmailConnectionEditor, 'drawer', {
@@ -2807,7 +2069,7 @@ class EmailDeliveryShell {
         initialValue: this.transloco.getActiveLang(),
     });
     activeTab = signal('connections', ...(ngDevMode ? [{ debugName: "activeTab" }] : /* istanbul ignore next */ []));
-    canView = this.facade.hasPermission(EMAIL_DELIVERY_PERMISSIONS.controlPanel);
+    canView = computed(() => this.facade.hasPermission(EMAIL_DELIVERY_PERMISSIONS.controlPanel), ...(ngDevMode ? [{ debugName: "canView" }] : /* istanbul ignore next */ []));
     tabs = computed(() => {
         this.activeLanguage();
         return [
@@ -2858,11 +2120,26 @@ class EmailDeliveryShell {
         });
     }
     ngOnInit() {
-        if (!this.canView)
+        this.resolveAccess();
+    }
+    retryPermissions() {
+        if (this.facade.permissionsLoading())
             return;
-        this.facade.initialize();
-        this.syncTabFromUrl();
-        this.handleAuthorizationCallback();
+        this.resolveAccess();
+    }
+    resolveAccess() {
+        this.facade.loadPermissions(true).subscribe({
+            next: () => {
+                if (!this.canView())
+                    return;
+                this.facade.initialize();
+                this.syncTabFromUrl();
+                this.handleAuthorizationCallback();
+            },
+            // The error is already on the facade; the template turns it into the
+            // retryable state rather than the access-denied one.
+            error: () => undefined,
+        });
     }
     onTabChange(value) {
         if (value !== 'connections' && value !== 'activity')
@@ -2915,7 +2192,7 @@ class EmailDeliveryShell {
         return this.transloco.translate(`email-delivery.${key}`);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EmailDeliveryShell, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: EmailDeliveryShell, isStandalone: true, selector: "mt-email-delivery-shell", ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\r\n  <mt-page\r\n    [title]=\"t('title')\"\r\n    avatarIcon=\"communication.mail-01\"\r\n    [avatarStyle]=\"{\r\n      '--p-avatar-background': 'var(--p-blue-100)',\r\n      '--p-avatar-color': 'var(--p-blue-700)',\r\n    }\"\r\n    [tabs]=\"canView ? tabs() : []\"\r\n    [activeTab]=\"activeTab()\"\r\n    contentClass=\"min-h-0 max-[1025px]:p-4 max-[640px]:p-3\"\r\n    backButton\r\n    (backButtonClick)=\"goBack()\"\r\n    (tabChange)=\"onTabChange($event)\"\r\n  >\r\n    <!-- Declared unconditionally: a content query cannot reach a template that\r\n         only exists inside a control-flow block, so the condition lives here. -->\r\n    <ng-template #titleEnd>\r\n      @if (canView && readiness(); as state) {\r\n        <span class=\"shrink-0\" [mtTooltip]=\"readinessHint()\">\r\n          <mt-email-delivery-status kind=\"readiness\" [value]=\"state\" />\r\n        </span>\r\n      }\r\n    </ng-template>\r\n\r\n    @if (canView) {\r\n      <div\r\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\"\r\n      >\r\n        <mt-breadcrumb\r\n          [items]=\"breadcrumbItems()\"\r\n          styleClass=\"mx-1 flex justify-start\"\r\n        />\r\n\r\n        @if (activeTab() === \"activity\") {\r\n          <mt-email-delivery-activity />\r\n        } @else {\r\n          <mt-email-delivery-connections />\r\n        }\r\n      </div>\r\n    } @else {\r\n      <mt-empty-state\r\n        illustration=\"none\"\r\n        [title]=\"t('access-denied-title')\"\r\n        [description]=\"t('access-denied-description')\"\r\n      />\r\n    }\r\n  </mt-page>\r\n</ng-container>\r\n", dependencies: [{ kind: "component", type: Page, selector: "mt-page", inputs: ["backButton", "backButtonIcon", "avatarIcon", "avatarStyle", "avatarShape", "title", "tabs", "activeTab", "contentClass", "contentId"], outputs: ["backButtonClick", "tabChange"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: 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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: EmailDeliveryShell, isStandalone: true, selector: "mt-email-delivery-shell", ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\r\n  <mt-page\r\n    [title]=\"t('title')\"\r\n    avatarIcon=\"communication.mail-01\"\r\n    [avatarStyle]=\"{\r\n      '--p-avatar-background': 'var(--p-blue-100)',\r\n      '--p-avatar-color': 'var(--p-blue-700)',\r\n    }\"\r\n    [tabs]=\"canView() ? tabs() : []\"\r\n    [activeTab]=\"activeTab()\"\r\n    contentClass=\"min-h-0 max-[1025px]:p-4 max-[640px]:p-3\"\r\n    backButton\r\n    (backButtonClick)=\"goBack()\"\r\n    (tabChange)=\"onTabChange($event)\"\r\n  >\r\n    <!-- Declared unconditionally: a content query cannot reach a template that\r\n         only exists inside a control-flow block, so the condition lives here. -->\r\n    <ng-template #titleEnd>\r\n      @if (canView() && readiness(); as state) {\r\n        <span class=\"shrink-0\" [mtTooltip]=\"readinessHint()\">\r\n          <mt-email-delivery-status kind=\"readiness\" [value]=\"state\" />\r\n        </span>\r\n      }\r\n    </ng-template>\r\n\r\n    @if (facade.permissionsLoading()) {\r\n      <div class=\"p-6 text-sm text-muted-color\" aria-live=\"polite\">\r\n        {{ t(\"access-checking\") }}\r\n      </div>\r\n    } @else if (canView()) {\r\n      <div\r\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\"\r\n      >\r\n        <mt-breadcrumb\r\n          [items]=\"breadcrumbItems()\"\r\n          styleClass=\"mx-1 flex justify-start\"\r\n        />\r\n\r\n        @if (activeTab() === \"activity\") {\r\n          <mt-email-delivery-activity />\r\n        } @else {\r\n          <mt-email-delivery-connections />\r\n        }\r\n      </div>\r\n    } @else if (facade.permissionsError()) {\r\n      <!-- A failed access read is not a denial; say so and offer the retry,\r\n           otherwise a transient 500 reads as \"you do not have access\". -->\r\n      <mt-empty-state\r\n        illustration=\"none\"\r\n        [title]=\"t('access-error-title')\"\r\n        [description]=\"t('access-error-description')\"\r\n        [actionLabel]=\"t('access-retry')\"\r\n        actionIcon=\"arrow.refresh-cw-01\"\r\n        (actionClick)=\"retryPermissions()\"\r\n      />\r\n    } @else {\r\n      <mt-empty-state\r\n        illustration=\"none\"\r\n        [title]=\"t('access-denied-title')\"\r\n        [description]=\"t('access-denied-description')\"\r\n      />\r\n    }\r\n  </mt-page>\r\n</ng-container>\r\n", dependencies: [{ kind: "component", type: Page, selector: "mt-page", inputs: ["backButton", "backButtonIcon", "avatarIcon", "avatarStyle", "avatarShape", "title", "tabs", "activeTab", "contentClass", "contentId"], outputs: ["backButtonClick", "tabChange"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: 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,
@@ -2928,9 +2205,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                         EmailDeliveryStatus,
                         EmailDeliveryConnections,
                         EmailDeliveryActivity,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\r\n  <mt-page\r\n    [title]=\"t('title')\"\r\n    avatarIcon=\"communication.mail-01\"\r\n    [avatarStyle]=\"{\r\n      '--p-avatar-background': 'var(--p-blue-100)',\r\n      '--p-avatar-color': 'var(--p-blue-700)',\r\n    }\"\r\n    [tabs]=\"canView ? tabs() : []\"\r\n    [activeTab]=\"activeTab()\"\r\n    contentClass=\"min-h-0 max-[1025px]:p-4 max-[640px]:p-3\"\r\n    backButton\r\n    (backButtonClick)=\"goBack()\"\r\n    (tabChange)=\"onTabChange($event)\"\r\n  >\r\n    <!-- Declared unconditionally: a content query cannot reach a template that\r\n         only exists inside a control-flow block, so the condition lives here. -->\r\n    <ng-template #titleEnd>\r\n      @if (canView && readiness(); as state) {\r\n        <span class=\"shrink-0\" [mtTooltip]=\"readinessHint()\">\r\n          <mt-email-delivery-status kind=\"readiness\" [value]=\"state\" />\r\n        </span>\r\n      }\r\n    </ng-template>\r\n\r\n    @if (canView) {\r\n      <div\r\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\"\r\n      >\r\n        <mt-breadcrumb\r\n          [items]=\"breadcrumbItems()\"\r\n          styleClass=\"mx-1 flex justify-start\"\r\n        />\r\n\r\n        @if (activeTab() === \"activity\") {\r\n          <mt-email-delivery-activity />\r\n        } @else {\r\n          <mt-email-delivery-connections />\r\n        }\r\n      </div>\r\n    } @else {\r\n      <mt-empty-state\r\n        illustration=\"none\"\r\n        [title]=\"t('access-denied-title')\"\r\n        [description]=\"t('access-denied-description')\"\r\n      />\r\n    }\r\n  </mt-page>\r\n</ng-container>\r\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t; prefix: 'email-delivery'\">\r\n  <mt-page\r\n    [title]=\"t('title')\"\r\n    avatarIcon=\"communication.mail-01\"\r\n    [avatarStyle]=\"{\r\n      '--p-avatar-background': 'var(--p-blue-100)',\r\n      '--p-avatar-color': 'var(--p-blue-700)',\r\n    }\"\r\n    [tabs]=\"canView() ? tabs() : []\"\r\n    [activeTab]=\"activeTab()\"\r\n    contentClass=\"min-h-0 max-[1025px]:p-4 max-[640px]:p-3\"\r\n    backButton\r\n    (backButtonClick)=\"goBack()\"\r\n    (tabChange)=\"onTabChange($event)\"\r\n  >\r\n    <!-- Declared unconditionally: a content query cannot reach a template that\r\n         only exists inside a control-flow block, so the condition lives here. -->\r\n    <ng-template #titleEnd>\r\n      @if (canView() && readiness(); as state) {\r\n        <span class=\"shrink-0\" [mtTooltip]=\"readinessHint()\">\r\n          <mt-email-delivery-status kind=\"readiness\" [value]=\"state\" />\r\n        </span>\r\n      }\r\n    </ng-template>\r\n\r\n    @if (facade.permissionsLoading()) {\r\n      <div class=\"p-6 text-sm text-muted-color\" aria-live=\"polite\">\r\n        {{ t(\"access-checking\") }}\r\n      </div>\r\n    } @else if (canView()) {\r\n      <div\r\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\"\r\n      >\r\n        <mt-breadcrumb\r\n          [items]=\"breadcrumbItems()\"\r\n          styleClass=\"mx-1 flex justify-start\"\r\n        />\r\n\r\n        @if (activeTab() === \"activity\") {\r\n          <mt-email-delivery-activity />\r\n        } @else {\r\n          <mt-email-delivery-connections />\r\n        }\r\n      </div>\r\n    } @else if (facade.permissionsError()) {\r\n      <!-- A failed access read is not a denial; say so and offer the retry,\r\n           otherwise a transient 500 reads as \"you do not have access\". -->\r\n      <mt-empty-state\r\n        illustration=\"none\"\r\n        [title]=\"t('access-error-title')\"\r\n        [description]=\"t('access-error-description')\"\r\n        [actionLabel]=\"t('access-retry')\"\r\n        actionIcon=\"arrow.refresh-cw-01\"\r\n        (actionClick)=\"retryPermissions()\"\r\n      />\r\n    } @else {\r\n      <mt-empty-state\r\n        illustration=\"none\"\r\n        [title]=\"t('access-denied-title')\"\r\n        [description]=\"t('access-denied-description')\"\r\n      />\r\n    }\r\n  </mt-page>\r\n</ng-container>\r\n" }]
         }], ctorParameters: () => [] });
 const PRODUCT_SETTINGS_ROUTE = '/control-panel/product-settings';
 
 export { EmailDeliveryShell };
-//# sourceMappingURL=masterteam-system-settings-email-delivery-shell-C_AhRF1f.mjs.map
+//# sourceMappingURL=masterteam-system-settings-email-delivery-shell-Bjwtj5Ic.mjs.map