@flusys/ng-email 1.0.0-rc

package/fesm2022/flusys-ng-email-template-list.component-91djzx28.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-email-template-list.component-91djzx28.mjs","sources":["../../../projects/ng-email/pages/template/template-list.component.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  signal,\n} from '@angular/core';\nimport { Router } from '@angular/router';\nimport { firstValueFrom } from 'rxjs';\nimport { APP_CONFIG, DEFAULT_APP_NAME } from '@flusys/ng-core';\nimport { LAYOUT_AUTH_STATE } from '@flusys/ng-layout';\nimport { AngularModule, EMAIL_TEMPLATE_PERMISSIONS, HasPermissionDirective, PrimeModule } from '@flusys/ng-shared';\nimport { ConfirmationService, MessageService } from 'primeng/api';\nimport { IEmailConfig } from '../../interfaces/email-config.interface';\nimport { IEmailTemplate } from '../../interfaces/email-template.interface';\nimport { EmailConfigApiService } from '../../services/email-config-api.service';\nimport { EmailSendService } from '../../services/email-send.service';\nimport { EmailTemplateApiService } from '../../services/email-template-api.service';\n\n/**\n * Email template list component\n */\n@Component({\n  selector: 'lib-template-list',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AngularModule, PrimeModule, HasPermissionDirective],\n  providers: [ConfirmationService, MessageService],\n  template: `\n    <div class=\"card\">\n      <div class=\"flex flex-col sm:flex-row justify-between items-start sm:items-center gap-3 mb-4\">\n        <div>\n          <h3 class=\"text-lg sm:text-xl font-semibold m-0\">Email Templates</h3>\n          @if (showCompanyInfo()) {\n            <p class=\"text-sm text-muted-color mt-1\">\n              Company: {{ currentCompanyName() }}\n            </p>\n          }\n        </div>\n        <p-button\n          *hasPermission=\"EMAIL_TEMPLATE_PERMISSIONS.CREATE\"\n          label=\"New Template\"\n          icon=\"pi pi-plus\"\n          (onClick)=\"onCreate()\"\n          styleClass=\"w-full sm:w-auto\"\n        />\n      </div>\n\n      <div class=\"overflow-x-auto -mx-4 sm:mx-0\">\n        <p-table\n          [value]=\"templates()\"\n          [loading]=\"isLoading()\"\n          [paginator]=\"totalRecords() > 0\"\n          [rows]=\"pageSize()\"\n          [first]=\"first()\"\n          [totalRecords]=\"totalRecords()\"\n          [lazy]=\"true\"\n          (onLazyLoad)=\"onLazyLoad($event)\"\n          [rowsPerPageOptions]=\"[10, 25, 50]\"\n          styleClass=\"p-datatable-sm\"\n          [tableStyle]=\"{ 'min-width': '50rem' }\"\n        >\n          <ng-template #header>\n            <tr>\n              <th>Name</th>\n              <th class=\"hidden md:table-cell\">Slug</th>\n              <th class=\"hidden lg:table-cell\">Subject</th>\n              <th>Type</th>\n              <th>Status</th>\n              <th class=\"hidden xl:table-cell\">Created</th>\n              <th class=\"w-[120px]\">Actions</th>\n            </tr>\n          </ng-template>\n\n          <ng-template #body let-template>\n            <tr>\n              <td>\n                <i class=\"pi pi-envelope mr-2 text-muted-color\"></i>\n                {{ template.name }}\n              </td>\n              <td class=\"hidden md:table-cell\">\n                <code class=\"text-sm bg-surface-100 dark:bg-surface-700 px-2 py-1 rounded\">{{ template.slug }}</code>\n              </td>\n              <td class=\"hidden lg:table-cell\">{{ template.subject }}</td>\n              <td>\n                <p-tag\n                  [value]=\"template.isHtml ? 'HTML' : 'Text'\"\n                  [severity]=\"template.isHtml ? 'info' : 'secondary'\"\n                />\n              </td>\n              <td>\n                <p-tag\n                  [value]=\"template.isActive ? 'Active' : 'Inactive'\"\n                  [severity]=\"template.isActive ? 'success' : 'secondary'\"\n                />\n              </td>\n              <td class=\"hidden xl:table-cell\">{{ template.createdAt | date: 'short' }}</td>\n              <td>\n                <div class=\"flex gap-1\">\n                  <p-button\n                    *hasPermission=\"EMAIL_TEMPLATE_PERMISSIONS.UPDATE\"\n                    icon=\"pi pi-send\"\n                    [text]=\"true\"\n                    size=\"small\"\n                    pTooltip=\"Test Send\"\n                    (onClick)=\"onTestSend(template)\"\n                  />\n                  <p-button\n                    *hasPermission=\"EMAIL_TEMPLATE_PERMISSIONS.UPDATE\"\n                    icon=\"pi pi-pencil\"\n                    [text]=\"true\"\n                    severity=\"secondary\"\n                    size=\"small\"\n                    pTooltip=\"Edit\"\n                    (onClick)=\"onEdit(template.id)\"\n                  />\n                  <p-button\n                    *hasPermission=\"EMAIL_TEMPLATE_PERMISSIONS.DELETE\"\n                    icon=\"pi pi-trash\"\n                    [text]=\"true\"\n                    severity=\"danger\"\n                    size=\"small\"\n                    pTooltip=\"Delete\"\n                    (onClick)=\"onDelete(template)\"\n                  />\n                </div>\n              </td>\n            </tr>\n          </ng-template>\n\n          <ng-template #emptymessage>\n            <tr>\n              <td colspan=\"7\" class=\"text-center py-4 text-muted-color\">\n                No email templates found. Create your first template to get started.\n              </td>\n            </tr>\n          </ng-template>\n        </p-table>\n      </div>\n    </div>\n\n    <!-- Test Send Dialog -->\n    <p-dialog\n      header=\"Test Send Email\"\n      [visible]=\"showTestDialog()\"\n      (visibleChange)=\"showTestDialog.set($event)\"\n      [modal]=\"true\"\n      [style]=\"{ width: '95vw', maxWidth: '500px', maxHeight: '80vh' }\"\n      [breakpoints]=\"{ '575px': '95vw' }\"\n    >\n      <div class=\"flex flex-col gap-4\">\n        <div class=\"field\">\n          <label class=\"block font-medium mb-2\">Template</label>\n          <input\n            pInputText\n            [value]=\"selectedTemplate()?.name || ''\"\n            class=\"w-full\"\n            [disabled]=\"true\"\n          />\n        </div>\n\n        <div class=\"field\">\n          <label class=\"block font-medium mb-2\">Email Configuration *</label>\n          <p-select\n            [ngModel]=\"testSendModel.configId\"\n            (ngModelChange)=\"updateTestSendModel('configId', $event)\"\n            [options]=\"configOptions()\"\n            optionLabel=\"label\"\n            optionValue=\"value\"\n            placeholder=\"Select configuration\"\n            class=\"w-full\"\n            [loading]=\"isLoadingConfigs()\"\n          />\n        </div>\n\n        <div class=\"field\">\n          <label class=\"block font-medium mb-2\">Recipient Email *</label>\n          <input\n            pInputText\n            [ngModel]=\"testSendModel.recipient\"\n            (ngModelChange)=\"updateTestSendModel('recipient', $event)\"\n            class=\"w-full\"\n            placeholder=\"recipient@example.com\"\n          />\n        </div>\n\n        <!-- Dynamic Variables -->\n        @if (templateVariables().length > 0) {\n          <div class=\"border-t border-surface pt-4 mt-2\">\n            <h4 class=\"font-medium mb-3 flex items-center gap-2\">\n              <i class=\"pi pi-code text-muted-color\"></i>\n              Template Variables\n            </h4>\n            <div class=\"flex flex-col gap-3\">\n              @for (variable of templateVariables(); track variable) {\n                <div class=\"field\">\n                  <label class=\"block text-sm font-medium mb-1\">\n                    <code class=\"text-primary bg-surface-100 dark:bg-surface-700 px-1 rounded\">{{ '{{' + variable + '}}' }}</code>\n                  </label>\n                  <input\n                    pInputText\n                    [ngModel]=\"variableValues[variable] || ''\"\n                    (ngModelChange)=\"updateVariableValue(variable, $event)\"\n                    class=\"w-full\"\n                    [placeholder]=\"'Enter value for ' + variable\"\n                  />\n                </div>\n              }\n            </div>\n          </div>\n        }\n      </div>\n\n      <ng-template #footer>\n        <p-button\n          label=\"Cancel\"\n          severity=\"secondary\"\n          [outlined]=\"true\"\n          (onClick)=\"showTestDialog.set(false)\"\n        />\n        <p-button\n          label=\"Send Test\"\n          icon=\"pi pi-send\"\n          [loading]=\"isSendingTest()\"\n          (onClick)=\"sendTestEmail()\"\n        />\n      </ng-template>\n    </p-dialog>\n\n    <p-confirmDialog />\n    <p-toast />\n  `,\n})\nexport class TemplateListComponent {\n  // Permission constants for template\n  readonly EMAIL_TEMPLATE_PERMISSIONS = EMAIL_TEMPLATE_PERMISSIONS;\n\n  private readonly router = inject(Router);\n  private readonly templateService = inject(EmailTemplateApiService);\n  private readonly configService = inject(EmailConfigApiService);\n  private readonly emailSendService = inject(EmailSendService);\n  private readonly confirmationService = inject(ConfirmationService);\n  private readonly messageService = inject(MessageService);\n  private readonly appConfig = inject(APP_CONFIG);\n  private readonly companyContext = inject(LAYOUT_AUTH_STATE, { optional: true });\n\n  readonly isLoading = signal(false);\n  readonly templates = signal<IEmailTemplate[]>([]);\n  readonly totalRecords = signal(0);\n  readonly pageSize = signal(10);\n  readonly first = signal(0);\n\n  readonly showCompanyInfo = computed(\n    () => this.appConfig.enableCompanyFeature && !!this.companyContext,\n  );\n  readonly currentCompanyName = computed(\n    () => this.companyContext?.currentCompanyInfo()?.name ?? DEFAULT_APP_NAME,\n  );\n  // Test send dialog (signals for zoneless change detection)\n  readonly showTestDialog = signal(false);\n  readonly selectedTemplate = signal<IEmailTemplate | null>(null);\n  readonly configs = signal<IEmailConfig[]>([]);\n  readonly isLoadingConfigs = signal(false);\n  readonly isSendingTest = signal(false);\n\n  // Form-bound properties as signals for zoneless change detection\n  private readonly _testSendModel = signal({ configId: '', recipient: '' });\n  private readonly _variableValues = signal<Record<string, string>>({});\n\n  get testSendModel() {\n    return this._testSendModel();\n  }\n\n  get variableValues() {\n    return this._variableValues();\n  }\n\n  updateTestSendModel<K extends 'configId' | 'recipient'>(field: K, value: string): void {\n    this._testSendModel.update((m) => ({ ...m, [field]: value }));\n  }\n\n  updateVariableValue(key: string, value: string): void {\n    this._variableValues.update((v) => ({ ...v, [key]: value }));\n  }\n\n  readonly configOptions = computed(() =>\n    this.configs().map((c) => ({\n      label: `${c.name} (${c.provider})`,\n      value: c.id,\n    })),\n  );\n\n  /** Extract variables from template content */\n  readonly templateVariables = computed(() => {\n    const template = this.selectedTemplate();\n    if (!template) return [];\n\n    // Combine all content sources to extract variables\n    const content = [\n      template.subject,\n      template.htmlContent,\n      template.textContent || '',\n    ].join(' ');\n\n    // Find all {{variableName}} patterns\n    const matches = content.matchAll(/\\{\\{(\\w+)\\}\\}/g);\n    const variables = new Set<string>();\n\n    for (const match of matches) {\n      variables.add(match[1]);\n    }\n\n    return Array.from(variables).sort();\n  });\n\n  onCreate(): void {\n    this.router.navigate(['/email/templates/new']);\n  }\n\n  onEdit(templateId: string): void {\n    this.router.navigate(['/email/templates', templateId]);\n  }\n\n  async loadTemplates(): Promise<void> {\n    this.isLoading.set(true);\n    try {\n      const response = await firstValueFrom(\n        this.templateService.getAll('', {\n          pagination: {\n            currentPage: Math.floor(this.first() / this.pageSize()),\n            pageSize: this.pageSize(),\n          },\n          filter: {},\n          select: [],\n          sort: {},\n        }),\n      );\n\n      if (response.success) {\n        this.templates.set(response.data ?? []);\n        this.totalRecords.set(response.meta?.total ?? 0);\n      }\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  onLazyLoad(event: { first?: number | null; rows?: number | null }): void {\n    this.first.set(event.first ?? 0);\n    this.pageSize.set(event.rows ?? 10);\n    this.loadTemplates();\n  }\n\n  async onTestSend(template: IEmailTemplate): Promise<void> {\n    this.selectedTemplate.set(template);\n    this._testSendModel.set({ configId: '', recipient: '' });\n    this._variableValues.set({}); // Reset variable values\n    this.showTestDialog.set(true);\n    await this.loadConfigs();\n  }\n\n  async loadConfigs(): Promise<void> {\n    this.isLoadingConfigs.set(true);\n    try {\n      const response = await firstValueFrom(\n        this.configService.getAll('', {\n          pagination: { currentPage: 0, pageSize: 100 },\n          filter: { isActive: true },\n          select: [],\n          sort: {},\n        }),\n      );\n      if (response.success) {\n        this.configs.set(response.data ?? []);\n      }\n    } finally {\n      this.isLoadingConfigs.set(false);\n    }\n  }\n\n  async sendTestEmail(): Promise<void> {\n    const template = this.selectedTemplate();\n    const model = this.testSendModel;\n    if (!template || !model.configId || !model.recipient) {\n      this.messageService.add({\n        severity: 'warn',\n        summary: 'Validation',\n        detail: 'Please select a configuration and enter recipient email.',\n      });\n      return;\n    }\n\n    this.isSendingTest.set(true);\n    try {\n      // Build variables object (only include non-empty values)\n      const variables: Record<string, string> = {};\n      for (const [key, value] of Object.entries(this.variableValues)) {\n        if (value) {\n          variables[key] = value;\n        }\n      }\n\n      const response = await firstValueFrom(\n        this.emailSendService.sendTemplate({\n          templateId: template.id,\n          to: model.recipient,\n          emailConfigId: model.configId,\n          variables: Object.keys(variables).length > 0 ? variables : undefined,\n        }),\n      );\n\n      if (response.data?.success) {\n        this.messageService.add({\n          severity: 'success',\n          summary: 'Success',\n          detail: `Test email sent! Message ID: ${response.data.messageId}`,\n        });\n        this.showTestDialog.set(false);\n      } else {\n        this.messageService.add({\n          severity: 'error',\n          summary: 'Error',\n          detail: response.data?.error || 'Failed to send test email.',\n        });\n      }\n    } catch {\n      // Error toast handled by global interceptor\n    } finally {\n      this.isSendingTest.set(false);\n    }\n  }\n\n  onDelete(template: IEmailTemplate): void {\n    this.confirmationService.confirm({\n      message: `Are you sure you want to delete \"${template.name}\"?`,\n      header: 'Delete Template',\n      icon: 'pi pi-exclamation-triangle',\n      acceptButtonStyleClass: 'p-button-danger',\n      accept: async () => {\n        try {\n          await this.templateService.deleteAsync({ id: template.id, type: 'delete' });\n          this.messageService.add({\n            severity: 'success',\n            summary: 'Success',\n            detail: 'Template deleted successfully.',\n          });\n          this.loadTemplates();\n        } catch {\n          // Error toast handled by global interceptor\n        }\n      },\n    });\n  }\n}\n"],"names":["i9"],"mappings":"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"}

package/fesm2022/flusys-ng-email.mjs

@@ -0,0 +1,579 @@
+import * as i0 from '@angular/core';
+import { inject, Injectable, signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { ApiResourceService, AngularModule } from '@flusys/ng-shared';
+import { firstValueFrom } from 'rxjs';
+import { APP_CONFIG } from '@flusys/ng-core';
+import * as i1 from '@angular/router';
+
+/**
+ * Supported email provider types
+ */
+var EmailProviderEnum;
+(function (EmailProviderEnum) {
+    EmailProviderEnum["SMTP"] = "smtp";
+    EmailProviderEnum["SENDGRID"] = "sendgrid";
+    EmailProviderEnum["MAILGUN"] = "mailgun";
+})(EmailProviderEnum || (EmailProviderEnum = {}));
+
+/**
+ * Email content block types
+ */
+var EmailBlockType;
+(function (EmailBlockType) {
+    EmailBlockType["TEXT"] = "text";
+    EmailBlockType["IMAGE"] = "image";
+    EmailBlockType["BUTTON"] = "button";
+    EmailBlockType["DIVIDER"] = "divider";
+    EmailBlockType["HTML"] = "html";
+})(EmailBlockType || (EmailBlockType = {}));
+
+/**
+ * Default email settings
+ */
+const DEFAULT_EMAIL_SETTINGS = {
+    maxWidth: '600px',
+    backgroundColor: '#f5f5f5',
+    fontFamily: 'Arial, sans-serif',
+    baseTextColor: '#333333',
+};
+/**
+ * Create a new email schema
+ */
+function createEmailSchema(partial = {}) {
+    return {
+        id: crypto.randomUUID(),
+        version: '1.0.0',
+        name: partial.name || 'Untitled Template',
+        subject: partial.subject || '',
+        sections: partial.sections || [
+            { id: crypto.randomUUID(), type: 'header', name: 'Header', blocks: [], order: 0 },
+            { id: crypto.randomUUID(), type: 'body', name: 'Body', blocks: [], order: 1 },
+            { id: crypto.randomUUID(), type: 'footer', name: 'Footer', blocks: [], order: 2 },
+        ],
+        settings: { ...DEFAULT_EMAIL_SETTINGS, ...partial.settings },
+        variables: partial.variables || [],
+        ...partial,
+    };
+}
+
+/**
+ * Email Config API Service
+ * Handles email configuration CRUD operations
+ * Endpoint: POST /email/email-config/*
+ */
+class EmailConfigApiService extends ApiResourceService {
+    constructor() {
+        const http = inject(HttpClient);
+        super('email/email-config', http);
+    }
+    /**
+     * Send test email to verify configuration
+     */
+    sendTest(configId, recipient) {
+        return this.http.post(`${this.baseUrl.replace('/email-config', '')}/send/test`, { emailConfigId: configId, recipient });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: EmailConfigApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: EmailConfigApiService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: EmailConfigApiService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Email Template API Service
+ * Handles email template CRUD operations
+ * Endpoint: POST /email/email-template/*
+ */
+class EmailTemplateApiService extends ApiResourceService {
+    constructor() {
+        const http = inject(HttpClient);
+        super('email/email-template', http);
+    }
+    /**
+     * Get template by slug (POST-only RPC pattern)
+     */
+    getBySlug(slug) {
+        return this.http.post(`${this.baseUrl}/get-by-slug`, { slug });
+    }
+    /**
+     * Create a new email template
+     * POST /email/email-template/insert
+     * Uses ICreateEmailTemplateDto which has different required fields than update
+     */
+    createTemplate(dto) {
+        return this.http.post(`${this.baseUrl}/insert`, dto);
+    }
+    /**
+     * Create a new email template (async/await version)
+     * POST /email/email-template/insert
+     */
+    async createTemplateAsync(dto) {
+        return firstValueFrom(this.createTemplate(dto));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: EmailTemplateApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: EmailTemplateApiService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: EmailTemplateApiService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Email Send Service
+ * Handles sending emails directly or using templates
+ * Endpoint: POST /email/send/*
+ *
+ * Note: For testing configurations, use EmailConfigApiService.sendTest()
+ */
+class EmailSendService {
+    http = inject(HttpClient);
+    baseUrl = `${inject(APP_CONFIG).apiBaseUrl}/email/send`;
+    /**
+     * Send email directly (without template)
+     */
+    sendDirect(dto) {
+        return this.http.post(`${this.baseUrl}/direct`, dto);
+    }
+    /**
+     * Send email using template
+     */
+    sendTemplate(dto) {
+        return this.http.post(`${this.baseUrl}/template`, dto);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: EmailSendService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: EmailSendService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: EmailSendService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+/**
+ * Manages the email builder UI state including schema, selection, and UI toggles.
+ * Should be provided at the EmailBuilder component level (not root).
+ */
+class EmailBuilderStateService {
+    // Schema state
+    _schema = signal(createEmailSchema(), ...(ngDevMode ? [{ debugName: "_schema" }] : []));
+    _isDirty = signal(false, ...(ngDevMode ? [{ debugName: "_isDirty" }] : []));
+    // Selection state
+    _selectedSectionId = signal(null, ...(ngDevMode ? [{ debugName: "_selectedSectionId" }] : []));
+    _selectedBlockId = signal(null, ...(ngDevMode ? [{ debugName: "_selectedBlockId" }] : []));
+    // View mode
+    _viewMode = signal('visual', ...(ngDevMode ? [{ debugName: "_viewMode" }] : []));
+    // Public readonly signals
+    schema = this._schema.asReadonly();
+    isDirty = this._isDirty.asReadonly();
+    selectedSectionId = this._selectedSectionId.asReadonly();
+    selectedBlockId = this._selectedBlockId.asReadonly();
+    viewMode = this._viewMode.asReadonly();
+    // Computed signals
+    sections = computed(() => this._schema().sections, ...(ngDevMode ? [{ debugName: "sections" }] : []));
+    templateName = computed(() => this._schema().name, ...(ngDevMode ? [{ debugName: "templateName" }] : []));
+    subject = computed(() => this._schema().subject, ...(ngDevMode ? [{ debugName: "subject" }] : []));
+    settings = computed(() => this._schema().settings ?? DEFAULT_EMAIL_SETTINGS, ...(ngDevMode ? [{ debugName: "settings" }] : []));
+    variables = computed(() => this._schema().variables ?? [], ...(ngDevMode ? [{ debugName: "variables" }] : []));
+    headerSection = computed(() => {
+        return this.sections().find((s) => s.type === 'header') ?? null;
+    }, ...(ngDevMode ? [{ debugName: "headerSection" }] : []));
+    bodySection = computed(() => {
+        return this.sections().find((s) => s.type === 'body') ?? null;
+    }, ...(ngDevMode ? [{ debugName: "bodySection" }] : []));
+    footerSection = computed(() => {
+        return this.sections().find((s) => s.type === 'footer') ?? null;
+    }, ...(ngDevMode ? [{ debugName: "footerSection" }] : []));
+    selectedSection = computed(() => {
+        const sectionId = this._selectedSectionId();
+        if (!sectionId)
+            return null;
+        return this.sections().find((s) => s.id === sectionId) ?? null;
+    }, ...(ngDevMode ? [{ debugName: "selectedSection" }] : []));
+    selectedBlock = computed(() => {
+        const blockId = this._selectedBlockId();
+        if (!blockId)
+            return null;
+        for (const section of this.sections()) {
+            const block = section.blocks.find((b) => b.id === blockId);
+            if (block)
+                return block;
+        }
+        return null;
+    }, ...(ngDevMode ? [{ debugName: "selectedBlock" }] : []));
+    allBlocks = computed(() => {
+        return this.sections().flatMap((s) => s.blocks);
+    }, ...(ngDevMode ? [{ debugName: "allBlocks" }] : []));
+    // =========================================
+    // Schema Operations
+    // =========================================
+    /**
+     * Load an existing schema into the builder
+     */
+    loadSchema(schema) {
+        const cloned = structuredClone(schema);
+        this._schema.set(cloned);
+        this._isDirty.set(false);
+        this._selectedSectionId.set(null);
+        this._selectedBlockId.set(null);
+    }
+    /**
+     * Create a new empty schema
+     */
+    createNewSchema(name = 'Untitled Template') {
+        this._schema.set(createEmailSchema({ name }));
+        this._isDirty.set(true);
+        this._selectedSectionId.set(null);
+        this._selectedBlockId.set(null);
+    }
+    /**
+     * Update template metadata
+     */
+    updateSchemaMeta(updates) {
+        this._schema.update((schema) => ({
+            ...schema,
+            ...updates,
+        }));
+        this._isDirty.set(true);
+    }
+    /**
+     * Mark schema as saved (clears dirty flag)
+     */
+    markAsSaved() {
+        this._isDirty.set(false);
+    }
+    /**
+     * Set view mode (visual or html)
+     */
+    setViewMode(mode) {
+        this._viewMode.set(mode);
+    }
+    // =========================================
+    // Section Operations
+    // =========================================
+    /**
+     * Update section properties
+     */
+    updateSection(sectionId, updates) {
+        this._schema.update((schema) => ({
+            ...schema,
+            sections: schema.sections.map((s) => s.id === sectionId ? { ...s, ...updates } : s),
+        }));
+        this._isDirty.set(true);
+    }
+    // =========================================
+    // Block Operations
+    // =========================================
+    /**
+     * Add a new block to a section
+     */
+    addBlock(sectionId, blockType, block) {
+        const newBlock = {
+            id: crypto.randomUUID(),
+            type: blockType,
+            order: 0,
+            content: this.getDefaultContent(blockType),
+            ...block,
+        };
+        this._schema.update((schema) => ({
+            ...schema,
+            sections: schema.sections.map((s) => {
+                if (s.id !== sectionId)
+                    return s;
+                const blocks = [...s.blocks, newBlock];
+                // Update order
+                blocks.forEach((b, i) => (b.order = i));
+                return { ...s, blocks };
+            }),
+        }));
+        this._isDirty.set(true);
+        return newBlock.id;
+    }
+    /**
+     * Update block properties
+     */
+    updateBlock(sectionId, blockId, updates) {
+        this._schema.update((schema) => ({
+            ...schema,
+            sections: schema.sections.map((s) => {
+                if (s.id !== sectionId)
+                    return s;
+                return {
+                    ...s,
+                    blocks: s.blocks.map((b) => (b.id === blockId ? { ...b, ...updates } : b)),
+                };
+            }),
+        }));
+        this._isDirty.set(true);
+    }
+    /**
+     * Delete a block from a section
+     */
+    deleteBlock(sectionId, blockId) {
+        this._schema.update((schema) => ({
+            ...schema,
+            sections: schema.sections.map((s) => {
+                if (s.id !== sectionId)
+                    return s;
+                const blocks = s.blocks.filter((b) => b.id !== blockId);
+                // Update order
+                blocks.forEach((b, i) => (b.order = i));
+                return { ...s, blocks };
+            }),
+        }));
+        this._isDirty.set(true);
+        // Clear selection if deleted block was selected
+        if (this._selectedBlockId() === blockId) {
+            this._selectedBlockId.set(null);
+        }
+    }
+    /**
+     * Reorder blocks within a section
+     */
+    reorderBlocks(sectionId, fromIndex, toIndex) {
+        this._schema.update((schema) => ({
+            ...schema,
+            sections: schema.sections.map((s) => {
+                if (s.id !== sectionId)
+                    return s;
+                const blocks = [...s.blocks];
+                const [removed] = blocks.splice(fromIndex, 1);
+                blocks.splice(toIndex, 0, removed);
+                // Update order
+                blocks.forEach((b, i) => (b.order = i));
+                return { ...s, blocks };
+            }),
+        }));
+        this._isDirty.set(true);
+    }
+    /**
+     * Duplicate a block
+     */
+    duplicateBlock(sectionId, blockId) {
+        const section = this.sections().find((s) => s.id === sectionId);
+        const block = section?.blocks.find((b) => b.id === blockId);
+        if (!block)
+            return null;
+        const newBlock = {
+            ...structuredClone(block),
+            id: crypto.randomUUID(),
+        };
+        this._schema.update((schema) => ({
+            ...schema,
+            sections: schema.sections.map((s) => {
+                if (s.id !== sectionId)
+                    return s;
+                const blockIndex = s.blocks.findIndex((b) => b.id === blockId);
+                const blocks = [...s.blocks];
+                blocks.splice(blockIndex + 1, 0, newBlock);
+                // Update order
+                blocks.forEach((b, i) => (b.order = i));
+                return { ...s, blocks };
+            }),
+        }));
+        this._isDirty.set(true);
+        return newBlock.id;
+    }
+    // =========================================
+    // Selection Operations
+    // =========================================
+    /**
+     * Select a section
+     */
+    selectSection(sectionId) {
+        this._selectedSectionId.set(sectionId);
+        this._selectedBlockId.set(null);
+    }
+    /**
+     * Select a block
+     */
+    selectBlock(blockId) {
+        if (blockId) {
+            // Find the section containing this block
+            for (const section of this.sections()) {
+                if (section.blocks.some((b) => b.id === blockId)) {
+                    this._selectedSectionId.set(section.id);
+                    break;
+                }
+            }
+        }
+        this._selectedBlockId.set(blockId);
+    }
+    /**
+     * Clear all selection
+     */
+    clearSelection() {
+        this._selectedSectionId.set(null);
+        this._selectedBlockId.set(null);
+    }
+    // =========================================
+    // Helper Methods
+    // =========================================
+    /**
+     * Get default content for a block type
+     */
+    getDefaultContent(type) {
+        switch (type) {
+            case EmailBlockType.TEXT:
+                return { text: 'Enter your text here...', html: '<p>Enter your text here...</p>' };
+            case EmailBlockType.IMAGE:
+                return { src: '', alt: 'Image' };
+            case EmailBlockType.BUTTON:
+                return {
+                    text: 'Click Here',
+                    link: 'https://',
+                    backgroundColor: '#007bff',
+                    textColor: '#ffffff',
+                    borderRadius: '4px',
+                };
+            case EmailBlockType.DIVIDER:
+                return { height: '1px', color: '#cccccc', style: 'solid' };
+            case EmailBlockType.HTML:
+                return { html: '<!-- Custom HTML -->' };
+            default:
+                return {};
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: EmailBuilderStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: EmailBuilderStateService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: EmailBuilderStateService, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * Email module routes
+ */
+const EMAIL_ROUTES = [
+    {
+        path: '',
+        loadComponent: () => Promise.resolve().then(function () { return emailContainer_component; }).then((m) => m.EmailContainerComponent),
+        children: [
+            // Templates
+            {
+                path: 'templates',
+                children: [
+                    {
+                        path: '',
+                        loadComponent: () => import('./flusys-ng-email-template-list.component-91djzx28.mjs').then((m) => m.TemplateListComponent),
+                    },
+                    {
+                        path: 'new',
+                        loadComponent: () => import('./flusys-ng-email-template-form.component-u40UX6yY.mjs').then((m) => m.TemplateFormComponent),
+                    },
+                    {
+                        path: ':id',
+                        loadComponent: () => import('./flusys-ng-email-template-form.component-u40UX6yY.mjs').then((m) => m.TemplateFormComponent),
+                    },
+                ],
+            },
+            // Configs
+            {
+                path: 'configs',
+                children: [
+                    {
+                        path: '',
+                        loadComponent: () => import('./flusys-ng-email-email-config-list.component-DnIJdHdf.mjs').then((m) => m.EmailConfigListComponent),
+                    },
+                    {
+                        path: 'new',
+                        loadComponent: () => import('./flusys-ng-email-email-config-form.component-BK195yNS.mjs').then((m) => m.EmailConfigFormComponent),
+                    },
+                    {
+                        path: ':id',
+                        loadComponent: () => import('./flusys-ng-email-email-config-form.component-BK195yNS.mjs').then((m) => m.EmailConfigFormComponent),
+                    },
+                ],
+            },
+            // Default redirect
+            {
+                path: '',
+                redirectTo: 'templates',
+                pathMatch: 'full',
+            },
+        ],
+    },
+];
+
+/**
+ * Email container component with tab navigation
+ */
+class EmailContainerComponent {
+    tabs = [
+        { id: 'templates', label: 'Templates', icon: 'pi pi-file', route: 'templates' },
+        { id: 'configs', label: 'Configurations', icon: 'pi pi-cog', route: 'configs' },
+    ];
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: EmailContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: EmailContainerComponent, isStandalone: true, selector: "lib-email-container", ngImport: i0, template: `
+    <div class="p-2 sm:p-4">
+      <div class="mb-4">
+        <h1 class="text-xl sm:text-2xl font-bold m-0">Email</h1>
+        <p class="text-sm text-muted-color mt-1">Manage email templates and provider configurations</p>
+      </div>
+
+      <div class="scrollbar-hide flex gap-1 mb-4 border-b border-surface overflow-x-auto flex-nowrap -mx-2 sm:mx-0 px-2 sm:px-0">
+        @for (tab of tabs; track tab.id) {
+          <a
+            [routerLink]="tab.route"
+            routerLinkActive="tab-active"
+            [routerLinkActiveOptions]="{ exact: false }"
+            class="flex items-center gap-2 px-3 sm:px-4 py-2 rounded-t-lg cursor-pointer transition-colors text-muted-color no-underline border-b-2 border-transparent -mb-px hover:bg-surface-hover [&.tab-active]:text-primary [&.tab-active]:border-primary [&.tab-active]:bg-surface-ground whitespace-nowrap shrink-0 text-sm sm:text-base">
+            <i [class]="tab.icon"></i>
+            <span>{{ tab.label }}</span>
+          </a>
+        }
+      </div>
+
+      <router-outlet />
+    </div>
+  `, isInline: true, styles: [".scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}\n"], dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: EmailContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-email-container', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AngularModule], template: `
+    <div class="p-2 sm:p-4">
+      <div class="mb-4">
+        <h1 class="text-xl sm:text-2xl font-bold m-0">Email</h1>
+        <p class="text-sm text-muted-color mt-1">Manage email templates and provider configurations</p>
+      </div>
+
+      <div class="scrollbar-hide flex gap-1 mb-4 border-b border-surface overflow-x-auto flex-nowrap -mx-2 sm:mx-0 px-2 sm:px-0">
+        @for (tab of tabs; track tab.id) {
+          <a
+            [routerLink]="tab.route"
+            routerLinkActive="tab-active"
+            [routerLinkActiveOptions]="{ exact: false }"
+            class="flex items-center gap-2 px-3 sm:px-4 py-2 rounded-t-lg cursor-pointer transition-colors text-muted-color no-underline border-b-2 border-transparent -mb-px hover:bg-surface-hover [&.tab-active]:text-primary [&.tab-active]:border-primary [&.tab-active]:bg-surface-ground whitespace-nowrap shrink-0 text-sm sm:text-base">
+            <i [class]="tab.icon"></i>
+            <span>{{ tab.label }}</span>
+          </a>
+        }
+      </div>
+
+      <router-outlet />
+    </div>
+  `, styles: [".scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}\n"] }]
+        }] });
+
+var emailContainer_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    EmailContainerComponent: EmailContainerComponent
+});
+
+// =============================================================================
+// @flusys/ng-email - Email Package
+// =============================================================================
+// Enums
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DEFAULT_EMAIL_SETTINGS, EMAIL_ROUTES, EmailBlockType, EmailBuilderStateService, EmailConfigApiService, EmailContainerComponent, EmailProviderEnum, EmailSendService, EmailTemplateApiService, createEmailSchema };
+//# sourceMappingURL=flusys-ng-email.mjs.map