@flusys/ng-iam 1.0.0-beta → 1.0.0

package/fesm2022/flusys-ng-iam-action-form-page.component-CVN8sV-c.mjs

@@ -0,0 +1,389 @@
+import * as i0 from '@angular/core';
+import { inject, signal, computed, effect, ChangeDetectionStrategy, Component } from '@angular/core';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { form, required, FormField } from '@angular/forms/signals';
+import { ActivatedRoute, Router } from '@angular/router';
+import { AngularModule, PrimeModule } from '@flusys/ng-shared';
+import { MessageService } from 'primeng/api';
+import { firstValueFrom } from 'rxjs';
+import { A as ActionApiService, a as ActionType, L as LogicBuilderComponent } from './flusys-ng-iam-flusys-ng-iam-DrGHlTiz.mjs';
+import * as i1 from '@angular/forms';
+import * as i2 from 'primeng/button';
+import * as i3 from 'primeng/checkbox';
+import * as i4 from 'primeng/inputtext';
+
+class ActionFormPageComponent {
+    route = inject(ActivatedRoute);
+    router = inject(Router);
+    actionApi = inject(ActionApiService);
+    messageService = inject(MessageService);
+    routeParams = toSignal(this.route.paramMap);
+    initialized = false;
+    isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
+    existingAction = signal(null, ...(ngDevMode ? [{ debugName: "existingAction" }] : []));
+    isEditMode = computed(() => !!this.existingAction(), ...(ngDevMode ? [{ debugName: "isEditMode" }] : []));
+    allActionsForLogic = signal([], ...(ngDevMode ? [{ debugName: "allActionsForLogic" }] : []));
+    allActions = signal([], ...(ngDevMode ? [{ debugName: "allActions" }] : []));
+    availableActions = computed(() => {
+        const actions = this.allActions();
+        const currentId = this.existingAction()?.id;
+        return currentId ? actions.filter((a) => a.id !== currentId) : actions;
+    }, ...(ngDevMode ? [{ debugName: "availableActions" }] : []));
+    formModel = signal({
+        id: '',
+        name: '',
+        description: '',
+        code: '',
+        actionType: ActionType.BACKEND,
+        permissionLogic: null,
+        parentId: '',
+        serial: '',
+        isActive: true,
+        metadata: null,
+    }, ...(ngDevMode ? [{ debugName: "formModel" }] : []));
+    actionTypes = [
+        { label: 'Backend (API Endpoints)', value: ActionType.BACKEND },
+        { label: 'Frontend (UI Features)', value: ActionType.FRONTEND },
+        { label: 'Both (Backend + Frontend)', value: ActionType.BOTH },
+    ];
+    actionForm = form(this.formModel, (f) => {
+        required(f.name, { message: 'Name is required' });
+    });
+    isFormValid = computed(() => {
+        const model = this.formModel();
+        return model.name.trim().length > 0;
+    }, ...(ngDevMode ? [{ debugName: "isFormValid" }] : []));
+    constructor() {
+        effect(() => {
+            const params = this.routeParams();
+            if (!params || this.initialized)
+                return;
+            this.initialized = true;
+            this.initializeForm(params.get('id'));
+        });
+    }
+    async initializeForm(id) {
+        try {
+            const response = await firstValueFrom(this.actionApi.getAll('', {
+                pagination: { currentPage: 0, pageSize: 10000 },
+                select: ['id', 'name', 'code', 'actionType', 'permissionLogic'],
+            }));
+            if (response?.success && response.data) {
+                this.allActionsForLogic.set(response.data.map((a) => ({ id: a.id, name: a.name ?? 'Unnamed' })));
+                this.allActions.set(response.data);
+            }
+        }
+        catch {
+            // Ignored - form will show empty parent dropdown
+        }
+        if (id && id !== 'new') {
+            await this.loadAction(id);
+        }
+    }
+    async loadAction(id) {
+        this.isLoading.set(true);
+        try {
+            const response = await this.actionApi.findByIdAsync(id, [
+                'id', 'name', 'description', 'code', 'actionType',
+                'permissionLogic', 'parentId', 'serial', 'isActive', 'metadata',
+            ]);
+            if (response?.success && response.data) {
+                const action = response.data;
+                this.existingAction.set(action);
+                this.formModel.set({
+                    id: action.id ?? '',
+                    name: action.name ?? '',
+                    description: action.description ?? '',
+                    code: action.code ?? '',
+                    actionType: action.actionType ?? ActionType.BACKEND,
+                    permissionLogic: action.permissionLogic ?? null,
+                    parentId: action.parentId ?? '',
+                    serial: action.serial?.toString() ?? '',
+                    isActive: action.isActive ?? true,
+                    metadata: action.metadata ?? null,
+                });
+            }
+            else {
+                this.router.navigate(['/iam/actions']);
+            }
+        }
+        catch {
+            this.router.navigate(['/iam/actions']);
+        }
+        finally {
+            this.isLoading.set(false);
+        }
+    }
+    async onSubmit() {
+        if (!this.isFormValid()) {
+            this.messageService.add({
+                severity: 'error',
+                summary: 'Validation Error',
+                detail: 'Please fill in all required fields.',
+            });
+            return;
+        }
+        this.isLoading.set(true);
+        try {
+            const formValue = this.formModel();
+            const dto = {
+                ...formValue,
+                description: formValue.description || undefined,
+                code: formValue.code || undefined,
+                parentId: formValue.parentId || undefined,
+                serial: formValue.serial ? parseInt(formValue.serial, 10) : undefined,
+                metadata: formValue.metadata ?? undefined,
+                permissionLogic: formValue.permissionLogic ?? undefined,
+            };
+            if (this.isEditMode()) {
+                await this.actionApi.updateAsync(dto);
+                this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Action updated successfully.' });
+            }
+            else {
+                await this.actionApi.insertAsync(dto);
+                this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Action created successfully.' });
+            }
+            this.router.navigate(['/iam/actions']);
+        }
+        catch {
+            // Handled by global interceptor
+        }
+        finally {
+            this.isLoading.set(false);
+        }
+    }
+    onBack() {
+        this.router.navigate(['/iam/actions']);
+    }
+    onLogicChange(logic) {
+        this.formModel.update((model) => ({ ...model, permissionLogic: logic }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ActionFormPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: ActionFormPageComponent, isStandalone: true, selector: "lib-action-form-page", ngImport: i0, template: `
+    <div class="card">
+      <h3 class="text-lg sm:text-xl font-semibold mb-4">
+        {{ isEditMode() ? 'Edit Action' : 'New Action' }}
+      </h3>
+
+      <form (ngSubmit)="onSubmit()" class="grid grid-cols-1 md:grid-cols-2 gap-4">
+        <!-- Name -->
+        <div class="flex flex-col gap-2">
+          <label for="name" class="font-medium">Name *</label>
+          <input
+            pInputText
+            id="name"
+            [formField]="actionForm.name"
+            placeholder="Enter action name" />
+        </div>
+
+        <!-- Code -->
+        <div class="flex flex-col gap-2">
+          <label for="code" class="font-medium">Code</label>
+          <input
+            pInputText
+            id="code"
+            [formField]="actionForm.code"
+            placeholder="Enter action code" />
+        </div>
+
+        <!-- Description -->
+        <div class="flex flex-col gap-2">
+          <label for="description" class="font-medium">Description</label>
+          <input
+            pInputText
+            id="description"
+            [formField]="actionForm.description"
+            placeholder="Enter description" />
+        </div>
+
+        <!-- Action Type -->
+        <div class="flex flex-col gap-2">
+          <label for="actionType" class="font-medium">Action Type *</label>
+          <select
+            id="actionType"
+            class="p-inputtext w-full"
+            [formField]="actionForm.actionType">
+            @for (type of actionTypes; track type.value) {
+              <option [value]="type.value">{{ type.label }}</option>
+            }
+          </select>
+        </div>
+
+        <!-- Parent Action -->
+        <div class="flex flex-col gap-2">
+          <label for="parentId" class="font-medium">Parent Action</label>
+          <select
+            id="parentId"
+            class="p-inputtext w-full"
+            [formField]="actionForm.parentId">
+            <option value="">Select parent action</option>
+            @for (action of availableActions(); track action.id) {
+              <option [value]="action.id">{{ action.name }}</option>
+            }
+          </select>
+        </div>
+
+        <!-- Order -->
+        <div class="flex flex-col gap-2">
+          <label for="serial" class="font-medium">Display Order</label>
+          <input
+            pInputText
+            id="serial"
+            type="number"
+            [formField]="actionForm.serial"
+            placeholder="Enter display order" />
+        </div>
+
+        <!-- Is Active -->
+        <div class="flex items-end gap-2 pb-1 md:col-span-2">
+          <p-checkbox
+            [formField]="actionForm.isActive"
+            [binary]="true"
+            inputId="isActive" />
+          <label for="isActive">Active</label>
+        </div>
+
+        <!-- Permission Logic Builder -->
+        <div class="md:col-span-2">
+          <lib-logic-builder
+            [logic]="formModel().permissionLogic"
+            [actions]="allActionsForLogic()"
+            (logicChange)="onLogicChange($event)" />
+        </div>
+
+        <!-- Actions -->
+        <div class="flex justify-end gap-2 md:col-span-2 pt-4">
+          <p-button
+            label="Cancel"
+            severity="secondary"
+            [outlined]="true"
+            (onClick)="onBack()" />
+          <p-button
+            [label]="isEditMode() ? 'Update' : 'Create'"
+            type="submit"
+            [loading]="isLoading()"
+            [disabled]="!isFormValid() || isLoading()" />
+        </div>
+      </form>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i3.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"] }, { kind: "component", type: LogicBuilderComponent, selector: "lib-logic-builder", inputs: ["logic", "actions"], outputs: ["logicChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ActionFormPageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-action-form-page',
+                    imports: [AngularModule, PrimeModule, FormField, LogicBuilderComponent],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <div class="card">
+      <h3 class="text-lg sm:text-xl font-semibold mb-4">
+        {{ isEditMode() ? 'Edit Action' : 'New Action' }}
+      </h3>
+
+      <form (ngSubmit)="onSubmit()" class="grid grid-cols-1 md:grid-cols-2 gap-4">
+        <!-- Name -->
+        <div class="flex flex-col gap-2">
+          <label for="name" class="font-medium">Name *</label>
+          <input
+            pInputText
+            id="name"
+            [formField]="actionForm.name"
+            placeholder="Enter action name" />
+        </div>
+
+        <!-- Code -->
+        <div class="flex flex-col gap-2">
+          <label for="code" class="font-medium">Code</label>
+          <input
+            pInputText
+            id="code"
+            [formField]="actionForm.code"
+            placeholder="Enter action code" />
+        </div>
+
+        <!-- Description -->
+        <div class="flex flex-col gap-2">
+          <label for="description" class="font-medium">Description</label>
+          <input
+            pInputText
+            id="description"
+            [formField]="actionForm.description"
+            placeholder="Enter description" />
+        </div>
+
+        <!-- Action Type -->
+        <div class="flex flex-col gap-2">
+          <label for="actionType" class="font-medium">Action Type *</label>
+          <select
+            id="actionType"
+            class="p-inputtext w-full"
+            [formField]="actionForm.actionType">
+            @for (type of actionTypes; track type.value) {
+              <option [value]="type.value">{{ type.label }}</option>
+            }
+          </select>
+        </div>
+
+        <!-- Parent Action -->
+        <div class="flex flex-col gap-2">
+          <label for="parentId" class="font-medium">Parent Action</label>
+          <select
+            id="parentId"
+            class="p-inputtext w-full"
+            [formField]="actionForm.parentId">
+            <option value="">Select parent action</option>
+            @for (action of availableActions(); track action.id) {
+              <option [value]="action.id">{{ action.name }}</option>
+            }
+          </select>
+        </div>
+
+        <!-- Order -->
+        <div class="flex flex-col gap-2">
+          <label for="serial" class="font-medium">Display Order</label>
+          <input
+            pInputText
+            id="serial"
+            type="number"
+            [formField]="actionForm.serial"
+            placeholder="Enter display order" />
+        </div>
+
+        <!-- Is Active -->
+        <div class="flex items-end gap-2 pb-1 md:col-span-2">
+          <p-checkbox
+            [formField]="actionForm.isActive"
+            [binary]="true"
+            inputId="isActive" />
+          <label for="isActive">Active</label>
+        </div>
+
+        <!-- Permission Logic Builder -->
+        <div class="md:col-span-2">
+          <lib-logic-builder
+            [logic]="formModel().permissionLogic"
+            [actions]="allActionsForLogic()"
+            (logicChange)="onLogicChange($event)" />
+        </div>
+
+        <!-- Actions -->
+        <div class="flex justify-end gap-2 md:col-span-2 pt-4">
+          <p-button
+            label="Cancel"
+            severity="secondary"
+            [outlined]="true"
+            (onClick)="onBack()" />
+          <p-button
+            [label]="isEditMode() ? 'Update' : 'Create'"
+            type="submit"
+            [loading]="isLoading()"
+            [disabled]="!isFormValid() || isLoading()" />
+        </div>
+      </form>
+    </div>
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+export { ActionFormPageComponent };
+//# sourceMappingURL=flusys-ng-iam-action-form-page.component-CVN8sV-c.mjs.map

package/fesm2022/flusys-ng-iam-action-form-page.component-CVN8sV-c.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flusys-ng-iam-action-form-page.component-CVN8sV-c.mjs","sources":["../../../projects/ng-iam/pages/action/action-form-page.component.ts"],"sourcesContent":["import { ChangeDetectionStrategy, 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 { AngularModule, ILogicNode, PrimeModule } from '@flusys/ng-shared';\nimport { MessageService } from 'primeng/api';\nimport { firstValueFrom } from 'rxjs';\nimport { LogicBuilderComponent } from '../../components/logic-builder.component';\nimport { ActionType, IAction } from '../../interfaces/action.interface';\nimport { ActionApiService } from '../../services/action-api.service';\n\ninterface IActionFormModel {\n  id: string;\n  name: string;\n  description: string;\n  code: string;\n  actionType: ActionType;\n  permissionLogic: ILogicNode | null;\n  parentId: string;\n  serial: string;\n  isActive: boolean;\n  metadata: Record<string, unknown> | null;\n}\n\n@Component({\n  selector: 'lib-action-form-page',\n  imports: [AngularModule, PrimeModule, FormField, LogicBuilderComponent],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div class=\"card\">\n      <h3 class=\"text-lg sm:text-xl font-semibold mb-4\">\n        {{ isEditMode() ? 'Edit Action' : 'New Action' }}\n      </h3>\n\n      <form (ngSubmit)=\"onSubmit()\" class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        <!-- Name -->\n        <div class=\"flex flex-col gap-2\">\n          <label for=\"name\" class=\"font-medium\">Name *</label>\n          <input\n            pInputText\n            id=\"name\"\n            [formField]=\"actionForm.name\"\n            placeholder=\"Enter action name\" />\n        </div>\n\n        <!-- Code -->\n        <div class=\"flex flex-col gap-2\">\n          <label for=\"code\" class=\"font-medium\">Code</label>\n          <input\n            pInputText\n            id=\"code\"\n            [formField]=\"actionForm.code\"\n            placeholder=\"Enter action code\" />\n        </div>\n\n        <!-- Description -->\n        <div class=\"flex flex-col gap-2\">\n          <label for=\"description\" class=\"font-medium\">Description</label>\n          <input\n            pInputText\n            id=\"description\"\n            [formField]=\"actionForm.description\"\n            placeholder=\"Enter description\" />\n        </div>\n\n        <!-- Action Type -->\n        <div class=\"flex flex-col gap-2\">\n          <label for=\"actionType\" class=\"font-medium\">Action Type *</label>\n          <select\n            id=\"actionType\"\n            class=\"p-inputtext w-full\"\n            [formField]=\"actionForm.actionType\">\n            @for (type of actionTypes; track type.value) {\n              <option [value]=\"type.value\">{{ type.label }}</option>\n            }\n          </select>\n        </div>\n\n        <!-- Parent Action -->\n        <div class=\"flex flex-col gap-2\">\n          <label for=\"parentId\" class=\"font-medium\">Parent Action</label>\n          <select\n            id=\"parentId\"\n            class=\"p-inputtext w-full\"\n            [formField]=\"actionForm.parentId\">\n            <option value=\"\">Select parent action</option>\n            @for (action of availableActions(); track action.id) {\n              <option [value]=\"action.id\">{{ action.name }}</option>\n            }\n          </select>\n        </div>\n\n        <!-- Order -->\n        <div class=\"flex flex-col gap-2\">\n          <label for=\"serial\" class=\"font-medium\">Display Order</label>\n          <input\n            pInputText\n            id=\"serial\"\n            type=\"number\"\n            [formField]=\"actionForm.serial\"\n            placeholder=\"Enter display order\" />\n        </div>\n\n        <!-- Is Active -->\n        <div class=\"flex items-end gap-2 pb-1 md:col-span-2\">\n          <p-checkbox\n            [formField]=\"actionForm.isActive\"\n            [binary]=\"true\"\n            inputId=\"isActive\" />\n          <label for=\"isActive\">Active</label>\n        </div>\n\n        <!-- Permission Logic Builder -->\n        <div class=\"md:col-span-2\">\n          <lib-logic-builder\n            [logic]=\"formModel().permissionLogic\"\n            [actions]=\"allActionsForLogic()\"\n            (logicChange)=\"onLogicChange($event)\" />\n        </div>\n\n        <!-- Actions -->\n        <div class=\"flex justify-end gap-2 md:col-span-2 pt-4\">\n          <p-button\n            label=\"Cancel\"\n            severity=\"secondary\"\n            [outlined]=\"true\"\n            (onClick)=\"onBack()\" />\n          <p-button\n            [label]=\"isEditMode() ? 'Update' : 'Create'\"\n            type=\"submit\"\n            [loading]=\"isLoading()\"\n            [disabled]=\"!isFormValid() || isLoading()\" />\n        </div>\n      </form>\n    </div>\n  `,\n})\nexport class ActionFormPageComponent {\n  private readonly route = inject(ActivatedRoute);\n  private readonly router = inject(Router);\n  private readonly actionApi = inject(ActionApiService);\n  private readonly messageService = inject(MessageService);\n  private readonly routeParams = toSignal(this.route.paramMap);\n  private initialized = false;\n\n  readonly isLoading = signal(false);\n  readonly existingAction = signal<IAction | null>(null);\n  readonly isEditMode = computed(() => !!this.existingAction());\n  readonly allActionsForLogic = signal<Array<{ id: string; name: string }>>([]);\n  readonly allActions = signal<IAction[]>([]);\n\n  readonly availableActions = computed(() => {\n    const actions = this.allActions();\n    const currentId = this.existingAction()?.id;\n    return currentId ? actions.filter((a) => a.id !== currentId) : actions;\n  });\n\n  readonly formModel = signal<IActionFormModel>({\n    id: '',\n    name: '',\n    description: '',\n    code: '',\n    actionType: ActionType.BACKEND,\n    permissionLogic: null,\n    parentId: '',\n    serial: '',\n    isActive: true,\n    metadata: null,\n  });\n\n  readonly actionTypes = [\n    { label: 'Backend (API Endpoints)', value: ActionType.BACKEND },\n    { label: 'Frontend (UI Features)', value: ActionType.FRONTEND },\n    { label: 'Both (Backend + Frontend)', value: ActionType.BOTH },\n  ];\n\n  readonly actionForm = form(this.formModel, (f) => {\n    required(f.name, { message: 'Name is required' });\n  });\n\n  readonly isFormValid = computed(() => {\n    const model = this.formModel();\n    return model.name.trim().length > 0;\n  });\n\n  constructor() {\n    effect(() => {\n      const params = this.routeParams();\n      if (!params || this.initialized) return;\n\n      this.initialized = true;\n      this.initializeForm(params.get('id'));\n    });\n  }\n\n  private async initializeForm(id: string | null): Promise<void> {\n    try {\n      const response = await firstValueFrom(\n        this.actionApi.getAll('', {\n          pagination: { currentPage: 0, pageSize: 10000 },\n          select: ['id', 'name', 'code', 'actionType', 'permissionLogic'],\n        }),\n      );\n      if (response?.success && response.data) {\n        this.allActionsForLogic.set(response.data.map((a) => ({ id: a.id!, name: a.name ?? 'Unnamed' })));\n        this.allActions.set(response.data);\n      }\n    } catch {\n      // Ignored - form will show empty parent dropdown\n    }\n\n    if (id && id !== 'new') {\n      await this.loadAction(id);\n    }\n  }\n\n  async loadAction(id: string): Promise<void> {\n    this.isLoading.set(true);\n    try {\n      const response = await this.actionApi.findByIdAsync(id, [\n        'id', 'name', 'description', 'code', 'actionType',\n        'permissionLogic', 'parentId', 'serial', 'isActive', 'metadata',\n      ]);\n\n      if (response?.success && response.data) {\n        const action = response.data;\n        this.existingAction.set(action);\n        this.formModel.set({\n          id: action.id ?? '',\n          name: action.name ?? '',\n          description: action.description ?? '',\n          code: action.code ?? '',\n          actionType: action.actionType ?? ActionType.BACKEND,\n          permissionLogic: action.permissionLogic ?? null,\n          parentId: action.parentId ?? '',\n          serial: action.serial?.toString() ?? '',\n          isActive: action.isActive ?? true,\n          metadata: action.metadata ?? null,\n        });\n      } else {\n        this.router.navigate(['/iam/actions']);\n      }\n    } catch {\n      this.router.navigate(['/iam/actions']);\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  async onSubmit(): Promise<void> {\n    if (!this.isFormValid()) {\n      this.messageService.add({\n        severity: 'error',\n        summary: 'Validation Error',\n        detail: 'Please fill in all required fields.',\n      });\n      return;\n    }\n\n    this.isLoading.set(true);\n\n    try {\n      const formValue = this.formModel();\n      const dto = {\n        ...formValue,\n        description: formValue.description || undefined,\n        code: formValue.code || undefined,\n        parentId: formValue.parentId || undefined,\n        serial: formValue.serial ? parseInt(formValue.serial, 10) : undefined,\n        metadata: formValue.metadata ?? undefined,\n        permissionLogic: formValue.permissionLogic ?? undefined,\n      };\n\n      if (this.isEditMode()) {\n        await this.actionApi.updateAsync(dto);\n        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Action updated successfully.' });\n      } else {\n        await this.actionApi.insertAsync(dto);\n        this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Action created successfully.' });\n      }\n\n      this.router.navigate(['/iam/actions']);\n    } catch {\n      // Handled by global interceptor\n    } finally {\n      this.isLoading.set(false);\n    }\n  }\n\n  onBack(): void {\n    this.router.navigate(['/iam/actions']);\n  }\n\n  onLogicChange(logic: ILogicNode | null): void {\n    this.formModel.update((model) => ({ ...model, permissionLogic: logic }));\n  }\n}\n"],"names":[],"mappings":"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"}