monkey-front-core 0.0.388 → 0.0.390

package/fesm2020/monkey-front-core.mjs

@@ -4,17 +4,17 @@ import * as i1 from 'monkey-style-guide';
 import { MonkeyButtonModule, MonkeyModalModule, MonkeyIconModule, MonkeyInputModule, MonkeyRadioButtonModule, MonkeyOptionModule, MonkeyUtils, MonkeyStyleGuideModule, MonkeyStyleGuideModalService, MonkeyStyleGuideSettingsService, MonkeyStyleGuideSnackbarService } from 'monkey-style-guide';
 import * as i2 from '@angular/common';
 import { CommonModule, formatNumber, CurrencyPipe } from '@angular/common';
+import * as i2$1 from '@angular/router';
+import { RouterModule, NavigationStart, NavigationEnd, NavigationError, NavigationCancel } from '@angular/router';
 import * as i1$1 from '@ngx-translate/core';
 import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import * as moment_ from 'moment';
-import * as i1$2 from 'ngx-cookie-service';
 import { map, catchError, filter, take, takeWhile, first, takeUntil, mergeMap, finalize } from 'rxjs/operators';
 import { throwError, BehaviorSubject, Subscription, interval, concat, of, Subject, from } from 'rxjs';
-import * as i1$3 from '@angular/common/http';
+import * as i1$2 from '@angular/common/http';
 import { HttpParams, HttpErrorResponse, HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
-import * as i2$1 from '@angular/platform-browser';
-import * as i2$2 from '@angular/router';
-import { NavigationStart, NavigationEnd, NavigationError, NavigationCancel } from '@angular/router';
+import * as i2$2 from '@angular/platform-browser';
+import * as i1$3 from 'ngx-cookie-service';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { TemplatePortal } from '@angular/cdk/portal';
 import * as i1$4 from '@angular/cdk/overlay';
@@ -35,6 +35,7 @@ class AlertsComponent {
         this._img = '';
         this._title = '';
         this._message = '';
+        this._action = null;
         // not to do
     }
     ngOnInit() {
@@ -42,16 +43,17 @@ class AlertsComponent {
         this._img = config?.data?.img;
         this._title = config?.data?.title;
         this._message = config?.data?.message;
+        this._action = config?.data?.action;
     }
     onClose() {
         this.modalService.close(this.modalRef);
     }
 }
 AlertsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AlertsComponent, deps: [{ token: i1.MonkeyStyleGuideModalService }], target: i0.ɵɵFactoryTarget.Component });
-AlertsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: AlertsComponent, selector: "monkeyecx-alerts", inputs: { config: "config", modalRef: "modalRef" }, ngImport: i0, template: "<monkey-modal [config]=\"config\" [modalRef]=\"modalRef\" *ngIf=\"config\">\r\n  <div class=\"alert-header\">\r\n    <img [src]=\"_img\">\r\n  </div>\r\n  <div class=\"alert-body\">\r\n    <span class=\"title\">\r\n      {{ _title | translate }}\r\n    </span>\r\n    <span class=\"message\">\r\n      {{ _message | translate }}\r\n    </span>\r\n  </div>\r\n  <div class=\"alert-footer\">\r\n    <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose()\">\r\n      {{ 'BUTTONS.CLOSE' | translate }}\r\n    </monkey-button>\r\n  </div>\r\n</monkey-modal>", styles: [":host ::ng-deep monkey-modal mecx-monkey-modal{padding:0}:host ::ng-deep monkey-modal mecx-monkey-modal .body{margin-bottom:0}:host ::ng-deep monkey-modal .mecx-monkey-modal__size-md{max-width:448px}:host .alert-header{height:100%}@media screen and (max-width: 959px){:host .alert-header{min-height:212px}}:host .alert-header img{border-radius:12px 12px 0 0;-o-object-fit:cover;object-fit:cover;width:100%;max-height:280px}@media screen and (max-width: 959px){:host .alert-header img{height:200px}}:host .alert-body{display:flex;flex-direction:column;gap:16px;padding:24px;margin:auto}:host .alert-body .title{font-style:normal;font-weight:700;font-size:32px;line-height:40px;text-align:center;color:#1f2024}:host .alert-body .message{font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;letter-spacing:.03em;color:#545a63}:host .alert-footer{display:flex;justify-content:flex-end;padding:0 24px 24px;position:sticky;bottom:0;background:#fafafa}\n"], components: [{ type: i1.MonkeyModalComponent, selector: "monkey-modal", inputs: ["config", "modalRef", "onHandleConfirm"] }, { type: i1.MonkeyButtonComponent, selector: "monkey-button", inputs: ["label", "icon", "iconPosition", "type", "color", "disabled", "size"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1$1.TranslatePipe } });
+AlertsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: AlertsComponent, selector: "monkeyecx-alerts", inputs: { config: "config", modalRef: "modalRef" }, ngImport: i0, template: "<monkey-modal [config]=\"config\" [modalRef]=\"modalRef\" *ngIf=\"config\">\r\n  <div class=\"alert-header\">\r\n    <img [src]=\"_img\">\r\n  </div>\r\n  <div class=\"alert-body\">\r\n    <span class=\"title\">\r\n      {{ _title | translate }}\r\n    </span>\r\n    <span class=\"message\">\r\n      {{ _message | translate }}\r\n    </span>\r\n  </div>\r\n  <div class=\"alert-footer\">\r\n    <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose()\">\r\n      {{ 'BUTTONS.CLOSE' | translate }}\r\n    </monkey-button>\r\n    <ng-container *ngIf=\"_action\">\r\n      <monkey-button type=\"primary\" color=\"theme\" \r\n        [routerLink]=\"_action.href\">\r\n        {{ _action.label | translate }}\r\n      </monkey-button>\r\n    </ng-container>\r\n  </div>\r\n</monkey-modal>", styles: [":host ::ng-deep monkey-modal mecx-monkey-modal{padding:0}:host ::ng-deep monkey-modal mecx-monkey-modal .body{margin-bottom:0}:host ::ng-deep monkey-modal .mecx-monkey-modal__size-md{max-width:448px}:host .alert-header{height:100%}@media screen and (max-width: 959px){:host .alert-header{min-height:212px}}:host .alert-header img{border-radius:12px 12px 0 0;-o-object-fit:cover;object-fit:cover;width:100%;max-height:280px}@media screen and (max-width: 959px){:host .alert-header img{height:200px}}:host .alert-body{display:flex;flex-direction:column;gap:16px;padding:24px;margin:auto}:host .alert-body .title{font-style:normal;font-weight:700;font-size:32px;line-height:40px;text-align:center;color:#1f2024}:host .alert-body .message{font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;letter-spacing:.03em;color:#545a63}:host .alert-footer{display:flex;justify-content:flex-end;padding:0 24px 24px;position:sticky;bottom:0;background:#fafafa}\n"], components: [{ type: i1.MonkeyModalComponent, selector: "monkey-modal", inputs: ["config", "modalRef", "onHandleConfirm"] }, { type: i1.MonkeyButtonComponent, selector: "monkey-button", inputs: ["label", "icon", "iconPosition", "type", "color", "disabled", "size"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$1.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }], pipes: { "translate": i1$1.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AlertsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'monkeyecx-alerts', template: "<monkey-modal [config]=\"config\" [modalRef]=\"modalRef\" *ngIf=\"config\">\r\n  <div class=\"alert-header\">\r\n    <img [src]=\"_img\">\r\n  </div>\r\n  <div class=\"alert-body\">\r\n    <span class=\"title\">\r\n      {{ _title | translate }}\r\n    </span>\r\n    <span class=\"message\">\r\n      {{ _message | translate }}\r\n    </span>\r\n  </div>\r\n  <div class=\"alert-footer\">\r\n    <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose()\">\r\n      {{ 'BUTTONS.CLOSE' | translate }}\r\n    </monkey-button>\r\n  </div>\r\n</monkey-modal>", styles: [":host ::ng-deep monkey-modal mecx-monkey-modal{padding:0}:host ::ng-deep monkey-modal mecx-monkey-modal .body{margin-bottom:0}:host ::ng-deep monkey-modal .mecx-monkey-modal__size-md{max-width:448px}:host .alert-header{height:100%}@media screen and (max-width: 959px){:host .alert-header{min-height:212px}}:host .alert-header img{border-radius:12px 12px 0 0;-o-object-fit:cover;object-fit:cover;width:100%;max-height:280px}@media screen and (max-width: 959px){:host .alert-header img{height:200px}}:host .alert-body{display:flex;flex-direction:column;gap:16px;padding:24px;margin:auto}:host .alert-body .title{font-style:normal;font-weight:700;font-size:32px;line-height:40px;text-align:center;color:#1f2024}:host .alert-body .message{font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;letter-spacing:.03em;color:#545a63}:host .alert-footer{display:flex;justify-content:flex-end;padding:0 24px 24px;position:sticky;bottom:0;background:#fafafa}\n"] }]
+            args: [{ selector: 'monkeyecx-alerts', template: "<monkey-modal [config]=\"config\" [modalRef]=\"modalRef\" *ngIf=\"config\">\r\n  <div class=\"alert-header\">\r\n    <img [src]=\"_img\">\r\n  </div>\r\n  <div class=\"alert-body\">\r\n    <span class=\"title\">\r\n      {{ _title | translate }}\r\n    </span>\r\n    <span class=\"message\">\r\n      {{ _message | translate }}\r\n    </span>\r\n  </div>\r\n  <div class=\"alert-footer\">\r\n    <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose()\">\r\n      {{ 'BUTTONS.CLOSE' | translate }}\r\n    </monkey-button>\r\n    <ng-container *ngIf=\"_action\">\r\n      <monkey-button type=\"primary\" color=\"theme\" \r\n        [routerLink]=\"_action.href\">\r\n        {{ _action.label | translate }}\r\n      </monkey-button>\r\n    </ng-container>\r\n  </div>\r\n</monkey-modal>", styles: [":host ::ng-deep monkey-modal mecx-monkey-modal{padding:0}:host ::ng-deep monkey-modal mecx-monkey-modal .body{margin-bottom:0}:host ::ng-deep monkey-modal .mecx-monkey-modal__size-md{max-width:448px}:host .alert-header{height:100%}@media screen and (max-width: 959px){:host .alert-header{min-height:212px}}:host .alert-header img{border-radius:12px 12px 0 0;-o-object-fit:cover;object-fit:cover;width:100%;max-height:280px}@media screen and (max-width: 959px){:host .alert-header img{height:200px}}:host .alert-body{display:flex;flex-direction:column;gap:16px;padding:24px;margin:auto}:host .alert-body .title{font-style:normal;font-weight:700;font-size:32px;line-height:40px;text-align:center;color:#1f2024}:host .alert-body .message{font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;letter-spacing:.03em;color:#545a63}:host .alert-footer{display:flex;justify-content:flex-end;padding:0 24px 24px;position:sticky;bottom:0;background:#fafafa}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.MonkeyStyleGuideModalService }]; }, propDecorators: { config: [{
                 type: Input
             }], modalRef: [{
@@ -61,13 +63,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
 class AlertsModule {
 }
 AlertsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AlertsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AlertsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AlertsModule, declarations: [AlertsComponent], imports: [CommonModule, MonkeyButtonModule, MonkeyModalModule, i1$1.TranslateModule], exports: [AlertsComponent] });
-AlertsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AlertsModule, imports: [[CommonModule, MonkeyButtonModule, MonkeyModalModule, TranslateModule.forChild()]] });
+AlertsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AlertsModule, declarations: [AlertsComponent], imports: [CommonModule,
+        RouterModule,
+        MonkeyButtonModule,
+        MonkeyModalModule, i1$1.TranslateModule], exports: [AlertsComponent] });
+AlertsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AlertsModule, imports: [[
+            CommonModule,
+            RouterModule,
+            MonkeyButtonModule,
+            MonkeyModalModule,
+            TranslateModule.forChild()
+        ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AlertsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AlertsComponent],
-                    imports: [CommonModule, MonkeyButtonModule, MonkeyModalModule, TranslateModule.forChild()],
+                    imports: [
+                        CommonModule,
+                        RouterModule,
+                        MonkeyButtonModule,
+                        MonkeyModalModule,
+                        TranslateModule.forChild()
+                    ],
                     exports: [AlertsComponent]
                 }]
         }] });
