@memberjunction/ng-dashboards 3.2.0 → 3.4.0

package/dist/Actions/components/explorer/new-action-panel.component.js

@@ -0,0 +1,359 @@
+import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
+import { trigger, transition, style, animate } from '@angular/animations';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { Metadata, LogError, CompositeKey } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/action-explorer-state.service";
+import * as i2 from "@memberjunction/ng-shared";
+import * as i3 from "@angular/forms";
+import * as i4 from "@progress/kendo-angular-dropdowns";
+import * as i5 from "@progress/kendo-angular-inputs";
+import * as i6 from "@progress/kendo-angular-buttons";
+const _forTrack0 = ($index, $item) => $item.value;
+function NewActionPanelComponent_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵelement(1, "i", 25);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.Errors["general"], " ");
+} }
+function NewActionPanelComponent_Conditional_0_For_15_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 31);
+} }
+function NewActionPanelComponent_Conditional_0_For_15_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 26);
+    i0.ɵɵlistener("click", function NewActionPanelComponent_Conditional_0_For_15_Template_button_click_0_listener() { const option_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.selectType(option_r4.value)); });
+    i0.ɵɵelementStart(1, "div", 27);
+    i0.ɵɵelement(2, "i");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 28)(4, "span", 29);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "span", 30);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(8, NewActionPanelComponent_Conditional_0_For_15_Conditional_8_Template, 1, 0, "i", 31);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const option_r4 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("selected", ctx_r1.Type === option_r4.value);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(option_r4.icon);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(option_r4.label);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(option_r4.description);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.Type === option_r4.value ? 8 : -1);
+} }
+function NewActionPanelComponent_Conditional_0_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 15);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.Errors["name"]);
+} }
+function NewActionPanelComponent_Conditional_0_Conditional_29_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 15);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.Errors["category"]);
+} }
+function NewActionPanelComponent_Conditional_0_Conditional_36_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 32);
+    i0.ɵɵtext(1, " Creating... ");
+} }
+function NewActionPanelComponent_Conditional_0_Conditional_37_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 33);
+    i0.ɵɵtext(1, " Create Action ");
+} }
+function NewActionPanelComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵlistener("click", function NewActionPanelComponent_Conditional_0_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onBackdropClick($event)); });
+    i0.ɵɵelementStart(1, "div", 2)(2, "div", 3)(3, "h2");
+    i0.ɵɵelement(4, "i", 4);
+    i0.ɵɵtext(5, " New Action ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 5);
+    i0.ɵɵlistener("click", function NewActionPanelComponent_Conditional_0_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onClose()); });
+    i0.ɵɵelement(7, "i", 6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 7);
+    i0.ɵɵtemplate(9, NewActionPanelComponent_Conditional_0_Conditional_9_Template, 3, 1, "div", 8);
+    i0.ɵɵelementStart(10, "div", 9)(11, "label", 10);
+    i0.ɵɵtext(12, "Action Type");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "div", 11);
+    i0.ɵɵrepeaterCreate(14, NewActionPanelComponent_Conditional_0_For_15_Template, 9, 7, "button", 12, _forTrack0);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(16, "div", 9)(17, "label", 13);
+    i0.ɵɵtext(18, " Action Name ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "kendo-textbox", 14);
+    i0.ɵɵtwoWayListener("ngModelChange", function NewActionPanelComponent_Conditional_0_Template_kendo_textbox_ngModelChange_19_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.Name, $event) || (ctx_r1.Name = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(20, NewActionPanelComponent_Conditional_0_Conditional_20_Template, 2, 1, "span", 15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(21, "div", 9)(22, "label", 16);
+    i0.ɵɵtext(23, " Description ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(24, "kendo-textarea", 17);
+    i0.ɵɵtwoWayListener("ngModelChange", function NewActionPanelComponent_Conditional_0_Template_kendo_textarea_ngModelChange_24_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.Description, $event) || (ctx_r1.Description = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(25, "div", 9)(26, "label", 18);
+    i0.ɵɵtext(27, " Category ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(28, "kendo-dropdownlist", 19);
+    i0.ɵɵtwoWayListener("ngModelChange", function NewActionPanelComponent_Conditional_0_Template_kendo_dropdownlist_ngModelChange_28_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.CategoryID, $event) || (ctx_r1.CategoryID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(29, NewActionPanelComponent_Conditional_0_Conditional_29_Template, 2, 1, "span", 15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(30, "div", 20);
+    i0.ɵɵelement(31, "i", 21);
+    i0.ɵɵelementStart(32, "p");
+    i0.ɵɵtext(33, " After creating the action, you'll be taken to the full action editor where you can configure parameters, code, and other settings. ");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(34, "div", 22)(35, "button", 23);
+    i0.ɵɵlistener("click", function NewActionPanelComponent_Conditional_0_Template_button_click_35_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSave()); });
+    i0.ɵɵtemplate(36, NewActionPanelComponent_Conditional_0_Conditional_36_Template, 2, 0)(37, NewActionPanelComponent_Conditional_0_Conditional_37_Template, 2, 0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(38, "button", 24);
+    i0.ɵɵlistener("click", function NewActionPanelComponent_Conditional_0_Template_button_click_38_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onClose()); });
+    i0.ɵɵtext(39, " Cancel ");
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("@slideIn", undefined);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("fillMode", "flat");
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.Errors["general"] ? 9 : -1);
+    i0.ɵɵadvance(5);
+    i0.ɵɵrepeater(ctx_r1.TypeOptions);
+    i0.ɵɵadvance(5);
+    i0.ɵɵclassProp("invalid", ctx_r1.Errors["name"]);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.Name);
+    i0.ɵɵproperty("placeholder", "Enter action name")("maxlength", 425);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.Errors["name"] ? 20 : -1);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.Description);
+    i0.ɵɵproperty("placeholder", "Describe what this action does")("rows", 3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵclassProp("invalid", ctx_r1.Errors["category"]);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.CategoryID);
+    i0.ɵɵproperty("data", ctx_r1.getCategoryOptions())("valuePrimitive", true);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.Errors["category"] ? 29 : -1);
+    i0.ɵɵadvance(6);
+    i0.ɵɵproperty("fillMode", "solid")("themeColor", "primary")("disabled", ctx_r1.IsSaving);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.IsSaving ? 36 : 37);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("fillMode", "outline")("disabled", ctx_r1.IsSaving);
+} }
+export class NewActionPanelComponent {
+    StateService;
+    navigationService;
+    cdr;
+    Categories = [];
+    PreselectedCategoryId = null;
+    ActionCreated = new EventEmitter();
+    Close = new EventEmitter();
+    IsOpen = false;
+    IsSaving = false;
+    // Form fields
+    Name = '';
+    Description = '';
+    CategoryID = null;
+    Type = 'Custom';
+    // Validation
+    Errors = {};
+    TypeOptions = [
+        {
+            value: 'Custom',
+            label: 'Custom Action',
+            icon: 'fa-solid fa-code',
+            description: 'Write your own action code with full control'
+        },
+        {
+            value: 'Generated',
+            label: 'AI Generated',
+            icon: 'fa-solid fa-robot',
+            description: 'Let AI generate the action code from a prompt'
+        }
+    ];
+    destroy$ = new Subject();
+    constructor(StateService, navigationService, cdr) {
+        this.StateService = StateService;
+        this.navigationService = navigationService;
+        this.cdr = cdr;
+    }
+    ngOnInit() {
+        this.StateService.NewActionPanelOpen$.pipe(takeUntil(this.destroy$)).subscribe(isOpen => {
+            this.IsOpen = isOpen;
+            if (isOpen) {
+                this.resetForm();
+            }
+            this.cdr.markForCheck();
+        });
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    resetForm() {
+        this.Name = '';
+        this.Description = '';
+        this.CategoryID = this.PreselectedCategoryId || (this.StateService.SelectedCategoryId !== 'all' && this.StateService.SelectedCategoryId !== 'uncategorized'
+            ? this.StateService.SelectedCategoryId
+            : null);
+        this.Type = 'Custom';
+        this.Errors = {};
+        this.IsSaving = false;
+    }
+    onClose() {
+        this.StateService.closeNewActionPanel();
+        this.Close.emit();
+    }
+    onBackdropClick(event) {
+        if (event.target.classList.contains('panel-backdrop')) {
+            this.onClose();
+        }
+    }
+    validate() {
+        this.Errors = {};
+        if (!this.Name || this.Name.trim().length === 0) {
+            this.Errors['name'] = 'Action name is required';
+        }
+        else if (this.Name.trim().length < 3) {
+            this.Errors['name'] = 'Action name must be at least 3 characters';
+        }
+        else if (this.Name.trim().length > 425) {
+            this.Errors['name'] = 'Action name must be less than 425 characters';
+        }
+        if (!this.CategoryID) {
+            this.Errors['category'] = 'Please select a category';
+        }
+        return Object.keys(this.Errors).length === 0;
+    }
+    async onSave() {
+        if (!this.validate()) {
+            this.cdr.markForCheck();
+            return;
+        }
+        this.IsSaving = true;
+        this.cdr.markForCheck();
+        try {
+            const md = new Metadata();
+            const action = await md.GetEntityObject('Actions');
+            action.Name = this.Name.trim();
+            action.Description = this.Description.trim() || null;
+            action.CategoryID = this.CategoryID;
+            action.Type = this.Type;
+            action.Status = 'Pending'; // New actions start as pending
+            const saved = await action.Save();
+            if (saved) {
+                this.ActionCreated.emit(action);
+                this.StateService.closeNewActionPanel();
+                // Open the full action record for editing
+                const key = new CompositeKey([{ FieldName: 'ID', Value: action.ID }]);
+                this.navigationService.OpenEntityRecord('Actions', key);
+            }
+            else {
+                this.Errors['general'] = 'Failed to save action. Please try again.';
+            }
+        }
+        catch (error) {
+            LogError('Failed to create action', undefined, error);
+            this.Errors['general'] = 'An error occurred while creating the action.';
+        }
+        finally {
+            this.IsSaving = false;
+            this.cdr.markForCheck();
+        }
+    }
+    selectType(type) {
+        this.Type = type;
+    }
+    getCategoryOptions() {
+        const options = [];
+        // Sort categories by path for easier selection
+        const sortedCategories = [...this.Categories].sort((a, b) => this.getCategoryPath(a).localeCompare(this.getCategoryPath(b)));
+        sortedCategories.forEach(category => {
+            options.push({
+                text: this.getCategoryPath(category),
+                value: category.ID
+            });
+        });
+        return options;
+    }
+    getCategoryPath(category) {
+        const path = [category.Name];
+        let currentParentId = category.ParentID;
+        while (currentParentId) {
+            const parent = this.Categories.find(c => c.ID === currentParentId);
+            if (parent) {
+                path.unshift(parent.Name);
+                currentParentId = parent.ParentID || null;
+            }
+            else {
+                break;
+            }
+        }
+        return path.join(' / ');
+    }
+    static ɵfac = function NewActionPanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || NewActionPanelComponent)(i0.ɵɵdirectiveInject(i1.ActionExplorerStateService), i0.ɵɵdirectiveInject(i2.NavigationService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NewActionPanelComponent, selectors: [["mj-new-action-panel"]], inputs: { Categories: "Categories", PreselectedCategoryId: "PreselectedCategoryId" }, outputs: { ActionCreated: "ActionCreated", Close: "Close" }, decls: 1, vars: 1, consts: [[1, "panel-backdrop"], [1, "panel-backdrop", 3, "click"], [1, "slide-panel"], [1, "panel-header"], [1, "fa-solid", "fa-bolt"], ["kendoButton", "", 3, "click", "fillMode"], [1, "fa-solid", "fa-times"], [1, "panel-content"], [1, "error-banner"], [1, "form-group"], [1, "form-label", "required"], [1, "type-selector"], [1, "type-option", 3, "selected"], ["for", "actionName", 1, "form-label", "required"], ["id", "actionName", 3, "ngModelChange", "ngModel", "placeholder", "maxlength"], [1, "error-text"], ["for", "actionDescription", 1, "form-label"], ["id", "actionDescription", 3, "ngModelChange", "ngModel", "placeholder", "rows"], ["for", "actionCategory", 1, "form-label", "required"], ["id", "actionCategory", "textField", "text", "valueField", "value", 3, "ngModelChange", "ngModel", "data", "valuePrimitive"], [1, "info-box"], [1, "fa-solid", "fa-info-circle"], [1, "panel-footer"], ["kendoButton", "", 3, "click", "fillMode", "themeColor", "disabled"], ["kendoButton", "", 3, "click", "fillMode", "disabled"], [1, "fa-solid", "fa-exclamation-circle"], [1, "type-option", 3, "click"], [1, "type-icon"], [1, "type-info"], [1, "type-label"], [1, "type-description"], [1, "fa-solid", "fa-check", "check-icon"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-check"]], template: function NewActionPanelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, NewActionPanelComponent_Conditional_0_Template, 40, 24, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.IsOpen ? 0 : -1);
+        } }, dependencies: [i3.NgControlStatus, i3.MaxLengthValidator, i3.NgModel, i4.DropDownListComponent, i5.TextAreaComponent, i5.TextBoxComponent, i6.ButtonComponent], styles: [".panel-backdrop[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.4);\n  z-index: 1000;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.slide-panel[_ngcontent-%COMP%] {\n  width: 500px;\n  max-width: 100%;\n  height: 100%;\n  background: var(--kendo-color-surface);\n  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15);\n  display: flex;\n  flex-direction: column;\n}\n\n.panel-header[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 20px 24px;\n  border-bottom: 1px solid var(--kendo-color-border);\n}\n\n.panel-header[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  color: var(--kendo-color-on-app-surface);\n}\n\n.panel-header[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--kendo-color-primary);\n}\n\n.panel-content[_ngcontent-%COMP%] {\n  flex: 1;\n  padding: 24px;\n  overflow-y: auto;\n}\n\n.error-banner[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 12px 16px;\n  background: var(--kendo-color-error-subtle);\n  color: var(--kendo-color-error);\n  border-radius: 8px;\n  margin-bottom: 20px;\n  font-size: 14px;\n}\n\n.error-banner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 16px;\n}\n\n.form-group[_ngcontent-%COMP%] {\n  margin-bottom: 20px;\n}\n\n.form-label[_ngcontent-%COMP%] {\n  display: block;\n  margin-bottom: 8px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--kendo-color-on-app-surface);\n}\n\n.form-label.required[_ngcontent-%COMP%]::after {\n  content: ' *';\n  color: var(--kendo-color-error);\n}\n\n\n\n.type-selector[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.type-option[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 14px 16px;\n  border: 2px solid var(--kendo-color-border);\n  border-radius: 10px;\n  background: var(--kendo-color-surface);\n  cursor: pointer;\n  transition: all 0.2s ease;\n  text-align: left;\n}\n\n.type-option[_ngcontent-%COMP%]:hover {\n  border-color: var(--kendo-color-primary-subtle);\n  background: var(--kendo-color-base-hover);\n}\n\n.type-option.selected[_ngcontent-%COMP%] {\n  border-color: var(--kendo-color-primary);\n  background: var(--kendo-color-primary-subtle);\n}\n\n.type-icon[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 44px;\n  height: 44px;\n  border-radius: 10px;\n  background: var(--kendo-color-base-subtle);\n  flex-shrink: 0;\n}\n\n.type-option.selected[_ngcontent-%COMP%]   .type-icon[_ngcontent-%COMP%] {\n  background: var(--kendo-color-primary);\n}\n\n.type-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 18px;\n  color: var(--kendo-color-subtle);\n}\n\n.type-option.selected[_ngcontent-%COMP%]   .type-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: white;\n}\n\n.type-info[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.type-label[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--kendo-color-on-app-surface);\n}\n\n.type-description[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--kendo-color-subtle);\n}\n\n.check-icon[_ngcontent-%COMP%] {\n  color: var(--kendo-color-primary);\n  font-size: 16px;\n}\n\n\n\n.form-group[_ngcontent-%COMP%]   kendo-textbox[_ngcontent-%COMP%], \n.form-group[_ngcontent-%COMP%]   kendo-textarea[_ngcontent-%COMP%], \n.form-group[_ngcontent-%COMP%]   kendo-dropdownlist[_ngcontent-%COMP%] {\n  width: 100%;\n}\n\n.form-group[_ngcontent-%COMP%]   kendo-textbox.invalid[_ngcontent-%COMP%], \n.form-group[_ngcontent-%COMP%]   kendo-textarea.invalid[_ngcontent-%COMP%], \n.form-group[_ngcontent-%COMP%]   kendo-dropdownlist.invalid[_ngcontent-%COMP%] {\n  border-color: var(--kendo-color-error);\n}\n\n.error-text[_ngcontent-%COMP%] {\n  display: block;\n  margin-top: 4px;\n  font-size: 12px;\n  color: var(--kendo-color-error);\n}\n\n\n\n.info-box[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 12px;\n  padding: 14px 16px;\n  background: var(--kendo-color-info-subtle);\n  border-radius: 8px;\n  margin-top: 24px;\n}\n\n.info-box[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--kendo-color-info);\n  font-size: 16px;\n  flex-shrink: 0;\n  margin-top: 2px;\n}\n\n.info-box[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 13px;\n  color: var(--kendo-color-on-app-surface);\n  line-height: 1.5;\n}\n\n.panel-footer[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 12px;\n  padding: 16px 24px;\n  border-top: 1px solid var(--kendo-color-border);\n  background: var(--kendo-color-app-surface);\n}\n\n.panel-footer[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n\n\n@media (max-width: 520px) {\n  .slide-panel[_ngcontent-%COMP%] {\n    width: 100%;\n  }\n}"], data: { animation: [
+                trigger('slideIn', [
+                    transition(':enter', [
+                        style({ transform: 'translateX(100%)', opacity: 0 }),
+                        animate('250ms ease-out', style({ transform: 'translateX(0)', opacity: 1 }))
+                    ]),
+                    transition(':leave', [
+                        animate('200ms ease-in', style({ transform: 'translateX(100%)', opacity: 0 }))
+                    ])
+                ])
+            ] }, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NewActionPanelComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-new-action-panel', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
+                    trigger('slideIn', [
+                        transition(':enter', [
+                            style({ transform: 'translateX(100%)', opacity: 0 }),
+                            animate('250ms ease-out', style({ transform: 'translateX(0)', opacity: 1 }))
+                        ]),
+                        transition(':leave', [
+                            animate('200ms ease-in', style({ transform: 'translateX(100%)', opacity: 0 }))
+                        ])
+                    ])
+                ], template: "@if (IsOpen) {\n  <div class=\"panel-backdrop\" (click)=\"onBackdropClick($event)\">\n    <div class=\"slide-panel\" @slideIn>\n      <div class=\"panel-header\">\n        <h2>\n          <i class=\"fa-solid fa-bolt\"></i>\n          New Action\n        </h2>\n        <button kendoButton\n          [fillMode]=\"'flat'\"\n          (click)=\"onClose()\">\n          <i class=\"fa-solid fa-times\"></i>\n        </button>\n      </div>\n\n      <div class=\"panel-content\">\n        @if (Errors['general']) {\n          <div class=\"error-banner\">\n            <i class=\"fa-solid fa-exclamation-circle\"></i>\n            {{ Errors['general'] }}\n          </div>\n        }\n\n        <!-- Action Type Selection -->\n        <div class=\"form-group\">\n          <label class=\"form-label required\">Action Type</label>\n          <div class=\"type-selector\">\n            @for (option of TypeOptions; track option.value) {\n              <button class=\"type-option\"\n                [class.selected]=\"Type === option.value\"\n                (click)=\"selectType(option.value)\">\n                <div class=\"type-icon\">\n                  <i [class]=\"option.icon\"></i>\n                </div>\n                <div class=\"type-info\">\n                  <span class=\"type-label\">{{ option.label }}</span>\n                  <span class=\"type-description\">{{ option.description }}</span>\n                </div>\n                @if (Type === option.value) {\n                  <i class=\"fa-solid fa-check check-icon\"></i>\n                }\n              </button>\n            }\n          </div>\n        </div>\n\n        <div class=\"form-group\">\n          <label for=\"actionName\" class=\"form-label required\">\n            Action Name\n          </label>\n          <kendo-textbox\n            id=\"actionName\"\n            [(ngModel)]=\"Name\"\n            [placeholder]=\"'Enter action name'\"\n            [maxlength]=\"425\"\n            [class.invalid]=\"Errors['name']\">\n          </kendo-textbox>\n          @if (Errors['name']) {\n            <span class=\"error-text\">{{ Errors['name'] }}</span>\n          }\n        </div>\n\n        <div class=\"form-group\">\n          <label for=\"actionDescription\" class=\"form-label\">\n            Description\n          </label>\n          <kendo-textarea\n            id=\"actionDescription\"\n            [(ngModel)]=\"Description\"\n            [placeholder]=\"'Describe what this action does'\"\n            [rows]=\"3\">\n          </kendo-textarea>\n        </div>\n\n        <div class=\"form-group\">\n          <label for=\"actionCategory\" class=\"form-label required\">\n            Category\n          </label>\n          <kendo-dropdownlist\n            id=\"actionCategory\"\n            [(ngModel)]=\"CategoryID\"\n            [data]=\"getCategoryOptions()\"\n            textField=\"text\"\n            valueField=\"value\"\n            [valuePrimitive]=\"true\"\n            [class.invalid]=\"Errors['category']\">\n          </kendo-dropdownlist>\n          @if (Errors['category']) {\n            <span class=\"error-text\">{{ Errors['category'] }}</span>\n          }\n        </div>\n\n        <div class=\"info-box\">\n          <i class=\"fa-solid fa-info-circle\"></i>\n          <p>\n            After creating the action, you'll be taken to the full action editor\n            where you can configure parameters, code, and other settings.\n          </p>\n        </div>\n      </div>\n\n      <div class=\"panel-footer\">\n        <button kendoButton\n          [fillMode]=\"'solid'\"\n          [themeColor]=\"'primary'\"\n          [disabled]=\"IsSaving\"\n          (click)=\"onSave()\">\n          @if (IsSaving) {\n            <i class=\"fa-solid fa-spinner fa-spin\"></i>\n            Creating...\n          } @else {\n            <i class=\"fa-solid fa-check\"></i>\n            Create Action\n          }\n        </button>\n        <button kendoButton\n          [fillMode]=\"'outline'\"\n          [disabled]=\"IsSaving\"\n          (click)=\"onClose()\">\n          Cancel\n        </button>\n      </div>\n    </div>\n  </div>\n}\n", styles: [".panel-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.4);\n  z-index: 1000;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.slide-panel {\n  width: 500px;\n  max-width: 100%;\n  height: 100%;\n  background: var(--kendo-color-surface);\n  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15);\n  display: flex;\n  flex-direction: column;\n}\n\n.panel-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 20px 24px;\n  border-bottom: 1px solid var(--kendo-color-border);\n}\n\n.panel-header h2 {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  color: var(--kendo-color-on-app-surface);\n}\n\n.panel-header h2 i {\n  color: var(--kendo-color-primary);\n}\n\n.panel-content {\n  flex: 1;\n  padding: 24px;\n  overflow-y: auto;\n}\n\n.error-banner {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 12px 16px;\n  background: var(--kendo-color-error-subtle);\n  color: var(--kendo-color-error);\n  border-radius: 8px;\n  margin-bottom: 20px;\n  font-size: 14px;\n}\n\n.error-banner i {\n  font-size: 16px;\n}\n\n.form-group {\n  margin-bottom: 20px;\n}\n\n.form-label {\n  display: block;\n  margin-bottom: 8px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--kendo-color-on-app-surface);\n}\n\n.form-label.required::after {\n  content: ' *';\n  color: var(--kendo-color-error);\n}\n\n/* Type Selector */\n.type-selector {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.type-option {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 14px 16px;\n  border: 2px solid var(--kendo-color-border);\n  border-radius: 10px;\n  background: var(--kendo-color-surface);\n  cursor: pointer;\n  transition: all 0.2s ease;\n  text-align: left;\n}\n\n.type-option:hover {\n  border-color: var(--kendo-color-primary-subtle);\n  background: var(--kendo-color-base-hover);\n}\n\n.type-option.selected {\n  border-color: var(--kendo-color-primary);\n  background: var(--kendo-color-primary-subtle);\n}\n\n.type-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 44px;\n  height: 44px;\n  border-radius: 10px;\n  background: var(--kendo-color-base-subtle);\n  flex-shrink: 0;\n}\n\n.type-option.selected .type-icon {\n  background: var(--kendo-color-primary);\n}\n\n.type-icon i {\n  font-size: 18px;\n  color: var(--kendo-color-subtle);\n}\n\n.type-option.selected .type-icon i {\n  color: white;\n}\n\n.type-info {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.type-label {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--kendo-color-on-app-surface);\n}\n\n.type-description {\n  font-size: 12px;\n  color: var(--kendo-color-subtle);\n}\n\n.check-icon {\n  color: var(--kendo-color-primary);\n  font-size: 16px;\n}\n\n/* Form Fields */\n.form-group kendo-textbox,\n.form-group kendo-textarea,\n.form-group kendo-dropdownlist {\n  width: 100%;\n}\n\n.form-group kendo-textbox.invalid,\n.form-group kendo-textarea.invalid,\n.form-group kendo-dropdownlist.invalid {\n  border-color: var(--kendo-color-error);\n}\n\n.error-text {\n  display: block;\n  margin-top: 4px;\n  font-size: 12px;\n  color: var(--kendo-color-error);\n}\n\n/* Info Box */\n.info-box {\n  display: flex;\n  gap: 12px;\n  padding: 14px 16px;\n  background: var(--kendo-color-info-subtle);\n  border-radius: 8px;\n  margin-top: 24px;\n}\n\n.info-box i {\n  color: var(--kendo-color-info);\n  font-size: 16px;\n  flex-shrink: 0;\n  margin-top: 2px;\n}\n\n.info-box p {\n  margin: 0;\n  font-size: 13px;\n  color: var(--kendo-color-on-app-surface);\n  line-height: 1.5;\n}\n\n.panel-footer {\n  display: flex;\n  gap: 12px;\n  padding: 16px 24px;\n  border-top: 1px solid var(--kendo-color-border);\n  background: var(--kendo-color-app-surface);\n}\n\n.panel-footer button {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n/* Mobile */\n@media (max-width: 520px) {\n  .slide-panel {\n    width: 100%;\n  }\n}\n"] }]
+    }], () => [{ type: i1.ActionExplorerStateService }, { type: i2.NavigationService }, { type: i0.ChangeDetectorRef }], { Categories: [{
+            type: Input
+        }], PreselectedCategoryId: [{
+            type: Input
+        }], ActionCreated: [{
+            type: Output
+        }], Close: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NewActionPanelComponent, { className: "NewActionPanelComponent", filePath: "src/Actions/components/explorer/new-action-panel.component.ts", lineNumber: 38 }); })();
+//# sourceMappingURL=new-action-panel.component.js.map

