@memberjunction/ng-core-entity-forms 2.47.0 → 2.49.0

package/dist/lib/custom/Templates/templates-form.component.js

@@ -4,15 +4,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { Component, ViewChild } from '@angular/core';
 import { RegisterClass } from '@memberjunction/global';
 import { BaseFormComponent } from '@memberjunction/ng-base-forms';
@@ -255,16 +246,11 @@ let TemplatesFormExtendedComponent = class TemplatesFormExtendedComponent extend
         };
         this.destroy$ = new Subject();
     }
-    ngOnInit() {
-        const _super = Object.create(null, {
-            ngOnInit: { get: () => super.ngOnInit }
-        });
-        return __awaiter(this, void 0, void 0, function* () {
-            yield _super.ngOnInit.call(this);
-            yield this.loadTemplateContents();
-            yield this.loadCategories();
-            this.loadContentTypes();
-        });
+    async ngOnInit() {
+        await super.ngOnInit();
+        await this.loadTemplateContents();
+        await this.loadCategories();
+        this.loadContentTypes();
     }
     ngOnDestroy() {
         this.destroy$.next();
@@ -274,53 +260,49 @@ let TemplatesFormExtendedComponent = class TemplatesFormExtendedComponent extend
         // Initial sync when view is ready
         this.syncEditorValue();
     }
-    loadTemplateContents() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.record && this.record.ID) {
-                try {
-                    const rv = new RunView();
-                    const results = yield rv.RunView({
-                        EntityName: 'Template Contents',
-                        ExtraFilter: `TemplateID='${this.record.ID}'`,
-                        OrderBy: 'Priority ASC, __mj_CreatedAt ASC',
-                        ResultType: 'entity_object'
-                    });
-                    this.templateContents = results.Results;
-                    // If we have contents but no selection, select the first one
-                    if (this.templateContents.length > 0 && this.selectedContentIndex === 0) {
-                        this.selectedContentIndex = 0;
-                    }
-                    // If no template contents exist, create a default one for single-content optimization
-                    if (this.templateContents.length === 0) {
-                        yield this.createDefaultTemplateContent();
-                    }
-                    // Entity change tracking is handled automatically by BaseEntity
-                    // Sync editor value after loading content
-                    this.syncEditorValue();
+    async loadTemplateContents() {
+        if (this.record && this.record.ID) {
+            try {
+                const rv = new RunView();
+                const results = await rv.RunView({
+                    EntityName: 'Template Contents',
+                    ExtraFilter: `TemplateID='${this.record.ID}'`,
+                    OrderBy: 'Priority ASC, __mj_CreatedAt ASC',
+                    ResultType: 'entity_object'
+                });
+                this.templateContents = results.Results;
+                // If we have contents but no selection, select the first one
+                if (this.templateContents.length > 0 && this.selectedContentIndex === 0) {
+                    this.selectedContentIndex = 0;
                 }
-                catch (error) {
-                    console.error('Error loading template contents:', error);
+                // If no template contents exist, create a default one for single-content optimization
+                if (this.templateContents.length === 0) {
+                    await this.createDefaultTemplateContent();
                 }
+                // Entity change tracking is handled automatically by BaseEntity
+                // Sync editor value after loading content
+                this.syncEditorValue();
             }
-        });
-    }
-    createDefaultTemplateContent() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const md = new Metadata();
-            const defaultContent = yield md.GetEntityObject('Template Contents');
-            defaultContent.TemplateID = this.record.ID;
-            defaultContent.Priority = 1;
-            defaultContent.IsActive = true;
-            // Set default to first real content type (skip "Select Type..." if it exists)
-            const validContentTypes = this.contentTypeOptions.filter(option => option.value !== '');
-            if (validContentTypes.length > 0) {
-                defaultContent.TypeID = validContentTypes[0].value;
+            catch (error) {
+                console.error('Error loading template contents:', error);
             }
-            this.templateContents = [defaultContent];
-            this.selectedContentIndex = 0;
-            // Sync editor value after creating default content
-            this.syncEditorValue();
-        });
+        }
+    }
+    async createDefaultTemplateContent() {
+        const md = new Metadata();
+        const defaultContent = await md.GetEntityObject('Template Contents');
+        defaultContent.TemplateID = this.record.ID;
+        defaultContent.Priority = 1;
+        defaultContent.IsActive = true;
+        // Set default to first real content type (skip "Select Type..." if it exists)
+        const validContentTypes = this.contentTypeOptions.filter(option => option.value !== '');
+        if (validContentTypes.length > 0) {
+            defaultContent.TypeID = validContentTypes[0].value;
+        }
+        this.templateContents = [defaultContent];
+        this.selectedContentIndex = 0;
+        // Sync editor value after creating default content
+        this.syncEditorValue();
     }
     selectTemplateContent(index, confirmSwitch = true) {
         // If we're adding new content and user clicks on existing content, ask for confirmation
@@ -337,27 +319,25 @@ let TemplatesFormExtendedComponent = class TemplatesFormExtendedComponent extend
             this.syncEditorValue();
         }
     }
-    loadCategories() {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                const rv = new RunView();
-                const results = yield rv.RunView({
-                    EntityName: 'Template Categories',
-                    ResultType: 'entity_object'
-                });
-                this.categoryOptions = [
-                    { text: 'Select Category...', value: '' },
-                    ...results.Results.map((cat) => ({
-                        text: cat.Name,
-                        value: cat.ID
-                    }))
-                ];
-            }
-            catch (error) {
-                console.error('Error loading categories:', error);
-                this.categoryOptions = [{ text: 'Select Category...', value: '' }];
-            }
-        });
+    async loadCategories() {
+        try {
+            const rv = new RunView();
+            const results = await rv.RunView({
+                EntityName: 'Template Categories',
+                ResultType: 'entity_object'
+            });
+            this.categoryOptions = [
+                { text: 'Select Category...', value: '' },
+                ...results.Results.map((cat) => ({
+                    text: cat.Name,
+                    value: cat.ID
+                }))
+            ];
+        }
+        catch (error) {
+            console.error('Error loading categories:', error);
+            this.categoryOptions = [{ text: 'Select Category...', value: '' }];
+        }
     }
     loadContentTypes() {
         try {
@@ -382,125 +362,118 @@ let TemplatesFormExtendedComponent = class TemplatesFormExtendedComponent extend
             ];
         }
     }