@@ -369,14 +386,14 @@ class MonkeyEcxUtils {
     }
 }
 
-const moment$5 = moment_;
+const moment$6 = moment_;
 class MonkeyEcxFormatDateTimelapsePipe {
     transform(date, showTime = false, useUtc = true, format = '- HH:mm') {
         if (!MonkeyEcxUtils.persistNullEmptyUndefined(date))
             return '';
-        let stillUtc = moment$5.default.utc(date).toDate();
+        let stillUtc = moment$6.default.utc(date).toDate();
         if (!useUtc)
-            stillUtc = moment$5.default(date).toDate();
+            stillUtc = moment$6.default(date).toDate();
         if (date.toString().indexOf(':') <= -1) {
             if (typeof date === 'string') {
                 stillUtc = date;
@@ -385,7 +402,7 @@ class MonkeyEcxFormatDateTimelapsePipe {
         }
         const formatFrom = `YYYY/MM/DD${showTime ? ` ${format}` : ''}`;
         const formatTo = `DD/MM/YYYY${showTime ? ` ${format}` : ''}`;
-        return `${moment$5.default(stillUtc, formatFrom).format(formatTo)}`;
+        return `${moment$6.default(stillUtc, formatFrom).format(formatTo)}`;
     }
 }
 MonkeyEcxFormatDateTimelapsePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxFormatDateTimelapsePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
@@ -420,6 +437,173 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
                 type: Input
             }] } });
 
+/* eslint-disable max-len */
+class MonkeyEcxHandlingService {
+    constructor() {
+        this.monkeyecxServiceCredentials = null;
+        this.monkeyecxRequestQueue = null;
+        this.monkeyecxRequestDownload = null;
+        this.monkeyecxRequestUpload = null;
+    }
+    clearAll() {
+        this.monkeyecxServiceCredentials = null;
+        this.monkeyecxRequestQueue = null;
+        this.monkeyecxRequestDownload = null;
+        this.monkeyecxRequestUpload = null;
+    }
+    setMonkeyEcxServiceCredentials(param) {
+        this.monkeyecxServiceCredentials = param;
+    }
+    getMonkeyEcxServiceCredentials() {
+        return this.monkeyecxServiceCredentials;
+    }
+    setMonkeyEcxRequestQueue(queue) {
+        this.monkeyecxRequestQueue = queue;
+    }
+    getMonkeyEcxRequestQueue() {
+        return this.monkeyecxRequestQueue;
+    }
+    setMonkeyEcxRequestDownload(download) {
+        this.monkeyecxRequestDownload = download;
+    }
+    getMonkeyEcxRequestDownload() {
+        return this.monkeyecxRequestDownload;
+    }
+    setMonkeyEcxRequestUpload(upload) {
+        this.monkeyecxRequestUpload = upload;
+    }
+    getMonkeyEcxRequestUpload() {
+        return this.monkeyecxRequestUpload;
+    }
+}
+MonkeyEcxHandlingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxHandlingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+MonkeyEcxHandlingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxHandlingService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxHandlingService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class MonkeyEcxService {
+    constructor(http, monkeyecxHandlingService) {
+        this.http = http;
+        this.monkeyecxHandlingService = monkeyecxHandlingService;
+        // not to do
+    }
+    handlelize(params) {
+        if (!params) {
+            return params;
+        }
+        // eslint-disable-next-line no-restricted-syntax
+        for (const field of [
+            'createdAt',
+            'createUserId',
+            'updatedAt',
+            'lastUserId',
+            '_links',
+            'governmentIdType',
+            'governmentIdMask',
+            'screenType',
+            'screenTab',
+        ]) {
+            delete params[field];
+        }
+        return params;
+    }
+    get(url, options) {
+        return this.http.get(url, options);
+    }
+    post(url, params, options) {
+        return this.http.post(url, params, options);
+    }
+    put(url, params) {
+        return this.http.put(url, this.handlelize({
+            ...params,
+        }));
+    }
+    delete(url, params) {
+        return this.http.delete(url, params);
+    }
+    download(url, options, filename) {
+        this.http.get(url, options).subscribe((resp) => {
+            const { headers, body } = resp;
+            const contentType = headers.get('Content-Type');
+            const contentDisposition = headers.get('Content-Disposition');
+            if (contentDisposition) {
+                filename = contentDisposition
+                    .split(';')[1]
+                    .split('filename')[1]
+                    .split('=')[1]
+                    .trim()
+                    .replace(new RegExp(/"/g), '');
+            }
+            const blob = new Blob([body], {
+                type: `${contentType}`,
+            });
+            return {
+                filename,
+                blob,
+            };
+        }, (err) => {
+            throwError(err);
+        });
+    }
+    downloadOb(url, options, filename) {
+        return this.http.get(url, options).pipe(map((resp) => {
+            const { headers, body } = resp;
+            const contentType = headers.get('Content-Type');
+            const contentDisposition = headers.get('Content-Disposition');
+            if (contentDisposition) {
+                filename = contentDisposition
+                    .split(';')[1]
+                    .split('filename')[1]
+                    .split('=')[1]
+                    .trim()
+                    .replace(new RegExp(/"/g), '');
+            }
+            const blob = new Blob([body], {
+                type: `${contentType}`,
+            });
+            return {
+                filename,
+                blob,
+            };
+        }), catchError((err) => {
+            return throwError(err);
+        }));
+    }
+}
+MonkeyEcxService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxService, deps: [{ token: i1$2.HttpClient }, { token: MonkeyEcxHandlingService }], target: i0.ɵɵFactoryTarget.Injectable });
+MonkeyEcxService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.HttpClient }, { type: MonkeyEcxHandlingService }]; } });
+
+class MonkeyEcxBlobSecurePipe {
+    constructor(monkeyecxService, sanitizer) {
+        this.monkeyecxService = monkeyecxService;
+        this.sanitizer = sanitizer;
+        // not to do
+    }
+    transform(url) {
+        return this.monkeyecxService.get(url, { responseType: 'blob' }).pipe(map((val) => {
+            return this.sanitizer.bypassSecurityTrustUrl(URL.createObjectURL(val));
+        }));
+    }
+}
+MonkeyEcxBlobSecurePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxBlobSecurePipe, deps: [{ token: MonkeyEcxService }, { token: i2$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+MonkeyEcxBlobSecurePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxBlobSecurePipe, name: "monkeyecxBlobSecure" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxBlobSecurePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'monkeyecxBlobSecure'
+                }]
+        }], ctorParameters: function () { return [{ type: MonkeyEcxService }, { type: i2$2.DomSanitizer }]; } });
+
 class MonkeyEcxDisplayFirstNamePipe {
     transform(name) {
         if (!MonkeyEcxUtils.persistNullEmptyUndefined(name))
@@ -454,6 +638,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
                 }]
         }] });
 
