cat-qw-lib 0.14.2 → 0.14.3

package/fesm2022/cat-qw-lib.mjs

@@ -11,7 +11,7 @@ import { DropdownModule } from 'primeng/dropdown';
 import { InputGroupModule } from 'primeng/inputgroup';
 import * as i2$1 from 'primeng/button';
 import { ButtonModule } from 'primeng/button';
-import * as i6$1 from 'primeng/card';
+import * as i7 from 'primeng/card';
 import { CardModule } from 'primeng/card';
 import * as i3 from 'primeng/sidebar';
 import { SidebarModule } from 'primeng/sidebar';
@@ -137,6 +137,7 @@ class SHARED {
     static RECORDID = "recordId";
     static MISSING_QUEUE_ID = "Missing queueId";
     static MISSING_RECORD_ID = "Missing recordId";
+    static EMPTY_STRING = " ";
 }
 const MESSAGE_TYPES = ['SMS', 'WhatsApp', 'Email'];
 const delimiters = ['|', '/', '-'];
@@ -2958,8 +2959,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImpor
  * Widget Admin Store
  */
 let WidgetStore = class WidgetStore extends BaseStore {
+    onViewAllDetails$;
     constructor() {
         super();
+        this.onViewAllDetails$ = new BehaviorSubject(SHARED.EMPTY_STRING);
+    }
+    setOnViewAllDetails(value) {
+        this.onViewAllDetails$.next(value);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetStore, providedIn: 'root' });
@@ -2996,6 +3002,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImpor
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1$1.HttpClient }, { type: WidgetStore }, { type: AppConfigService }, { type: ListService }] });
 