-    onCategoryChange(value) {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            // If it's a new category (string but not in existing options)
-            if (value && !this.categoryOptions.find(opt => opt.value === value)) {
-                // Check for duplicate category names (case-insensitive, trimmed)
-                if (this.isDuplicateCategory(value)) {
-                    const existingCategory = this.categoryOptions.find(option => option.text && option.text.trim().toLowerCase() === value.trim().toLowerCase());
-                    if (existingCategory) {
-                        // Use the existing category instead
-                        this.record.CategoryID = existingCategory.value;
-                        MJNotificationService.Instance.CreateSimpleNotification(`Category "${existingCategory.text}" already exists. Using existing category.`, 'warning');
-                    }
-                    return;
+    async onCategoryChange(value) {
+        // If it's a new category (string but not in existing options)
+        if (value && !this.categoryOptions.find(opt => opt.value === value)) {
+            // Check for duplicate category names (case-insensitive, trimmed)
+            if (this.isDuplicateCategory(value)) {
+                const existingCategory = this.categoryOptions.find(option => option.text && option.text.trim().toLowerCase() === value.trim().toLowerCase());
+                if (existingCategory) {
+                    // Use the existing category instead
+                    this.record.CategoryID = existingCategory.value;
+                    MJNotificationService.Instance.CreateSimpleNotification(`Category "${existingCategory.text}" already exists. Using existing category.`, 'warning');
                 }
-                try {
-                    // Create new category with trimmed name
-                    const md = new Metadata();
-                    const newCategory = yield md.GetEntityObject('Template Categories');
-                    newCategory.Name = value.trim();
-                    newCategory.UserID = this.record.UserID || md.CurrentUser.ID;
-                    const saved = yield newCategory.Save();
-                    if (saved) {
-                        // Add to options and set the ID
-                        this.categoryOptions.push({
-                            text: newCategory.Name,
-                            value: newCategory.ID
-                        });
-                        this.record.CategoryID = newCategory.ID;
-                        MJNotificationService.Instance.CreateSimpleNotification(`New category "${newCategory.Name}" created successfully.`, 'success');
-                    }
-                    else {
-                        MJNotificationService.Instance.CreateSimpleNotification(`Failed to create new category. ${((_a = newCategory.LatestResult) === null || _a === void 0 ? void 0 : _a.Message) || ''}`, 'error');
-                    }
+                return;
+            }
+            try {
+                // Create new category with trimmed name
+                const md = new Metadata();
+                const newCategory = await md.GetEntityObject('Template Categories');
+                newCategory.Name = value.trim();
+                newCategory.UserID = this.record.UserID || md.CurrentUser.ID;
+                const saved = await newCategory.Save();
+                if (saved) {
+                    // Add to options and set the ID
+                    this.categoryOptions.push({
+                        text: newCategory.Name,
+                        value: newCategory.ID
+                    });
+                    this.record.CategoryID = newCategory.ID;
+                    MJNotificationService.Instance.CreateSimpleNotification(`New category "${newCategory.Name}" created successfully.`, 'success');
                 }
-                catch (error) {
-                    console.error('Error creating new category:', error);
-                    MJNotificationService.Instance.CreateSimpleNotification('Error creating new category. Please try again.', 'error');
+                else {
+                    MJNotificationService.Instance.CreateSimpleNotification(`Failed to create new category. ${newCategory.LatestResult?.Message || ''}`, 'error');
                 }
             }
-        });
-    }
-    addNewTemplateContent() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const md = new Metadata();
-            this.newTemplateContent = yield md.GetEntityObject('Template Contents');
-            this.newTemplateContent.TemplateID = this.record.ID;
-            this.newTemplateContent.Priority = this.templateContents.length + 1;
-            this.newTemplateContent.IsActive = true;
-            // Set default to first real content type (skip "Select Type..." if it exists)
-            const validContentTypes = this.contentTypeOptions.filter(option => option.value !== '');
-            if (validContentTypes.length > 0) {
-                this.newTemplateContent.TypeID = validContentTypes[0].value;
+            catch (error) {
+                console.error('Error creating new category:', error);
+                MJNotificationService.Instance.CreateSimpleNotification('Error creating new category. Please try again.', 'error');
             }
-            this.newTemplateContent.TemplateText = '';
-            // Add immediately to the array
-            this.templateContents.push(this.newTemplateContent);
-            this.selectedContentIndex = this.templateContents.length - 1;
-            this.isAddingNewContent = true;
-            // Sync editor value when adding new content
-            this.syncEditorValue();
-        });
+        }
+    }
+    async addNewTemplateContent() {
+        const md = new Metadata();
+        this.newTemplateContent = await md.GetEntityObject('Template Contents');
+        this.newTemplateContent.TemplateID = this.record.ID;
+        this.newTemplateContent.Priority = this.templateContents.length + 1;
+        this.newTemplateContent.IsActive = true;
+        // Set default to first real content type (skip "Select Type..." if it exists)
+        const validContentTypes = this.contentTypeOptions.filter(option => option.value !== '');
+        if (validContentTypes.length > 0) {
+            this.newTemplateContent.TypeID = validContentTypes[0].value;
+        }
+        this.newTemplateContent.TemplateText = '';
+        // Add immediately to the array
+        this.templateContents.push(this.newTemplateContent);
+        this.selectedContentIndex = this.templateContents.length - 1;
+        this.isAddingNewContent = true;
+        // Sync editor value when adding new content
+        this.syncEditorValue();
     }
     cancelNewTemplateContent() {
         this.isAddingNewContent = false;
         this.newTemplateContent = null;
     }
-    deleteTemplateContent(index) {
-        return __awaiter(this, void 0, void 0, function* () {
-            console.log('deleteTemplateContent called with index:', index);
-            console.log('templateContents length:', this.templateContents.length);
-            if (index >= 0 && index < this.templateContents.length) {
-                const contentToDelete = this.templateContents[index];
-                console.log('Content to delete:', contentToDelete);
-                if (contentToDelete.ID) {
-                    try {
-                        console.log('Attempting to delete content with ID:', contentToDelete.ID);
-                        const result = yield contentToDelete.Delete();
-                        console.log('Delete result:', result);
-                        if (result) {
-                            this.templateContents.splice(index, 1);
-                            // Adjust selected index if necessary
-                            if (this.selectedContentIndex >= this.templateContents.length) {
-                                this.selectedContentIndex = Math.max(0, this.templateContents.length - 1);
-                            }
-                            // If no contents remain, create a default one
-                            if (this.templateContents.length === 0) {
-                                yield this.createDefaultTemplateContent();
-                            }
-                            console.log('Content deleted successfully');
+    async deleteTemplateContent(index) {
+        console.log('deleteTemplateContent called with index:', index);
+        console.log('templateContents length:', this.templateContents.length);
+        if (index >= 0 && index < this.templateContents.length) {
+            const contentToDelete = this.templateContents[index];
+            console.log('Content to delete:', contentToDelete);
+            if (contentToDelete.ID) {
+                try {
+                    console.log('Attempting to delete content with ID:', contentToDelete.ID);
+                    const result = await contentToDelete.Delete();
+                    console.log('Delete result:', result);
+                    if (result) {
+                        this.templateContents.splice(index, 1);
+                        // Adjust selected index if necessary
+                        if (this.selectedContentIndex >= this.templateContents.length) {
+                            this.selectedContentIndex = Math.max(0, this.templateContents.length - 1);
                         }
-                        else {
-                            console.error('Delete returned false');
-                            MJNotificationService.Instance.CreateSimpleNotification(`Failed to delete template content. ${contentToDelete.LatestResult.Message}`, 'error');
+                        // If no contents remain, create a default one
+                        if (this.templateContents.length === 0) {
+                            await this.createDefaultTemplateContent();
                         }
+                        console.log('Content deleted successfully');
                     }
-                    catch (error) {
-                        console.error('Error deleting template content:', error);
+                    else {
+                        console.error('Delete returned false');
+                        MJNotificationService.Instance.CreateSimpleNotification(`Failed to delete template content. ${contentToDelete.LatestResult.Message}`, 'error');
                     }
                 }
-                else {
-                    // Not saved yet, just remove from array
-                    console.log('Removing unsaved content from array');
-                    this.templateContents.splice(index, 1);
-                    if (this.selectedContentIndex >= this.templateContents.length) {
-                        this.selectedContentIndex = Math.max(0, this.templateContents.length - 1);
-                    }
-                    // Reset adding new content state if we're deleting the new content
-                    if (this.isAddingNewContent && index === this.templateContents.length) {
-                        this.isAddingNewContent = false;
-                        this.newTemplateContent = null;
-                    }
-                    console.log('Unsaved content removed successfully');
+                catch (error) {
+                    console.error('Error deleting template content:', error);
                 }
             }
             else {
-                console.error('Invalid index for deletion:', index);
+                // Not saved yet, just remove from array
+                console.log('Removing unsaved content from array');
+                this.templateContents.splice(index, 1);
+                if (this.selectedContentIndex >= this.templateContents.length) {
+                    this.selectedContentIndex = Math.max(0, this.templateContents.length - 1);
+                }
+                // Reset adding new content state if we're deleting the new content
+                if (this.isAddingNewContent && index === this.templateContents.length) {
+                    this.isAddingNewContent = false;
+                    this.newTemplateContent = null;
+                }
+                console.log('Unsaved content removed successfully');
             }
-        });
+        }
+        else {
+            console.error('Invalid index for deletion:', index);
+        }
     }
     get currentTemplateContent() {
         if (this.isAddingNewContent) {
@@ -522,20 +495,18 @@ let TemplatesFormExtendedComponent = class TemplatesFormExtendedComponent extend
      * Updates the hasUnsavedChanges flag based on entity dirty states
      */
     updateUnsavedChangesFlag() {
-        var _a;
         this.hasUnsavedChanges = this.templateContents.some(content => content.Dirty) ||
             this.isAddingNewContent ||
-            ((_a = this.record) === null || _a === void 0 ? void 0 : _a.Dirty) || false;
+            this.record?.Dirty || false;
     }
     onTemplateTextChange(event) {
-        var _a;
         if (this.isUpdatingEditorValue) {
             // Ignore change events when we're programmatically updating the editor
             return;
         }
         if (this.currentTemplateContent) {
             // Extract value from event - might be event.target.value or just event depending on component
-            const value = typeof event === 'string' ? event : (((_a = event.target) === null || _a === void 0 ? void 0 : _a.value) || event);
+            const value = typeof event === 'string' ? event : (event.target?.value || event);
             this.currentTemplateContent.TemplateText = value;
             // hasUnsavedChanges is automatically handled by entity's IsDirty flag
             this.updateUnsavedChangesFlag();
@@ -549,104 +520,95 @@ let TemplatesFormExtendedComponent = class TemplatesFormExtendedComponent extend
         Promise.resolve().then(() => {
             // Then setTimeout for the next macrotask to ensure DOM is updated
             setTimeout(() => {
-                var _a;
                 if (!this.codeEditor) {
                     console.log('Code editor ViewChild is null - element may not be rendered yet');
                     console.log('currentTemplateContent exists:', !!this.currentTemplateContent);
                     return;
                 }
                 this.isUpdatingEditorValue = true;
-                const newValue = ((_a = this.currentTemplateContent) === null || _a === void 0 ? void 0 : _a.TemplateText) || '';
+                const newValue = this.currentTemplateContent?.TemplateText || '';
                 // Use the setValue method from mj-code-editor component
                 this.codeEditor.setValue(newValue);
                 this.isUpdatingEditorValue = false;
             }, 0);
         });
     }
-    saveTemplateContents() {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                // Save all template contents that have changes
-                for (const content of this.templateContents) {
-                    content.TemplateID = this.record.ID; // Ensure FK is set
-                    if (content.Dirty || !content.ID) {
-                        const contentResult = yield content.Save();
-                        if (!contentResult) {
-                            console.error('Failed to save template content:', content);
-                            return false;
-                        }
+    async saveTemplateContents() {
+        try {
+            // Save all template contents that have changes
+            for (const content of this.templateContents) {
+                content.TemplateID = this.record.ID; // Ensure FK is set
+                if (content.Dirty || !content.ID) {
+                    const contentResult = await content.Save();
+                    if (!contentResult) {
+                        console.error('Failed to save template content:', content);
+                        return false;
                     }
                 }
-                this.isAddingNewContent = false;
-                this.newTemplateContent = null;
-                this.updateUnsavedChangesFlag(); // Update based on current entity states
-                return true;
-            }
-            catch (error) {
-                console.error('Error saving template contents:', error);
-                return false;
             }
-        });
+            this.isAddingNewContent = false;
+            this.newTemplateContent = null;
+            this.updateUnsavedChangesFlag(); // Update based on current entity states
+            return true;
+        }
+        catch (error) {
+            console.error('Error saving template contents:', error);
+            return false;
+        }
     }
-    SaveRecord() {
-        const _super = Object.create(null, {
-            SaveRecord: { get: () => super.SaveRecord }
-        });
-        return __awaiter(this, arguments, void 0, function* (StopEditModeAfterSave = true) {
-            var _a;
-            // Check if we need to create a new category first
-            if (this.record.CategoryID && !this.categoryOptions.find(opt => opt.value === this.record.CategoryID)) {
-                // Check for duplicate category names (case-insensitive, trimmed)
-                if (this.isDuplicateCategory(this.record.CategoryID)) {
-                    const existingCategory = this.categoryOptions.find(option => { var _a; return option.text && option.text.trim().toLowerCase() === ((_a = this.record.CategoryID) === null || _a === void 0 ? void 0 : _a.trim().toLowerCase()); });
-                    if (existingCategory) {
-                        // Use the existing category instead
-                        this.record.CategoryID = existingCategory.value;
-                        MJNotificationService.Instance.CreateSimpleNotification(`Category "${existingCategory.text}" already exists. Using existing category.`, 'warning');
-                    }
+    async SaveRecord(StopEditModeAfterSave = true) {
+        // Check if we need to create a new category first
+        if (this.record.CategoryID && !this.categoryOptions.find(opt => opt.value === this.record.CategoryID)) {
+            // Check for duplicate category names (case-insensitive, trimmed)
+            if (this.isDuplicateCategory(this.record.CategoryID)) {
+                const existingCategory = this.categoryOptions.find(option => option.text && option.text.trim().toLowerCase() === this.record.CategoryID?.trim().toLowerCase());
+                if (existingCategory) {
+                    // Use the existing category instead
+                    this.record.CategoryID = existingCategory.value;
+                    MJNotificationService.Instance.CreateSimpleNotification(`Category "${existingCategory.text}" already exists. Using existing category.`, 'warning');
                 }
-                else {
-                    try {
-                        // Create new category with trimmed name
-                        const md = new Metadata();
-                        const newCategory = yield md.GetEntityObject('Template Categories');
-                        newCategory.Name = this.record.CategoryID.trim(); // CategoryID contains the new category name, trim it
-                        newCategory.UserID = this.record.UserID || md.CurrentUser.ID;
-                        const saved = yield newCategory.Save();
-                        if (saved) {
-                            // Add to options and set the ID
-                            this.categoryOptions.push({
-                                text: newCategory.Name,
-                                value: newCategory.ID
-                            });
-                            this.record.CategoryID = newCategory.ID;
-                        }
-                        else {
-                            console.error('Failed to create new category');
-                            MJNotificationService.Instance.CreateSimpleNotification(`Failed to create new category. ${((_a = newCategory.LatestResult) === null || _a === void 0 ? void 0 : _a.Message) || ''}`, 'error');
-                            return false;
-                        }
+            }
+            else {
+                try {
+                    // Create new category with trimmed name
+                    const md = new Metadata();
+                    const newCategory = await md.GetEntityObject('Template Categories');
+                    newCategory.Name = this.record.CategoryID.trim(); // CategoryID contains the new category name, trim it
+                    newCategory.UserID = this.record.UserID || md.CurrentUser.ID;
+                    const saved = await newCategory.Save();
+                    if (saved) {
+                        // Add to options and set the ID
+                        this.categoryOptions.push({
+                            text: newCategory.Name,
+                            value: newCategory.ID
+                        });
+                        this.record.CategoryID = newCategory.ID;
                     }
-                    catch (error) {
-                        console.error('Error creating new category during save:', error);
-                        MJNotificationService.Instance.CreateSimpleNotification('Error creating new category during save. Please try again.', 'error');
+                    else {
+                        console.error('Failed to create new category');
+                        MJNotificationService.Instance.CreateSimpleNotification(`Failed to create new category. ${newCategory.LatestResult?.Message || ''}`, 'error');
                         return false;
                     }
                 }
+                catch (error) {
+                    console.error('Error creating new category during save:', error);
+                    MJNotificationService.Instance.CreateSimpleNotification('Error creating new category during save. Please try again.', 'error');
+                    return false;
+                }
             }
-            // Call the parent save method to save the template
-            // Before saving, if a new record, make sure the UserID is set
-            if (!this.record.IsSaved && !this.record.UserID) {
-                const md = new Metadata();
-                this.record.UserID = md.CurrentUser.ID;
-            }
-            const templateSaved = yield _super.SaveRecord.call(this, StopEditModeAfterSave);
-            if (templateSaved) {
-                // Then save all template contents
-                return yield this.saveTemplateContents();
-            }
-            return false;
-        });
+        }
+        // Call the parent save method to save the template
+        // Before saving, if a new record, make sure the UserID is set
+        if (!this.record.IsSaved && !this.record.UserID) {
+            const md = new Metadata();
+            this.record.UserID = md.CurrentUser.ID;
+        }
+        const templateSaved = await super.SaveRecord(StopEditModeAfterSave);
+        if (templateSaved) {
+            // Then save all template contents
+            return await this.saveTemplateContents();
+        }
+        return false;
     }
     getContentTypeDisplayText(typeId) {
         if (!typeId)
@@ -655,8 +617,7 @@ let TemplatesFormExtendedComponent = class TemplatesFormExtendedComponent extend
         return option ? option.text : typeId;
     }
     getEditorLanguage() {
-        var _a;
-        if (!((_a = this.currentTemplateContent) === null || _a === void 0 ? void 0 : _a.TypeID)) {
+        if (!this.currentTemplateContent?.TypeID) {
             return 'jinja2'; // default to jinja2 for template syntax (compatible with Nunjucks)
         }
         const contentType = this.currentTemplateContent.TypeID.toLowerCase();
@@ -691,24 +652,21 @@ let TemplatesFormExtendedComponent = class TemplatesFormExtendedComponent extend
     /**
      * Test run the current template using the parameter dialog
      */
-    runTemplate() {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            if (!((_a = this.record) === null || _a === void 0 ? void 0 : _a.IsSaved) || !this.currentTemplateContent) {
-                MJNotificationService.Instance.CreateSimpleNotification('Please save the template before running it.', 'warning');
+    async runTemplate() {
+        if (!this.record?.IsSaved || !this.currentTemplateContent) {
+            MJNotificationService.Instance.CreateSimpleNotification('Please save the template before running it.', 'warning');
+            return;
+        }
+        // Save any unsaved changes first
+        if (this.hasUnsavedChanges) {
+            const saveResult = await this.SaveRecord(false); // Don't exit edit mode
+            if (!saveResult) {
+                MJNotificationService.Instance.CreateSimpleNotification('Failed to save template changes.', 'error');
                 return;
             }
-            // Save any unsaved changes first
-            if (this.hasUnsavedChanges) {
-                const saveResult = yield this.SaveRecord(false); // Don't exit edit mode
-                if (!saveResult) {
-                    MJNotificationService.Instance.CreateSimpleNotification('Failed to save template changes.', 'error');
-                    return;
-                }
-            }
-            // Show the parameter dialog
-            this.showParamDialog = true;
-        });
+        }
+        // Show the parameter dialog
+        this.showParamDialog = true;
     }
     /**
      * Handle parameter dialog close
@@ -733,22 +691,22 @@ let TemplatesFormExtendedComponent = class TemplatesFormExtendedComponent extend
     onSharedTemplateRun(template) {
         this.runTemplate();
     }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵTemplatesFormExtendedComponent_BaseFactory; return function TemplatesFormExtendedComponent_Factory(t) { return (ɵTemplatesFormExtendedComponent_BaseFactory || (ɵTemplatesFormExtendedComponent_BaseFactory = i0.ɵɵgetInheritedFactory(TemplatesFormExtendedComponent)))(t || TemplatesFormExtendedComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TemplatesFormExtendedComponent, selectors: [["mj-templates-form"]], viewQuery: function TemplatesFormExtendedComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.codeEditor = _t.first);
+        } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["form", "ngForm"], ["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["mjFillContainer", "", 1, "record-form"], [3, "form"], [1, "template-header", 2, "background", "#f8f9fa", "border-bottom", "1px solid #dee2e6", "padding", "8px 20px"], [2, "display", "grid", "grid-template-columns", "1fr 2fr 1fr auto", "gap", "12px", "align-items", "start"], [1, "form-group", 2, "margin", "0"], [1, "form-label", 2, "font-weight", "500", "margin-bottom", "3px", "color", "#495057", "font-size", "0.85em"], [1, "fa-solid", "fa-file-text"], ["name", "templateName", "placeholder", "Enter template name...", 3, "ngModel"], [1, "form-control-plaintext", 2, "font-size", "1em", "font-weight", "500", "padding", "6px 0"], [1, "fa-solid", "fa-align-left"], ["name", "description", "placeholder", "Enter template description...", 3, "ngModel", "rows"], [1, "form-control-plaintext", 2, "padding", "8px 0", "color", "#6c757d"], [1, "fa-solid", "fa-folder"], ["name", "categoryId", "textField", "text", "valueField", "value", "placeholder", "Select or enter new category...", 3, "ngModel", "data", "valuePrimitive", "allowCustom"], [1, "form-control-plaintext", 2, "padding", "8px 0"], [2, "display", "flex", "flex-direction", "column", "align-items", "flex-end", "justify-content", "center"], [1, "badge", "badge-success", 2, "background", "#28a745", "color", "white", "padding", "6px 12px", "border-radius", "4px", "font-size", "0.85em"], [1, "badge", "badge-secondary", 2, "background", "#6c757d", "color", "white", "padding", "6px 12px", "border-radius", "4px", "font-size", "0.85em"], ["mjFillContainer", "", 3, "TabSelected", "ResizeContainer", "bottomMargin"], ["Name", "Contents"], [1, "fa-solid", "fa-file-lines"], [1, "badge", "badge-info", 2, "background", "#17a2b8", "color", "white", "padding", "2px 6px", "border-radius", "3px", "font-size", "0.7em", "margin-left", "6px"], ["mjFillContainer", "", 1, "template-contents-main", "content-margin", 3, "bottomMargin"], [2, "height", "100%", "display", "block", 3, "contentChange", "runTemplate", "template", "config"], ["Name", "Details"], [1, "fa-solid", "fa-cogs"], [2, "padding", "20px"], [1, "record-form"], ["FieldName", "UserPrompt", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "UserID", "Type", "textbox", "LinkType", "Record", "LinkComponentType", "Search", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ActiveAt", "Type", "datepicker", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "DisabledAt", "Type", "datepicker", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "IsActive", "Type", "checkbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "__mj_CreatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "__mj_UpdatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Category", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "User", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["Name", "Template Params", 3, "Visible"], [1, "fa-solid", "fa-sliders"], [3, "Params", "NewRecordValues", "AllowLoad", "EditMode", "BottomMargin"], ["Name", "AI Prompts", 3, "Visible"], [1, "fa-solid", "fa-robot"], ["Name", "Entity Documents", 3, "Visible"], [3, "isVisibleChange", "onClose", "template", "isVisible"], ["name", "templateName", "placeholder", "Enter template name...", 3, "ngModelChange", "ngModel"], ["name", "description", "placeholder", "Enter template description...", 3, "ngModelChange", "ngModel", "rows"], ["name", "categoryId", "textField", "text", "valueField", "value", "placeholder", "Select or enter new category...", 3, "ngModelChange", "valueChange", "ngModel", "data", "valuePrimitive", "allowCustom"], [1, "fa-solid", "fa-check-circle"], [1, "fa-solid", "fa-pause-circle"]], template: function TemplatesFormExtendedComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 1);
+            i0.ɵɵtemplate(1, TemplatesFormExtendedComponent_Conditional_1_Template, 66, 57);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("bottomMargin", 20)("rightMargin", 5);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.record ? 1 : -1);
+        } }, dependencies: [i1.ɵNgNoValidate, i1.NgControlStatus, i1.NgControlStatusGroup, i1.NgModel, i1.NgForm, i2.TextAreaComponent, i2.TextBoxComponent, i3.ComboBoxComponent, i4.UserViewGridComponent, i5.MJFormField, i6.FormToolbarComponent, i7.MJTabStripComponent, i7.MJTabBodyComponent, i7.MJTabComponent, i8.FillContainer, i9.TemplateParamDialogComponent, i10.TemplateEditorComponent], styles: [".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n}\n\n.content-margin[_ngcontent-%COMP%] {\n  margin: 10px;\n} \n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}"] }); }
 };
-TemplatesFormExtendedComponent.ɵfac = /*@__PURE__*/ (() => { let ɵTemplatesFormExtendedComponent_BaseFactory; return function TemplatesFormExtendedComponent_Factory(t) { return (ɵTemplatesFormExtendedComponent_BaseFactory || (ɵTemplatesFormExtendedComponent_BaseFactory = i0.ɵɵgetInheritedFactory(TemplatesFormExtendedComponent)))(t || TemplatesFormExtendedComponent); }; })();
-TemplatesFormExtendedComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TemplatesFormExtendedComponent, selectors: [["mj-templates-form"]], viewQuery: function TemplatesFormExtendedComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0, 5);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.codeEditor = _t.first);
-    } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["form", "ngForm"], ["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["mjFillContainer", "", 1, "record-form"], [3, "form"], [1, "template-header", 2, "background", "#f8f9fa", "border-bottom", "1px solid #dee2e6", "padding", "8px 20px"], [2, "display", "grid", "grid-template-columns", "1fr 2fr 1fr auto", "gap", "12px", "align-items", "start"], [1, "form-group", 2, "margin", "0"], [1, "form-label", 2, "font-weight", "500", "margin-bottom", "3px", "color", "#495057", "font-size", "0.85em"], [1, "fa-solid", "fa-file-text"], ["name", "templateName", "placeholder", "Enter template name...", 3, "ngModel"], [1, "form-control-plaintext", 2, "font-size", "1em", "font-weight", "500", "padding", "6px 0"], [1, "fa-solid", "fa-align-left"], ["name", "description", "placeholder", "Enter template description...", 3, "ngModel", "rows"], [1, "form-control-plaintext", 2, "padding", "8px 0", "color", "#6c757d"], [1, "fa-solid", "fa-folder"], ["name", "categoryId", "textField", "text", "valueField", "value", "placeholder", "Select or enter new category...", 3, "ngModel", "data", "valuePrimitive", "allowCustom"], [1, "form-control-plaintext", 2, "padding", "8px 0"], [2, "display", "flex", "flex-direction", "column", "align-items", "flex-end", "justify-content", "center"], [1, "badge", "badge-success", 2, "background", "#28a745", "color", "white", "padding", "6px 12px", "border-radius", "4px", "font-size", "0.85em"], [1, "badge", "badge-secondary", 2, "background", "#6c757d", "color", "white", "padding", "6px 12px", "border-radius", "4px", "font-size", "0.85em"], ["mjFillContainer", "", 3, "TabSelected", "ResizeContainer", "bottomMargin"], ["Name", "Contents"], [1, "fa-solid", "fa-file-lines"], [1, "badge", "badge-info", 2, "background", "#17a2b8", "color", "white", "padding", "2px 6px", "border-radius", "3px", "font-size", "0.7em", "margin-left", "6px"], ["mjFillContainer", "", 1, "template-contents-main", "content-margin", 3, "bottomMargin"], [2, "height", "100%", "display", "block", 3, "contentChange", "runTemplate", "template", "config"], ["Name", "Details"], [1, "fa-solid", "fa-cogs"], [2, "padding", "20px"], [1, "record-form"], ["FieldName", "UserPrompt", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "UserID", "Type", "textbox", "LinkType", "Record", "LinkComponentType", "Search", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ActiveAt", "Type", "datepicker", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "DisabledAt", "Type", "datepicker", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "IsActive", "Type", "checkbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "__mj_CreatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "__mj_UpdatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Category", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "User", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["Name", "Template Params", 3, "Visible"], [1, "fa-solid", "fa-sliders"], [3, "Params", "NewRecordValues", "AllowLoad", "EditMode", "BottomMargin"], ["Name", "AI Prompts", 3, "Visible"], [1, "fa-solid", "fa-robot"], ["Name", "Entity Documents", 3, "Visible"], [3, "isVisibleChange", "onClose", "template", "isVisible"], ["name", "templateName", "placeholder", "Enter template name...", 3, "ngModelChange", "ngModel"], ["name", "description", "placeholder", "Enter template description...", 3, "ngModelChange", "ngModel", "rows"], ["name", "categoryId", "textField", "text", "valueField", "value", "placeholder", "Select or enter new category...", 3, "ngModelChange", "valueChange", "ngModel", "data", "valuePrimitive", "allowCustom"], [1, "fa-solid", "fa-check-circle"], [1, "fa-solid", "fa-pause-circle"]], template: function TemplatesFormExtendedComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 1);
-        i0.ɵɵtemplate(1, TemplatesFormExtendedComponent_Conditional_1_Template, 66, 57);
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵproperty("bottomMargin", 20)("rightMargin", 5);
-        i0.ɵɵadvance();
-        i0.ɵɵconditional(ctx.record ? 1 : -1);
-    } }, dependencies: [i1.ɵNgNoValidate, i1.NgControlStatus, i1.NgControlStatusGroup, i1.NgModel, i1.NgForm, i2.TextAreaComponent, i2.TextBoxComponent, i3.ComboBoxComponent, i4.UserViewGridComponent, i5.MJFormField, i6.FormToolbarComponent, i7.MJTabStripComponent, i7.MJTabBodyComponent, i7.MJTabComponent, i8.FillContainer, i9.TemplateParamDialogComponent, i10.TemplateEditorComponent], styles: [".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n}\n\n.content-margin[_ngcontent-%COMP%] {\n  margin: 10px;\n} \n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}"] });
 TemplatesFormExtendedComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Templates')
 ], TemplatesFormExtendedComponent);