+const moment$5 = moment_;
+class MonkeyEcxDisplaySupportPhone {
+    constructor() {
+        // not to do
+    }
+    transform(phones) {
+        return phones.map((phone) => {
+            const isOnline = this.isPhoneOnline(phone);
+            return {
+                ...phone,
+                isOnline,
+                color: isOnline ? '#00875A' : '#FA3838'
+            };
+        });
+    }
+    isPhoneOnline(phone) {
+        const start = moment$5.default().startOf('day').add(phone?.startHour, 'hours').format('YYYY-MM-DD HH:mm');
+        const end = moment$5.default().startOf('day').add(phone?.endHour, 'hours').format('YYYY-MM-DD HH:mm');
+        return moment$5.default().isSameOrAfter(start) && moment$5.default().isSameOrBefore(end);
+    }
+}
+MonkeyEcxDisplaySupportPhone.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxDisplaySupportPhone, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+MonkeyEcxDisplaySupportPhone.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxDisplaySupportPhone, name: "monkeyecxDisplaySupportPhone" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxDisplaySupportPhone, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'monkeyecxDisplaySupportPhone'
+                }]
+        }], ctorParameters: function () { return []; } });
+
 class MonkeyEcxFormatAddressPipe {
     transform({ zipCode, address, neighborhood, city, state, }) {
         return [address, neighborhood, zipCode, city, state]
@@ -528,14 +742,14 @@ class MonkeyEcxCookieStorageService {
         this.cookieService.delete(name, '/', handledDomain, true, 'None');
     }
 }
-MonkeyEcxCookieStorageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxCookieStorageService, deps: [{ token: i1$2.CookieService }], target: i0.ɵɵFactoryTarget.Injectable });
+MonkeyEcxCookieStorageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxCookieStorageService, deps: [{ token: i1$3.CookieService }], target: i0.ɵɵFactoryTarget.Injectable });
 MonkeyEcxCookieStorageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxCookieStorageService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxCookieStorageService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.CookieService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.CookieService }]; } });
 
 class MonkeyEcxFormatCurrencyPipe {
     constructor(injector, currencyPipe) {
@@ -1128,22 +1342,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
                 }]
         }] });
 
-class MonkeyEcxFormatDocumentTypePipe {
-    transform(document, country) {
-        if (!MonkeyEcxUtils.persistNullEmptyUndefined(document))
-            return '';
-        return MonkeyEcxUtils.getDocumentType(document, country);
-    }
-}
-MonkeyEcxFormatDocumentTypePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxFormatDocumentTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-MonkeyEcxFormatDocumentTypePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxFormatDocumentTypePipe, name: "monkeyecxFormatDocumentType" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxFormatDocumentTypePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'monkeyecxFormatDocumentType'
-                }]
-        }] });
-
 class MonkeyEcxFormatNumberPipe {
     transform(number) {
         if (!MonkeyEcxUtils.persistNullEmptyUndefined(number))
@@ -1237,6 +1435,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
                 }]
         }] });
 
+class MonkeyEcxFormatDocumentTypePipe {
+    transform(document, country) {
+        if (!MonkeyEcxUtils.persistNullEmptyUndefined(document))
+            return '';
+        return MonkeyEcxUtils.getDocumentType(document, country);
+    }
+}
+MonkeyEcxFormatDocumentTypePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxFormatDocumentTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+MonkeyEcxFormatDocumentTypePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxFormatDocumentTypePipe, name: "monkeyecxFormatDocumentType" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxFormatDocumentTypePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'monkeyecxFormatDocumentType'
+                }]
+        }] });
+
 class MonkeyEcxFormatValue {
     transform(number) {
         if (!MonkeyEcxUtils.persistNullEmptyUndefined(number))
@@ -1304,178 +1518,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
                 }]
         }] });
 