+/**
+ * Widget Admin Query
+ */
+class WidgetQuery extends BaseQuery {
+    store;
+    widgetStore;
+    constructor(store, widgetStore) {
+        super(store);
+        this.store = store;
+        this.widgetStore = widgetStore;
+    }
+    getOnViewAllDetails() {
+        return this.widgetStore.onViewAllDetails$.asObservable();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetQuery, deps: [{ token: WidgetStore }, { token: WidgetStore }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetQuery, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetQuery, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: WidgetStore }, { type: WidgetStore }] });
+
 class WidgetHeaderComponent {
     widget;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -3009,21 +3037,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImpor
             }] } });
 
 class WidgetFooterComponent {
+    widgetStore;
     widget;
-    onViewAllDetails = new EventEmitter();
+    constructor(widgetStore) {
+        this.widgetStore = widgetStore;
+    }
     viewAllDetails() {
-        this.onViewAllDetails.emit(this.widget?._id);
+        this.widgetStore.setOnViewAllDetails(this.widget?._id);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: WidgetFooterComponent, isStandalone: false, selector: "lib-widget-footer", inputs: { widget: "widget" }, outputs: { onViewAllDetails: "onViewAllDetails" }, ngImport: i0, template: "<div\r\n  class=\"col-12 p-0 mt-3 flex justify-content-center\"\r\n  >\r\n  <a\r\n    class=\"p-button p-button-link text-primary-500\"\r\n  >\r\n    <span class=\"underline font-semibold\" (click)=\"viewAllDetails()\">View All Details</span>\r\n    <i class=\"pi pi-arrow-up-right arrow-up-icon ml-2\"></i>\r\n  </a>\r\n</div>", styles: [""] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetFooterComponent, deps: [{ token: WidgetStore }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: WidgetFooterComponent, isStandalone: false, selector: "lib-widget-footer", inputs: { widget: "widget" }, ngImport: i0, template: "<div\r\n  class=\"col-12 p-0 mt-3 flex justify-content-center\"\r\n  >\r\n  <a\r\n    class=\"p-button p-button-link text-primary-500\"\r\n  >\r\n    <span class=\"underline font-semibold\" (click)=\"viewAllDetails()\">View All Details</span>\r\n    <i class=\"pi pi-arrow-up-right arrow-up-icon ml-2\"></i>\r\n  </a>\r\n</div>", styles: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetFooterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-widget-footer', standalone: false, template: "<div\r\n  class=\"col-12 p-0 mt-3 flex justify-content-center\"\r\n  >\r\n  <a\r\n    class=\"p-button p-button-link text-primary-500\"\r\n  >\r\n    <span class=\"underline font-semibold\" (click)=\"viewAllDetails()\">View All Details</span>\r\n    <i class=\"pi pi-arrow-up-right arrow-up-icon ml-2\"></i>\r\n  </a>\r\n</div>" }]
-        }], propDecorators: { widget: [{
+        }], ctorParameters: () => [{ type: WidgetStore }], propDecorators: { widget: [{
                 type: Input
-            }], onViewAllDetails: [{
-                type: Output
             }] } });
 
 class WidgetItemComponent {
@@ -3053,12 +3082,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImpor
 class WidgetContainerComponent {
     widgetService;
     activatedRoute;
-    constructor(widgetService, activatedRoute) {
+    widgetQuery;
+    constructor(widgetService, activatedRoute, widgetQuery) {
         this.widgetService = widgetService;
         this.activatedRoute = activatedRoute;
+        this.widgetQuery = widgetQuery;
     }
     widgets = [];
+    onViewAllDetails = new EventEmitter();
     ngOnInit() {
+        this.widgetQuery.getOnViewAllDetails().subscribe((res) => {
+            this.onViewAllDetails.emit(res);
+        });
         const queueId = localStorage.getItem(SHARED.selectedQueue);
         const recordId = this.activatedRoute.snapshot.params[SHARED.ID];
         if (!queueId || !recordId) {
@@ -3075,13 +3110,15 @@ class WidgetContainerComponent {
             console.error(ERROR.ERROR_FETCHING_WIDGET_DATA, error);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetContainerComponent, deps: [{ token: WidgetService }, { token: i3$3.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: WidgetContainerComponent, isStandalone: false, selector: "lib-widget-container", ngImport: i0, template: "<p-card class=\"widget-block-wrapper w-3 block\">\r\n    <div class=\"flex align-items-center justify-content-end pb-0 px-3\">\r\n      <p-button\r\n        class=\"p-0 refresh-btn-wrapper\"\r\n        [text]=\"true\"\r\n        aria-label=\"Refresh\"\r\n      >\r\n        <i class=\"pi pi-sync pr-2\" style=\"font-size: 16px\"></i>\r\n        <span class=\"text-lg font-semibold\">Refresh</span>\r\n      </p-button>\r\n    </div>\r\n    <p-divider />\r\n  \r\n    <div class=\"widget-section-wrapper p-3\">\r\n    <ng-container *ngFor=\"let widget of widgets\">\r\n      <ng-container>\r\n        <lib-widget-header [widget]=\"widget\"></lib-widget-header>\r\n        <div class=\"widget-content-wrapper mt-4 p-3\">\r\n          <lib-widget-body [widget]=\"widget\"></lib-widget-body>\r\n          <lib-widget-footer [widget]=\"widget\"></lib-widget-footer>\r\n        </div>\r\n      </ng-container>\r\n    </ng-container>\r\n    </div>\r\n</p-card>", styles: ["::ng-deep .badge-wrapper .p-button{padding:4px 8px}::ng-deep .refresh-btn-wrapper .p-button{padding:0}::ng-deep .valuation-timeline-wrapper .p-timeline-event-opposite{display:none}::ng-deep .rating-badge-wrapper .p-button{display:flex;align-items:center}::ng-deep .widget-block-wrapper{height:100%}::ng-deep .widget-block-wrapper .p-card{height:100%}::ng-deep .widget-block-wrapper .p-card-body{padding:0;height:100%}::ng-deep .widget-block-wrapper .p-card-content{padding-bottom:0;height:100%}.application-title-wrapper{font-size:20px;font-weight:400}.application-section-wrapper{background-color:#4c629208;border:1px solid rgba(76,98,146,.1);border-radius:10px}.widget-section-wrapper{height:calc(100% - 55px);overflow-y:auto}.widget-content-wrapper{border-radius:10px;border:1px solid rgba(76,98,146,.1);background:linear-gradient(0deg,#4c629208 0% 100%),#fff}:host ::-webkit-scrollbar{width:10px}:host ::-webkit-scrollbar-track{background:transparent}:host ::-webkit-scrollbar-thumb{background-color:var(--gray-500);border-radius:20px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i4.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "component", type: i6$1.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: WidgetHeaderComponent, selector: "lib-widget-header", inputs: ["widget"] }, { kind: "component", type: WidgetFooterComponent, selector: "lib-widget-footer", inputs: ["widget"], outputs: ["onViewAllDetails"] }, { kind: "component", type: WidgetBodyComponent, selector: "lib-widget-body", inputs: ["widget"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetContainerComponent, deps: [{ token: WidgetService }, { token: i3$3.ActivatedRoute }, { token: WidgetQuery }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: WidgetContainerComponent, isStandalone: false, selector: "lib-widget-container", outputs: { onViewAllDetails: "onViewAllDetails" }, ngImport: i0, template: "<p-card class=\"widget-block-wrapper block\">\r\n    <div class=\"flex align-items-center justify-content-end pb-0 px-3\">\r\n      <p-button\r\n        class=\"p-0 refresh-btn-wrapper\"\r\n        [text]=\"true\"\r\n        aria-label=\"Refresh\"\r\n      >\r\n        <i class=\"pi pi-sync pr-2\" style=\"font-size: 16px\"></i>\r\n        <span class=\"text-lg font-semibold\">Refresh</span>\r\n      </p-button>\r\n    </div>\r\n    <p-divider />\r\n  \r\n    <div class=\"widget-section-wrapper p-3\">\r\n    <ng-container *ngFor=\"let widget of widgets\">\r\n      <ng-container>\r\n        <lib-widget-header [widget]=\"widget\"></lib-widget-header>\r\n        <div class=\"widget-content-wrapper mt-4 p-3\">\r\n          <lib-widget-body [widget]=\"widget\"></lib-widget-body>\r\n          <lib-widget-footer [widget]=\"widget\"></lib-widget-footer>\r\n        </div>\r\n      </ng-container>\r\n    </ng-container>\r\n    </div>\r\n</p-card>", styles: ["::ng-deep .badge-wrapper .p-button{padding:4px 8px}::ng-deep .refresh-btn-wrapper .p-button{padding:0}::ng-deep .valuation-timeline-wrapper .p-timeline-event-opposite{display:none}::ng-deep .rating-badge-wrapper .p-button{display:flex;align-items:center}::ng-deep .widget-block-wrapper{height:100%}::ng-deep .widget-block-wrapper .p-card{height:100%}::ng-deep .widget-block-wrapper .p-card-body{padding:0;height:100%}::ng-deep .widget-block-wrapper .p-card-content{padding-bottom:0;height:100%}.application-title-wrapper{font-size:20px;font-weight:400}.application-section-wrapper{background-color:#4c629208;border:1px solid rgba(76,98,146,.1);border-radius:10px}.widget-section-wrapper{height:calc(100% - 55px);overflow-y:auto}.widget-content-wrapper{border-radius:10px;border:1px solid rgba(76,98,146,.1);background:linear-gradient(0deg,#4c629208 0% 100%),#fff}:host ::-webkit-scrollbar{width:10px}:host ::-webkit-scrollbar-track{background:transparent}:host ::-webkit-scrollbar-thumb{background-color:var(--gray-500);border-radius:20px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i4.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "component", type: i7.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: WidgetHeaderComponent, selector: "lib-widget-header", inputs: ["widget"] }, { kind: "component", type: WidgetFooterComponent, selector: "lib-widget-footer", inputs: ["widget"] }, { kind: "component", type: WidgetBodyComponent, selector: "lib-widget-body", inputs: ["widget"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-widget-container', standalone: false, template: "<p-card class=\"widget-block-wrapper w-3 block\">\r\n    <div class=\"flex align-items-center justify-content-end pb-0 px-3\">\r\n      <p-button\r\n        class=\"p-0 refresh-btn-wrapper\"\r\n        [text]=\"true\"\r\n        aria-label=\"Refresh\"\r\n      >\r\n        <i class=\"pi pi-sync pr-2\" style=\"font-size: 16px\"></i>\r\n        <span class=\"text-lg font-semibold\">Refresh</span>\r\n      </p-button>\r\n    </div>\r\n    <p-divider />\r\n  \r\n    <div class=\"widget-section-wrapper p-3\">\r\n    <ng-container *ngFor=\"let widget of widgets\">\r\n      <ng-container>\r\n        <lib-widget-header [widget]=\"widget\"></lib-widget-header>\r\n        <div class=\"widget-content-wrapper mt-4 p-3\">\r\n          <lib-widget-body [widget]=\"widget\"></lib-widget-body>\r\n          <lib-widget-footer [widget]=\"widget\"></lib-widget-footer>\r\n        </div>\r\n      </ng-container>\r\n    </ng-container>\r\n    </div>\r\n</p-card>", styles: ["::ng-deep .badge-wrapper .p-button{padding:4px 8px}::ng-deep .refresh-btn-wrapper .p-button{padding:0}::ng-deep .valuation-timeline-wrapper .p-timeline-event-opposite{display:none}::ng-deep .rating-badge-wrapper .p-button{display:flex;align-items:center}::ng-deep .widget-block-wrapper{height:100%}::ng-deep .widget-block-wrapper .p-card{height:100%}::ng-deep .widget-block-wrapper .p-card-body{padding:0;height:100%}::ng-deep .widget-block-wrapper .p-card-content{padding-bottom:0;height:100%}.application-title-wrapper{font-size:20px;font-weight:400}.application-section-wrapper{background-color:#4c629208;border:1px solid rgba(76,98,146,.1);border-radius:10px}.widget-section-wrapper{height:calc(100% - 55px);overflow-y:auto}.widget-content-wrapper{border-radius:10px;border:1px solid rgba(76,98,146,.1);background:linear-gradient(0deg,#4c629208 0% 100%),#fff}:host ::-webkit-scrollbar{width:10px}:host ::-webkit-scrollbar-track{background:transparent}:host ::-webkit-scrollbar-thumb{background-color:var(--gray-500);border-radius:20px}\n"] }]
-        }], ctorParameters: () => [{ type: WidgetService }, { type: i3$3.ActivatedRoute }] });
+            args: [{ selector: 'lib-widget-container', standalone: false, template: "<p-card class=\"widget-block-wrapper block\">\r\n    <div class=\"flex align-items-center justify-content-end pb-0 px-3\">\r\n      <p-button\r\n        class=\"p-0 refresh-btn-wrapper\"\r\n        [text]=\"true\"\r\n        aria-label=\"Refresh\"\r\n      >\r\n        <i class=\"pi pi-sync pr-2\" style=\"font-size: 16px\"></i>\r\n        <span class=\"text-lg font-semibold\">Refresh</span>\r\n      </p-button>\r\n    </div>\r\n    <p-divider />\r\n  \r\n    <div class=\"widget-section-wrapper p-3\">\r\n    <ng-container *ngFor=\"let widget of widgets\">\r\n      <ng-container>\r\n        <lib-widget-header [widget]=\"widget\"></lib-widget-header>\r\n        <div class=\"widget-content-wrapper mt-4 p-3\">\r\n          <lib-widget-body [widget]=\"widget\"></lib-widget-body>\r\n          <lib-widget-footer [widget]=\"widget\"></lib-widget-footer>\r\n        </div>\r\n      </ng-container>\r\n    </ng-container>\r\n    </div>\r\n</p-card>", styles: ["::ng-deep .badge-wrapper .p-button{padding:4px 8px}::ng-deep .refresh-btn-wrapper .p-button{padding:0}::ng-deep .valuation-timeline-wrapper .p-timeline-event-opposite{display:none}::ng-deep .rating-badge-wrapper .p-button{display:flex;align-items:center}::ng-deep .widget-block-wrapper{height:100%}::ng-deep .widget-block-wrapper .p-card{height:100%}::ng-deep .widget-block-wrapper .p-card-body{padding:0;height:100%}::ng-deep .widget-block-wrapper .p-card-content{padding-bottom:0;height:100%}.application-title-wrapper{font-size:20px;font-weight:400}.application-section-wrapper{background-color:#4c629208;border:1px solid rgba(76,98,146,.1);border-radius:10px}.widget-section-wrapper{height:calc(100% - 55px);overflow-y:auto}.widget-content-wrapper{border-radius:10px;border:1px solid rgba(76,98,146,.1);background:linear-gradient(0deg,#4c629208 0% 100%),#fff}:host ::-webkit-scrollbar{width:10px}:host ::-webkit-scrollbar-track{background:transparent}:host ::-webkit-scrollbar-thumb{background-color:var(--gray-500);border-radius:20px}\n"] }]
+        }], ctorParameters: () => [{ type: WidgetService }, { type: i3$3.ActivatedRoute }, { type: WidgetQuery }], propDecorators: { onViewAllDetails: [{
+                type: Output
+            }] } });
 
 class WidgetModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });