cat-qw-lib 0.8.2 → 0.9.1

package/fesm2022/cat-qw-lib.mjs

@@ -291,7 +291,7 @@ const propertyDataList = [
         ]
     }
 ];
-const actionHiddenHeaderList = ['apiEndPoint'];
+const actionHiddenHeaderList = ['_id', 'createdAt', 'updatedAt', '__v', 'formFields'];
 const actionList = [
     { action: 'Valuation Fee',
         prompt: `The following conversation includes references to various addresses. Based on the selected form "Valuation Fee",
@@ -338,7 +338,7 @@ const actionList = [
         Data:`, queueId: '67332cf2f9439e97c47a3c43', apiEndPoint: 'http://qa-gb.api.dynamatix.com:3100/api/applications', status: 'Enable'
     }
 ];
-const actionTableColumnWidthList = { action: 'w-3', prompt: 'w-4', queueId: 'w-3', status: 'w-2' };
+const actionTableColumnWidthList = { name: 'w-3', apiConfigID: 'w-3', queueID: 'w-3', prompt: 'w-4', isActive: 'w-2' };
 
 class SidebarComponent {
     renderer;
@@ -628,16 +628,32 @@ class URLS {
 class AppConfigService {
     http;
     appConfig;
+    isConfigLoaded = false;
     constructor(http) {
         this.http = http;
     }
-    async loadAppConfig() {
-        this.appConfig = await firstValueFrom(this.http.get(URLS.CONFIGFILEURL));
+    loadAppConfig() {
+        return firstValueFrom(this.http.get(URLS.CONFIGFILEURL))
+            .then(config => {
+            this.appConfig = config;
+            this.isConfigLoaded = true;
+        })
+            .catch(err => {
+            console.error('Error loading app config:', err);
+            throw err;
+        });
+    }
+    ensureConfigLoaded() {
+        if (!this.isConfigLoaded) {
+            throw new Error('App configuration not loaded. Ensure loadAppConfig() is called before accessing properties.');
+        }
     }
     get apiBaseUrl() {
-        return this.appConfig?.catQwUrl;
+        this.ensureConfigLoaded();
+        return this.appConfig?.baseApi;
     }
     get visibilityOptions() {
+        this.ensureConfigLoaded();
         return this.appConfig?.visibilityOption;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: AppConfigService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
@@ -833,9 +849,9 @@ class BaseListComponent {
             this.handleRefreshTable();
         }
     }
-    init() {
+    init(dynamicWidth) {
         this.service.getAll().subscribe((res) => {
-            this.table = this.builder.buildTable(res);
+            this.table = this.builder.buildTable(res, dynamicWidth);
             this.afterTableBuild();
         });
     }
@@ -1374,25 +1390,25 @@ class BaseFormComponent {
         let validateRecords = this.validatorService ? this.validatorService.handleValidateRecords(this.record) : true;
         if (validateRecords) {
             if (this.record._id) {
-                this.handleAddRecord();
+                this.handleUpdateRecord();
             }
             else {
-                this.handleUdateRecord();
+                this.handleAddRecord();
             }
         }
     }
-    handleAddRecord() {
+    handleUpdateRecord() {
         this.service.update(this.record._id, this.record).subscribe({
             next: (response) => {
-                console.log('Record created:', response);
+                console.log('Record updated:', response);
                 this.onSave.emit();
             },
             error: (error) => {
-                console.error('Error creating record:', error);
+                console.error('Error updating record:', error);
             }
         });
     }
-    handleUdateRecord() {
+    handleAddRecord() {
         this.service.create(this.record).subscribe({
             next: (response) => {
                 console.log('Record created:', response);
@@ -1496,21 +1512,22 @@ class MESSAGE {
 }
 
 class LISTCONFIG {
-    static APICONFIG = [
-        {
-            name: "parentApiConfigID",
-            dataSource: "api-configurations",
+    static createConfig(name, dataSource) {
+        return {
+            name: name,
+            dataSource: dataSource,
             listValueProperty: "_id",
             listLabelProperty: "name"
-        }
+        };
+    }
+    static APICONFIG = [
+        LISTCONFIG.createConfig("parentApiConfigID", "api-configurations")
     ];
     static QUEUECONFIG = [
-        {
-            name: "queueID",
-            dataSource: "queues",
-            listValueProperty: "_id",
-            listLabelProperty: "name"
-        }
+        LISTCONFIG.createConfig("queueID", "queues")
+    ];
+    static ACTIONAPICONFIG = [
+        LISTCONFIG.createConfig("apiConfigID", "api-configurations")
     ];
 }
 
@@ -2000,6 +2017,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImpor
 
 class AdminActionService extends BaseService {
     actionStore;
+    list = [...LISTCONFIG.ACTIONAPICONFIG, ...LISTCONFIG.QUEUECONFIG];
     constructor(actionStore, http, appConfigService, listService) {
         super(http, actionStore, appConfigService, listService);
         this.actionStore = actionStore;
@@ -2024,8 +2042,7 @@ class AdminActionListComponent extends BaseListComponent {
         this.tableBuilder.hiddenHeaders = actionHiddenHeaderList;
     }
     ngOnInit() {
-        const actionTableColumnWidths = actionTableColumnWidthList;
-        this.table = this.tableBuilder.buildTable(actionList, actionTableColumnWidths);
+        this.init(actionTableColumnWidthList);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: AdminActionListComponent, deps: [{ token: AdminActionService }, { token: TableBuilder }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.4", type: AdminActionListComponent, isStandalone: false, selector: "lib-admin-action-list", usesInheritance: true, ngImport: i0, template: "<div class=\"dicitonary-list-wrapper\">\r\n    @if(table){\r\n            <lib-table-primary [title]=\"'Actions'\" [table]=\"table\"></lib-table-primary>\r\n    }\r\n</div>", styles: [""], dependencies: [{ kind: "component", type: TablePrimaryComponent, selector: "lib-table-primary", inputs: ["table", "title", "showStatus", "showActions", "showSearchBar", "showNewRecordButton", "showRefreshButton"] }] });
@@ -2051,13 +2068,22 @@ class AdminActionFormComponent extends BaseFormComponent {
         this.router = router;
         this.activatedRoute = activatedRoute;
         this.adminActionStore = adminActionStore;
+        this.record.isActive = true;
+    }
+    ngOnInit() {
+        this.init();
+    }
+    handleSubmit() {
+        this.record.formFields = JSON.stringify(this.record.formFields);
+        super.handleSubmit();
     }
+    ;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: AdminActionFormComponent, deps: [{ token: AdminActionService }, { token: ValidatorService }, { token: i3$3.Router }, { token: i3$3.ActivatedRoute }, { token: AdminActionStore }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.4", type: AdminActionFormComponent, isStandalone: false, selector: "lib-admin-action-form", usesInheritance: true, ngImport: i0, template: "<form-container\r\n  [headerText]=\"'Actions / Actions Form'\"\r\n  [messages]=\"messages\"\r\n  (onSave)=\"handleSubmit()\"\r\n  [showSave]=\"true\"\r\n>\r\n    <div class=\"card p-fluid p-formgrid grid \">\r\n      <h4 class=\"font-bold col-12 md:col-12\">Actions Form</h4>\r\n      <div class=\"col-12 md:col-6\">\r\n        <text-box\r\n          [store]=\"adminActionStore\"\r\n          [record]=\"record\"\r\n          [attributeModel]=\"{\r\n            readonly: false,\r\n            name: 'actionName',\r\n            isRequired: true,\r\n            displayText: 'Action Name',\r\n            placeholder: 'Enter Action Name'\r\n          }\"\r\n        ></text-box>\r\n      </div>\r\n    \r\n      <div class=\"col-12 md:col-6\">\r\n        <dropdown\r\n        [store]=\"adminActionStore\"\r\n        [record]=\"record\"\r\n        [attributeModel]=\"{\r\n          name:'apiEndPoint',\r\n          isRequired: true,\r\n          displayText : 'End Point',\r\n          placeholder: 'Select End Point',\r\n          options: apiConfigList\r\n        }\"></dropdown>\r\n      </div>\r\n\r\n      <div class=\"col-12 md:col-12\">\r\n        <text-area\r\n         [store]=\"adminActionStore\"\r\n         [record]=\"record\"\r\n         [attributeModel]=\"{\r\n           readonly: false,\r\n           name: 'prompt',\r\n           isRequired: true,\r\n           displayText: 'Prompt',\r\n           placeholder: 'Enter prompt'\r\n         }\"\r\n       ></text-area>\r\n       </div>\r\n\r\n       <div class=\"col-12 md:col-6\">\r\n        <dropdown\r\n        [store]=\"adminActionStore\"\r\n        [record]=\"record\"\r\n        [attributeModel]=\"{\r\n          name:'queue',\r\n          isRequired: true,\r\n          displayText : 'Queue',\r\n          placeholder: 'Select Queue',\r\n          options: queueList\r\n        }\"></dropdown>\r\n       </div>\r\n\r\n       <div class=\"col-12 md:col-2 flex align-items-end justify-content-end validate-btn-wrapper\">\r\n        <button\r\n          pButton\r\n          pRipple\r\n          type=\"button\"\r\n          label=\"Validate\"\r\n          class=\"p-button-raised\"\r\n        ></button>\r\n       </div>\r\n\r\n       <div class=\"col-12 md:col-12\">\r\n        <text-area\r\n         [store]=\"adminActionStore\"\r\n         [record]=\"record\"\r\n         [attributeModel]=\"{\r\n           readonly: false,\r\n           name: 'formConfiguration',\r\n           isRequired: true,\r\n           displayText: 'Form Configuration',\r\n           placeholder: 'Enter form configuration'\r\n         }\"\r\n       ></text-area>\r\n       </div>\r\n    </div>\r\n      \r\n</form-container>", styles: [".validate-btn-wrapper{margin-bottom:2px}\n"], dependencies: [{ kind: "component", type: TextBoxComponent, selector: "text-box" }, { kind: "component", type: DropdownComponent, selector: "dropdown", inputs: ["isStaticDropdown"] }, { kind: "component", type: FormContainerComponent, selector: "form-container", inputs: ["isDisable", "messages", "record", "headerText", "showSave", "disableButton", "disableSubmitButton", "disableSaveButton", "overrideNavigate"], outputs: ["onSave", "onCancel"] }, { kind: "component", type: TextAreaComponent, selector: "text-area", inputs: ["rowspan"] }, { kind: "directive", type: i2$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.4", type: AdminActionFormComponent, isStandalone: false, selector: "lib-admin-action-form", usesInheritance: true, ngImport: i0, template: "<form-container\r\n  [record]=\"record\"\r\n  [headerText]=\"'Actions / Actions Form'\"\r\n  [messages]=\"messages\"\r\n  (onSave)=\"handleSubmit()\"\r\n  [showSave]=\"true\"\r\n>\r\n    <div class=\"card p-fluid p-formgrid grid \">\r\n      <h4 class=\"font-bold col-12 md:col-12\">Actions Form</h4>\r\n      <div class=\"col-12 md:col-6\">\r\n        <text-box\r\n          [store]=\"adminActionStore\"\r\n          [record]=\"record\"\r\n          [attributeModel]=\"{\r\n            readonly: false,\r\n            name: 'name',\r\n            isRequired: true,\r\n            displayText: 'Action Name',\r\n            placeholder: 'Enter Action Name'\r\n          }\"\r\n        ></text-box>\r\n      </div>\r\n    \r\n      <div class=\"col-12 md:col-6\">\r\n        <dropdown\r\n        [store]=\"adminActionStore\"\r\n        [record]=\"record\"\r\n        [attributeModel]=\"{\r\n          name: 'apiConfigID',\r\n          readonly: false,\r\n          isRequired: true,\r\n          displayText: 'End Point',\r\n          placeholder: 'Select End Point'\r\n        }\"></dropdown>\r\n      </div>\r\n\r\n      <div class=\"col-12 md:col-12\">\r\n        <text-area\r\n         [store]=\"adminActionStore\"\r\n         [record]=\"record\"\r\n         [attributeModel]=\"{\r\n           readonly: false,\r\n           name: 'prompt',\r\n           isRequired: true,\r\n           displayText: 'Prompt',\r\n           placeholder: 'Enter prompt'\r\n         }\"\r\n       ></text-area>\r\n       </div>\r\n\r\n       <div class=\"col-12 md:col-6\">\r\n        <dropdown\r\n        [store]=\"adminActionStore\"\r\n        [record]=\"record\"\r\n        [attributeModel]=\"{\r\n          name:'queueID',\r\n          isRequired: true,\r\n          displayText : 'Queue',\r\n          placeholder: 'Select Queue',\r\n          readonly: false\r\n        }\"></dropdown>\r\n       </div>\r\n\r\n       <div class=\"col-12 md:col-2 flex align-items-end justify-content-end validate-btn-wrapper\">\r\n        <button\r\n          pButton\r\n          pRipple\r\n          type=\"button\"\r\n          label=\"Validate\"\r\n          class=\"p-button-raised\"\r\n        ></button>\r\n       </div>\r\n\r\n       <div class=\"col-12 md:col-12\">\r\n        <text-area\r\n         [store]=\"adminActionStore\"\r\n         [record]=\"record\"\r\n         [attributeModel]=\"{\r\n           readonly: false,\r\n           name: 'formFields',\r\n           isRequired: true,\r\n           displayText: 'Form Configuration',\r\n           placeholder: 'Enter form fields'\r\n         }\"\r\n       ></text-area>\r\n       </div>\r\n    </div>\r\n      \r\n</form-container>", styles: [".validate-btn-wrapper{margin-bottom:2px}\n"], dependencies: [{ kind: "component", type: TextBoxComponent, selector: "text-box" }, { kind: "component", type: DropdownComponent, selector: "dropdown", inputs: ["isStaticDropdown"] }, { kind: "component", type: FormContainerComponent, selector: "form-container", inputs: ["isDisable", "messages", "record", "headerText", "showSave", "disableButton", "disableSubmitButton", "disableSaveButton", "overrideNavigate"], outputs: ["onSave", "onCancel"] }, { kind: "component", type: TextAreaComponent, selector: "text-area", inputs: ["rowspan"] }, { kind: "directive", type: i2$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: AdminActionFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-admin-action-form', standalone: false, template: "<form-container\r\n  [headerText]=\"'Actions / Actions Form'\"\r\n  [messages]=\"messages\"\r\n  (onSave)=\"handleSubmit()\"\r\n  [showSave]=\"true\"\r\n>\r\n    <div class=\"card p-fluid p-formgrid grid \">\r\n      <h4 class=\"font-bold col-12 md:col-12\">Actions Form</h4>\r\n      <div class=\"col-12 md:col-6\">\r\n        <text-box\r\n          [store]=\"adminActionStore\"\r\n          [record]=\"record\"\r\n          [attributeModel]=\"{\r\n            readonly: false,\r\n            name: 'actionName',\r\n            isRequired: true,\r\n            displayText: 'Action Name',\r\n            placeholder: 'Enter Action Name'\r\n          }\"\r\n        ></text-box>\r\n      </div>\r\n    \r\n      <div class=\"col-12 md:col-6\">\r\n        <dropdown\r\n        [store]=\"adminActionStore\"\r\n        [record]=\"record\"\r\n        [attributeModel]=\"{\r\n          name:'apiEndPoint',\r\n          isRequired: true,\r\n          displayText : 'End Point',\r\n          placeholder: 'Select End Point',\r\n          options: apiConfigList\r\n        }\"></dropdown>\r\n      </div>\r\n\r\n      <div class=\"col-12 md:col-12\">\r\n        <text-area\r\n         [store]=\"adminActionStore\"\r\n         [record]=\"record\"\r\n         [attributeModel]=\"{\r\n           readonly: false,\r\n           name: 'prompt',\r\n           isRequired: true,\r\n           displayText: 'Prompt',\r\n           placeholder: 'Enter prompt'\r\n         }\"\r\n       ></text-area>\r\n       </div>\r\n\r\n       <div class=\"col-12 md:col-6\">\r\n        <dropdown\r\n        [store]=\"adminActionStore\"\r\n        [record]=\"record\"\r\n        [attributeModel]=\"{\r\n          name:'queue',\r\n          isRequired: true,\r\n          displayText : 'Queue',\r\n          placeholder: 'Select Queue',\r\n          options: queueList\r\n        }\"></dropdown>\r\n       </div>\r\n\r\n       <div class=\"col-12 md:col-2 flex align-items-end justify-content-end validate-btn-wrapper\">\r\n        <button\r\n          pButton\r\n          pRipple\r\n          type=\"button\"\r\n          label=\"Validate\"\r\n          class=\"p-button-raised\"\r\n        ></button>\r\n       </div>\r\n\r\n       <div class=\"col-12 md:col-12\">\r\n        <text-area\r\n         [store]=\"adminActionStore\"\r\n         [record]=\"record\"\r\n         [attributeModel]=\"{\r\n           readonly: false,\r\n           name: 'formConfiguration',\r\n           isRequired: true,\r\n           displayText: 'Form Configuration',\r\n           placeholder: 'Enter form configuration'\r\n         }\"\r\n       ></text-area>\r\n       </div>\r\n    </div>\r\n      \r\n</form-container>", styles: [".validate-btn-wrapper{margin-bottom:2px}\n"] }]
+            args: [{ selector: 'lib-admin-action-form', standalone: false, template: "<form-container\r\n  [record]=\"record\"\r\n  [headerText]=\"'Actions / Actions Form'\"\r\n  [messages]=\"messages\"\r\n  (onSave)=\"handleSubmit()\"\r\n  [showSave]=\"true\"\r\n>\r\n    <div class=\"card p-fluid p-formgrid grid \">\r\n      <h4 class=\"font-bold col-12 md:col-12\">Actions Form</h4>\r\n      <div class=\"col-12 md:col-6\">\r\n        <text-box\r\n          [store]=\"adminActionStore\"\r\n          [record]=\"record\"\r\n          [attributeModel]=\"{\r\n            readonly: false,\r\n            name: 'name',\r\n            isRequired: true,\r\n            displayText: 'Action Name',\r\n            placeholder: 'Enter Action Name'\r\n          }\"\r\n        ></text-box>\r\n      </div>\r\n    \r\n      <div class=\"col-12 md:col-6\">\r\n        <dropdown\r\n        [store]=\"adminActionStore\"\r\n        [record]=\"record\"\r\n        [attributeModel]=\"{\r\n          name: 'apiConfigID',\r\n          readonly: false,\r\n          isRequired: true,\r\n          displayText: 'End Point',\r\n          placeholder: 'Select End Point'\r\n        }\"></dropdown>\r\n      </div>\r\n\r\n      <div class=\"col-12 md:col-12\">\r\n        <text-area\r\n         [store]=\"adminActionStore\"\r\n         [record]=\"record\"\r\n         [attributeModel]=\"{\r\n           readonly: false,\r\n           name: 'prompt',\r\n           isRequired: true,\r\n           displayText: 'Prompt',\r\n           placeholder: 'Enter prompt'\r\n         }\"\r\n       ></text-area>\r\n       </div>\r\n\r\n       <div class=\"col-12 md:col-6\">\r\n        <dropdown\r\n        [store]=\"adminActionStore\"\r\n        [record]=\"record\"\r\n        [attributeModel]=\"{\r\n          name:'queueID',\r\n          isRequired: true,\r\n          displayText : 'Queue',\r\n          placeholder: 'Select Queue',\r\n          readonly: false\r\n        }\"></dropdown>\r\n       </div>\r\n\r\n       <div class=\"col-12 md:col-2 flex align-items-end justify-content-end validate-btn-wrapper\">\r\n        <button\r\n          pButton\r\n          pRipple\r\n          type=\"button\"\r\n          label=\"Validate\"\r\n          class=\"p-button-raised\"\r\n        ></button>\r\n       </div>\r\n\r\n       <div class=\"col-12 md:col-12\">\r\n        <text-area\r\n         [store]=\"adminActionStore\"\r\n         [record]=\"record\"\r\n         [attributeModel]=\"{\r\n           readonly: false,\r\n           name: 'formFields',\r\n           isRequired: true,\r\n           displayText: 'Form Configuration',\r\n           placeholder: 'Enter form fields'\r\n         }\"\r\n       ></text-area>\r\n       </div>\r\n    </div>\r\n      \r\n</form-container>", styles: [".validate-btn-wrapper{margin-bottom:2px}\n"] }]
         }], ctorParameters: () => [{ type: AdminActionService }, { type: ValidatorService }, { type: i3$3.Router }, { type: i3$3.ActivatedRoute }, { type: AdminActionStore }] });
 
 class ActionAdminModule {