-/* eslint-disable max-len */
-class MonkeyEcxHandlingService {
-    constructor() {
-        this.monkeyecxServiceCredentials = null;
-        this.monkeyecxRequestQueue = null;
-        this.monkeyecxRequestDownload = null;
-        this.monkeyecxRequestUpload = null;
-    }
-    clearAll() {
-        this.monkeyecxServiceCredentials = null;
-        this.monkeyecxRequestQueue = null;
-        this.monkeyecxRequestDownload = null;
-        this.monkeyecxRequestUpload = null;
-    }
-    setMonkeyEcxServiceCredentials(param) {
-        this.monkeyecxServiceCredentials = param;
-    }
-    getMonkeyEcxServiceCredentials() {
-        return this.monkeyecxServiceCredentials;
-    }
-    setMonkeyEcxRequestQueue(queue) {
-        this.monkeyecxRequestQueue = queue;
-    }
-    getMonkeyEcxRequestQueue() {
-        return this.monkeyecxRequestQueue;
-    }
-    setMonkeyEcxRequestDownload(download) {
-        this.monkeyecxRequestDownload = download;
-    }
-    getMonkeyEcxRequestDownload() {
-        return this.monkeyecxRequestDownload;
-    }
-    setMonkeyEcxRequestUpload(upload) {
-        this.monkeyecxRequestUpload = upload;
-    }
-    getMonkeyEcxRequestUpload() {
-        return this.monkeyecxRequestUpload;
-    }
-}
-MonkeyEcxHandlingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxHandlingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-MonkeyEcxHandlingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxHandlingService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxHandlingService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-class MonkeyEcxService {
-    constructor(http, monkeyecxHandlingService) {
-        this.http = http;
-        this.monkeyecxHandlingService = monkeyecxHandlingService;
-        // not to do
-    }
-    handlelize(params) {
-        if (!params) {
-            return params;
-        }
-        // eslint-disable-next-line no-restricted-syntax
-        for (const field of [
-            'createdAt',
-            'createUserId',
-            'updatedAt',
-            'lastUserId',
-            '_links',
-            'governmentIdType',
-            'governmentIdMask',
-            'screenType',
-            'screenTab',
-        ]) {
-            delete params[field];
-        }
-        return params;
-    }
-    get(url, options) {
-        return this.http.get(url, options);
-    }
-    post(url, params, options) {
-        return this.http.post(url, params, options);
-    }
-    put(url, params) {
-        return this.http.put(url, this.handlelize({
-            ...params,
-        }));
-    }
-    delete(url, params) {
-        return this.http.delete(url, params);
-    }
-    download(url, options, filename) {
-        this.http.get(url, options).subscribe((resp) => {
-            const { headers, body } = resp;
-            const contentType = headers.get('Content-Type');
-            const contentDisposition = headers.get('Content-Disposition');
-            if (contentDisposition) {
-                filename = contentDisposition
-                    .split(';')[1]
-                    .split('filename')[1]
-                    .split('=')[1]
-                    .trim()
-                    .replace(new RegExp(/"/g), '');
-            }
-            const blob = new Blob([body], {
-                type: `${contentType}`,
-            });
-            return {
-                filename,
-                blob,
-            };
-        }, (err) => {
-            throwError(err);
-        });
-    }
-    downloadOb(url, options, filename) {
-        return this.http.get(url, options).pipe(map((resp) => {
-            const { headers, body } = resp;
-            const contentType = headers.get('Content-Type');
-            const contentDisposition = headers.get('Content-Disposition');
-            if (contentDisposition) {
-                filename = contentDisposition
-                    .split(';')[1]
-                    .split('filename')[1]
-                    .split('=')[1]
-                    .trim()
-                    .replace(new RegExp(/"/g), '');
-            }
-            const blob = new Blob([body], {
-                type: `${contentType}`,
-            });
-            return {
-                filename,
-                blob,
-            };
-        }), catchError((err) => {
-            return throwError(err);
-        }));
-    }
-}
-MonkeyEcxService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxService, deps: [{ token: i1$3.HttpClient }, { token: MonkeyEcxHandlingService }], target: i0.ɵɵFactoryTarget.Injectable });
-MonkeyEcxService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i1$3.HttpClient }, { type: MonkeyEcxHandlingService }]; } });
-
-class MonkeyEcxBlobSecurePipe {
-    constructor(monkeyecxService, sanitizer) {
-        this.monkeyecxService = monkeyecxService;
-        this.sanitizer = sanitizer;
-        // not to do
-    }
-    transform(url) {
-        return this.monkeyecxService.get(url, { responseType: 'blob' }).pipe(map((val) => {
-            return this.sanitizer.bypassSecurityTrustUrl(URL.createObjectURL(val));
-        }));
-    }
-}
-MonkeyEcxBlobSecurePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxBlobSecurePipe, deps: [{ token: MonkeyEcxService }, { token: i2$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
-MonkeyEcxBlobSecurePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxBlobSecurePipe, name: "monkeyecxBlobSecure" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxBlobSecurePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'monkeyecxBlobSecure'
-                }]
-        }], ctorParameters: function () { return [{ type: MonkeyEcxService }, { type: i2$1.DomSanitizer }]; } });
-
 class MonkeyEcxPipesModule {
 }
 MonkeyEcxPipesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MonkeyEcxPipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxPipesModule, declarations: [MonkeyEcxDisplayFirstNamePipe,
+MonkeyEcxPipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxPipesModule, declarations: [MonkeyEcxBlobSecurePipe,
+        MonkeyEcxDisplayFirstNamePipe,
         MonkeyEcxDisplayInitialsPipe,
+        MonkeyEcxDisplaySupportPhone,
         MonkeyEcxFormatAddressPipe,
         MonkeyEcxFormatBeaufityJSONPipe,
         MonkeyEcxFormatCurrencyPipe,
@@ -1491,9 +1540,10 @@ MonkeyEcxPipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", ve
         MonkeyEcxFormatValue,
         MonkeyEcxFormatZipCodePipe,
         MonkeyEcxTextTruncatePipe,
-        MonkeyEcxTruncateQtdPipe,
-        MonkeyEcxBlobSecurePipe], exports: [MonkeyEcxDisplayFirstNamePipe,
+        MonkeyEcxTruncateQtdPipe], exports: [MonkeyEcxBlobSecurePipe,
+        MonkeyEcxDisplayFirstNamePipe,
         MonkeyEcxDisplayInitialsPipe,
+        MonkeyEcxDisplaySupportPhone,
         MonkeyEcxFormatAddressPipe,
         MonkeyEcxFormatBeaufityJSONPipe,
         MonkeyEcxFormatCurrencyPipe,
@@ -1509,15 +1559,16 @@ MonkeyEcxPipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", ve
         MonkeyEcxFormatValue,
         MonkeyEcxFormatZipCodePipe,
         MonkeyEcxTextTruncatePipe,
-        MonkeyEcxTruncateQtdPipe,
-        MonkeyEcxBlobSecurePipe] });
+        MonkeyEcxTruncateQtdPipe] });
 MonkeyEcxPipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxPipesModule, providers: [CurrencyPipe] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxPipesModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
