cat-qw-lib 0.57.2 → 0.57.6

package/fesm2022/cat-qw-lib.mjs

@@ -4081,12 +4081,14 @@ let WidgetStore = class WidgetStore extends BaseStore {
     onViewPropertyDetails$;
     onEventClickDetails$;
     onItemClick$;
+    getWidgetData$;
     constructor() {
         super();
         this.onViewAllDetails$ = new BehaviorSubject(SHARED.EMPTY_STRING);
         this.onViewPropertyDetails$ = new BehaviorSubject(SHARED.EMPTY);
         this.onEventClickDetails$ = new BehaviorSubject(SHARED.EMPTY);
         this.onItemClick$ = new BehaviorSubject({});
+        this.getWidgetData$ = new BehaviorSubject({});
     }
     setEventClickDetails(value) {
         this.onEventClickDetails$.next(value);
@@ -4109,6 +4111,9 @@ let WidgetStore = class WidgetStore extends BaseStore {
     setIsMenu(isMenu) {
         this.update({ isMenu: isMenu });
     }
+    setWidgetData(value) {
+        this.getWidgetData$.next(value);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetStore, providedIn: 'root' });
 };
@@ -4181,6 +4186,9 @@ class WidgetQuery extends BaseQuery {
     getIsMenu() {
         return this.select(state => state['isMenu']);
     }
+    getWidgetData() {
+        return this.widgetStore.getWidgetData$.asObservable();
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetQuery, deps: [{ token: WidgetStore }, { token: WidgetStore }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetQuery, providedIn: 'root' });
 }
@@ -4212,7 +4220,6 @@ class StyleBuilderService {
     getItemStyle(style) {
         if (!style)
             return {};
-        console.log(style);
         return Object.entries(style).reduce((acc, [key, value]) => {
             if (value)
                 acc[key.trim()] = value.toString().trim();
@@ -4363,6 +4370,7 @@ class WidgetItemComponent {
                 updatedItem.value = applicantId;
                 break;
         }
+        this.widgetStore.setWidgetData(this.widget);
         this.widgetStore.setOnWidgetItemClick(updatedItem);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetItemComponent, deps: [{ token: StyleBuilderService }, { token: WidgetStore }, { token: WidgetQuery }], target: i0.ɵɵFactoryTarget.Component });
@@ -4678,6 +4686,10 @@ class WidgetMenuItemComponent {
         return this.styleBulderService.getStyle(style);
     }
     ngOnChanges(changes) {
+        // if(this.widgetItem && this.widgetItem.style && this.widgetItem.style.styleExpression && this.widgetItem.style.styleExpression.co) {
+        //   this.widgetItem.style.styleExpression.color
+        // exclamation
+        // }
     }
     onHandleSidebar(propertyId) {
         this.widgetStore.setOnViewPropertyDetails({ propertyId: propertyId, isDailogShow: true });
@@ -4760,10 +4772,15 @@ class WidgetMenuContainerComponent {
     widgets = [];
     subscriptions = [];
     isLoading = true;
+    queueId;
+    recordId;
     onViewAllDetails = new EventEmitter();
     onViewAllProperties = new EventEmitter();
     onWidgetItemClick = new EventEmitter();
+    getWidgetData = new EventEmitter();
     onDirectDebitClick = new EventEmitter();
+    onWidgetLoaded = new EventEmitter();
+    isRouteChanged = SHARED.EMPTY;
     isSidebarVisible = SHARED.FALSE;
     offerWidgetData;
     valuationWidgetData;
@@ -4771,18 +4788,19 @@ class WidgetMenuContainerComponent {
     ngOnInit() {
         this.handleEventFromPropertyDetails();
         this.handleOnViewAllDetails();
-        const queueId = localStorage.getItem(SHARED.selectedQueue);
-        const recordId = this.activatedRoute.snapshot.params[SHARED.ID];
-        if (!queueId || !recordId) {
+        this.queueId = localStorage.getItem(SHARED.selectedQueue);
+        this.recordId = this.activatedRoute.snapshot.params[SHARED.ID];
+        if (!this.queueId || !this.recordId) {
             console.error(ERROR.ERROR_MISSING_PARAMETERS, {
-                queueId: queueId || SHARED.MISSING_QUEUE_ID,
-                recordId: recordId || SHARED.MISSING_RECORD_ID
+                queueId: this.queueId || SHARED.MISSING_QUEUE_ID,
+                recordId: this.recordId || SHARED.MISSING_RECORD_ID
             });
             this.isLoading = false;
             return;
         }
-        this.getWidgetFromCacheList(queueId, recordId);
-        this.getAllWidgetList(queueId, recordId);
+        this.getWidgetFromCacheList(this.queueId, this.recordId);
+        this.getAllWidgetList(this.queueId, this.recordId);
+        this.handleGetWidgetData();
         this.handleWidgetItemClick();
     }
     handleWidgetItemClick() {
@@ -4796,6 +4814,17 @@ class WidgetMenuContainerComponent {
             console.error('Error in getOnWidgetItemClick subscription:', error);
         });
     }
+    handleGetWidgetData() {
+        this.widgetQuery.getWidgetData()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((res) => {
+            if (res) {
+                this.getWidgetData.emit(res);
+            }
+        }, (error) => {
+            console.error('Error in getWidgetData subscription:', error);
+        });
+    }
     handleEventFromPropertyDetails() {
         this.widgetQuery.getViewPropertyDetails()
             .pipe(takeUntil(this.destroy$))
@@ -4819,8 +4848,10 @@ class WidgetMenuContainerComponent {
             .pipe(takeUntil(this.destroy$))
             .subscribe((res) => {
             this.widgets = res.sort((a, b) => a.order - b.order);
+            this.onWidgetLoaded.emit(this.widgets);
             this.cdr.detectChanges();
         }, (error) => {
+            this.onWidgetLoaded.emit(true);
             console.error(ERROR.ERROR_FETCHING_WIDGET_DATA, error);
             this.cdr.detectChanges();
         });
@@ -4840,16 +4871,20 @@ class WidgetMenuContainerComponent {
         if (!this.isSidebarVisible) {
             this.widgetStore.setOnViewPropertyDetails({ propertyId: null, isDailogShow: false });
         }
+        if (changes['isRouteChanged'] && this.queueId && this.recordId) {
+            this.getAllWidgetList(this.queueId, this.recordId);
+        }
     }
     ngOnDestroy() {
         this.widgets = [];
         this.widgetStore.resetOnViewAllDetails();
+        this.onWidgetLoaded.emit(SHARED.EMPTY);
         this.subscriptions.forEach(sub => sub.unsubscribe());
         this.destroy$.next();
         this.destroy$.complete();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetMenuContainerComponent, deps: [{ token: WidgetService }, { token: i3$4.ActivatedRoute }, { token: WidgetQuery }, { token: WidgetStore }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.4", type: WidgetMenuContainerComponent, isStandalone: false, selector: "lib-widget-menu-container", inputs: { isSidebarVisible: "isSidebarVisible", offerWidgetData: "offerWidgetData", valuationWidgetData: "valuationWidgetData", progressChartData: "progressChartData" }, outputs: { onViewAllDetails: "onViewAllDetails", onViewAllProperties: "onViewAllProperties", onWidgetItemClick: "onWidgetItemClick", onDirectDebitClick: "onDirectDebitClick" }, usesOnChanges: true, ngImport: i0, template: "<p-card class=\"widget-block-wrapper block\">\r\n    <div class=\"widget-section-wrapper custom-scroll pt-2\">\r\n      <!-- Loading state -->\r\n      <ng-container *ngIf=\"isLoading; else widgetContent\">\r\n        <p class=\"text-color ml-3 font-semibold\">Widget configuration loading...</p>\r\n      </ng-container>\r\n  \r\n      <!-- Content after API call -->\r\n      <ng-template #widgetContent>\r\n        <ng-container *ngIf=\"(widgets && widgets.length > 0)  || (valuationWidgetData || offerWidgetData); else noWidgets\">\r\n        <ng-container *ngFor=\"let widget of widgets; let i = index\">\r\n          <div class=\"widget-container-wrapper pl-1\" [ngClass]=\"i !== 0 ? 'mt-4' : ''\">\r\n            <lib-widget-menu-header [widget]=\"widget\" [progressChartData]=\"progressChartData\"></lib-widget-menu-header>\r\n            <div class=\"widget-content-wrapper mt-3 py-3\">\r\n              <lib-widget-menu-body [widget]=\"widget\"></lib-widget-menu-body>\r\n              <lib-widget-footer [widget]=\"widget\"></lib-widget-footer>\r\n            </div>\r\n          </div>\r\n          </ng-container>\r\n      <ng-container *ngIf=\"offerWidgetData\">\r\n          <lib-custom-widget [widgetData]=\"offerWidgetData\"></lib-custom-widget>\r\n        </ng-container>\r\n      <ng-container *ngIf=\"valuationWidgetData\">\r\n          <lib-custom-widget [widgetData]=\"valuationWidgetData\"></lib-custom-widget>\r\n        </ng-container>\r\n        </ng-container>\r\n  \r\n        <!-- No widget configured state -->\r\n        <ng-template #noWidgets>\r\n          <p class=\"text-color ml-3 font-semibold\">No Widgets Configured</p>\r\n        </ng-template>\r\n      </ng-template>\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%;box-shadow:none}::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:18px;font-weight:400}.application-section-wrapper{background-color:#4c629208;border:1px solid rgba(76,98,146,.1);border-radius:10px}.widget-section-wrapper{height:100%}.custom-scroll{overflow-y:hidden;scrollbar-gutter:stable}.custom-scroll:hover{overflow-y:auto}.widget-content-wrapper{border-top:1px solid rgba(68,72,109,.1)}:host ::-webkit-scrollbar{width:6px}:host ::-webkit-scrollbar-track{background:transparent}:host ::-webkit-scrollbar-thumb{background:#d1d5db94;border-radius:20px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: CustomWidgetComponent, selector: "lib-custom-widget", inputs: ["widgetData"] }, { kind: "component", type: WidgetFooterComponent, selector: "lib-widget-footer", inputs: ["widget"] }, { kind: "component", type: WidgetMenuHeaderComponent, selector: "lib-widget-menu-header", inputs: ["widget", "progressChartData"] }, { kind: "component", type: WidgetMenuBodyComponent, selector: "lib-widget-menu-body", inputs: ["widget"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.4", type: WidgetMenuContainerComponent, isStandalone: false, selector: "lib-widget-menu-container", inputs: { isRouteChanged: "isRouteChanged", isSidebarVisible: "isSidebarVisible", offerWidgetData: "offerWidgetData", valuationWidgetData: "valuationWidgetData", progressChartData: "progressChartData" }, outputs: { onViewAllDetails: "onViewAllDetails", onViewAllProperties: "onViewAllProperties", onWidgetItemClick: "onWidgetItemClick", getWidgetData: "getWidgetData", onDirectDebitClick: "onDirectDebitClick", onWidgetLoaded: "onWidgetLoaded" }, usesOnChanges: true, ngImport: i0, template: "<p-card class=\"widget-block-wrapper block\">\r\n    <div class=\"widget-section-wrapper custom-scroll pt-2\">\r\n      <!-- Loading state -->\r\n      <ng-container *ngIf=\"isLoading; else widgetContent\">\r\n        <p class=\"text-color ml-3 font-semibold\">Widget configuration loading...</p>\r\n      </ng-container>\r\n  \r\n      <!-- Content after API call -->\r\n      <ng-template #widgetContent>\r\n        <ng-container *ngIf=\"(widgets && widgets.length > 0)  || (valuationWidgetData || offerWidgetData); else noWidgets\">\r\n        <ng-container *ngFor=\"let widget of widgets; let i = index\">\r\n          <div class=\"widget-container-wrapper pl-1\" [ngClass]=\"i !== 0 ? 'mt-4' : ''\">\r\n            <lib-widget-menu-header [widget]=\"widget\" [progressChartData]=\"progressChartData\"></lib-widget-menu-header>\r\n            <div class=\"widget-content-wrapper mt-3 py-3\">\r\n              <lib-widget-menu-body [widget]=\"widget\"></lib-widget-menu-body>\r\n              <lib-widget-footer [widget]=\"widget\"></lib-widget-footer>\r\n            </div>\r\n          </div>\r\n          </ng-container>\r\n      <ng-container *ngIf=\"offerWidgetData\">\r\n          <lib-custom-widget [widgetData]=\"offerWidgetData\"></lib-custom-widget>\r\n        </ng-container>\r\n      <ng-container *ngIf=\"valuationWidgetData\">\r\n          <lib-custom-widget [widgetData]=\"valuationWidgetData\"></lib-custom-widget>\r\n        </ng-container>\r\n        </ng-container>\r\n  \r\n        <!-- No widget configured state -->\r\n        <ng-template #noWidgets>\r\n          <p class=\"text-color ml-3 font-semibold\">No Widgets Configured</p>\r\n        </ng-template>\r\n      </ng-template>\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%;box-shadow:none}::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:18px;font-weight:400}.application-section-wrapper{background-color:#4c629208;border:1px solid rgba(76,98,146,.1);border-radius:10px}.widget-section-wrapper{height:100%}.custom-scroll{overflow-y:hidden;scrollbar-gutter:stable}.custom-scroll:hover{overflow-y:auto}.widget-content-wrapper{border-top:1px solid rgba(68,72,109,.1)}:host ::-webkit-scrollbar{width:6px}:host ::-webkit-scrollbar-track{background:transparent}:host ::-webkit-scrollbar-thumb{background:#d1d5db94;border-radius:20px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: CustomWidgetComponent, selector: "lib-custom-widget", inputs: ["widgetData"] }, { kind: "component", type: WidgetFooterComponent, selector: "lib-widget-footer", inputs: ["widget"] }, { kind: "component", type: WidgetMenuHeaderComponent, selector: "lib-widget-menu-header", inputs: ["widget", "progressChartData"] }, { kind: "component", type: WidgetMenuBodyComponent, selector: "lib-widget-menu-body", inputs: ["widget"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetMenuContainerComponent, decorators: [{
             type: Component,
@@ -4860,8 +4895,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImpor
                 type: Output
             }], onWidgetItemClick: [{
                 type: Output
+            }], getWidgetData: [{
+                type: Output
             }], onDirectDebitClick: [{
                 type: Output
+            }], onWidgetLoaded: [{
+                type: Output
+            }], isRouteChanged: [{
+                type: Input
             }], isSidebarVisible: [{
                 type: Input
             }], offerWidgetData: [{