@serve.zone/catalog 2.1.0 → 2.3.0

package/dist_ts_web/00_commitinfo_data.js

@@ -3,7 +3,7 @@
  */
 export const commitinfo = {
     name: '@serve.zone/catalog',
-    version: '2.1.0',
+    version: '2.3.0',
     description: 'UI component catalog for serve.zone'
 };
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUscUJBQXFCO0lBQzNCLE9BQU8sRUFBRSxPQUFPO0lBQ2hCLFdBQVcsRUFBRSxxQ0FBcUM7Q0FDbkQsQ0FBQSJ9

package/dist_ts_web/elements/index.d.ts

@@ -25,9 +25,15 @@ export * from './sz-login-view.js';
 export * from './sz-service-create-view.js';
 export * from './sz-platform-service-detail-view.js';
 export * from './sz-domain-detail-view.js';
+export * from './sz-mta-list-view.js';
+export * from './sz-mta-detail-view.js';
+export * from './sz-route-card.js';
+export * from './sz-route-list-view.js';
 export * from './sz-demo-view-dashboard.js';
 export * from './sz-demo-view-services.js';
 export * from './sz-demo-view-network.js';
 export * from './sz-demo-view-registries.js';
 export * from './sz-demo-view-tokens.js';
 export * from './sz-demo-view-settings.js';
+export * from './sz-demo-view-mta.js';
+export * from './sz-demo-view-routes.js';

package/dist_ts_web/elements/index.js

@@ -35,6 +35,12 @@ export * from './sz-service-create-view.js';
 // Detail Views
 export * from './sz-platform-service-detail-view.js';
 export * from './sz-domain-detail-view.js';
+// MTA Email Views
+export * from './sz-mta-list-view.js';
+export * from './sz-mta-detail-view.js';
+// Route Configuration Views
+export * from './sz-route-card.js';
+export * from './sz-route-list-view.js';
 // Demo Views
 export * from './sz-demo-view-dashboard.js';
 export * from './sz-demo-view-services.js';
@@ -42,4 +48,6 @@ export * from './sz-demo-view-network.js';
 export * from './sz-demo-view-registries.js';
 export * from './sz-demo-view-tokens.js';
 export * from './sz-demo-view-settings.js';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsa0JBQWtCO0FBQ2xCLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyw0QkFBNEIsQ0FBQztBQUUzQyxrQkFBa0I7QUFDbEIsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHdCQUF3QixDQUFDO0FBRXZDLGdCQUFnQjtBQUNoQixjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyw4QkFBOEIsQ0FBQztBQUU3QyxpQkFBaUI7QUFDakIsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLGdDQUFnQyxDQUFDO0FBRS9DLGlCQUFpQjtBQUNqQixjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyw2QkFBNkIsQ0FBQztBQUU1QyxjQUFjO0FBQ2QsY0FBYyxxQkFBcUIsQ0FBQztBQUVwQyxnQkFBZ0I7QUFDaEIsY0FBYyx1QkFBdUIsQ0FBQztBQUV0QyxlQUFlO0FBQ2YsY0FBYyxvQkFBb0IsQ0FBQztBQUVuQyxpQkFBaUI7QUFDakIsY0FBYyw2QkFBNkIsQ0FBQztBQUU1QyxlQUFlO0FBQ2YsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLDRCQUE0QixDQUFDO0FBRTNDLGFBQWE7QUFDYixjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyw0QkFBNEIsQ0FBQyJ9
+export * from './sz-demo-view-mta.js';
+export * from './sz-demo-view-routes.js';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsa0JBQWtCO0FBQ2xCLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyw0QkFBNEIsQ0FBQztBQUUzQyxrQkFBa0I7QUFDbEIsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHdCQUF3QixDQUFDO0FBRXZDLGdCQUFnQjtBQUNoQixjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyw4QkFBOEIsQ0FBQztBQUU3QyxpQkFBaUI7QUFDakIsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLGdDQUFnQyxDQUFDO0FBRS9DLGlCQUFpQjtBQUNqQixjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyw2QkFBNkIsQ0FBQztBQUU1QyxjQUFjO0FBQ2QsY0FBYyxxQkFBcUIsQ0FBQztBQUVwQyxnQkFBZ0I7QUFDaEIsY0FBYyx1QkFBdUIsQ0FBQztBQUV0QyxlQUFlO0FBQ2YsY0FBYyxvQkFBb0IsQ0FBQztBQUVuQyxpQkFBaUI7QUFDakIsY0FBYyw2QkFBNkIsQ0FBQztBQUU1QyxlQUFlO0FBQ2YsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLDRCQUE0QixDQUFDO0FBRTNDLGtCQUFrQjtBQUNsQixjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMseUJBQXlCLENBQUM7QUFFeEMsNEJBQTRCO0FBQzVCLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyx5QkFBeUIsQ0FBQztBQUV4QyxhQUFhO0FBQ2IsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLDBCQUEwQixDQUFDIn0=

package/dist_ts_web/elements/sz-demo-view-mta.d.ts

@@ -0,0 +1,25 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import type { DeesAppui } from '@design.estate/dees-catalog';
+import './index.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'sz-demo-view-mta': SzDemoViewMta;
+    }
+}
+export declare class SzDemoViewMta extends DeesElement {
+    private appui;
+    private accessor currentView;
+    private accessor selectedEmail;
+    private accessor currentDirectionFilter;
+    private demoEmails;
+    private demoEmailDetails;
+    onActivate(context: {
+        appui: DeesAppui;
+        viewId: string;
+    }): Promise<void>;
+    private updateSecondaryMenu;
+    onDeactivate(): void;
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    render(): TemplateResult;
+    private handleEmailClick;
+}

package/dist_ts_web/elements/sz-demo-view-mta.js

@@ -0,0 +1,375 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import { DeesElement, customElement, html, css, cssManager, state, } from '@design.estate/dees-element';
+import './index.js';
+let SzDemoViewMta = (() => {
+    let _classDecorators = [customElement('sz-demo-view-mta')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _currentView_decorators;
+    let _currentView_initializers = [];
+    let _currentView_extraInitializers = [];
+    let _selectedEmail_decorators;
+    let _selectedEmail_initializers = [];
+    let _selectedEmail_extraInitializers = [];
+    let _currentDirectionFilter_decorators;
+    let _currentDirectionFilter_initializers = [];
+    let _currentDirectionFilter_extraInitializers = [];
+    var SzDemoViewMta = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _currentView_decorators = [state()];
+            _selectedEmail_decorators = [state()];
+            _currentDirectionFilter_decorators = [state()];
+            __esDecorate(this, null, _currentView_decorators, { kind: "accessor", name: "currentView", static: false, private: false, access: { has: obj => "currentView" in obj, get: obj => obj.currentView, set: (obj, value) => { obj.currentView = value; } }, metadata: _metadata }, _currentView_initializers, _currentView_extraInitializers);
+            __esDecorate(this, null, _selectedEmail_decorators, { kind: "accessor", name: "selectedEmail", static: false, private: false, access: { has: obj => "selectedEmail" in obj, get: obj => obj.selectedEmail, set: (obj, value) => { obj.selectedEmail = value; } }, metadata: _metadata }, _selectedEmail_initializers, _selectedEmail_extraInitializers);
+            __esDecorate(this, null, _currentDirectionFilter_decorators, { kind: "accessor", name: "currentDirectionFilter", static: false, private: false, access: { has: obj => "currentDirectionFilter" in obj, get: obj => obj.currentDirectionFilter, set: (obj, value) => { obj.currentDirectionFilter = value; } }, metadata: _metadata }, _currentDirectionFilter_initializers, _currentDirectionFilter_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            SzDemoViewMta = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        appui = null;
+        #currentView_accessor_storage = __runInitializers(this, _currentView_initializers, 'list');
+        get currentView() { return this.#currentView_accessor_storage; }
+        set currentView(value) { this.#currentView_accessor_storage = value; }
+        #selectedEmail_accessor_storage = (__runInitializers(this, _currentView_extraInitializers), __runInitializers(this, _selectedEmail_initializers, null));
+        get selectedEmail() { return this.#selectedEmail_accessor_storage; }
+        set selectedEmail(value) { this.#selectedEmail_accessor_storage = value; }
+        #currentDirectionFilter_accessor_storage = (__runInitializers(this, _selectedEmail_extraInitializers), __runInitializers(this, _currentDirectionFilter_initializers, 'all'));
+        get currentDirectionFilter() { return this.#currentDirectionFilter_accessor_storage; }
+        set currentDirectionFilter(value) { this.#currentDirectionFilter_accessor_storage = value; }
+        demoEmails = (__runInitializers(this, _currentDirectionFilter_extraInitializers), [
+            { id: '1', direction: 'outbound', status: 'delivered', from: 'noreply@serve.zone', to: 'user@example.com', subject: 'Welcome to serve.zone', timestamp: '2024-01-15 14:30:22', messageId: '<abc123@serve.zone>', size: '12.4 KB' },
+            { id: '2', direction: 'outbound', status: 'bounced', from: 'alerts@serve.zone', to: 'invalid@nowhere.test', subject: 'Service Alert: CPU Usage High', timestamp: '2024-01-15 14:28:10', messageId: '<def456@serve.zone>', size: '8.2 KB' },
+            { id: '3', direction: 'inbound', status: 'delivered', from: 'support@customer.com', to: 'admin@serve.zone', subject: 'Re: Infrastructure Review', timestamp: '2024-01-15 14:25:00', messageId: '<ghi789@customer.com>', size: '24.1 KB' },
+            { id: '4', direction: 'outbound', status: 'rejected', from: 'billing@serve.zone', to: 'blocked@spam-domain.test', subject: 'Invoice #2024-001', timestamp: '2024-01-15 14:20:45', messageId: '<jkl012@serve.zone>', size: '45.6 KB' },
+            { id: '5', direction: 'outbound', status: 'deferred', from: 'noreply@serve.zone', to: 'slow@remote-server.test', subject: 'Password Reset Request', timestamp: '2024-01-15 14:15:30', messageId: '<mno345@serve.zone>', size: '6.8 KB' },
+            { id: '6', direction: 'inbound', status: 'delivered', from: 'ci@github.com', to: 'devops@serve.zone', subject: 'Build #4521 passed', timestamp: '2024-01-15 14:10:00', messageId: '<pqr678@github.com>', size: '15.3 KB' },
+            { id: '7', direction: 'outbound', status: 'pending', from: 'reports@serve.zone', to: 'team@serve.zone', subject: 'Weekly Infrastructure Report', timestamp: '2024-01-15 14:05:00', messageId: '<stu901@serve.zone>', size: '102.7 KB' },
+            { id: '8', direction: 'inbound', status: 'delivered', from: 'monitoring@uptime.io', to: 'ops@serve.zone', subject: 'Uptime Report: 99.98%', timestamp: '2024-01-15 13:55:00', messageId: '<vwx234@uptime.io>', size: '9.1 KB' },
+        ]);
+        demoEmailDetails = {
+            '1': {
+                id: '1',
+                direction: 'outbound',
+                status: 'delivered',
+                from: 'noreply@serve.zone',
+                to: 'user@example.com',
+                toList: ['user@example.com'],
+                subject: 'Welcome to serve.zone',
+                timestamp: '2024-01-15 14:30:22',
+                messageId: '<abc123@serve.zone>',
+                size: '12.4 KB',
+                smtpLog: [
+                    { timestamp: '14:30:20', direction: 'client', command: 'EHLO mail.serve.zone' },
+                    { timestamp: '14:30:20', direction: 'server', command: '250-mail.example.com Hello', responseCode: 250 },
+                    { timestamp: '14:30:20', direction: 'server', command: '250-STARTTLS', responseCode: 250 },
+                    { timestamp: '14:30:20', direction: 'server', command: '250 SIZE 52428800', responseCode: 250 },
+                    { timestamp: '14:30:20', direction: 'client', command: 'STARTTLS' },
+                    { timestamp: '14:30:21', direction: 'server', command: '220 Ready to start TLS', responseCode: 220 },
+                    { timestamp: '14:30:21', direction: 'client', command: 'EHLO mail.serve.zone' },
+                    { timestamp: '14:30:21', direction: 'server', command: '250-mail.example.com Hello', responseCode: 250 },
+                    { timestamp: '14:30:21', direction: 'server', command: '250-AUTH PLAIN LOGIN', responseCode: 250 },
+                    { timestamp: '14:30:21', direction: 'server', command: '250 SIZE 52428800', responseCode: 250 },
+                    { timestamp: '14:30:21', direction: 'client', command: 'AUTH PLAIN AHVzZXIAcGFzc3dvcmQ=' },
+                    { timestamp: '14:30:21', direction: 'server', command: '235 2.7.0 Authentication successful', responseCode: 235 },
+                    { timestamp: '14:30:21', direction: 'client', command: 'MAIL FROM:<noreply@serve.zone>' },
+                    { timestamp: '14:30:21', direction: 'server', command: '250 OK', responseCode: 250 },
+                    { timestamp: '14:30:21', direction: 'client', command: 'RCPT TO:<user@example.com>' },
+                    { timestamp: '14:30:21', direction: 'server', command: '250 Accepted', responseCode: 250 },
+                    { timestamp: '14:30:22', direction: 'client', command: 'DATA' },
+                    { timestamp: '14:30:22', direction: 'server', command: '354 Enter message, ending with "." on a line by itself', responseCode: 354 },
+                    { timestamp: '14:30:22', direction: 'client', command: '.' },
+                    { timestamp: '14:30:22', direction: 'server', command: '250 OK id=1pQ2rS-0003Ab-C4', responseCode: 250 },
+                    { timestamp: '14:30:22', direction: 'client', command: 'QUIT' },
+                    { timestamp: '14:30:22', direction: 'server', command: '221 mail.example.com closing connection', responseCode: 221 },
+                ],
+                connectionInfo: {
+                    sourceIp: '10.0.1.50',
+                    sourceHostname: 'mail.serve.zone',
+                    destinationIp: '93.184.216.34',
+                    destinationPort: 25,
+                    tlsVersion: 'TLSv1.3',
+                    tlsCipher: 'TLS_AES_256_GCM_SHA384',
+                    authenticated: true,
+                    authMethod: 'PLAIN',
+                    authUser: 'noreply@serve.zone',
+                },
+                authenticationResults: {
+                    spf: 'pass',
+                    spfDomain: 'serve.zone',
+                    dkim: 'pass',
+                    dkimDomain: 'serve.zone',
+                    dmarc: 'pass',
+                    dmarcPolicy: 'reject',
+                },
+                headers: {
+                    'From': 'noreply@serve.zone',
+                    'To': 'user@example.com',
+                    'Subject': 'Welcome to serve.zone',
+                    'Date': 'Mon, 15 Jan 2024 14:30:22 +0000',
+                    'MIME-Version': '1.0',
+                    'Content-Type': 'text/html; charset=UTF-8',
+                },
+                body: '<html>\n<head><title>Welcome</title></head>\n<body>\n  <h1>Welcome to serve.zone!</h1>\n  <p>Your account has been created successfully.</p>\n  <p>Get started by visiting your <a href="https://serve.zone/dashboard">dashboard</a>.</p>\n</body>\n</html>',
+            },
+            '2': {
+                id: '2',
+                direction: 'outbound',
+                status: 'bounced',
+                from: 'alerts@serve.zone',
+                to: 'invalid@nowhere.test',
+                toList: ['invalid@nowhere.test'],
+                subject: 'Service Alert: CPU Usage High',
+                timestamp: '2024-01-15 14:28:10',
+                messageId: '<def456@serve.zone>',
+                size: '8.2 KB',
+                rejectionReason: '550 5.1.1 The email account that you tried to reach does not exist.',
+                bounceMessage: 'Delivery to the following recipient failed permanently:\n\n    invalid@nowhere.test\n\nTechnical details of permanent failure:\nGoogle tried to deliver your message, but it was rejected by the server for the recipient domain nowhere.test.',
+                smtpLog: [
+                    { timestamp: '14:28:08', direction: 'client', command: 'EHLO mail.serve.zone' },
+                    { timestamp: '14:28:08', direction: 'server', command: '250-mail.nowhere.test Hello', responseCode: 250 },
+                    { timestamp: '14:28:08', direction: 'client', command: 'MAIL FROM:<alerts@serve.zone>' },
+                    { timestamp: '14:28:09', direction: 'server', command: '250 OK', responseCode: 250 },
+                    { timestamp: '14:28:09', direction: 'client', command: 'RCPT TO:<invalid@nowhere.test>' },
+                    { timestamp: '14:28:10', direction: 'server', command: '550 5.1.1 The email account that you tried to reach does not exist.', responseCode: 550 },
+                    { timestamp: '14:28:10', direction: 'client', command: 'QUIT' },
+                    { timestamp: '14:28:10', direction: 'server', command: '221 Bye', responseCode: 221 },
+                ],
+                connectionInfo: {
+                    sourceIp: '10.0.1.50',
+                    sourceHostname: 'mail.serve.zone',
+                    destinationIp: '198.51.100.25',
+                    destinationPort: 25,
+                    tlsVersion: 'TLSv1.2',
+                    tlsCipher: 'ECDHE-RSA-AES128-GCM-SHA256',
+                    authenticated: true,
+                    authMethod: 'PLAIN',
+                    authUser: 'alerts@serve.zone',
+                },
+                authenticationResults: {
+                    spf: 'pass',
+                    spfDomain: 'serve.zone',
+                    dkim: 'pass',
+                    dkimDomain: 'serve.zone',
+                    dmarc: 'pass',
+                    dmarcPolicy: 'quarantine',
+                },
+                headers: {
+                    'From': 'alerts@serve.zone',
+                    'To': 'invalid@nowhere.test',
+                    'Subject': 'Service Alert: CPU Usage High',
+                    'Date': 'Mon, 15 Jan 2024 14:28:10 +0000',
+                    'MIME-Version': '1.0',
+                    'Content-Type': 'text/plain; charset=UTF-8',
+                },
+                body: 'ALERT: CPU Usage High\n\nService: api-gateway\nCurrent Usage: 94.2%\nThreshold: 90%\nTimestamp: 2024-01-15 14:28:00 UTC\n\nPlease investigate immediately.',
+            },
+            '3': {
+                id: '3',
+                direction: 'inbound',
+                status: 'delivered',
+                from: 'support@customer.com',
+                to: 'admin@serve.zone',
+                toList: ['admin@serve.zone'],
+                cc: ['ops@serve.zone'],
+                subject: 'Re: Infrastructure Review',
+                timestamp: '2024-01-15 14:25:00',
+                messageId: '<ghi789@customer.com>',
+                size: '24.1 KB',
+                smtpLog: [
+                    { timestamp: '14:24:58', direction: 'client', command: 'EHLO mail.customer.com' },
+                    { timestamp: '14:24:58', direction: 'server', command: '250-mail.serve.zone Hello', responseCode: 250 },
+                    { timestamp: '14:24:58', direction: 'server', command: '250-STARTTLS', responseCode: 250 },
+                    { timestamp: '14:24:58', direction: 'server', command: '250 SIZE 52428800', responseCode: 250 },
+                    { timestamp: '14:24:59', direction: 'client', command: 'STARTTLS' },
+                    { timestamp: '14:24:59', direction: 'server', command: '220 Ready to start TLS', responseCode: 220 },
+                    { timestamp: '14:24:59', direction: 'client', command: 'MAIL FROM:<support@customer.com>' },
+                    { timestamp: '14:24:59', direction: 'server', command: '250 OK', responseCode: 250 },
+                    { timestamp: '14:24:59', direction: 'client', command: 'RCPT TO:<admin@serve.zone>' },
+                    { timestamp: '14:25:00', direction: 'server', command: '250 Accepted', responseCode: 250 },
+                    { timestamp: '14:25:00', direction: 'client', command: 'DATA' },
+                    { timestamp: '14:25:00', direction: 'server', command: '354 Enter message', responseCode: 354 },
+                    { timestamp: '14:25:00', direction: 'client', command: '.' },
+                    { timestamp: '14:25:00', direction: 'server', command: '250 OK id=2bR3sT-0004Cd-E5', responseCode: 250 },
+                ],
+                connectionInfo: {
+                    sourceIp: '203.0.113.45',
+                    sourceHostname: 'mail.customer.com',
+                    destinationIp: '10.0.1.50',
+                    destinationPort: 25,
+                    tlsVersion: 'TLSv1.3',
+                    tlsCipher: 'TLS_AES_128_GCM_SHA256',
+                    authenticated: false,
+                    authMethod: '',
+                    authUser: '',
+                },
+                authenticationResults: {
+                    spf: 'pass',
+                    spfDomain: 'customer.com',
+                    dkim: 'pass',
+                    dkimDomain: 'customer.com',
+                    dmarc: 'pass',
+                    dmarcPolicy: 'none',
+                },
+                headers: {
+                    'From': 'support@customer.com',
+                    'To': 'admin@serve.zone',
+                    'CC': 'ops@serve.zone',
+                    'Subject': 'Re: Infrastructure Review',
+                    'Date': 'Mon, 15 Jan 2024 14:25:00 +0000',
+                    'MIME-Version': '1.0',
+                    'Content-Type': 'text/plain; charset=UTF-8',
+                    'In-Reply-To': '<prev123@serve.zone>',
+                },
+                body: 'Hi Admin,\n\nThank you for the detailed infrastructure review report.\n\nWe have reviewed the recommendations and would like to\nproceed with the following:\n\n1. Upgrade to the Pro tier\n2. Enable automatic backups\n3. Set up monitoring alerts\n\nPlease let us know the timeline for these changes.\n\nBest regards,\nCustomer Support Team',
+            },
+        };
+        async onActivate(context) {
+            this.appui = context.appui;
+            this.appui.setContentTabs([
+                {
+                    key: 'All Emails',
+                    action: () => {
+                        this.currentDirectionFilter = 'all';
+                        this.currentView = 'list';
+                        this.updateSecondaryMenu();
+                    },
+                },
+                {
+                    key: 'Inbound',
+                    action: () => {
+                        this.currentDirectionFilter = 'inbound';
+                        this.currentView = 'list';
+                        this.updateSecondaryMenu();
+                    },
+                },
+                {
+                    key: 'Outbound',
+                    action: () => {
+                        this.currentDirectionFilter = 'outbound';
+                        this.currentView = 'list';
+                        this.updateSecondaryMenu();
+                    },
+                },
+            ]);
+            this.updateSecondaryMenu();
+        }
+        updateSecondaryMenu() {
+            if (!this.appui)
+                return;
+            this.appui.setSecondaryMenu({
+                heading: 'Email / MTA',
+                groups: [
+                    {
+                        name: 'Actions',
+                        items: [
+                            { type: 'action', key: 'Refresh', iconName: 'lucide:RefreshCw', action: () => { console.log('Refresh emails'); } },
+                            { type: 'action', key: 'Export Logs', iconName: 'lucide:Download', action: () => { console.log('Export logs'); } },
+                        ],
+                    },
+                    {
+                        name: 'Status Filters',
+                        items: [
+                            { key: 'Delivered', iconName: 'lucide:CheckCircle', badge: '5', badgeVariant: 'success', action: () => { console.log('Filter delivered'); } },
+                            { key: 'Bounced', iconName: 'lucide:XCircle', badge: '1', badgeVariant: 'error', action: () => { console.log('Filter bounced'); } },
+                            { key: 'Deferred', iconName: 'lucide:Clock', badge: '1', badgeVariant: 'warning', action: () => { console.log('Filter deferred'); } },
+                            { key: 'Pending', iconName: 'lucide:Loader', badge: '1', action: () => { console.log('Filter pending'); } },
+                        ],
+                    },
+                    {
+                        name: 'Statistics',
+                        items: [
+                            { type: 'header', label: '8 Total Emails' },
+                            { type: 'header', label: '62.5% Delivery Rate' },
+                        ],
+                    },
+                ],
+            });
+        }
+        onDeactivate() {
+            // Cleanup if needed
+        }
+        static styles = [
+            cssManager.defaultStyles,
+            css `
+      :host {
+        display: block;
+        padding: 24px;
+        height: 100%;
+        overflow-y: auto;
+        box-sizing: border-box;
+      }
+    `,
+        ];
+        render() {
+            if (this.currentView === 'detail' && this.selectedEmail) {
+                return html `
+        <sz-mta-detail-view
+          .email=${this.selectedEmail}
+          @back=${() => { this.currentView = 'list'; this.selectedEmail = null; }}
+        ></sz-mta-detail-view>
+      `;
+            }
+            return html `
+      <sz-mta-list-view
+        .emails=${this.currentDirectionFilter === 'all'
+                ? this.demoEmails
+                : this.demoEmails.filter(e => e.direction === this.currentDirectionFilter)}
+        @email-click=${(e) => this.handleEmailClick(e.detail)}
+      ></sz-mta-list-view>
+    `;
+        }
+        handleEmailClick(email) {
+            const detail = this.demoEmailDetails[email.id];
+            if (detail) {
+                this.selectedEmail = detail;
+                this.currentView = 'detail';
+            }
+            else {
+                console.log('No detail data available for email:', email.id);
+            }
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return SzDemoViewMta = _classThis;
+})();
+export { SzDemoViewMta };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3otZGVtby12aWV3LW10YS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9zei1kZW1vLXZpZXctbXRhLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsV0FBVyxFQUNYLGFBQWEsRUFDYixJQUFJLEVBQ0osR0FBRyxFQUNILFVBQVUsRUFDVixLQUFLLEdBRU4sTUFBTSw2QkFBNkIsQ0FBQztBQUlyQyxPQUFPLFlBQVksQ0FBQztJQVNQLGFBQWE7NEJBRHpCLGFBQWEsQ0FBQyxrQkFBa0IsQ0FBQzs7OztzQkFDQyxXQUFXOzs7Ozs7Ozs7OzZCQUFuQixTQUFRLFdBQVc7Ozs7dUNBRzNDLEtBQUssRUFBRTt5Q0FHUCxLQUFLLEVBQUU7a0RBR1AsS0FBSyxFQUFFO1lBTFIsc0xBQWlCLFdBQVcsNkJBQVgsV0FBVyxpR0FBNkI7WUFHekQsNExBQWlCLGFBQWEsNkJBQWIsYUFBYSxxR0FBNkI7WUFHM0QsdU5BQWlCLHNCQUFzQiw2QkFBdEIsc0JBQXNCLHVIQUFrQztZQVYzRSw2S0F5VEM7Ozs7UUF4VFMsS0FBSyxHQUFxQixJQUFJLENBQUM7UUFHdkMsbUZBQWtELE1BQU0sRUFBQztRQUF6RCxJQUFpQixXQUFXLGlEQUE2QjtRQUF6RCxJQUFpQixXQUFXLHVEQUE2QjtRQUd6RCxpSkFBc0QsSUFBSSxHQUFDO1FBQTNELElBQWlCLGFBQWEsbURBQTZCO1FBQTNELElBQWlCLGFBQWEseURBQTZCO1FBRzNELHFLQUFtRSxLQUFLLEdBQUM7UUFBekUsSUFBaUIsc0JBQXNCLDREQUFrQztRQUF6RSxJQUFpQixzQkFBc0Isa0VBQWtDO1FBRWpFLFVBQVUsd0VBQWE7WUFDN0IsRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUsb0JBQW9CLEVBQUUsRUFB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

package/dist_ts_web/elements/sz-demo-view-routes.d.ts

@@ -0,0 +1,22 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import type { DeesAppui } from '@design.estate/dees-catalog';
+import './index.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'sz-demo-view-routes': SzDemoViewRoutes;
+    }
+}
+export declare class SzDemoViewRoutes extends DeesElement {
+    private appui;
+    private accessor currentTab;
+    private demoRoutes;
+    private get filteredRoutes();
+    onActivate(context: {
+        appui: DeesAppui;
+        viewId: string;
+    }): Promise<void>;
+    private updateSecondaryMenu;
+    onDeactivate(): void;
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    render(): TemplateResult;
+}