+                        MonkeyEcxBlobSecurePipe,
                         MonkeyEcxDisplayFirstNamePipe,
                         MonkeyEcxDisplayInitialsPipe,
+                        MonkeyEcxDisplaySupportPhone,
                         MonkeyEcxFormatAddressPipe,
                         MonkeyEcxFormatBeaufityJSONPipe,
                         MonkeyEcxFormatCurrencyPipe,
@@ -1533,12 +1584,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
                         MonkeyEcxFormatValue,
                         MonkeyEcxFormatZipCodePipe,
                         MonkeyEcxTextTruncatePipe,
-                        MonkeyEcxTruncateQtdPipe,
-                        MonkeyEcxBlobSecurePipe
+                        MonkeyEcxTruncateQtdPipe
                     ],
                     exports: [
+                        MonkeyEcxBlobSecurePipe,
                         MonkeyEcxDisplayFirstNamePipe,
                         MonkeyEcxDisplayInitialsPipe,
+                        MonkeyEcxDisplaySupportPhone,
                         MonkeyEcxFormatAddressPipe,
                         MonkeyEcxFormatBeaufityJSONPipe,
                         MonkeyEcxFormatCurrencyPipe,
@@ -1554,8 +1606,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
                         MonkeyEcxFormatValue,
                         MonkeyEcxFormatZipCodePipe,
                         MonkeyEcxTextTruncatePipe,
-                        MonkeyEcxTruncateQtdPipe,
-                        MonkeyEcxBlobSecurePipe
+                        MonkeyEcxTruncateQtdPipe
                     ],
                     providers: [CurrencyPipe]
                 }]
@@ -1631,14 +1682,14 @@ class MonkeyEcxProgressBarService {
         return this.visible?.asObservable() || null;
     }
 }
-MonkeyEcxProgressBarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxProgressBarService, deps: [{ token: i2$2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+MonkeyEcxProgressBarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxProgressBarService, deps: [{ token: i2$1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
 MonkeyEcxProgressBarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxProgressBarService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxProgressBarService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i2$2.Router }]; } });
+        }], ctorParameters: function () { return [{ type: i2$1.Router }]; } });
 
 class MonkeyEcxProgressBarComponent {
     constructor(progressBarService) {
@@ -2390,14 +2441,14 @@ class MonkeyEcxPopoverDirective {
         this.eventsSubs.unsubscribe();
     }
 }
-MonkeyEcxPopoverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxPopoverDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: i1$4.Overlay }, { token: i1$4.OverlayPositionBuilder }, { token: i2$2.Router }, { token: POPOVER_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+MonkeyEcxPopoverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxPopoverDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: i1$4.Overlay }, { token: i1$4.OverlayPositionBuilder }, { token: i2$1.Router }, { token: POPOVER_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
 MonkeyEcxPopoverDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: MonkeyEcxPopoverDirective, selector: "[monkeyecxPopover]", inputs: { popover: ["monkeyecxPopover", "popover"], closed: ["monkeyecxPopoverClosed", "closed"], target: ["monkeyecxPopoverTarget", "target"], minwidth: ["monkeyecxPopoverMinwidth", "minwidth"], backdrop: ["monkeyecxPopoverBackdrop", "backdrop"], watch: ["monkeyecxPopoverWatch", "watch"], dir: ["monkeyecxPopoverDir", "dir"], contextmenu: ["monkeyecxPopoverContextmenu", "contextmenu"], height: ["monkeyecxPopoverHeight", "height"] }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxPopoverDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[monkeyecxPopover]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }, { type: i1$4.Overlay }, { type: i1$4.OverlayPositionBuilder }, { type: i2$2.Router }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }, { type: i1$4.Overlay }, { type: i1$4.OverlayPositionBuilder }, { type: i2$1.Router }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [POPOVER_OPTIONS]
                 }, {
@@ -3313,14 +3364,14 @@ class MonkeyEcxMaintenanceConfigService {
         this.handleValidation(config);
     }
 }
-MonkeyEcxMaintenanceConfigService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxMaintenanceConfigService, deps: [{ token: i1.MonkeyStyleGuideModalService }, { token: i2$2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+MonkeyEcxMaintenanceConfigService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxMaintenanceConfigService, deps: [{ token: i1.MonkeyStyleGuideModalService }, { token: i2$1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
 MonkeyEcxMaintenanceConfigService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxMaintenanceConfigService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxMaintenanceConfigService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i1.MonkeyStyleGuideModalService }, { type: i2$2.Router }]; } });
+        }], ctorParameters: function () { return [{ type: i1.MonkeyStyleGuideModalService }, { type: i2$1.Router }]; } });
 
 class MonkeyEcxFeatureToggleService {
     constructor() {
@@ -3450,7 +3501,7 @@ class MonkeyEcxAlertsConfigService {
     }
     handleValidation(config) {
         if (config.alert) {
-            const { img, title, message, endDate, noEndDate } = config.alert;
+            const { img, title, message, endDate, noEndDate, action } = config.alert;
             if (moment.default().isSameOrBefore(moment.default(endDate)) || noEndDate) {
                 this.modalService.open(AlertsComponent, {
                     color: 'theme',
@@ -3458,7 +3509,8 @@ class MonkeyEcxAlertsConfigService {
                     data: {
                         img,
                         title,
-                        message
+                        message,
+                        action
                     }
                 });
             }
@@ -4221,14 +4273,14 @@ class MonkeyEcxAuthGuardByRole {
         return true;
     }
 }
-MonkeyEcxAuthGuardByRole.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxAuthGuardByRole, deps: [{ token: MonkeyEcxTokenStorageService }, { token: i2$2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+MonkeyEcxAuthGuardByRole.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxAuthGuardByRole, deps: [{ token: MonkeyEcxTokenStorageService }, { token: i2$1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
 MonkeyEcxAuthGuardByRole.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxAuthGuardByRole, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxAuthGuardByRole, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: MonkeyEcxTokenStorageService }, { type: i2$2.Router }]; } });
+        }], ctorParameters: function () { return [{ type: MonkeyEcxTokenStorageService }, { type: i2$1.Router }]; } });
 
 class MonkeyEcxAuthGuard {
     constructor(monkeyecxAuthenticationService) {
@@ -4474,14 +4526,14 @@ class MonkeyEcxHttpErrorHandlingService extends MonkeyEcxCommonsService {
         }
     }
 }
-MonkeyEcxHttpErrorHandlingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxHttpErrorHandlingService, deps: [{ token: MonkeyEcxService }, { token: MonkeyEcxTokenStorageService }, { token: MonkeyEcxAuthenticationService }, { token: i2$2.Router }, { token: i1.MonkeyStyleGuideSnackbarService }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
+MonkeyEcxHttpErrorHandlingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxHttpErrorHandlingService, deps: [{ token: MonkeyEcxService }, { token: MonkeyEcxTokenStorageService }, { token: MonkeyEcxAuthenticationService }, { token: i2$1.Router }, { token: i1.MonkeyStyleGuideSnackbarService }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
 MonkeyEcxHttpErrorHandlingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxHttpErrorHandlingService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxHttpErrorHandlingService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: MonkeyEcxService }, { type: MonkeyEcxTokenStorageService }, { type: MonkeyEcxAuthenticationService }, { type: i2$2.Router }, { type: i1.MonkeyStyleGuideSnackbarService }, { type: i1$1.TranslateService }]; } });
+        }], ctorParameters: function () { return [{ type: MonkeyEcxService }, { type: MonkeyEcxTokenStorageService }, { type: MonkeyEcxAuthenticationService }, { type: i2$1.Router }, { type: i1.MonkeyStyleGuideSnackbarService }, { type: i1$1.TranslateService }]; } });
 
 class MonkeyEcxOthersErrorsHandlingService {
     constructor(modalService) {
@@ -5034,14 +5086,14 @@ class MonkeyEcxDiscoveryParamsService {
         return found;
     }
 }
-MonkeyEcxDiscoveryParamsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxDiscoveryParamsService, deps: [{ token: i2$2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+MonkeyEcxDiscoveryParamsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxDiscoveryParamsService, deps: [{ token: i2$1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
 MonkeyEcxDiscoveryParamsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxDiscoveryParamsService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MonkeyEcxDiscoveryParamsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i2$2.Router }]; } });
