@flusys/ng-email 4.0.0-rc → 4.0.2

package/README.md

@@ -1,7 +1,7 @@
 # Email Package Guide
 
 > **Package:** `@flusys/ng-email`
-> **Version:** 4.0.0-rc
+> **Version:** 4.0.2
 > **Type:** Email management with configurations, templates, and sending
 
 ---

package/fesm2022/{flusys-ng-email-template-form.component-CgJZiMCa.mjs → flusys-ng-email-template-form.component-B2vIO6ow.mjs}

@@ -27,8 +27,12 @@ class TemplateFormComponent {
     templateService = inject(EmailTemplateApiService);
     messageService = inject(MessageService);
     appConfig = inject(APP_CONFIG);
-    companyContext = inject(LAYOUT_AUTH_STATE, { optional: true });
-    translateAdapter = inject(TRANSLATE_ADAPTER, { optional: true });
+    companyContext = inject(LAYOUT_AUTH_STATE, {
+        optional: true,
+    });
+    translateAdapter = inject(TRANSLATE_ADAPTER, {
+        optional: true,
+    });
     state = inject(EmailBuilderStateService);
     // Route params as signal
     routeParams = toSignal(this.route.paramMap);
@@ -116,13 +120,19 @@ class TemplateFormComponent {
         if (currentMode === 'text' && mode === 'html') {
             // Switching from text to html - convert text to basic HTML if htmlContent is empty
             if (!model.htmlContent && model.textContent) {
-                this.formModel.update((m) => ({ ...m, htmlContent: this.textToHtml(m.textContent) }));
+                this.formModel.update((m) => ({
+                    ...m,
+                    htmlContent: this.textToHtml(m.textContent),
+                }));
             }
         }
         else if (currentMode === 'html' && mode === 'text') {
             // Switching from html to text - generate text from HTML if textContent is empty
             if (!model.textContent && model.htmlContent) {
-                this.formModel.update((m) => ({ ...m, textContent: this.htmlToPlainText(m.htmlContent) }));
+                this.formModel.update((m) => ({
+                    ...m,
+                    textContent: this.htmlToPlainText(m.htmlContent),
+                }));
             }
         }
         this.editorMode.set(mode);
@@ -188,7 +198,8 @@ class TemplateFormComponent {
                     name: model.name,
                     subject: model.subject,
                 },
-                htmlContent: model.htmlContent || `<p>${this.translate('email.template.default.content')}</p>`,
+                htmlContent: model.htmlContent ||
+                    `<p>${this.translate('email.template.default.content')}</p>`,
                 textContent: textContent || undefined,
                 isActive: model.isActive,
                 isHtml: model.isHtml,
@@ -202,7 +213,9 @@ class TemplateFormComponent {
             this.messageService.add({
                 severity: 'success',
                 summary: this.translate('common.success'),
-                detail: this.translate(this.isEditMode() ? 'email.template.updated' : 'email.template.created'),
+                detail: this.translate(this.isEditMode()
+                    ? 'email.template.updated'
+                    : 'email.template.created'),
             });
             this.router.navigate(['../'], { relativeTo: this.route });
         }
@@ -220,10 +233,17 @@ class TemplateFormComponent {
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: TemplateFormComponent, isStandalone: true, selector: "lib-template-form", providers: [MessageService, EmailBuilderStateService], ngImport: i0, template: `
     <div class="card mb-4">
       <!-- Header -->
-      <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-3 mb-4">
+      <div
+        class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-3 mb-4"
+      >
         <div>
           <h3 class="text-lg sm:text-xl font-semibold m-0">
-            {{ (isEditMode() ? 'email.template.edit.title' : 'email.template.new.title') | translate }}
+            {{
+              (isEditMode()
+                ? 'email.template.edit.title'
+                : 'email.template.new.title'
+              ) | translate
+            }}
           </h3>
           @if (showCompanyInfo()) {
             <p class="text-sm text-muted-color mt-1">
@@ -236,7 +256,9 @@ class TemplateFormComponent {
       <!-- Form Fields -->
       <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
         <div class="field">
-          <label for="name" class="block font-medium mb-2">{{ 'email.template.name' | translate }} *</label>
+          <label for="name" class="block font-medium mb-2"
+            >{{ 'email.template.name' | translate }} *</label
+          >
           <input
             pInputText
             id="name"
@@ -247,7 +269,9 @@ class TemplateFormComponent {
         </div>
 
         <div class="field">
-          <label for="slug" class="block font-medium mb-2">{{ 'email.template.slug' | translate }} *</label>
+          <label for="slug" class="block font-medium mb-2"
+            >{{ 'email.template.slug' | translate }} *</label
+          >
           <input
             pInputText
             id="slug"
@@ -258,7 +282,9 @@ class TemplateFormComponent {
         </div>
 
         <div class="field md:col-span-2">
-          <label for="subject" class="block font-medium mb-2">{{ 'email.template.subject' | translate }} *</label>
+          <label for="subject" class="block font-medium mb-2"
+            >{{ 'email.template.subject' | translate }} *</label
+          >
           <input
             pInputText
             id="subject"
@@ -266,11 +292,15 @@ class TemplateFormComponent {
             class="w-full"
             [placeholder]="'email.template.subject.example' | translate"
           />
-          <small class="text-muted-color">{{ 'email.template.variable.hint' | translate }}</small>
+          <small class="text-muted-color">{{
+            'email.template.variable.hint' | translate
+          }}</small>
         </div>
 
         <div class="field">
-          <label for="description" class="block font-medium mb-2">{{ 'common.description' | translate }}</label>
+          <label for="description" class="block font-medium mb-2">{{
+            'common.description' | translate
+          }}</label>
           <input
             pInputText
             id="description"
@@ -287,11 +317,16 @@ class TemplateFormComponent {
       </div>
 
       <!-- Content Editor & Preview -->
-      <div class="grid grid-cols-1 gap-4" [class.lg:grid-cols-2]="editorMode() === 'html'">
+      <div
+        class="grid grid-cols-1 gap-4"
+        [class.lg:grid-cols-2]="editorMode() === 'html'"
+      >
         <!-- Editor Panel -->
         <div class="card">
           <div class="flex justify-between items-center mb-3">
-            <h3 class="font-semibold">{{ 'email.template.content' | translate }}</h3>
+            <h3 class="font-semibold">
+              {{ 'email.template.content' | translate }}
+            </h3>
             <div class="flex gap-1">
               <p-button
                 [label]="'email.template.html' | translate"
@@ -343,10 +378,15 @@ class TemplateFormComponent {
         @if (editorMode() === 'html') {
           <div class="card">
             <div class="flex flex-wrap justify-between items-center gap-2 mb-3">
-              <h3 class="font-semibold m-0">{{ 'email.template.preview' | translate }}</h3>
-              <p-tag [value]="'email.template.live.preview' | translate" severity="info" />
+              <h3 class="font-semibold m-0">
+                {{ 'email.template.preview' | translate }}
+              </h3>
+              <p-tag
+                [value]="'email.template.live.preview' | translate"
+                severity="info"
+              />
             </div>
-            <div class="border border-surface rounded bg-surface-0 dark:bg-surface-900 h-[400px] overflow-auto">
+            <div class="border border-surface rounded h-[400px] overflow-auto">
               @if (formModel().htmlContent) {
                 <iframe
                   [srcdoc]="getPreviewHtml()"
@@ -354,10 +394,14 @@ class TemplateFormComponent {
                   sandbox="allow-same-origin"
                 ></iframe>
               } @else {
-                <div class="flex items-center justify-center h-full text-muted-color">
+                <div
+                  class="flex items-center justify-center h-full text-muted-color"
+                >
                   <div class="text-center p-4">
                     <i class="pi pi-eye text-4xl mb-2"></i>
-                    <p class="m-0">{{ 'email.template.enter.html.preview' | translate }}</p>
+                    <p class="m-0">
+                      {{ 'email.template.enter.html.preview' | translate }}
+                    </p>
                   </div>
                 </div>
               }
@@ -375,7 +419,9 @@ class TemplateFormComponent {
           routerLink="../"
         />
         <p-button
-          [label]="(isEditMode() ? 'common.update' : 'common.create') | translate"
+          [label]="
+            (isEditMode() ? 'common.update' : 'common.create') | translate
+          "
           icon="pi pi-save"
           [loading]="isLoading()"
           [disabled]="!isFormValid()"
@@ -396,10 +442,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                     template: `
     <div class="card mb-4">
       <!-- Header -->
-      <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-3 mb-4">
+      <div
+        class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-3 mb-4"
+      >
         <div>
           <h3 class="text-lg sm:text-xl font-semibold m-0">
-            {{ (isEditMode() ? 'email.template.edit.title' : 'email.template.new.title') | translate }}
+            {{
+              (isEditMode()
+                ? 'email.template.edit.title'
+                : 'email.template.new.title'
+              ) | translate
+            }}
           </h3>
           @if (showCompanyInfo()) {
             <p class="text-sm text-muted-color mt-1">
@@ -412,7 +465,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
       <!-- Form Fields -->
       <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
         <div class="field">
-          <label for="name" class="block font-medium mb-2">{{ 'email.template.name' | translate }} *</label>
+          <label for="name" class="block font-medium mb-2"
+            >{{ 'email.template.name' | translate }} *</label
+          >
           <input
             pInputText
             id="name"
@@ -423,7 +478,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
         </div>
 
         <div class="field">
-          <label for="slug" class="block font-medium mb-2">{{ 'email.template.slug' | translate }} *</label>
+          <label for="slug" class="block font-medium mb-2"
+            >{{ 'email.template.slug' | translate }} *</label
+          >
           <input
             pInputText
             id="slug"
@@ -434,7 +491,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
         </div>
 
         <div class="field md:col-span-2">
-          <label for="subject" class="block font-medium mb-2">{{ 'email.template.subject' | translate }} *</label>
+          <label for="subject" class="block font-medium mb-2"
+            >{{ 'email.template.subject' | translate }} *</label
+          >
           <input
             pInputText
             id="subject"
@@ -442,11 +501,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
             class="w-full"
             [placeholder]="'email.template.subject.example' | translate"
           />
-          <small class="text-muted-color">{{ 'email.template.variable.hint' | translate }}</small>
+          <small class="text-muted-color">{{
+            'email.template.variable.hint' | translate
+          }}</small>
         </div>
 
         <div class="field">
-          <label for="description" class="block font-medium mb-2">{{ 'common.description' | translate }}</label>
+          <label for="description" class="block font-medium mb-2">{{
+            'common.description' | translate
+          }}</label>
           <input
             pInputText
             id="description"
@@ -463,11 +526,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
       </div>
 
       <!-- Content Editor & Preview -->
-      <div class="grid grid-cols-1 gap-4" [class.lg:grid-cols-2]="editorMode() === 'html'">
+      <div
+        class="grid grid-cols-1 gap-4"
+        [class.lg:grid-cols-2]="editorMode() === 'html'"
+      >
         <!-- Editor Panel -->
         <div class="card">
           <div class="flex justify-between items-center mb-3">
-            <h3 class="font-semibold">{{ 'email.template.content' | translate }}</h3>
+            <h3 class="font-semibold">
+              {{ 'email.template.content' | translate }}
+            </h3>
             <div class="flex gap-1">
               <p-button
                 [label]="'email.template.html' | translate"
@@ -519,10 +587,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
         @if (editorMode() === 'html') {
           <div class="card">
             <div class="flex flex-wrap justify-between items-center gap-2 mb-3">
-              <h3 class="font-semibold m-0">{{ 'email.template.preview' | translate }}</h3>
-              <p-tag [value]="'email.template.live.preview' | translate" severity="info" />
+              <h3 class="font-semibold m-0">
+                {{ 'email.template.preview' | translate }}
+              </h3>
+              <p-tag
+                [value]="'email.template.live.preview' | translate"
+                severity="info"
+              />
             </div>
-            <div class="border border-surface rounded bg-surface-0 dark:bg-surface-900 h-[400px] overflow-auto">
+            <div class="border border-surface rounded h-[400px] overflow-auto">
               @if (formModel().htmlContent) {
                 <iframe
                   [srcdoc]="getPreviewHtml()"
@@ -530,10 +603,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                   sandbox="allow-same-origin"
                 ></iframe>
               } @else {
-                <div class="flex items-center justify-center h-full text-muted-color">
+                <div
+                  class="flex items-center justify-center h-full text-muted-color"
+                >
                   <div class="text-center p-4">
                     <i class="pi pi-eye text-4xl mb-2"></i>
-                    <p class="m-0">{{ 'email.template.enter.html.preview' | translate }}</p>
+                    <p class="m-0">
+                      {{ 'email.template.enter.html.preview' | translate }}
+                    </p>
                   </div>
                 </div>
               }
@@ -551,7 +628,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
           routerLink="../"
         />
         <p-button
-          [label]="(isEditMode() ? 'common.update' : 'common.create') | translate"
+          [label]="
+            (isEditMode() ? 'common.update' : 'common.create') | translate
+          "
           icon="pi pi-save"
           [loading]="isLoading()"
           [disabled]="!isFormValid()"
@@ -566,4 +645,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
         }], ctorParameters: () => [] });
 
 export { TemplateFormComponent };
-//# sourceMappingURL=flusys-ng-email-template-form.component-CgJZiMCa.mjs.map
+//# sourceMappingURL=flusys-ng-email-template-form.component-B2vIO6ow.mjs.map

package/fesm2022/flusys-ng-email-template-form.component-B2vIO6ow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-email-template-form.component-B2vIO6ow.mjs","sources":["../../../projects/ng-email/pages/template/template-form.component.ts"],"sourcesContent":["import { Component, computed, effect, inject, signal } from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { form, FormField, required } from '@angular/forms/signals';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport {\n  APP_CONFIG,\n  DEFAULT_APP_NAME,\n  TRANSLATE_ADAPTER,\n} from '@flusys/ng-core';\nimport { LAYOUT_AUTH_STATE } from '@flusys/ng-layout';\nimport { AngularModule, PrimeModule, TranslatePipe } from '@flusys/ng-shared';\nimport { MessageService } from 'primeng/api';\nimport { IEmailTemplate } from '../../interfaces/email-template.interface';\nimport { EmailBuilderStateService } from '../../services/email-builder-state.service';\nimport { EmailTemplateApiService } from '../../services/email-template-api.service';\n\n/** Form model interface for email template */\ninterface IEmailTemplateFormModel {\n  id: string;\n  name: string;\n  slug: string;\n  description: string;\n  subject: string;\n  htmlContent: string;\n  textContent: string;\n  isActive: boolean;\n  isHtml: boolean;\n}\n\n/**\n * Email template form component (create/edit)\n * Uses Angular Signal Forms for reactive form handling\n */\n@Component({\n  selector: 'lib-template-form',\n  imports: [AngularModule, PrimeModule, FormField, TranslatePipe],\n  providers: [MessageService, EmailBuilderStateService],\n  template: `\n    <div class=\"card mb-4\">\n      <!-- Header -->\n      <div\n        class=\"flex flex-col sm:flex-row justify-between items-start sm:items-center gap-3 mb-4\"\n      >\n        <div>\n          <h3 class=\"text-lg sm:text-xl font-semibold m-0\">\n            {{\n              (isEditMode()\n                ? 'email.template.edit.title'\n                : 'email.template.new.title'\n              ) | translate\n            }}\n          </h3>\n          @if (showCompanyInfo()) {\n            <p class=\"text-sm text-muted-color mt-1\">\n              {{ 'common.company' | translate }}: {{ currentCompanyName() }}\n            </p>\n          }\n        </div>\n      </div>\n\n      <!-- Form Fields -->\n      <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        <div class=\"field\">\n          <label for=\"name\" class=\"block font-medium mb-2\"\n            >{{ 'email.template.name' | translate }} *</label\n          >\n          <input\n            pInputText\n            id=\"name\"\n            [formField]=\"templateForm.name\"\n            class=\"w-full\"\n            [placeholder]=\"'email.template.name.example' | translate\"\n          />\n        </div>\n\n        <div class=\"field\">\n          <label for=\"slug\" class=\"block font-medium mb-2\"\n            >{{ 'email.template.slug' | translate }} *</label\n          >\n          <input\n            pInputText\n            id=\"slug\"\n            [formField]=\"templateForm.slug\"\n            class=\"w-full\"\n            [placeholder]=\"'email.template.slug.example' | translate\"\n          />\n        </div>\n\n        <div class=\"field md:col-span-2\">\n          <label for=\"subject\" class=\"block font-medium mb-2\"\n            >{{ 'email.template.subject' | translate }} *</label\n          >\n          <input\n            pInputText\n            id=\"subject\"\n            [formField]=\"templateForm.subject\"\n            class=\"w-full\"\n            [placeholder]=\"'email.template.subject.example' | translate\"\n          />\n          <small class=\"text-muted-color\">{{\n            'email.template.variable.hint' | translate\n          }}</small>\n        </div>\n\n        <div class=\"field\">\n          <label for=\"description\" class=\"block font-medium mb-2\">{{\n            'common.description' | translate\n          }}</label>\n          <input\n            pInputText\n            id=\"description\"\n            [formField]=\"templateForm.description\"\n            class=\"w-full\"\n            [placeholder]=\"'email.template.desc.placeholder' | translate\"\n          />\n        </div>\n\n        <div class=\"field flex items-center gap-2\">\n          <p-toggleswitch [formField]=\"templateForm.isActive\" />\n          <label>{{ 'common.active' | translate }}</label>\n        </div>\n      </div>\n\n      <!-- Content Editor & Preview -->\n      <div\n        class=\"grid grid-cols-1 gap-4\"\n        [class.lg:grid-cols-2]=\"editorMode() === 'html'\"\n      >\n        <!-- Editor Panel -->\n        <div class=\"card\">\n          <div class=\"flex justify-between items-center mb-3\">\n            <h3 class=\"font-semibold\">\n              {{ 'email.template.content' | translate }}\n            </h3>\n            <div class=\"flex gap-1\">\n              <p-button\n                [label]=\"'email.template.html' | translate\"\n                [outlined]=\"editorMode() !== 'html'\"\n                [severity]=\"editorMode() === 'html' ? 'primary' : 'secondary'\"\n                size=\"small\"\n                (onClick)=\"setEditorMode('html')\"\n              />\n              <p-button\n                [label]=\"'email.template.plain.text' | translate\"\n                [outlined]=\"editorMode() !== 'text'\"\n                [severity]=\"editorMode() === 'text' ? 'primary' : 'secondary'\"\n                size=\"small\"\n                (onClick)=\"setEditorMode('text')\"\n              />\n            </div>\n          </div>\n\n          <div class=\"h-[400px]\">\n            @if (editorMode() === 'html') {\n              <textarea\n                pTextarea\n                [ngModel]=\"formModel().htmlContent\"\n                (ngModelChange)=\"updateFormField('htmlContent', $event)\"\n                class=\"w-full h-full font-mono text-sm resize-none overflow-auto border border-surface rounded\"\n                [placeholder]=\"'email.template.html.placeholder' | translate\"\n                wrap=\"off\"\n              ></textarea>\n            } @else {\n              <textarea\n                pTextarea\n                [ngModel]=\"formModel().textContent\"\n                (ngModelChange)=\"updateFormField('textContent', $event)\"\n                class=\"w-full h-full font-mono text-sm resize-none overflow-auto border border-surface rounded\"\n                [placeholder]=\"'email.template.text.placeholder' | translate\"\n                wrap=\"off\"\n              ></textarea>\n            }\n          </div>\n          @if (editorMode() === 'text') {\n            <small class=\"text-muted-color mt-2 block\">\n              <i class=\"pi pi-info-circle mr-1\"></i>\n              {{ 'email.template.plain.text.hint' | translate }}\n            </small>\n          }\n        </div>\n\n        <!-- Preview Panel (HTML mode only) -->\n        @if (editorMode() === 'html') {\n          <div class=\"card\">\n            <div class=\"flex flex-wrap justify-between items-center gap-2 mb-3\">\n              <h3 class=\"font-semibold m-0\">\n                {{ 'email.template.preview' | translate }}\n              </h3>\n              <p-tag\n                [value]=\"'email.template.live.preview' | translate\"\n                severity=\"info\"\n              />\n            </div>\n            <div class=\"border border-surface rounded h-[400px] overflow-auto\">\n              @if (formModel().htmlContent) {\n                <iframe\n                  [srcdoc]=\"getPreviewHtml()\"\n                  class=\"w-full h-full border-0\"\n                  sandbox=\"allow-same-origin\"\n                ></iframe>\n              } @else {\n                <div\n                  class=\"flex items-center justify-center h-full text-muted-color\"\n                >\n                  <div class=\"text-center p-4\">\n                    <i class=\"pi pi-eye text-4xl mb-2\"></i>\n                    <p class=\"m-0\">\n                      {{ 'email.template.enter.html.preview' | translate }}\n                    </p>\n                  </div>\n                </div>\n              }\n            </div>\n          </div>\n        }\n      </div>\n\n      <!-- Form Actions -->\n      <div class=\"flex justify-end gap-2 mt-6 pt-4 border-t border-surface\">\n        <p-button\n          [label]=\"'common.cancel' | translate\"\n          severity=\"secondary\"\n          [outlined]=\"true\"\n          routerLink=\"../\"\n        />\n        <p-button\n          [label]=\"\n            (isEditMode() ? 'common.update' : 'common.create') | translate\n          \"\n          icon=\"pi pi-save\"\n          [loading]=\"isLoading()\"\n          [disabled]=\"!isFormValid()\"\n          (onClick)=\"onSave()\"\n        />\n      </div>\n    </div>\n\n    <p-toast />\n  `,\n})\nexport class TemplateFormComponent {\n  private readonly route = inject(ActivatedRoute);\n  private readonly router = inject(Router);\n  private readonly templateService = inject(EmailTemplateApiService);\n  private readonly messageService = inject(MessageService);\n  private readonly appConfig = inject(APP_CONFIG);\n  private readonly companyContext = inject(LAYOUT_AUTH_STATE, {\n    optional: true,\n  });\n  private readonly translateAdapter = inject(TRANSLATE_ADAPTER, {\n    optional: true,\n  });\n  readonly state = inject(EmailBuilderStateService);\n\n  // Route params as signal\n  private readonly routeParams = toSignal(this.route.paramMap);\n\n  readonly isLoading = signal(false);\n  readonly existingTemplate = signal<IEmailTemplate | null>(null);\n  readonly isEditMode = computed(() => !!this.existingTemplate());\n  readonly editorMode = signal<'html' | 'text'>('html');\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\n  /** Form model using signal */\n  readonly formModel = signal<IEmailTemplateFormModel>({\n    id: '',\n    name: '',\n    slug: '',\n    description: '',\n    subject: '',\n    htmlContent: '',\n    textContent: '',\n    isActive: true,\n    isHtml: true,\n  });\n\n  /** Form with validation using Angular Signal Forms */\n  readonly templateForm = form(this.formModel, (f) => {\n    required(f.name);\n    required(f.slug);\n    required(f.subject);\n  });\n\n  /** Check if form is valid */\n  readonly isFormValid = computed(() => {\n    const model = this.formModel();\n    return (\n      model.name.trim().length > 0 &&\n      model.slug.trim().length > 0 &&\n      model.subject.trim().length > 0\n    );\n  });\n\n  /** Update a single form field */\n  updateFormField<K extends keyof IEmailTemplateFormModel>(\n    field: K,\n    value: IEmailTemplateFormModel[K],\n  ): void {\n    this.formModel.update((m) => ({ ...m, [field]: value }));\n  }\n\n  constructor() {\n    // Effect to handle route-based initialization\n    effect(() => {\n      const params = this.routeParams();\n      if (!params) return;\n\n      const id = params.get('id');\n      if (id) {\n        this.loadTemplate(id);\n      }\n    });\n  }\n\n  async loadTemplate(id: string): Promise<void> {\n    this.isLoading.set(true);\n    try {\n      const response = await this.templateService.findByIdAsync(id);\n      if (response.success && response.data) {\n        const template = response.data;\n        this.existingTemplate.set(template);\n        this.formModel.set({\n          id: template.id,\n          name: template.name,\n          slug: template.slug,\n          description: template.description || '',\n          subject: template.subject,\n          htmlContent: template.htmlContent,\n          textContent: template.textContent || '',\n          isActive: template.isActive,\n          isHtml: template.isHtml ?? true,\n        });\n        // Set editor mode based on saved template type\n        this.editorMode.set(template.isHtml ? 'html' : 'text');\n        this.state.loadSchema(template.schema);\n      }\n    } catch {\n      // Error toast handled by global interceptor\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  setEditorMode(mode: 'html' | 'text'): void {\n    const currentMode = this.editorMode();\n    const model = this.formModel();\n\n    // Sync content when switching modes\n    if (currentMode === 'text' && mode === 'html') {\n      // Switching from text to html - convert text to basic HTML if htmlContent is empty\n      if (!model.htmlContent && model.textContent) {\n        this.formModel.update((m) => ({\n          ...m,\n          htmlContent: this.textToHtml(m.textContent),\n        }));\n      }\n    } else if (currentMode === 'html' && mode === 'text') {\n      // Switching from html to text - generate text from HTML if textContent is empty\n      if (!model.textContent && model.htmlContent) {\n        this.formModel.update((m) => ({\n          ...m,\n          textContent: this.htmlToPlainText(m.htmlContent),\n        }));\n      }\n    }\n\n    this.editorMode.set(mode);\n    this.formModel.update((m) => ({ ...m, isHtml: mode === 'html' }));\n  }\n\n  /** Convert plain text to basic HTML */\n  private textToHtml(text: string): string {\n    if (!text) return '';\n    // Convert line breaks to paragraphs\n    return text\n      .split(/\\n\\n+/)\n      .map((p) => `<p>${p.replace(/\\n/g, '<br>')}</p>`)\n      .join('\\n');\n  }\n\n  /** Convert HTML to plain text (using DOMParser for safe parsing) */\n  private htmlToPlainText(html: string): string {\n    if (!html) return '';\n    // Use DOMParser for safe HTML parsing (prevents XSS)\n    const parser = new DOMParser();\n    const doc = parser.parseFromString(html, 'text/html');\n    // Get text content and clean up whitespace\n    return (doc.body.textContent || '').replace(/\\s+/g, ' ').trim();\n  }\n\n  /** Get HTML for preview iframe */\n  getPreviewHtml(): string {\n    const baseStyles = `\n      <style>\n        body {\n          font-family: Arial, sans-serif;\n          margin: 16px;\n          background-color: #ffffff;\n          color: #333333;\n        }\n        img { max-width: 100%; height: auto; }\n      </style>\n    `;\n    return baseStyles + (this.formModel().htmlContent || '');\n  }\n\n  async onSave(): Promise<void> {\n    if (!this.isFormValid()) {\n      this.messageService.add({\n        severity: 'warn',\n        summary: this.translate('common.validation'),\n        detail: this.translate('common.fill.required.fields'),\n      });\n      return;\n    }\n\n    this.isLoading.set(true);\n    try {\n      const model = this.formModel();\n      const schema = this.state.schema();\n      // Use user-provided plain text, or auto-generate from HTML if empty\n      const textContent =\n        model.textContent || this.htmlToPlainText(model.htmlContent);\n\n      const data = {\n        name: model.name,\n        slug: model.slug,\n        description: model.description || undefined,\n        subject: model.subject,\n        schema: {\n          ...schema,\n          name: model.name,\n          subject: model.subject,\n        },\n        htmlContent:\n          model.htmlContent ||\n          `<p>${this.translate('email.template.default.content')}</p>`,\n        textContent: textContent || undefined,\n        isActive: model.isActive,\n        isHtml: model.isHtml,\n      };\n\n      if (this.isEditMode()) {\n        await this.templateService.updateAsync({ id: model.id, ...data });\n      } else {\n        await this.templateService.insertAsync(data);\n      }\n\n      this.messageService.add({\n        severity: 'success',\n        summary: this.translate('common.success'),\n        detail: this.translate(\n          this.isEditMode()\n            ? 'email.template.updated'\n            : 'email.template.created',\n        ),\n      });\n\n      this.router.navigate(['../'], { relativeTo: this.route });\n    } catch {\n      // Error toast handled by global interceptor\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  private translate(\n    key: string,\n    variables?: Record<string, string | number>,\n  ): string {\n    return this.translateAdapter?.translate(key, variables) ?? key;\n  }\n}\n"],"names":["i3","i4","i5","i7","i8"],"mappings":"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"}

package/fesm2022/{flusys-ng-email-template-list.component-DHnuMTpB.mjs → flusys-ng-email-template-list.component-0PJxS33a.mjs}

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
 import { inject, signal, computed, Component } from '@angular/core';
 import { Router } from '@angular/router';
-import { firstValueFrom } from 'rxjs';
 import { APP_CONFIG, TRANSLATE_ADAPTER, DEFAULT_APP_NAME } from '@flusys/ng-core';
 import { LAYOUT_AUTH_STATE } from '@flusys/ng-layout';
 import { EMAIL_TEMPLATE_PERMISSIONS, AngularModule, PrimeModule, HasPermissionDirective, TranslatePipe } from '@flusys/ng-shared';
 import { ConfirmationService, MessageService } from 'primeng/api';
+import { firstValueFrom } from 'rxjs';
 import { EmailTemplateApiService, EmailConfigApiService, EmailSendService } from './flusys-ng-email.mjs';
 import * as i1 from '@angular/forms';
 import * as i2 from 'primeng/button';
@@ -32,8 +32,12 @@ class TemplateListComponent {
     confirmationService = inject(ConfirmationService);
     messageService = inject(MessageService);
     appConfig = inject(APP_CONFIG);
-    companyContext = inject(LAYOUT_AUTH_STATE, { optional: true });
-    translateAdapter = inject(TRANSLATE_ADAPTER, { optional: true });
+    companyContext = inject(LAYOUT_AUTH_STATE, {
+        optional: true,
+    });
+    translateAdapter = inject(TRANSLATE_ADAPTER, {
+        optional: true,
+    });
     isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
     templates = signal([], ...(ngDevMode ? [{ debugName: "templates" }] : []));
     totalRecords = signal(0, ...(ngDevMode ? [{ debugName: "totalRecords" }] : []));
@@ -177,7 +181,9 @@ class TemplateListComponent {
                 this.messageService.add({
                     severity: 'success',
                     summary: this.translate('common.success'),
-                    detail: this.translate('email.template.test.sent.success', { messageId: response.data.messageId ?? '' }),
+                    detail: this.translate('email.template.test.sent.success', {
+                        messageId: response.data.messageId ?? '',
+                    }),
                 });
                 this.showTestDialog.set(false);
             }
@@ -185,7 +191,8 @@ class TemplateListComponent {
                 this.messageService.add({
                     severity: 'error',
                     summary: this.translate('common.error'),
-                    detail: response.data?.error || this.translate('email.template.test.sent.failed'),
+                    detail: response.data?.error ||
+                        this.translate('email.template.test.sent.failed'),
                 });
             }
         }
@@ -198,13 +205,18 @@ class TemplateListComponent {
     }
     onDelete(template) {
         this.confirmationService.confirm({
-            message: this.translate('email.template.delete.confirm', { name: template.name }),
+            message: this.translate('email.template.delete.confirm', {
+                name: template.name,
+            }),
             header: this.translate('email.template.delete.title'),
             icon: 'pi pi-exclamation-triangle',
             acceptButtonStyleClass: 'p-button-danger',
             accept: async () => {
                 try {
-                    await this.templateService.deleteAsync({ id: template.id, type: 'delete' });
+                    await this.templateService.deleteAsync({
+                        id: template.id,
+                        type: 'delete',
+                    });
                     this.messageService.add({
                         severity: 'success',
                         summary: this.translate('common.success'),
@@ -225,9 +237,13 @@ class TemplateListComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: TemplateListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: TemplateListComponent, isStandalone: true, selector: "lib-template-list", providers: [ConfirmationService, MessageService], ngImport: i0, template: `
     <div class="card">
-      <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-3 mb-4">
+      <div
+        class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-3 mb-4"
+      >
         <div>
-          <h3 class="text-lg sm:text-xl font-semibold m-0">{{ 'email.template.title' | translate }}</h3>
+          <h3 class="text-lg sm:text-xl font-semibold m-0">
+            {{ 'email.template.title' | translate }}
+          </h3>
           @if (showCompanyInfo()) {
             <p class="text-sm text-muted-color mt-1">
               {{ 'common.company' | translate }}: {{ currentCompanyName() }}
@@ -260,11 +276,17 @@ class TemplateListComponent {
           <ng-template #header>
             <tr>
               <th>{{ 'common.name' | translate }}</th>
-              <th class="hidden md:table-cell">{{ 'email.template.slug' | translate }}</th>
-              <th class="hidden lg:table-cell">{{ 'email.template.subject' | translate }}</th>
+              <th class="hidden md:table-cell">
+                {{ 'email.template.slug' | translate }}
+              </th>
+              <th class="hidden lg:table-cell">
+                {{ 'email.template.subject' | translate }}
+              </th>
               <th>{{ 'common.type' | translate }}</th>
               <th>{{ 'common.status' | translate }}</th>
-              <th class="hidden xl:table-cell">{{ 'common.created' | translate }}</th>
+              <th class="hidden xl:table-cell">
+                {{ 'common.created' | translate }}
+              </th>
               <th class="w-[120px]">{{ 'common.actions' | translate }}</th>
             </tr>
           </ng-template>
@@ -276,22 +298,34 @@ class TemplateListComponent {
                 {{ template.name }}
               </td>
               <td class="hidden md:table-cell">
-                <code class="text-sm bg-surface-100 dark:bg-surface-700 px-2 py-1 rounded">{{ template.slug }}</code>
+                <code class="text-sm px-2 py-1 rounded text-text-color">{{
+                  template.slug
+                }}</code>
               </td>
               <td class="hidden lg:table-cell">{{ template.subject }}</td>
               <td>
                 <p-tag
-                  [value]="(template.isHtml ? 'email.template.html' : 'email.template.text') | translate"
+                  [value]="
+                    (template.isHtml
+                      ? 'email.template.html'
+                      : 'email.template.text'
+                    ) | translate
+                  "
                   [severity]="template.isHtml ? 'info' : 'secondary'"
                 />
               </td>
               <td>
                 <p-tag
-                  [value]="(template.isActive ? 'common.active' : 'common.inactive') | translate"
+                  [value]="
+                    (template.isActive ? 'common.active' : 'common.inactive')
+                      | translate
+                  "
                   [severity]="template.isActive ? 'success' : 'secondary'"
                 />
               </td>
-              <td class="hidden xl:table-cell">{{ template.createdAt | date: 'short' }}</td>
+              <td class="hidden xl:table-cell">
+                {{ template.createdAt | date: 'short' }}
+              </td>
               <td>
                 <div class="flex gap-1">
                   <p-button
@@ -347,7 +381,9 @@ class TemplateListComponent {
     >
       <div class="flex flex-col gap-4">
         <div class="field">
-          <label class="block font-medium mb-2">{{ 'email.template.template' | translate }}</label>
+          <label class="block font-medium mb-2">{{
+            'email.template.template' | translate
+          }}</label>
           <input
             pInputText
             [value]="selectedTemplate()?.name || ''"
@@ -357,7 +393,9 @@ class TemplateListComponent {
         </div>
 
         <div class="field">
-          <label class="block font-medium mb-2">{{ 'email.template.email.config' | translate }} *</label>
+          <label class="block font-medium mb-2"
+            >{{ 'email.template.email.config' | translate }} *</label
+          >
           <p-select
             [ngModel]="testSendModel.configId"
             (ngModelChange)="updateTestSendModel('configId', $event)"
@@ -371,7 +409,9 @@ class TemplateListComponent {
         </div>
 
         <div class="field">
-          <label class="block font-medium mb-2">{{ 'email.config.recipient.email' | translate }} *</label>
+          <label class="block font-medium mb-2"
+            >{{ 'email.config.recipient.email' | translate }} *</label
+          >
           <input
             pInputText
             [ngModel]="testSendModel.recipient"
@@ -392,14 +432,21 @@ class TemplateListComponent {
               @for (variable of templateVariables(); track variable) {
                 <div class="field">
                   <label class="block text-sm font-medium mb-1">
-                    <code class="text-primary bg-surface-100 dark:bg-surface-700 px-1 rounded">{{ '{{' + variable + '}}' }}</code>
+                    <code
+                      class="text-primary bg-surface-100 dark:bg-surface-700 px-1 rounded"
+                      >{{ '{{' + variable + '}}' }}</code
+                    >
                   </label>
                   <input
                     pInputText
                     [ngModel]="variableValues[variable] || ''"
                     (ngModelChange)="updateVariableValue(variable, $event)"
                     class="w-full"
-                    [placeholder]="translate('email.template.enter.value.for', { variable: variable })"
+                    [placeholder]="
+                      translate('email.template.enter.value.for', {
+                        variable: variable,
+                      })
+                    "
                   />
                 </div>
               }
@@ -436,9 +483,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                     providers: [ConfirmationService, MessageService],
                     template: `
     <div class="card">
-      <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-3 mb-4">
+      <div
+        class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-3 mb-4"
+      >
         <div>
-          <h3 class="text-lg sm:text-xl font-semibold m-0">{{ 'email.template.title' | translate }}</h3>
+          <h3 class="text-lg sm:text-xl font-semibold m-0">
+            {{ 'email.template.title' | translate }}
+          </h3>
           @if (showCompanyInfo()) {
             <p class="text-sm text-muted-color mt-1">
               {{ 'common.company' | translate }}: {{ currentCompanyName() }}
@@ -471,11 +522,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
           <ng-template #header>
             <tr>
               <th>{{ 'common.name' | translate }}</th>
-              <th class="hidden md:table-cell">{{ 'email.template.slug' | translate }}</th>
-              <th class="hidden lg:table-cell">{{ 'email.template.subject' | translate }}</th>
+              <th class="hidden md:table-cell">
+                {{ 'email.template.slug' | translate }}
+              </th>
+              <th class="hidden lg:table-cell">
+                {{ 'email.template.subject' | translate }}
+              </th>
               <th>{{ 'common.type' | translate }}</th>
               <th>{{ 'common.status' | translate }}</th>
-              <th class="hidden xl:table-cell">{{ 'common.created' | translate }}</th>
+              <th class="hidden xl:table-cell">
+                {{ 'common.created' | translate }}
+              </th>
               <th class="w-[120px]">{{ 'common.actions' | translate }}</th>
             </tr>
           </ng-template>
@@ -487,22 +544,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 {{ template.name }}
               </td>
               <td class="hidden md:table-cell">
-                <code class="text-sm bg-surface-100 dark:bg-surface-700 px-2 py-1 rounded">{{ template.slug }}</code>
+                <code class="text-sm px-2 py-1 rounded text-text-color">{{
+                  template.slug
+                }}</code>
               </td>
               <td class="hidden lg:table-cell">{{ template.subject }}</td>
               <td>
                 <p-tag
-                  [value]="(template.isHtml ? 'email.template.html' : 'email.template.text') | translate"
+                  [value]="
+                    (template.isHtml
+                      ? 'email.template.html'
+                      : 'email.template.text'
+                    ) | translate
+                  "
                   [severity]="template.isHtml ? 'info' : 'secondary'"
                 />
               </td>
               <td>
                 <p-tag
-                  [value]="(template.isActive ? 'common.active' : 'common.inactive') | translate"
+                  [value]="
+                    (template.isActive ? 'common.active' : 'common.inactive')
+                      | translate
+                  "
                   [severity]="template.isActive ? 'success' : 'secondary'"
                 />
               </td>
-              <td class="hidden xl:table-cell">{{ template.createdAt | date: 'short' }}</td>
+              <td class="hidden xl:table-cell">
+                {{ template.createdAt | date: 'short' }}
+              </td>
               <td>
                 <div class="flex gap-1">
                   <p-button
@@ -558,7 +627,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
     >
       <div class="flex flex-col gap-4">
         <div class="field">
-          <label class="block font-medium mb-2">{{ 'email.template.template' | translate }}</label>
+          <label class="block font-medium mb-2">{{
+            'email.template.template' | translate
+          }}</label>
           <input
             pInputText
             [value]="selectedTemplate()?.name || ''"
@@ -568,7 +639,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
         </div>
 
         <div class="field">
-          <label class="block font-medium mb-2">{{ 'email.template.email.config' | translate }} *</label>
+          <label class="block font-medium mb-2"
+            >{{ 'email.template.email.config' | translate }} *</label
+          >
           <p-select
             [ngModel]="testSendModel.configId"
             (ngModelChange)="updateTestSendModel('configId', $event)"
@@ -582,7 +655,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
         </div>
 
         <div class="field">
-          <label class="block font-medium mb-2">{{ 'email.config.recipient.email' | translate }} *</label>
+          <label class="block font-medium mb-2"
+            >{{ 'email.config.recipient.email' | translate }} *</label
+          >
           <input
             pInputText
             [ngModel]="testSendModel.recipient"
@@ -603,14 +678,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
               @for (variable of templateVariables(); track variable) {
                 <div class="field">
                   <label class="block text-sm font-medium mb-1">
-                    <code class="text-primary bg-surface-100 dark:bg-surface-700 px-1 rounded">{{ '{{' + variable + '}}' }}</code>
+                    <code
+                      class="text-primary bg-surface-100 dark:bg-surface-700 px-1 rounded"
+                      >{{ '{{' + variable + '}}' }}</code
+                    >
                   </label>
                   <input
                     pInputText
                     [ngModel]="variableValues[variable] || ''"
                     (ngModelChange)="updateVariableValue(variable, $event)"
                     class="w-full"
-                    [placeholder]="translate('email.template.enter.value.for', { variable: variable })"
+                    [placeholder]="
+                      translate('email.template.enter.value.for', {
+                        variable: variable,
+                      })
+                    "
                   />
                 </div>
               }
@@ -642,4 +724,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
         }] });
 
 export { TemplateListComponent };
-//# sourceMappingURL=flusys-ng-email-template-list.component-DHnuMTpB.mjs.map
+//# sourceMappingURL=flusys-ng-email-template-list.component-0PJxS33a.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-email-template-list.component-0PJxS33a.mjs","sources":["../../../projects/ng-email/pages/template/template-list.component.ts"],"sourcesContent":["import { Component, computed, inject, signal } from '@angular/core';\nimport { Router } from '@angular/router';\nimport {\n  APP_CONFIG,\n  DEFAULT_APP_NAME,\n  TRANSLATE_ADAPTER,\n} from '@flusys/ng-core';\nimport { LAYOUT_AUTH_STATE } from '@flusys/ng-layout';\nimport {\n  AngularModule,\n  EMAIL_TEMPLATE_PERMISSIONS,\n  HasPermissionDirective,\n  PrimeModule,\n  TranslatePipe,\n} from '@flusys/ng-shared';\nimport { ConfirmationService, MessageService } from 'primeng/api';\nimport { firstValueFrom } from 'rxjs';\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  imports: [AngularModule, PrimeModule, HasPermissionDirective, TranslatePipe],\n  providers: [ConfirmationService, MessageService],\n  template: `\n    <div class=\"card\">\n      <div\n        class=\"flex flex-col sm:flex-row justify-between items-start sm:items-center gap-3 mb-4\"\n      >\n        <div>\n          <h3 class=\"text-lg sm:text-xl font-semibold m-0\">\n            {{ 'email.template.title' | translate }}\n          </h3>\n          @if (showCompanyInfo()) {\n            <p class=\"text-sm text-muted-color mt-1\">\n              {{ 'common.company' | translate }}: {{ currentCompanyName() }}\n            </p>\n          }\n        </div>\n        <p-button\n          *hasPermission=\"EMAIL_TEMPLATE_PERMISSIONS.CREATE\"\n          [label]=\"'email.template.new' | translate\"\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>{{ 'common.name' | translate }}</th>\n              <th class=\"hidden md:table-cell\">\n                {{ 'email.template.slug' | translate }}\n              </th>\n              <th class=\"hidden lg:table-cell\">\n                {{ 'email.template.subject' | translate }}\n              </th>\n              <th>{{ 'common.type' | translate }}</th>\n              <th>{{ 'common.status' | translate }}</th>\n              <th class=\"hidden xl:table-cell\">\n                {{ 'common.created' | translate }}\n              </th>\n              <th class=\"w-[120px]\">{{ 'common.actions' | translate }}</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 px-2 py-1 rounded text-text-color\">{{\n                  template.slug\n                }}</code>\n              </td>\n              <td class=\"hidden lg:table-cell\">{{ template.subject }}</td>\n              <td>\n                <p-tag\n                  [value]=\"\n                    (template.isHtml\n                      ? 'email.template.html'\n                      : 'email.template.text'\n                    ) | translate\n                  \"\n                  [severity]=\"template.isHtml ? 'info' : 'secondary'\"\n                />\n              </td>\n              <td>\n                <p-tag\n                  [value]=\"\n                    (template.isActive ? 'common.active' : 'common.inactive')\n                      | translate\n                  \"\n                  [severity]=\"template.isActive ? 'success' : 'secondary'\"\n                />\n              </td>\n              <td class=\"hidden xl:table-cell\">\n                {{ template.createdAt | date: 'short' }}\n              </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]=\"'email.template.test.send' | translate\"\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]=\"'common.edit' | translate\"\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]=\"'common.delete' | translate\"\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                {{ 'email.template.empty' | translate }}\n              </td>\n            </tr>\n          </ng-template>\n        </p-table>\n      </div>\n    </div>\n\n    <!-- Test Send Dialog -->\n    <p-dialog\n      [header]=\"'email.template.test.dialog.title' | translate\"\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\">{{\n            'email.template.template' | translate\n          }}</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\"\n            >{{ 'email.template.email.config' | translate }} *</label\n          >\n          <p-select\n            [ngModel]=\"testSendModel.configId\"\n            (ngModelChange)=\"updateTestSendModel('configId', $event)\"\n            [options]=\"configOptions()\"\n            optionLabel=\"label\"\n            optionValue=\"value\"\n            [placeholder]=\"'email.template.select.config' | translate\"\n            class=\"w-full\"\n            [loading]=\"isLoadingConfigs()\"\n          />\n        </div>\n\n        <div class=\"field\">\n          <label class=\"block font-medium mb-2\"\n            >{{ 'email.config.recipient.email' | translate }} *</label\n          >\n          <input\n            pInputText\n            [ngModel]=\"testSendModel.recipient\"\n            (ngModelChange)=\"updateTestSendModel('recipient', $event)\"\n            class=\"w-full\"\n            [placeholder]=\"'email.recipient.example' | translate\"\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              {{ 'email.template.variables' | translate }}\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\n                      class=\"text-primary bg-surface-100 dark:bg-surface-700 px-1 rounded\"\n                      >{{ '{{' + variable + '}}' }}</code\n                    >\n                  </label>\n                  <input\n                    pInputText\n                    [ngModel]=\"variableValues[variable] || ''\"\n                    (ngModelChange)=\"updateVariableValue(variable, $event)\"\n                    class=\"w-full\"\n                    [placeholder]=\"\n                      translate('email.template.enter.value.for', {\n                        variable: variable,\n                      })\n                    \"\n                  />\n                </div>\n              }\n            </div>\n          </div>\n        }\n      </div>\n\n      <ng-template #footer>\n        <p-button\n          [label]=\"'common.cancel' | translate\"\n          severity=\"secondary\"\n          [outlined]=\"true\"\n          (onClick)=\"showTestDialog.set(false)\"\n        />\n        <p-button\n          [label]=\"'email.template.send.test' | translate\"\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, {\n    optional: true,\n  });\n  private readonly translateAdapter = inject(TRANSLATE_ADAPTER, {\n    optional: true,\n  });\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'>(\n    field: K,\n    value: string,\n  ): 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} (${this.translate(`email.providers.${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    } catch {\n      // Error toast handled by global interceptor\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    } catch {\n      // Error toast handled by global interceptor\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: this.translate('common.validation'),\n        detail: this.translate('email.template.select.config.and.recipient'),\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: this.translate('common.success'),\n          detail: this.translate('email.template.test.sent.success', {\n            messageId: response.data.messageId ?? '',\n          }),\n        });\n        this.showTestDialog.set(false);\n      } else {\n        this.messageService.add({\n          severity: 'error',\n          summary: this.translate('common.error'),\n          detail:\n            response.data?.error ||\n            this.translate('email.template.test.sent.failed'),\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: this.translate('email.template.delete.confirm', {\n        name: template.name,\n      }),\n      header: this.translate('email.template.delete.title'),\n      icon: 'pi pi-exclamation-triangle',\n      acceptButtonStyleClass: 'p-button-danger',\n      accept: async () => {\n        try {\n          await this.templateService.deleteAsync({\n            id: template.id,\n            type: 'delete',\n          });\n          this.messageService.add({\n            severity: 'success',\n            summary: this.translate('common.success'),\n            detail: this.translate('email.template.deleted'),\n          });\n          this.loadTemplates();\n        } catch {\n          // Error toast handled by global interceptor\n        }\n      },\n    });\n  }\n\n  /** Translate helper - public for template usage with dynamic variables */\n  translate(key: string, variables?: Record<string, string | number>): string {\n    return this.translateAdapter?.translate(key, variables) ?? key;\n  }\n}\n"],"names":["i9"],"mappings":"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"}

package/fesm2022/flusys-ng-email.mjs

@@ -681,17 +681,17 @@ const EMAIL_ROUTES = [
                 children: [
                     {
                         path: '',
-                        loadComponent: () => import('./flusys-ng-email-template-list.component-DHnuMTpB.mjs').then((m) => m.TemplateListComponent),
+                        loadComponent: () => import('./flusys-ng-email-template-list.component-0PJxS33a.mjs').then((m) => m.TemplateListComponent),
                     },
                     {
                         path: 'new',
                         canActivate: [permissionGuard(EMAIL_TEMPLATE_PERMISSIONS.CREATE)],
-                        loadComponent: () => import('./flusys-ng-email-template-form.component-CgJZiMCa.mjs').then((m) => m.TemplateFormComponent),
+                        loadComponent: () => import('./flusys-ng-email-template-form.component-B2vIO6ow.mjs').then((m) => m.TemplateFormComponent),
                     },
                     {
                         path: ':id',
                         canActivate: [permissionGuard(EMAIL_TEMPLATE_PERMISSIONS.UPDATE)],
-                        loadComponent: () => import('./flusys-ng-email-template-form.component-CgJZiMCa.mjs').then((m) => m.TemplateFormComponent),
+                        loadComponent: () => import('./flusys-ng-email-template-form.component-B2vIO6ow.mjs').then((m) => m.TemplateFormComponent),
                     },
                 ],
             },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flusys/ng-email",
-  "version": "4.0.0-rc",
+  "version": "4.0.2",
   "description": "Email management module for FLUSYS Angular applications",
   "license": "MIT",
   "peerDependencies": {
@@ -8,12 +8,13 @@
     "@angular/core": ">=21.0.0",
     "@angular/forms": ">=21.0.0",
     "@angular/router": ">=21.0.0",
-    "@flusys/ng-core": ">=4.0.0-rc",
-    "@flusys/ng-layout": ">=4.0.0-rc",
-    "@flusys/ng-shared": ">=4.0.0-rc",
+    "@flusys/ng-core": ">=4.0.2",
+    "@flusys/ng-layout": ">=4.0.2",
+    "@flusys/ng-shared": ">=4.0.2",
     "@primeuix/themes": ">=1.0.0",
     "primeicons": ">=7.0.0",
-    "primeng": ">=21.0.0"
+    "primeng": ">=21.0.0",
+    "rxjs": "^7.8.0"
   },
   "sideEffects": false,
   "module": "fesm2022/flusys-ng-email.mjs",

package/fesm2022/flusys-ng-email-template-form.component-CgJZiMCa.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"flusys-ng-email-template-form.component-CgJZiMCa.mjs","sources":["../../../projects/ng-email/pages/template/template-form.component.ts"],"sourcesContent":["import {\n  Component,\n  computed,\n  effect,\n  inject,\n  signal,\n} from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { form, FormField, required } from '@angular/forms/signals';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { APP_CONFIG, DEFAULT_APP_NAME, TRANSLATE_ADAPTER } from '@flusys/ng-core';\nimport { LAYOUT_AUTH_STATE } from '@flusys/ng-layout';\nimport { AngularModule, PrimeModule, TranslatePipe } from '@flusys/ng-shared';\nimport { MessageService } from 'primeng/api';\nimport { EmailTemplateApiService } from '../../services/email-template-api.service';\nimport { EmailBuilderStateService } from '../../services/email-builder-state.service';\nimport { IEmailTemplate } from '../../interfaces/email-template.interface';\n\n/** Form model interface for email template */\ninterface IEmailTemplateFormModel {\n  id: string;\n  name: string;\n  slug: string;\n  description: string;\n  subject: string;\n  htmlContent: string;\n  textContent: string;\n  isActive: boolean;\n  isHtml: boolean;\n}\n\n/**\n * Email template form component (create/edit)\n * Uses Angular Signal Forms for reactive form handling\n */\n@Component({\n  selector: 'lib-template-form',\n  imports: [AngularModule, PrimeModule, FormField, TranslatePipe],\n  providers: [MessageService, EmailBuilderStateService],\n  template: `\n    <div class=\"card mb-4\">\n      <!-- Header -->\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\">\n            {{ (isEditMode() ? 'email.template.edit.title' : 'email.template.new.title') | translate }}\n          </h3>\n          @if (showCompanyInfo()) {\n            <p class=\"text-sm text-muted-color mt-1\">\n              {{ 'common.company' | translate }}: {{ currentCompanyName() }}\n            </p>\n          }\n        </div>\n      </div>\n\n      <!-- Form Fields -->\n      <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        <div class=\"field\">\n          <label for=\"name\" class=\"block font-medium mb-2\">{{ 'email.template.name' | translate }} *</label>\n          <input\n            pInputText\n            id=\"name\"\n            [formField]=\"templateForm.name\"\n            class=\"w-full\"\n            [placeholder]=\"'email.template.name.example' | translate\"\n          />\n        </div>\n\n        <div class=\"field\">\n          <label for=\"slug\" class=\"block font-medium mb-2\">{{ 'email.template.slug' | translate }} *</label>\n          <input\n            pInputText\n            id=\"slug\"\n            [formField]=\"templateForm.slug\"\n            class=\"w-full\"\n            [placeholder]=\"'email.template.slug.example' | translate\"\n          />\n        </div>\n\n        <div class=\"field md:col-span-2\">\n          <label for=\"subject\" class=\"block font-medium mb-2\">{{ 'email.template.subject' | translate }} *</label>\n          <input\n            pInputText\n            id=\"subject\"\n            [formField]=\"templateForm.subject\"\n            class=\"w-full\"\n            [placeholder]=\"'email.template.subject.example' | translate\"\n          />\n          <small class=\"text-muted-color\">{{ 'email.template.variable.hint' | translate }}</small>\n        </div>\n\n        <div class=\"field\">\n          <label for=\"description\" class=\"block font-medium mb-2\">{{ 'common.description' | translate }}</label>\n          <input\n            pInputText\n            id=\"description\"\n            [formField]=\"templateForm.description\"\n            class=\"w-full\"\n            [placeholder]=\"'email.template.desc.placeholder' | translate\"\n          />\n        </div>\n\n        <div class=\"field flex items-center gap-2\">\n          <p-toggleswitch [formField]=\"templateForm.isActive\" />\n          <label>{{ 'common.active' | translate }}</label>\n        </div>\n      </div>\n\n      <!-- Content Editor & Preview -->\n      <div class=\"grid grid-cols-1 gap-4\" [class.lg:grid-cols-2]=\"editorMode() === 'html'\">\n        <!-- Editor Panel -->\n        <div class=\"card\">\n          <div class=\"flex justify-between items-center mb-3\">\n            <h3 class=\"font-semibold\">{{ 'email.template.content' | translate }}</h3>\n            <div class=\"flex gap-1\">\n              <p-button\n                [label]=\"'email.template.html' | translate\"\n                [outlined]=\"editorMode() !== 'html'\"\n                [severity]=\"editorMode() === 'html' ? 'primary' : 'secondary'\"\n                size=\"small\"\n                (onClick)=\"setEditorMode('html')\"\n              />\n              <p-button\n                [label]=\"'email.template.plain.text' | translate\"\n                [outlined]=\"editorMode() !== 'text'\"\n                [severity]=\"editorMode() === 'text' ? 'primary' : 'secondary'\"\n                size=\"small\"\n                (onClick)=\"setEditorMode('text')\"\n              />\n            </div>\n          </div>\n\n          <div class=\"h-[400px]\">\n            @if (editorMode() === 'html') {\n              <textarea\n                pTextarea\n                [ngModel]=\"formModel().htmlContent\"\n                (ngModelChange)=\"updateFormField('htmlContent', $event)\"\n                class=\"w-full h-full font-mono text-sm resize-none overflow-auto border border-surface rounded\"\n                [placeholder]=\"'email.template.html.placeholder' | translate\"\n                wrap=\"off\"\n              ></textarea>\n            } @else {\n              <textarea\n                pTextarea\n                [ngModel]=\"formModel().textContent\"\n                (ngModelChange)=\"updateFormField('textContent', $event)\"\n                class=\"w-full h-full font-mono text-sm resize-none overflow-auto border border-surface rounded\"\n                [placeholder]=\"'email.template.text.placeholder' | translate\"\n                wrap=\"off\"\n              ></textarea>\n            }\n          </div>\n          @if (editorMode() === 'text') {\n            <small class=\"text-muted-color mt-2 block\">\n              <i class=\"pi pi-info-circle mr-1\"></i>\n              {{ 'email.template.plain.text.hint' | translate }}\n            </small>\n          }\n        </div>\n\n        <!-- Preview Panel (HTML mode only) -->\n        @if (editorMode() === 'html') {\n          <div class=\"card\">\n            <div class=\"flex flex-wrap justify-between items-center gap-2 mb-3\">\n              <h3 class=\"font-semibold m-0\">{{ 'email.template.preview' | translate }}</h3>\n              <p-tag [value]=\"'email.template.live.preview' | translate\" severity=\"info\" />\n            </div>\n            <div class=\"border border-surface rounded bg-surface-0 dark:bg-surface-900 h-[400px] overflow-auto\">\n              @if (formModel().htmlContent) {\n                <iframe\n                  [srcdoc]=\"getPreviewHtml()\"\n                  class=\"w-full h-full border-0\"\n                  sandbox=\"allow-same-origin\"\n                ></iframe>\n              } @else {\n                <div class=\"flex items-center justify-center h-full text-muted-color\">\n                  <div class=\"text-center p-4\">\n                    <i class=\"pi pi-eye text-4xl mb-2\"></i>\n                    <p class=\"m-0\">{{ 'email.template.enter.html.preview' | translate }}</p>\n                  </div>\n                </div>\n              }\n            </div>\n          </div>\n        }\n      </div>\n\n      <!-- Form Actions -->\n      <div class=\"flex justify-end gap-2 mt-6 pt-4 border-t border-surface\">\n        <p-button\n          [label]=\"'common.cancel' | translate\"\n          severity=\"secondary\"\n          [outlined]=\"true\"\n          routerLink=\"../\"\n        />\n        <p-button\n          [label]=\"(isEditMode() ? 'common.update' : 'common.create') | translate\"\n          icon=\"pi pi-save\"\n          [loading]=\"isLoading()\"\n          [disabled]=\"!isFormValid()\"\n          (onClick)=\"onSave()\"\n        />\n      </div>\n    </div>\n\n    <p-toast />\n  `,\n})\nexport class TemplateFormComponent {\n  private readonly route = inject(ActivatedRoute);\n  private readonly router = inject(Router);\n  private readonly templateService = inject(EmailTemplateApiService);\n  private readonly messageService = inject(MessageService);\n  private readonly appConfig = inject(APP_CONFIG);\n  private readonly companyContext = inject(LAYOUT_AUTH_STATE, { optional: true });\n  private readonly translateAdapter = inject(TRANSLATE_ADAPTER, { optional: true });\n  readonly state = inject(EmailBuilderStateService);\n\n  // Route params as signal\n  private readonly routeParams = toSignal(this.route.paramMap);\n\n  readonly isLoading = signal(false);\n  readonly existingTemplate = signal<IEmailTemplate | null>(null);\n  readonly isEditMode = computed(() => !!this.existingTemplate());\n  readonly editorMode = signal<'html' | 'text'>('html');\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\n  /** Form model using signal */\n  readonly formModel = signal<IEmailTemplateFormModel>({\n    id: '',\n    name: '',\n    slug: '',\n    description: '',\n    subject: '',\n    htmlContent: '',\n    textContent: '',\n    isActive: true,\n    isHtml: true,\n  });\n\n  /** Form with validation using Angular Signal Forms */\n  readonly templateForm = form(this.formModel, (f) => {\n    required(f.name);\n    required(f.slug);\n    required(f.subject);\n  });\n\n  /** Check if form is valid */\n  readonly isFormValid = computed(() => {\n    const model = this.formModel();\n    return (\n      model.name.trim().length > 0 &&\n      model.slug.trim().length > 0 &&\n      model.subject.trim().length > 0\n    );\n  });\n\n  /** Update a single form field */\n  updateFormField<K extends keyof IEmailTemplateFormModel>(\n    field: K,\n    value: IEmailTemplateFormModel[K],\n  ): void {\n    this.formModel.update((m) => ({ ...m, [field]: value }));\n  }\n\n  constructor() {\n    // Effect to handle route-based initialization\n    effect(() => {\n      const params = this.routeParams();\n      if (!params) return;\n\n      const id = params.get('id');\n      if (id) {\n        this.loadTemplate(id);\n      }\n    });\n  }\n\n  async loadTemplate(id: string): Promise<void> {\n    this.isLoading.set(true);\n    try {\n      const response = await this.templateService.findByIdAsync(id);\n      if (response.success && response.data) {\n        const template = response.data;\n        this.existingTemplate.set(template);\n        this.formModel.set({\n          id: template.id,\n          name: template.name,\n          slug: template.slug,\n          description: template.description || '',\n          subject: template.subject,\n          htmlContent: template.htmlContent,\n          textContent: template.textContent || '',\n          isActive: template.isActive,\n          isHtml: template.isHtml ?? true,\n        });\n        // Set editor mode based on saved template type\n        this.editorMode.set(template.isHtml ? 'html' : 'text');\n        this.state.loadSchema(template.schema);\n      }\n    } catch {\n      // Error toast handled by global interceptor\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  setEditorMode(mode: 'html' | 'text'): void {\n    const currentMode = this.editorMode();\n    const model = this.formModel();\n\n    // Sync content when switching modes\n    if (currentMode === 'text' && mode === 'html') {\n      // Switching from text to html - convert text to basic HTML if htmlContent is empty\n      if (!model.htmlContent && model.textContent) {\n        this.formModel.update((m) => ({ ...m, htmlContent: this.textToHtml(m.textContent) }));\n      }\n    } else if (currentMode === 'html' && mode === 'text') {\n      // Switching from html to text - generate text from HTML if textContent is empty\n      if (!model.textContent && model.htmlContent) {\n        this.formModel.update((m) => ({ ...m, textContent: this.htmlToPlainText(m.htmlContent) }));\n      }\n    }\n\n    this.editorMode.set(mode);\n    this.formModel.update((m) => ({ ...m, isHtml: mode === 'html' }));\n  }\n\n  /** Convert plain text to basic HTML */\n  private textToHtml(text: string): string {\n    if (!text) return '';\n    // Convert line breaks to paragraphs\n    return text\n      .split(/\\n\\n+/)\n      .map((p) => `<p>${p.replace(/\\n/g, '<br>')}</p>`)\n      .join('\\n');\n  }\n\n  /** Convert HTML to plain text (using DOMParser for safe parsing) */\n  private htmlToPlainText(html: string): string {\n    if (!html) return '';\n    // Use DOMParser for safe HTML parsing (prevents XSS)\n    const parser = new DOMParser();\n    const doc = parser.parseFromString(html, 'text/html');\n    // Get text content and clean up whitespace\n    return (doc.body.textContent || '').replace(/\\s+/g, ' ').trim();\n  }\n\n  /** Get HTML for preview iframe */\n  getPreviewHtml(): string {\n    const baseStyles = `\n      <style>\n        body {\n          font-family: Arial, sans-serif;\n          margin: 16px;\n          background-color: #ffffff;\n          color: #333333;\n        }\n        img { max-width: 100%; height: auto; }\n      </style>\n    `;\n    return baseStyles + (this.formModel().htmlContent || '');\n  }\n\n  async onSave(): Promise<void> {\n    if (!this.isFormValid()) {\n      this.messageService.add({\n        severity: 'warn',\n        summary: this.translate('common.validation'),\n        detail: this.translate('common.fill.required.fields'),\n      });\n      return;\n    }\n\n    this.isLoading.set(true);\n    try {\n      const model = this.formModel();\n      const schema = this.state.schema();\n      // Use user-provided plain text, or auto-generate from HTML if empty\n      const textContent = model.textContent || this.htmlToPlainText(model.htmlContent);\n\n      const data = {\n        name: model.name,\n        slug: model.slug,\n        description: model.description || undefined,\n        subject: model.subject,\n        schema: {\n          ...schema,\n          name: model.name,\n          subject: model.subject,\n        },\n        htmlContent: model.htmlContent || `<p>${this.translate('email.template.default.content')}</p>`,\n        textContent: textContent || undefined,\n        isActive: model.isActive,\n        isHtml: model.isHtml,\n      };\n\n      if (this.isEditMode()) {\n        await this.templateService.updateAsync({ id: model.id, ...data });\n      } else {\n        await this.templateService.insertAsync(data);\n      }\n\n      this.messageService.add({\n        severity: 'success',\n        summary: this.translate('common.success'),\n        detail: this.translate(this.isEditMode() ? 'email.template.updated' : 'email.template.created'),\n      });\n\n      this.router.navigate(['../'], { relativeTo: this.route });\n    } catch {\n      // Error toast handled by global interceptor\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  private translate(key: string, variables?: Record<string, string | number>): string {\n    return this.translateAdapter?.translate(key, variables) ?? key;\n  }\n}\n"],"names":["i3","i4","i5","i7","i8"],"mappings":";;;;;;;;;;;;;;;;;;;AA+BA;;;AAGG;MA+KU,qBAAqB,CAAA;AACf,IAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;AAC9B,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACvB,IAAA,eAAe,GAAG,MAAM,CAAC,uBAAuB,CAAC;AACjD,IAAA,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;AACvC,IAAA,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC;IAC9B,cAAc,GAAG,MAAM,CAAC,iBAAiB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAC9D,gBAAgB,GAAG,MAAM,CAAC,iBAAiB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACxE,IAAA,KAAK,GAAG,MAAM,CAAC,wBAAwB,CAAC;;IAGhC,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;AAEnD,IAAA,SAAS,GAAG,MAAM,CAAC,KAAK,qDAAC;AACzB,IAAA,gBAAgB,GAAG,MAAM,CAAwB,IAAI,4DAAC;AACtD,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,gBAAgB,EAAE,sDAAC;AACtD,IAAA,UAAU,GAAG,MAAM,CAAkB,MAAM,sDAAC;AAE5C,IAAA,eAAe,GAAG,QAAQ,CACjC,MAAM,IAAI,CAAC,SAAS,CAAC,oBAAoB,IAAI,CAAC,CAAC,IAAI,CAAC,cAAc,2DACnE;AACQ,IAAA,kBAAkB,GAAG,QAAQ,CACpC,MAAM,IAAI,CAAC,cAAc,EAAE,kBAAkB,EAAE,EAAE,IAAI,IAAI,gBAAgB,8DAC1E;;IAGQ,SAAS,GAAG,MAAM,CAA0B;AACnD,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,OAAO,EAAE,EAAE;AACX,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,QAAQ,EAAE,IAAI;AACd,QAAA,MAAM,EAAE,IAAI;AACb,KAAA,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;;IAGO,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,KAAI;AACjD,QAAA,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;AAChB,QAAA,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;AAChB,QAAA,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;AACrB,IAAA,CAAC,CAAC;;AAGO,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;AACnC,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE;QAC9B,QACE,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;YAC5B,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;YAC5B,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;AAEnC,IAAA,CAAC,uDAAC;;IAGF,eAAe,CACb,KAAQ,EACR,KAAiC,EAAA;QAEjC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,KAAK,GAAG,KAAK,EAAE,CAAC,CAAC;IAC1D;AAEA,IAAA,WAAA,GAAA;;QAEE,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,EAAE;AACjC,YAAA,IAAI,CAAC,MAAM;gBAAE;YAEb,MAAM,EAAE,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;YAC3B,IAAI,EAAE,EAAE;AACN,gBAAA,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC;YACvB;AACF,QAAA,CAAC,CAAC;IACJ;IAEA,MAAM,YAAY,CAAC,EAAU,EAAA;AAC3B,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;AACxB,QAAA,IAAI;YACF,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,EAAE,CAAC;YAC7D,IAAI,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,EAAE;AACrC,gBAAA,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI;AAC9B,gBAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,QAAQ,CAAC;AACnC,gBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC;oBACjB,EAAE,EAAE,QAAQ,CAAC,EAAE;oBACf,IAAI,EAAE,QAAQ,CAAC,IAAI;oBACnB,IAAI,EAAE,QAAQ,CAAC,IAAI;AACnB,oBAAA,WAAW,EAAE,QAAQ,CAAC,WAAW,IAAI,EAAE;oBACvC,OAAO,EAAE,QAAQ,CAAC,OAAO;oBACzB,WAAW,EAAE,QAAQ,CAAC,WAAW;AACjC,oBAAA,WAAW,EAAE,QAAQ,CAAC,WAAW,IAAI,EAAE;oBACvC,QAAQ,EAAE,QAAQ,CAAC,QAAQ;AAC3B,oBAAA,MAAM,EAAE,QAAQ,CAAC,MAAM,IAAI,IAAI;AAChC,iBAAA,CAAC;;AAEF,gBAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;gBACtD,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC;YACxC;QACF;AAAE,QAAA,MAAM;;QAER;gBAAU;AACR,YAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC;QAC3B;IACF;AAEA,IAAA,aAAa,CAAC,IAAqB,EAAA;AACjC,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE;AACrC,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE;;QAG9B,IAAI,WAAW,KAAK,MAAM,IAAI,IAAI,KAAK,MAAM,EAAE;;YAE7C,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,WAAW,EAAE;AAC3C,gBAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,WAAW,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YACvF;QACF;aAAO,IAAI,WAAW,KAAK,MAAM,IAAI,IAAI,KAAK,MAAM,EAAE;;YAEpD,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,WAAW,EAAE;AAC3C,gBAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,WAAW,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YAC5F;QACF;AAEA,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC;QACzB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,IAAI,KAAK,MAAM,EAAE,CAAC,CAAC;IACnE;;AAGQ,IAAA,UAAU,CAAC,IAAY,EAAA;AAC7B,QAAA,IAAI,CAAC,IAAI;AAAE,YAAA,OAAO,EAAE;;AAEpB,QAAA,OAAO;aACJ,KAAK,CAAC,OAAO;AACb,aAAA,GAAG,CAAC,CAAC,CAAC,KAAK,CAAA,GAAA,EAAM,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM;aAC/C,IAAI,CAAC,IAAI,CAAC;IACf;;AAGQ,IAAA,eAAe,CAAC,IAAY,EAAA;AAClC,QAAA,IAAI,CAAC,IAAI;AAAE,YAAA,OAAO,EAAE;;AAEpB,QAAA,MAAM,MAAM,GAAG,IAAI,SAAS,EAAE;QAC9B,MAAM,GAAG,GAAG,MAAM,CAAC,eAAe,CAAC,IAAI,EAAE,WAAW,CAAC;;AAErD,QAAA,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,EAAE,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE;IACjE;;IAGA,cAAc,GAAA;AACZ,QAAA,MAAM,UAAU,GAAG;;;;;;;;;;KAUlB;AACD,QAAA,OAAO,UAAU,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC,WAAW,IAAI,EAAE,CAAC;IAC1D;AAEA,IAAA,MAAM,MAAM,GAAA;AACV,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE;AACvB,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC;AACtB,gBAAA,QAAQ,EAAE,MAAM;AAChB,gBAAA,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC;AAC5C,gBAAA,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,6BAA6B,CAAC;AACtD,aAAA,CAAC;YACF;QACF;AAEA,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;AACxB,QAAA,IAAI;AACF,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE;YAC9B,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;;AAElC,YAAA,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,IAAI,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC;AAEhF,YAAA,MAAM,IAAI,GAAG;gBACX,IAAI,EAAE,KAAK,CAAC,IAAI;gBAChB,IAAI,EAAE,KAAK,CAAC,IAAI;AAChB,gBAAA,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,SAAS;gBAC3C,OAAO,EAAE,KAAK,CAAC,OAAO;AACtB,gBAAA,MAAM,EAAE;AACN,oBAAA,GAAG,MAAM;oBACT,IAAI,EAAE,KAAK,CAAC,IAAI;oBAChB,OAAO,EAAE,KAAK,CAAC,OAAO;AACvB,iBAAA;AACD,gBAAA,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,CAAA,GAAA,EAAM,IAAI,CAAC,SAAS,CAAC,gCAAgC,CAAC,CAAA,IAAA,CAAM;gBAC9F,WAAW,EAAE,WAAW,IAAI,SAAS;gBACrC,QAAQ,EAAE,KAAK,CAAC,QAAQ;gBACxB,MAAM,EAAE,KAAK,CAAC,MAAM;aACrB;AAED,YAAA,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;AACrB,gBAAA,MAAM,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,GAAG,IAAI,EAAE,CAAC;YACnE;iBAAO;gBACL,MAAM,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC;YAC9C;AAEA,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC;AACtB,gBAAA,QAAQ,EAAE,SAAS;AACnB,gBAAA,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC;AACzC,gBAAA,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,EAAE,GAAG,wBAAwB,GAAG,wBAAwB,CAAC;AAChG,aAAA,CAAC;AAEF,YAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;QAC3D;AAAE,QAAA,MAAM;;QAER;gBAAU;AACR,YAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC;QAC3B;IACF;IAEQ,SAAS,CAAC,GAAW,EAAE,SAA2C,EAAA;AACxE,QAAA,OAAO,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG,EAAE,SAAS,CAAC,IAAI,GAAG;IAChE;uGAzNW,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,gEA3KrB,CAAC,cAAc,EAAE,wBAAwB,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAC3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwKT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EA1KS,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,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,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,EAAAC,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,EAAAC,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,QAAA,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,mBAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,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,EAAAC,IAAA,CAAA,YAAA,EAAA,QAAA,EAAA,iDAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,MAAA,EAAA,gBAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,SAAS,0EAAE,aAAa,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA;;2FA4KnD,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBA9KjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;oBAC7B,OAAO,EAAE,CAAC,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,CAAC;AAC/D,oBAAA,SAAS,EAAE,CAAC,cAAc,EAAE,wBAAwB,CAAC;AACrD,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwKT,EAAA,CAAA;AACF,iBAAA;;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"flusys-ng-email-template-list.component-DHnuMTpB.mjs","sources":["../../../projects/ng-email/pages/template/template-list.component.ts"],"sourcesContent":["import {\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, TRANSLATE_ADAPTER } from '@flusys/ng-core';\nimport { LAYOUT_AUTH_STATE } from '@flusys/ng-layout';\nimport { AngularModule, EMAIL_TEMPLATE_PERMISSIONS, HasPermissionDirective, PrimeModule, TranslatePipe } 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  imports: [AngularModule, PrimeModule, HasPermissionDirective, TranslatePipe],\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.template.title' | translate }}</h3>\n          @if (showCompanyInfo()) {\n            <p class=\"text-sm text-muted-color mt-1\">\n              {{ 'common.company' | translate }}: {{ currentCompanyName() }}\n            </p>\n          }\n        </div>\n        <p-button\n          *hasPermission=\"EMAIL_TEMPLATE_PERMISSIONS.CREATE\"\n          [label]=\"'email.template.new' | translate\"\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>{{ 'common.name' | translate }}</th>\n              <th class=\"hidden md:table-cell\">{{ 'email.template.slug' | translate }}</th>\n              <th class=\"hidden lg:table-cell\">{{ 'email.template.subject' | translate }}</th>\n              <th>{{ 'common.type' | translate }}</th>\n              <th>{{ 'common.status' | translate }}</th>\n              <th class=\"hidden xl:table-cell\">{{ 'common.created' | translate }}</th>\n              <th class=\"w-[120px]\">{{ 'common.actions' | translate }}</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 ? 'email.template.html' : 'email.template.text') | translate\"\n                  [severity]=\"template.isHtml ? 'info' : 'secondary'\"\n                />\n              </td>\n              <td>\n                <p-tag\n                  [value]=\"(template.isActive ? 'common.active' : 'common.inactive') | translate\"\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]=\"'email.template.test.send' | translate\"\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]=\"'common.edit' | translate\"\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]=\"'common.delete' | translate\"\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                {{ 'email.template.empty' | translate }}\n              </td>\n            </tr>\n          </ng-template>\n        </p-table>\n      </div>\n    </div>\n\n    <!-- Test Send Dialog -->\n    <p-dialog\n      [header]=\"'email.template.test.dialog.title' | translate\"\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\">{{ 'email.template.template' | translate }}</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.template.email.config' | translate }} *</label>\n          <p-select\n            [ngModel]=\"testSendModel.configId\"\n            (ngModelChange)=\"updateTestSendModel('configId', $event)\"\n            [options]=\"configOptions()\"\n            optionLabel=\"label\"\n            optionValue=\"value\"\n            [placeholder]=\"'email.template.select.config' | translate\"\n            class=\"w-full\"\n            [loading]=\"isLoadingConfigs()\"\n          />\n        </div>\n\n        <div class=\"field\">\n          <label class=\"block font-medium mb-2\">{{ 'email.config.recipient.email' | translate }} *</label>\n          <input\n            pInputText\n            [ngModel]=\"testSendModel.recipient\"\n            (ngModelChange)=\"updateTestSendModel('recipient', $event)\"\n            class=\"w-full\"\n            [placeholder]=\"'email.recipient.example' | translate\"\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              {{ 'email.template.variables' | translate }}\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]=\"translate('email.template.enter.value.for', { variable: variable })\"\n                  />\n                </div>\n              }\n            </div>\n          </div>\n        }\n      </div>\n\n      <ng-template #footer>\n        <p-button\n          [label]=\"'common.cancel' | translate\"\n          severity=\"secondary\"\n          [outlined]=\"true\"\n          (onClick)=\"showTestDialog.set(false)\"\n        />\n        <p-button\n          [label]=\"'email.template.send.test' | translate\"\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  private readonly translateAdapter = inject(TRANSLATE_ADAPTER, { 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} (${this.translate(`email.providers.${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    } catch {\n      // Error toast handled by global interceptor\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    } catch {\n      // Error toast handled by global interceptor\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: this.translate('common.validation'),\n        detail: this.translate('email.template.select.config.and.recipient'),\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: this.translate('common.success'),\n          detail: this.translate('email.template.test.sent.success', { messageId: response.data.messageId ?? '' }),\n        });\n        this.showTestDialog.set(false);\n      } else {\n        this.messageService.add({\n          severity: 'error',\n          summary: this.translate('common.error'),\n          detail: response.data?.error || this.translate('email.template.test.sent.failed'),\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: this.translate('email.template.delete.confirm', { name: template.name }),\n      header: this.translate('email.template.delete.title'),\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: this.translate('common.success'),\n            detail: this.translate('email.template.deleted'),\n          });\n          this.loadTemplates();\n        } catch {\n          // Error toast handled by global interceptor\n        }\n      },\n    });\n  }\n\n  /** Translate helper - public for template usage with dynamic variables */\n  translate(key: string, variables?: Record<string, string | number>): string {\n    return this.translateAdapter?.translate(key, variables) ?? key;\n  }\n}\n"],"names":["i9"],"mappings":"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"}