package/dist/Actions/components/explorer/new-action-panel.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"new-action-panel.component.js","sourceRoot":"","sources":["../../../../src/Actions/components/explorer/new-action-panel.component.ts","../../../../src/Actions/components/explorer/new-action-panel.component.html"],"names":[],"mappings":"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"}

package/dist/Actions/components/explorer/new-category-panel.component.d.ts

@@ -0,0 +1,37 @@
+import { EventEmitter, OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
+import { ActionCategoryEntity } from '@memberjunction/core-entities';
+import { ActionExplorerStateService } from '../../services/action-explorer-state.service';
+import * as i0 from "@angular/core";
+export declare class NewCategoryPanelComponent implements OnInit, OnDestroy {
+    StateService: ActionExplorerStateService;
+    private cdr;
+    Categories: ActionCategoryEntity[];
+    PreselectedParentId: string | null;
+    CategoryCreated: EventEmitter<ActionCategoryEntity>;
+    Close: EventEmitter<void>;
+    IsOpen: boolean;
+    IsSaving: boolean;
+    Name: string;
+    Description: string;
+    ParentID: string | null;
+    Errors: {
+        [key: string]: string;
+    };
+    private destroy$;
+    constructor(StateService: ActionExplorerStateService, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private resetForm;
+    onClose(): void;
+    onBackdropClick(event: MouseEvent): void;
+    validate(): boolean;
+    onSave(): Promise<void>;
+    getParentOptions(): Array<{
+        text: string;
+        value: string | null;
+    }>;
+    private getCategoryPath;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NewCategoryPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NewCategoryPanelComponent, "mj-new-category-panel", never, { "Categories": { "alias": "Categories"; "required": false; }; "PreselectedParentId": { "alias": "PreselectedParentId"; "required": false; }; }, { "CategoryCreated": "CategoryCreated"; "Close": "Close"; }, never, never, false, never>;
+}
+//# sourceMappingURL=new-category-panel.component.d.ts.map

package/dist/Actions/components/explorer/new-category-panel.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"new-category-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/Actions/components/explorer/new-category-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,YAAY,EACZ,MAAM,EACN,SAAS,EAET,iBAAiB,EAClB,MAAM,eAAe,CAAC;AAKvB,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,8CAA8C,CAAC;;AAE1F,qBAiBa,yBAA0B,YAAW,MAAM,EAAE,SAAS;IAoBxD,YAAY,EAAE,0BAA0B;IAC/C,OAAO,CAAC,GAAG;IApBJ,UAAU,EAAE,oBAAoB,EAAE,CAAM;IACxC,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAQ;IACzC,eAAe,qCAA4C;IAC3D,KAAK,qBAA4B;IAEpC,MAAM,UAAS;IACf,QAAQ,UAAS;IAGjB,IAAI,SAAM;IACV,WAAW,SAAM;IACjB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAQ;IAG/B,MAAM,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAM;IAE9C,OAAO,CAAC,QAAQ,CAAuB;gBAG9B,YAAY,EAAE,0BAA0B,EACvC,GAAG,EAAE,iBAAiB;IAGhC,QAAQ,IAAI,IAAI;IAehB,WAAW,IAAI,IAAI;IAKnB,OAAO,CAAC,SAAS;IAQV,OAAO,IAAI,IAAI;IAKf,eAAe,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAMxC,QAAQ,IAAI,OAAO;IAuBb,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAkC7B,gBAAgB,IAAI,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC;IAoBxE,OAAO,CAAC,eAAe;yCA5IZ,yBAAyB;2CAAzB,yBAAyB;CA4JrC"}