+        }], ctorParameters: function () { return [{ type: i2$1.Router }]; } });
 
 class MonkeyEcxRequestScheduleService {
     constructor(monkeyecxService, monkeyLoggedHandlingService) {
@@ -5763,5 +5815,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AlertsComponent, AlertsModule, ClosedToMaintenanceComponent, ClosedToMaintenanceModule, CurrencyConfigComponent, CurrencyConfigModule, decoratorsUtils as DecoratorsUtils, Link, MonkeyEcxAlertsService, MonkeyEcxAuthGuard, MonkeyEcxAuthGuardByRole, MonkeyEcxAuthGuardCompany, MonkeyEcxAuthGuardLogin, MonkeyEcxAuthenticationService, MonkeyEcxBlobSecurePipe, MonkeyEcxCommonsService, MonkeyEcxConfigModule, MonkeyEcxConfigService, MonkeyEcxCookieStorageService, MonkeyEcxCoreCharts, MonkeyEcxCoreClearDecorators, MonkeyEcxCoreLog, MonkeyEcxCoreService, MonkeyEcxCoreServiceConstructor, MonkeyEcxCoreServicePaged, MonkeyEcxCoreServiceQueue, MonkeyEcxCurrencyConfigService, MonkeyEcxDirectivesModule, MonkeyEcxDiscoveryParamsService, MonkeyEcxDisplayFirstNamePipe, MonkeyEcxDisplayInitialsPipe, MonkeyEcxDragDropDirective, MonkeyEcxErrorConfigService, MonkeyEcxErrorHandlingModule, MonkeyEcxErrorHandlingService, MonkeyEcxFeatureByProgramDirective, MonkeyEcxFeatureDirective, MonkeyEcxFeatureToggleService, MonkeyEcxFormatAddressPipe, MonkeyEcxFormatBeaufityJSONPipe, MonkeyEcxFormatCurrency, MonkeyEcxFormatCurrencyPipe, MonkeyEcxFormatDateGroupPipe, MonkeyEcxFormatDateTimelapsePipe, MonkeyEcxFormatDateUnixTimelapsePipe, MonkeyEcxFormatDocumentPipe, MonkeyEcxFormatDocumentTypePipe, MonkeyEcxFormatNumberPipe, MonkeyEcxFormatPhonePipe, MonkeyEcxFormatSizePipe, MonkeyEcxFormatTaxPipe, MonkeyEcxFormatUpper, MonkeyEcxFormatValue, MonkeyEcxFormatZipCodePipe, MonkeyEcxHandlingService, MonkeyEcxHttpConfigErrorInterceptor, MonkeyEcxHttpConfigHeaderInterceptor, MonkeyEcxHttpConfigInterceptorModule, MonkeyEcxHttpConfigLoadingInProgressInterceptor, MonkeyEcxHttpConfigQueueInterceptor, MonkeyEcxHttpErrorHandlingService, MonkeyEcxLoggedHandlingService, MonkeyEcxLogsConfigService, MonkeyEcxMaintenanceConfigService, MonkeyEcxModel, MonkeyEcxOnlyAlphaNumericDirective, MonkeyEcxOnlyNumbersDirective, MonkeyEcxOthersErrorsHandlingService, MonkeyEcxPaginationService, MonkeyEcxPipesModule, MonkeyEcxPopoverDirective, MonkeyEcxPopoverOptionsDirective, MonkeyEcxProgressBarComponent, MonkeyEcxProgressBarModule, MonkeyEcxProgressBarService, MonkeyEcxRequestDownloadHandlingService, MonkeyEcxRequestDownloadedHandlingService, MonkeyEcxRequestPagedHandling, MonkeyEcxRequestQueueHandlingService, MonkeyEcxRequestQueueModalHandlingService, MonkeyEcxRequestScheduleService, MonkeyEcxSecurityConsoleConfigService, MonkeyEcxSecurityDirective, MonkeyEcxService, MonkeyEcxServiceDownload, MonkeyEcxServiceUpload, MonkeyEcxServiceWorkerConfigService, MonkeyEcxSpecificationSearch, MonkeyEcxTextTruncatePipe, MonkeyEcxTokenStorageService, MonkeyEcxTooltipDirective, MonkeyEcxTruncateQtdPipe, MonkeyEcxUtils, MonkeyEcxi18nConfigService, MonkeyFrontCoreModule, OpSearch, POPOVER_OPTIONS, statics as Statics, validateUtils as ValidateUtils, Validators, VersionChangedComponent, VersionChangedModule, comboValidator, dateRangeValidator, dateStartEndValidator, dateValidator, documentValidator, emailValidator, passwordConfirmValidator, registerValidator, index as store, trueValidator, urlValidator, valueGreaterThanZero, zipCodeValidator };
+export { AlertsComponent, AlertsModule, ClosedToMaintenanceComponent, ClosedToMaintenanceModule, CurrencyConfigComponent, CurrencyConfigModule, decoratorsUtils as DecoratorsUtils, Link, MonkeyEcxAlertsService, MonkeyEcxAuthGuard, MonkeyEcxAuthGuardByRole, MonkeyEcxAuthGuardCompany, MonkeyEcxAuthGuardLogin, MonkeyEcxAuthenticationService, MonkeyEcxBlobSecurePipe, MonkeyEcxCommonsService, MonkeyEcxConfigModule, MonkeyEcxConfigService, MonkeyEcxCookieStorageService, MonkeyEcxCoreCharts, MonkeyEcxCoreClearDecorators, MonkeyEcxCoreLog, MonkeyEcxCoreService, MonkeyEcxCoreServiceConstructor, MonkeyEcxCoreServicePaged, MonkeyEcxCoreServiceQueue, MonkeyEcxCurrencyConfigService, MonkeyEcxDirectivesModule, MonkeyEcxDiscoveryParamsService, MonkeyEcxDisplayFirstNamePipe, MonkeyEcxDisplayInitialsPipe, MonkeyEcxDisplaySupportPhone, MonkeyEcxDragDropDirective, MonkeyEcxErrorConfigService, MonkeyEcxErrorHandlingModule, MonkeyEcxErrorHandlingService, MonkeyEcxFeatureByProgramDirective, MonkeyEcxFeatureDirective, MonkeyEcxFeatureToggleService, MonkeyEcxFormatAddressPipe, MonkeyEcxFormatBeaufityJSONPipe, MonkeyEcxFormatCurrency, MonkeyEcxFormatCurrencyPipe, MonkeyEcxFormatDateGroupPipe, MonkeyEcxFormatDateTimelapsePipe, MonkeyEcxFormatDateUnixTimelapsePipe, MonkeyEcxFormatDocumentPipe, MonkeyEcxFormatDocumentTypePipe, MonkeyEcxFormatNumberPipe, MonkeyEcxFormatPhonePipe, MonkeyEcxFormatSizePipe, MonkeyEcxFormatTaxPipe, MonkeyEcxFormatUpper, MonkeyEcxFormatValue, MonkeyEcxFormatZipCodePipe, MonkeyEcxHandlingService, MonkeyEcxHttpConfigErrorInterceptor, MonkeyEcxHttpConfigHeaderInterceptor, MonkeyEcxHttpConfigInterceptorModule, MonkeyEcxHttpConfigLoadingInProgressInterceptor, MonkeyEcxHttpConfigQueueInterceptor, MonkeyEcxHttpErrorHandlingService, MonkeyEcxLoggedHandlingService, MonkeyEcxLogsConfigService, MonkeyEcxMaintenanceConfigService, MonkeyEcxModel, MonkeyEcxOnlyAlphaNumericDirective, MonkeyEcxOnlyNumbersDirective, MonkeyEcxOthersErrorsHandlingService, MonkeyEcxPaginationService, MonkeyEcxPipesModule, MonkeyEcxPopoverDirective, MonkeyEcxPopoverOptionsDirective, MonkeyEcxProgressBarComponent, MonkeyEcxProgressBarModule, MonkeyEcxProgressBarService, MonkeyEcxRequestDownloadHandlingService, MonkeyEcxRequestDownloadedHandlingService, MonkeyEcxRequestPagedHandling, MonkeyEcxRequestQueueHandlingService, MonkeyEcxRequestQueueModalHandlingService, MonkeyEcxRequestScheduleService, MonkeyEcxSecurityConsoleConfigService, MonkeyEcxSecurityDirective, MonkeyEcxService, MonkeyEcxServiceDownload, MonkeyEcxServiceUpload, MonkeyEcxServiceWorkerConfigService, MonkeyEcxSpecificationSearch, MonkeyEcxTextTruncatePipe, MonkeyEcxTokenStorageService, MonkeyEcxTooltipDirective, MonkeyEcxTruncateQtdPipe, MonkeyEcxUtils, MonkeyEcxi18nConfigService, MonkeyFrontCoreModule, OpSearch, POPOVER_OPTIONS, statics as Statics, validateUtils as ValidateUtils, Validators, VersionChangedComponent, VersionChangedModule, comboValidator, dateRangeValidator, dateStartEndValidator, dateValidator, documentValidator, emailValidator, passwordConfirmValidator, registerValidator, index as store, trueValidator, urlValidator, valueGreaterThanZero, zipCodeValidator };
 //# sourceMappingURL=monkey-front-core.mjs.map