@flusys/ng-email 1.1.0-beta

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

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-email-template-list.component-CGJxfZMT.mjs","sources":["../../../projects/ng-email/pages/template/template-list.component.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, inject, signal, OnInit, computed } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { FormsModule } from '@angular/forms';\nimport { firstValueFrom } from 'rxjs';\nimport { ConfirmationService, MessageService } from 'primeng/api';\nimport { APP_CONFIG, DEFAULT_APP_NAME } from '@flusys/ng-core';\nimport { LAYOUT_AUTH_STATE } from '@flusys/ng-layout';\nimport { AngularModule, PrimeModule } from '@flusys/ng-shared';\nimport { EmailTemplateApiService } from '../../services/email-template-api.service';\nimport { EmailConfigApiService } from '../../services/email-config-api.service';\nimport { EmailSendService } from '../../services/email-send.service';\nimport { IEmailTemplate } from '../../interfaces/email-template.interface';\nimport { IEmailConfig } from '../../interfaces/email-config.interface';\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, FormsModule],\n  providers: [ConfirmationService, MessageService],\n  template: `\n    <div class=\"card\">\n      <div class=\"flex justify-between items-center mb-4\">\n        <div>\n          <h3 class=\"text-xl font-semibold\">Email Templates</h3>\n          @if (showCompanyInfo()) {\n            <p class=\"text-sm text-gray-600 mt-1\">\n              Company: {{ currentCompanyName() }}\n            </p>\n          }\n        </div>\n        <p-button\n          label=\"New Template\"\n          icon=\"pi pi-plus\"\n          (onClick)=\"onCreate()\"\n        />\n      </div>\n\n      <p-table\n        [value]=\"templates()\"\n        [loading]=\"isLoading()\"\n        [paginator]=\"true\"\n        [rows]=\"pageSize()\"\n        [totalRecords]=\"totalRecords()\"\n        [lazy]=\"true\"\n        (onLazyLoad)=\"onPageChange($event)\"\n        styleClass=\"p-datatable-sm\"\n      >\n        <ng-template #header>\n          <tr>\n            <th>Name</th>\n            <th>Slug</th>\n            <th>Subject</th>\n            <th>Type</th>\n            <th>Status</th>\n            <th>Created</th>\n            <th style=\"width: 150px\">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\"></i>\n              {{ template.name }}\n            </td>\n            <td>\n              <code class=\"text-sm bg-gray-100 px-2 py-1 rounded\">{{ template.slug }}</code>\n            </td>\n            <td>{{ 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>{{ template.createdAt | date: 'short' }}</td>\n            <td>\n              <p-button\n                icon=\"pi pi-send\"\n                [text]=\"true\"\n                size=\"small\"\n                pTooltip=\"Test Send\"\n                (onClick)=\"onTestSend(template)\"\n              />\n              <p-button\n                icon=\"pi pi-pencil\"\n                [text]=\"true\"\n                severity=\"secondary\"\n                size=\"small\"\n                (onClick)=\"onEdit(template.id)\"\n              />\n              <p-button\n                icon=\"pi pi-trash\"\n                [text]=\"true\"\n                severity=\"danger\"\n                size=\"small\"\n                (onClick)=\"onDelete(template)\"\n              />\n            </td>\n          </tr>\n        </ng-template>\n\n        <ng-template #emptymessage>\n          <tr>\n            <td colspan=\"7\" class=\"text-center py-4\">\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\n    <!-- Test Send Dialog -->\n    <p-dialog\n      header=\"Test Send Email\"\n      [(visible)]=\"showTestDialog\"\n      [modal]=\"true\"\n      [style]=\"{ width: '500px', maxHeight: '80vh' }\"\n    >\n      <div class=\"grid 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            [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            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 pt-4 mt-2\">\n            <h4 class=\"font-medium mb-3 flex items-center gap-2\">\n              <i class=\"pi pi-code\"></i>\n              Template Variables\n            </h4>\n            <div class=\"grid 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\">{{ '{{' + variable + '}}' }}</code>\n                  </label>\n                  <input\n                    pInputText\n                    [ngModel]=\"variableValues[variable] || ''\"\n                    (ngModelChange)=\"variableValues[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          [text]=\"true\"\n          (onClick)=\"showTestDialog = 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 implements OnInit {\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);\n\n  readonly isLoading = signal(false);\n  readonly templates = signal<IEmailTemplate[]>([]);\n  readonly totalRecords = signal(0);\n  readonly pageSize = signal(10);\n  readonly currentPage = signal(1);\n\n  readonly showCompanyInfo = computed(() => this.appConfig.enableCompanyFeature);\n  readonly currentCompanyName = computed(\n    () => this.companyContext.currentCompanyInfo()?.name ?? DEFAULT_APP_NAME,\n  );\n\n  // Test send dialog\n  showTestDialog = 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 (ngModel requires plain properties)\n  testSendModel = { configId: '', recipient: '' };\n  variableValues: Record<string, string> = {};\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  ngOnInit(): void {\n    this.loadTemplates();\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: this.currentPage() - 1,\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  onPageChange(event: any): void {\n    this.currentPage.set(event.first / event.rows + 1);\n    this.pageSize.set(event.rows);\n    this.loadTemplates();\n  }\n\n  async onTestSend(template: IEmailTemplate): Promise<void> {\n    this.selectedTemplate.set(template);\n    this.testSendModel = { configId: '', recipient: '' };\n    this.variableValues = {}; // Reset variable values\n    this.showTestDialog = 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    if (!template || !this.testSendModel.configId || !this.testSendModel.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: this.testSendModel.recipient,\n          emailConfigId: this.testSendModel.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 = 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 (error: any) {\n      this.messageService.add({\n        severity: 'error',\n        summary: 'Error',\n        detail: error?.message || 'Failed to send test email.',\n      });\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 (error) {\n          this.messageService.add({\n            severity: 'error',\n            summary: 'Error',\n            detail: 'Failed to delete template.',\n          });\n        }\n      },\n    });\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAcA;;AAEG;MAiMU,qBAAqB,CAAA;AACf,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACvB,IAAA,eAAe,GAAG,MAAM,CAAC,uBAAuB,CAAC;AACjD,IAAA,aAAa,GAAG,MAAM,CAAC,qBAAqB,CAAC;AAC7C,IAAA,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAC3C,IAAA,mBAAmB,GAAG,MAAM,CAAC,mBAAmB,CAAC;AACjD,IAAA,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;AACvC,IAAA,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC;AAC9B,IAAA,cAAc,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAElD,IAAA,SAAS,GAAG,MAAM,CAAC,KAAK,qDAAC;AACzB,IAAA,SAAS,GAAG,MAAM,CAAmB,EAAE,qDAAC;AACxC,IAAA,YAAY,GAAG,MAAM,CAAC,CAAC,wDAAC;AACxB,IAAA,QAAQ,GAAG,MAAM,CAAC,EAAE,oDAAC;AACrB,IAAA,WAAW,GAAG,MAAM,CAAC,CAAC,uDAAC;AAEvB,IAAA,eAAe,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,CAAC,oBAAoB,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AACrE,IAAA,kBAAkB,GAAG,QAAQ,CACpC,MAAM,IAAI,CAAC,cAAc,CAAC,kBAAkB,EAAE,EAAE,IAAI,IAAI,gBAAgB,8DACzE;;IAGD,cAAc,GAAG,KAAK;AACb,IAAA,gBAAgB,GAAG,MAAM,CAAwB,IAAI,4DAAC;AACtD,IAAA,OAAO,GAAG,MAAM,CAAiB,EAAE,mDAAC;AACpC,IAAA,gBAAgB,GAAG,MAAM,CAAC,KAAK,4DAAC;AAChC,IAAA,aAAa,GAAG,MAAM,CAAC,KAAK,yDAAC;;IAGtC,aAAa,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;IAC/C,cAAc,GAA2B,EAAE;AAElC,IAAA,aAAa,GAAG,QAAQ,CAAC,MAChC,IAAI,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM;QACzB,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,CAAA,EAAA,EAAK,CAAC,CAAC,QAAQ,CAAA,CAAA,CAAG;QAClC,KAAK,EAAE,CAAC,CAAC,EAAE;KACZ,CAAC,CAAC,yDACJ;;AAGQ,IAAA,iBAAiB,GAAG,QAAQ,CAAC,MAAK;AACzC,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,EAAE;AACxC,QAAA,IAAI,CAAC,QAAQ;AAAE,YAAA,OAAO,EAAE;;AAGxB,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,QAAQ,CAAC,OAAO;AAChB,YAAA,QAAQ,CAAC,WAAW;YACpB,QAAQ,CAAC,WAAW,IAAI,EAAE;AAC3B,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC;;QAGX,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAC;AAClD,QAAA,MAAM,SAAS,GAAG,IAAI,GAAG,EAAU;AAEnC,QAAA,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE;YAC3B,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACzB;QAEA,OAAO,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE;AACrC,IAAA,CAAC,6DAAC;IAEF,QAAQ,GAAA;QACN,IAAI,CAAC,aAAa,EAAE;IACtB;IAEA,QAAQ,GAAA;QACN,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,sBAAsB,CAAC,CAAC;IAChD;AAEA,IAAA,MAAM,CAAC,UAAkB,EAAA;QACvB,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;IACxD;AAEA,IAAA,MAAM,aAAa,GAAA;AACjB,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;AACxB,QAAA,IAAI;AACF,YAAA,MAAM,QAAQ,GAAG,MAAM,cAAc,CACnC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,EAAE;AAC9B,gBAAA,UAAU,EAAE;AACV,oBAAA,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,GAAG,CAAC;AACnC,oBAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;AAC1B,iBAAA;AACD,gBAAA,MAAM,EAAE,EAAE;AACV,gBAAA,MAAM,EAAE,EAAE;AACV,gBAAA,IAAI,EAAE,EAAE;AACT,aAAA,CAAC,CACH;AAED,YAAA,IAAI,QAAQ,CAAC,OAAO,EAAE;gBACpB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC;AACvC,gBAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,IAAI,CAAC,CAAC;YAClD;QACF;gBAAU;AACR,YAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC;QAC3B;IACF;AAEA,IAAA,YAAY,CAAC,KAAU,EAAA;AACrB,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC;QAClD,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC;QAC7B,IAAI,CAAC,aAAa,EAAE;IACtB;IAEA,MAAM,UAAU,CAAC,QAAwB,EAAA;AACvC,QAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,QAAQ,CAAC;AACnC,QAAA,IAAI,CAAC,aAAa,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;AACpD,QAAA,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;AACzB,QAAA,IAAI,CAAC,cAAc,GAAG,IAAI;AAC1B,QAAA,MAAM,IAAI,CAAC,WAAW,EAAE;IAC1B;AAEA,IAAA,MAAM,WAAW,GAAA;AACf,QAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC;AAC/B,QAAA,IAAI;AACF,YAAA,MAAM,QAAQ,GAAG,MAAM,cAAc,CACnC,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,EAAE;gBAC5B,UAAU,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE;AAC7C,gBAAA,MAAM,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;AAC1B,gBAAA,MAAM,EAAE,EAAE;AACV,gBAAA,IAAI,EAAE,EAAE;AACT,aAAA,CAAC,CACH;AACD,YAAA,IAAI,QAAQ,CAAC,OAAO,EAAE;gBACpB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC;YACvC;QACF;gBAAU;AACR,YAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,KAAK,CAAC;QAClC;IACF;AAEA,IAAA,MAAM,aAAa,GAAA;AACjB,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,EAAE;AACxC,QAAA,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE;AAC9E,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC;AACtB,gBAAA,QAAQ,EAAE,MAAM;AAChB,gBAAA,OAAO,EAAE,YAAY;AACrB,gBAAA,MAAM,EAAE,0DAA0D;AACnE,aAAA,CAAC;YACF;QACF;AAEA,QAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC;AAC5B,QAAA,IAAI;;YAEF,MAAM,SAAS,GAA2B,EAAE;AAC5C,YAAA,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE;gBAC9D,IAAI,KAAK,EAAE;AACT,oBAAA,SAAS,CAAC,GAAG,CAAC,GAAG,KAAK;gBACxB;YACF;YAEA,MAAM,QAAQ,GAAG,MAAM,cAAc,CACnC,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC;gBACjC,UAAU,EAAE,QAAQ,CAAC,EAAE;AACvB,gBAAA,EAAE,EAAE,IAAI,CAAC,aAAa,CAAC,SAAS;AAChC,gBAAA,aAAa,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ;AAC1C,gBAAA,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,GAAG,CAAC,GAAG,SAAS,GAAG,SAAS;AACrE,aAAA,CAAC,CACH;AAED,YAAA,IAAI,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAE;AAC1B,gBAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC;AACtB,oBAAA,QAAQ,EAAE,SAAS;AACnB,oBAAA,OAAO,EAAE,SAAS;AAClB,oBAAA,MAAM,EAAE,CAAA,6BAAA,EAAgC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAA,CAAE;AAClE,iBAAA,CAAC;AACF,gBAAA,IAAI,CAAC,cAAc,GAAG,KAAK;YAC7B;iBAAO;AACL,gBAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC;AACtB,oBAAA,QAAQ,EAAE,OAAO;AACjB,oBAAA,OAAO,EAAE,OAAO;AAChB,oBAAA,MAAM,EAAE,QAAQ,CAAC,IAAI,EAAE,KAAK,IAAI,4BAA4B;AAC7D,iBAAA,CAAC;YACJ;QACF;QAAE,OAAO,KAAU,EAAE;AACnB,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC;AACtB,gBAAA,QAAQ,EAAE,OAAO;AACjB,gBAAA,OAAO,EAAE,OAAO;AAChB,gBAAA,MAAM,EAAE,KAAK,EAAE,OAAO,IAAI,4BAA4B;AACvD,aAAA,CAAC;QACJ;gBAAU;AACR,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC;QAC/B;IACF;AAEA,IAAA,QAAQ,CAAC,QAAwB,EAAA;AAC/B,QAAA,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC;AAC/B,YAAA,OAAO,EAAE,CAAA,iCAAA,EAAoC,QAAQ,CAAC,IAAI,CAAA,EAAA,CAAI;AAC9D,YAAA,MAAM,EAAE,iBAAiB;AACzB,YAAA,IAAI,EAAE,4BAA4B;AAClC,YAAA,sBAAsB,EAAE,iBAAiB;YACzC,MAAM,EAAE,YAAW;AACjB,gBAAA,IAAI;AACF,oBAAA,MAAM,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,EAAE,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;AAC3E,oBAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC;AACtB,wBAAA,QAAQ,EAAE,SAAS;AACnB,wBAAA,OAAO,EAAE,SAAS;AAClB,wBAAA,MAAM,EAAE,gCAAgC;AACzC,qBAAA,CAAC;oBACF,IAAI,CAAC,aAAa,EAAE;gBACtB;gBAAE,OAAO,KAAK,EAAE;AACd,oBAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC;AACtB,wBAAA,QAAQ,EAAE,OAAO;AACjB,wBAAA,OAAO,EAAE,OAAO;AAChB,wBAAA,MAAM,EAAE,4BAA4B;AACrC,qBAAA,CAAC;gBACJ;YACF,CAAC;AACF,SAAA,CAAC;IACJ;uGAlNW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,gEA3LrB,CAAC,mBAAmB,EAAE,cAAc,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EACtC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwLT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EA1LS,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,SAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,eAAA,EAAA,WAAA,EAAA,WAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,oDAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,SAAA,EAAA,OAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,YAAA,EAAA,aAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,wBAAA,EAAA,wBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,KAAA,EAAA,UAAA,EAAA,UAAA,EAAA,KAAA,EAAA,YAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,aAAA,EAAA,OAAA,EAAA,SAAA,EAAA,UAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,WAAA,EAAA,WAAA,EAAA,cAAA,EAAA,mBAAA,EAAA,OAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,aAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,YAAA,EAAA,aAAA,EAAA,YAAA,EAAA,YAAA,EAAA,MAAA,EAAA,MAAA,EAAA,aAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,cAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,qBAAA,EAAA,SAAA,EAAA,OAAA,EAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,mBAAA,EAAA,sBAAA,EAAA,sBAAA,EAAA,kBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,eAAA,EAAA,cAAA,EAAA,aAAA,EAAA,WAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,aAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,IAAA,EAAA,cAAA,EAAA,QAAA,EAAA,YAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,aAAA,EAAA,aAAA,EAAA,mBAAA,EAAA,cAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,EAAA,cAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,SAAA,EAAA,aAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,cAAA,EAAA,MAAA,EAAA,eAAA,EAAA,uBAAA,EAAA,sBAAA,EAAA,gBAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,sBAAA,EAAA,mBAAA,EAAA,cAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,SAAA,EAAA,UAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,SAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,eAAA,EAAA,aAAA,EAAA,YAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,qBAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,2BAAA,EAAA,+BAAA,EAAA,2BAAA,EAAA,uBAAA,EAAA,wBAAA,EAAA,qBAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,mBAAA,EAAA,sBAAA,EAAA,0BAAA,EAAA,SAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,YAAA,EAAA,MAAA,EAAA,gBAAA,EAAA,oBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,SAAA,EAAA,oBAAA,EAAA,aAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,YAAA,EAAA,cAAA,EAAA,cAAA,EAAA,eAAA,EAAA,uBAAA,EAAA,sBAAA,EAAA,oBAAA,EAAA,aAAA,EAAA,aAAA,EAAA,kBAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,SAAA,EAAA,aAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,sBAAA,EAAA,gBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,UAAA,EAAA,aAAA,EAAA,MAAA,EAAA,eAAA,EAAA,aAAA,EAAA,kBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,MAAA,EAAA,cAAA,EAAA,WAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,4BAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,QAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,EAAA,aAAA,EAAA,eAAA,EAAA,qBAAA,EAAA,aAAA,EAAA,cAAA,EAAA,cAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,cAAA,EAAA,wBAAA,EAAA,cAAA,EAAA,aAAA,EAAA,YAAA,EAAA,aAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,GAAA,EAAA,QAAA,EAAA,OAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,KAAA,EAAA,YAAA,EAAA,YAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,uBAAA,EAAA,mBAAA,EAAA,sBAAA,EAAA,sBAAA,EAAA,uBAAA,EAAA,uBAAA,EAAA,eAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,GAAA,CAAA,OAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,eAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,QAAA,EAAA,WAAA,EAAA,WAAA,EAAA,MAAA,EAAA,aAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,WAAA,EAAA,YAAA,EAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,GAAA,CAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FA4LtC,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAhMjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,OAAO,EAAE,CAAC,aAAa,EAAE,WAAW,EAAE,WAAW,CAAC;AAClD,oBAAA,SAAS,EAAE,CAAC,mBAAmB,EAAE,cAAc,CAAC;AAChD,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwLT,EAAA,CAAA;AACF,iBAAA;;;;;"}

package/fesm2022/flusys-ng-email.mjs

@@ -0,0 +1,571 @@
+import * as i0 from '@angular/core';
+import { inject, Injectable, signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { APP_CONFIG } from '@flusys/ng-core';
+import { ApiResourceService } from '@flusys/ng-shared';
+import { CommonModule } from '@angular/common';
+import { RouterOutlet, RouterLink, RouterLinkActive } 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 {
+    apiBaseUrl;
+    constructor() {
+        const http = inject(HttpClient);
+        super('email/email-config', http);
+        this.apiBaseUrl = inject(APP_CONFIG).apiBaseUrl;
+    }
+    /**
+     * Send test email to verify configuration
+     */
+    sendTest(configId, recipient) {
+        return this.http.post(`${this.apiBaseUrl}/email/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 });
+    }
+    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
+ */
+class EmailSendService {
+    http = inject(HttpClient);
+    baseUrl = inject(APP_CONFIG).apiBaseUrl;
+    /**
+     * Send email directly (without template)
+     */
+    sendDirect(dto) {
+        return this.http.post(`${this.baseUrl}/email/send/direct`, dto);
+    }
+    /**
+     * Send email using template
+     */
+    sendTemplate(dto) {
+        return this.http.post(`${this.baseUrl}/email/send/template`, dto);
+    }
+    /**
+     * Send test email (for testing configuration)
+     */
+    sendTest(dto) {
+        return this.http.post(`${this.baseUrl}/email/send/test`, { emailConfigId: dto.configId, recipient: dto.recipient });
+    }
+    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-CGJxfZMT.mjs').then((m) => m.TemplateListComponent),
+                    },
+                    {
+                        path: 'new',
+                        loadComponent: () => import('./flusys-ng-email-template-form.component-DjzG_lG1.mjs').then((m) => m.TemplateFormComponent),
+                    },
+                    {
+                        path: ':id',
+                        loadComponent: () => import('./flusys-ng-email-template-form.component-DjzG_lG1.mjs').then((m) => m.TemplateFormComponent),
+                    },
+                ],
+            },
+            // Configs
+            {
+                path: 'configs',
+                children: [
+                    {
+                        path: '',
+                        loadComponent: () => import('./flusys-ng-email-email-config-list.component-CJhSPkCZ.mjs').then((m) => m.EmailConfigListComponent),
+                    },
+                    {
+                        path: 'new',
+                        loadComponent: () => import('./flusys-ng-email-email-config-form.component-8dOBD-Q-.mjs').then((m) => m.EmailConfigFormComponent),
+                    },
+                    {
+                        path: ':id',
+                        loadComponent: () => import('./flusys-ng-email-email-config-form.component-8dOBD-Q-.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="email-page p-4">
+      <div class="email-header mb-4">
+        <h1 class="text-2xl font-bold m-0">Email</h1>
+        <p class="text-gray-500 mt-1">Manage email templates and provider configurations</p>
+      </div>
+
+      <div class="email-tabs flex gap-1 mb-4 border-b border-gray-200">
+        @for (tab of tabs; track tab.id) {
+          <a
+            [routerLink]="tab.route"
+            routerLinkActive="active"
+            class="tab-link flex items-center gap-2 px-4 py-2 rounded-t-lg cursor-pointer transition-colors">
+            <i [class]="tab.icon"></i>
+            <span>{{ tab.label }}</span>
+          </a>
+        }
+      </div>
+
+      <div class="email-content">
+        <router-outlet />
+      </div>
+    </div>
+  `, isInline: true, styles: [".tab-link{color:var(--text-color-secondary, #6b7280);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}.tab-link.active{color:var(--primary-color, #3b82f6);border-bottom-color:var(--primary-color, #3b82f6);background-color:var(--surface-ground, #f9fafb)}.tab-link:hover:not(.active){background-color:var(--surface-hover, #f3f4f6)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: 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: [CommonModule, RouterOutlet, RouterLink, RouterLinkActive], template: `
+    <div class="email-page p-4">
+      <div class="email-header mb-4">
+        <h1 class="text-2xl font-bold m-0">Email</h1>
+        <p class="text-gray-500 mt-1">Manage email templates and provider configurations</p>
+      </div>
+
+      <div class="email-tabs flex gap-1 mb-4 border-b border-gray-200">
+        @for (tab of tabs; track tab.id) {
+          <a
+            [routerLink]="tab.route"
+            routerLinkActive="active"
+            class="tab-link flex items-center gap-2 px-4 py-2 rounded-t-lg cursor-pointer transition-colors">
+            <i [class]="tab.icon"></i>
+            <span>{{ tab.label }}</span>
+          </a>
+        }
+      </div>
+
+      <div class="email-content">
+        <router-outlet />
+      </div>
+    </div>
+  `, styles: [".tab-link{color:var(--text-color-secondary, #6b7280);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}.tab-link.active{color:var(--primary-color, #3b82f6);border-bottom-color:var(--primary-color, #3b82f6);background-color:var(--surface-ground, #f9fafb)}.tab-link:hover:not(.active){background-color:var(--surface-hover, #f3f4f6)}\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