npm - @posiwise/admin-module - Versions diffs - 0.0.14 → 0.0.17 - Mend

@posiwise/admin-module 0.0.14 → 0.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (34) hide show

package/fesm2020/admin-module.mjs CHANGED Viewed

@@ -2,21 +2,21 @@ import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Injectable, Component, ViewChildren, ViewChild, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import * as i8 from 'ngx-google-places-autocomplete';
+import * as i8$1 from 'ngx-google-places-autocomplete';
 import { GooglePlaceModule } from 'ngx-google-places-autocomplete';
 import * as i6 from 'ngx-quill';
 import { QuillModule } from 'ngx-quill';
 import * as i3$1 from '@ng-bootstrap/ng-bootstrap';
 import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
-import * as i4 from '@angular/forms';
+import * as i5$1 from '@angular/forms';
 import { UntypedFormBuilder, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i2$1 from 'primeng/table';
 import { TableModule } from 'primeng/table';
-import * as i4$1 from 'primeng/tooltip';
+import * as i4 from 'primeng/tooltip';
 import { TooltipModule } from 'primeng/tooltip';
-import * as i4$2 from 'primeng/accordion';
+import * as i4$1 from 'primeng/accordion';
 import { AccordionModule } from 'primeng/accordion';
-import * as i4$3 from 'primeng/autocomplete';
+import * as i4$2 from 'primeng/autocomplete';
 import { AutoCompleteModule } from 'primeng/autocomplete';
 import * as i5 from '@angular/router';
 import { NavigationEnd, RouterModule } from '@angular/router';
@@ -27,15 +27,16 @@ import * as i1 from '@posiwise/common-services';
 import { PermissionService, FormHelperService, PrimeNgHelper, SubscriptionService } from '@posiwise/common-services';
 import { AppBaseComponent } from '@posiwise/app-base-component';
 import { ValidateForm, appendQueryParam, QuillHelper } from '@posiwise/utils';
-import * as i7 from '@posiwise/directives';
+import * as i8 from '@posiwise/directives';
 import { DirectivesModule } from '@posiwise/directives';
-import * as i10 from '@ngneat/transloco';
+import * as i6$1 from '@ngneat/transloco';
 import * as i1$1 from '@posiwise/shared-components';
 import { CustomUploaderComponent, SharedComponentsModule } from '@posiwise/shared-components';
 import * as i3 from 'primeng/api';
-import * as i11 from '@posiwise/pipes';
+import * as i12 from '@posiwise/pipes';
 import { PipesModule } from '@posiwise/pipes';
 import swal from 'sweetalert2';
+import * as i3$2 from 'primeng/progressspinner';
 import groupBy from 'lodash/groupBy';
 import { forkJoin, Subject, takeUntil, of } from 'rxjs';
 import * as i2$2 from 'primeng/tabmenu';
@@ -831,7 +832,7 @@ class TermsOfServiceDetailsComponent extends AppBaseComponent {
     }
 }
 TermsOfServiceDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: TermsOfServiceDetailsComponent, deps: [{ token: AdminService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-TermsOfServiceDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: TermsOfServiceDetailsComponent, selector: "pw-terms-of-service-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          routerLink=\"../../tos\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>Terms of Service: {{ data?.title ? data?.title : 'Add New' }}</span>\n        </h3>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSave()\">\n          <div class=\"row\">\n            <div class=\"col-12 col-md-12\">\n              <div class=\"mb-3\">\n                <label>{{ 'Label.Title' | transloco }}\n                  <span class=\"text-danger\">*</span></label>\n                <textarea type=\"text\"\n                  class=\"form-control\"\n                  rows=\"2\"\n                  formControlName=\"title\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['title'].errors }\"></textarea>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-12\">\n              <div class=\"mb-3\">\n                <label>{{ 'Label.Privacy' | transloco }}\n                  <span class=\"text-danger\">*</span></label>\n                <quill-editor [styles]=\"{ height: '450px' }\"\n                  formControlName=\"privacy\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['privacy'].errors }\">\n                </quill-editor>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-12\">\n              <div class=\"mb-3\">\n                <label>{{ 'Label.Tos' | transloco }}\n                  <span class=\"text-danger\">*</span></label>\n                <quill-editor [styles]=\"{ height: '450px' }\"\n                  formControlName=\"tos\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['tos'].errors }\">\n                </quill-editor>\n              </div>\n            </div>\n\n            <div class=\"col-12 text-end mt-3\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\"\n                *rbacAllow=\"'SubscriptionAdmin'\">\n                {{ 'Button.Submit' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6.QuillEditorComponent, selector: "quill-editor" }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+TermsOfServiceDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: TermsOfServiceDetailsComponent, selector: "pw-terms-of-service-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          routerLink=\"../../tos\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>Terms of Service: {{ data?.title ? data?.title : 'Add New' }}</span>\n        </h3>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSave()\">\n          <div class=\"row\">\n            <div class=\"col-12 col-md-12\">\n              <div class=\"mb-3\">\n                <label>{{ 'Label.Title' | transloco }}\n                  <span class=\"text-danger\">*</span></label>\n                <textarea type=\"text\"\n                  class=\"form-control\"\n                  rows=\"2\"\n                  formControlName=\"title\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['title'].errors }\"></textarea>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-12\">\n              <div class=\"mb-3\">\n                <label>{{ 'Label.Privacy' | transloco }}\n                  <span class=\"text-danger\">*</span></label>\n                <quill-editor [styles]=\"{ height: '450px' }\"\n                  formControlName=\"privacy\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['privacy'].errors }\">\n                </quill-editor>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-12\">\n              <div class=\"mb-3\">\n                <label>{{ 'Label.Tos' | transloco }}\n                  <span class=\"text-danger\">*</span></label>\n                <quill-editor [styles]=\"{ height: '450px' }\"\n                  formControlName=\"tos\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['tos'].errors }\">\n                </quill-editor>\n              </div>\n            </div>\n\n            <div class=\"col-12 text-end mt-3\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\"\n                *rbacAllow=\"'SubscriptionAdmin'\">\n                {{ 'Button.Submit' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6.QuillEditorComponent, selector: "quill-editor" }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 __decorate([
     ValidateForm('form'),
     __metadata("design:type", Function),
@@ -955,7 +956,7 @@ class TermsOfServiceComponent extends AppBaseComponent {
     }
 }
 TermsOfServiceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: TermsOfServiceComponent, deps: [{ token: AdminService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-TermsOfServiceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: TermsOfServiceComponent, selector: "pw-terms-of-service", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0 float-start\">Terms of Services</h2>\n    <button *rbacAllow=\"'SuperAdmin'\"\n      class=\"btn btn-sm btn-outline-primary float-end\"\n      data-cy=\"create-Tos\"\n      [routerLink]=\"[routers.tosAndPrivacyDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Terms of Services\n    </button>\n  </div>\n</div>\n<div class=\"primeng-datatable-container mt table-responsive\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #dt\n    [value]=\"data.product_privacy_services\"\n    [paginator]=\"true\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search Tos...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          data-head=\"Privacy\">Privacy</th>\n        <th scope=\"true\"\n          data-head=\"Terms of Services\">Terms of Services</th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-tos>\n      <tr>\n        <td data-head=\"Name\">{{ tos.privacy | removeHtml | textTruncate: 220 }}</td>\n        <td data-head=\"Terms of Services\">\n          {{ tos.tos | removeHtml | textTruncate: 220 }}\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <!-- Show only to SubscriptionSuperAdmin or SubscriptionOwner -->\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'SubscriptionSuperAdmin'\"\n              [routerLink]=\"[routers.tosAndPrivacyDetails + tos.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              *rbacAllow=\"'SuperAdmin'\"\n              class=\"me-2 me-sm-3\">\n              <i\n                                (click)=\"onDelete(tos.id)\"\n                                class=\"fa fa-trash delete-icon\"\n                                aria-hidden=\"true\"\n                            ></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0\">\n  <pw-no-data [message]=\"'Tos.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i11.RemoveHtmlPipe, name: "removeHtml" }, { kind: "pipe", type: i11.TextTruncatePipe, name: "textTruncate" }] });
+TermsOfServiceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: TermsOfServiceComponent, selector: "pw-terms-of-service", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0 float-start\">Terms of Services</h2>\n    <button *rbacAllow=\"'SuperAdmin'\"\n      class=\"btn btn-sm btn-outline-primary float-end\"\n      data-cy=\"create-Tos\"\n      [routerLink]=\"[routers.tosAndPrivacyDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Terms of Services\n    </button>\n  </div>\n</div>\n<div class=\"primeng-datatable-container mt table-responsive\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #dt\n    [value]=\"data.product_privacy_services\"\n    [paginator]=\"true\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search Tos...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          data-head=\"Privacy\">Privacy</th>\n        <th scope=\"true\"\n          data-head=\"Terms of Services\">Terms of Services</th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-tos>\n      <tr>\n        <td data-head=\"Name\">{{ tos.privacy | removeHtml | textTruncate: 220 }}</td>\n        <td data-head=\"Terms of Services\">\n          {{ tos.tos | removeHtml | textTruncate: 220 }}\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <!-- Show only to SubscriptionSuperAdmin or SubscriptionOwner -->\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'SubscriptionSuperAdmin'\"\n              [routerLink]=\"[routers.tosAndPrivacyDetails + tos.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              *rbacAllow=\"'SuperAdmin'\"\n              class=\"me-2 me-sm-3\">\n              <i\n                                (click)=\"onDelete(tos.id)\"\n                                class=\"fa fa-trash delete-icon\"\n                                aria-hidden=\"true\"\n                            ></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0\">\n  <pw-no-data [message]=\"'Tos.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i12.RemoveHtmlPipe, name: "removeHtml" }, { kind: "pipe", type: i12.TextTruncatePipe, name: "textTruncate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: TermsOfServiceComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-terms-of-service', template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0 float-start\">Terms of Services</h2>\n    <button *rbacAllow=\"'SuperAdmin'\"\n      class=\"btn btn-sm btn-outline-primary float-end\"\n      data-cy=\"create-Tos\"\n      [routerLink]=\"[routers.tosAndPrivacyDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Terms of Services\n    </button>\n  </div>\n</div>\n<div class=\"primeng-datatable-container mt table-responsive\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #dt\n    [value]=\"data.product_privacy_services\"\n    [paginator]=\"true\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search Tos...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          data-head=\"Privacy\">Privacy</th>\n        <th scope=\"true\"\n          data-head=\"Terms of Services\">Terms of Services</th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-tos>\n      <tr>\n        <td data-head=\"Name\">{{ tos.privacy | removeHtml | textTruncate: 220 }}</td>\n        <td data-head=\"Terms of Services\">\n          {{ tos.tos | removeHtml | textTruncate: 220 }}\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <!-- Show only to SubscriptionSuperAdmin or SubscriptionOwner -->\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'SubscriptionSuperAdmin'\"\n              [routerLink]=\"[routers.tosAndPrivacyDetails + tos.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              *rbacAllow=\"'SuperAdmin'\"\n              class=\"me-2 me-sm-3\">\n              <i\n                                (click)=\"onDelete(tos.id)\"\n                                class=\"fa fa-trash delete-icon\"\n                                aria-hidden=\"true\"\n                            ></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0\">\n  <pw-no-data [message]=\"'Tos.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n" }]
@@ -1005,7 +1006,7 @@ class GlobalConfigDetailsComponent extends AppBaseComponent {
     }
 }
 GlobalConfigDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: GlobalConfigDetailsComponent, deps: [{ token: AdminService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-GlobalConfigDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: GlobalConfigDetailsComponent, selector: "pw-global-config-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          (click)=\"back()\"\n          class=\"previous\">\n          <i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>{{ 'Admin.GlobalConfigMessage.Config' | transloco }}:\n            {{ data?.name || 'Add New' }}</span>\n        </h3>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSaveForm()\">\n          <div class=\"row\">\n            <div class=\"col-12 col-md-4\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.GlobalConfigMessage.Name' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"name\"\n                  [errorMsg]=\"\n                                        'Admin.GlobalConfigMessage.NameValidator' | transloco\n                                    \">\n                  <input type=\"text\"\n                    class=\"form-control\"\n                    formControlName=\"name\"\n                    [ngClass]=\"{ 'is-invalid': submitted && f['name'].errors }\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-4\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.GlobalConfigMessage.FieldType' | transloco\"\n                  name=\"field_type\"\n                  [errorMsg]=\"\n                                        'Admin.GlobalConfigMessage.FieldTypeValidator' | transloco\n                                    \">\n                  <select formControlName=\"field_type\"\n                    class=\"form-control form-select\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['field_type'].errors\n                                        }\">\n                    <option *ngFor=\"let option of fieldTypes\"\n                      [value]=\"option\">\n                      {{ option }}\n                    </option>\n                  </select>\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.GlobalConfigMessage.Default' | transloco\"\n                  class=\"nowrap\"\n                  name=\"default\">\n                  <ui-switch class=\"d-block\"\n                    formControlName=\"default\"\n                    name=\"default\"\n                    [ngClass]=\"{ 'is-invalid': submitted && f['default'].errors }\">\n                  </ui-switch>\n                </pw-input-container>\n              </div>\n            </div>\n\n            <div class=\"col-12 text-end mt-3\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\"\n                *rbacAllow=\"'Pages.Admin.Credentials.Edit'\">\n                {{ 'Button.Submit' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+GlobalConfigDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: GlobalConfigDetailsComponent, selector: "pw-global-config-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          (click)=\"back()\"\n          class=\"previous\">\n          <i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>{{ 'Admin.GlobalConfigMessage.Config' | transloco }}:\n            {{ data?.name || 'Add New' }}</span>\n        </h3>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSaveForm()\">\n          <div class=\"row\">\n            <div class=\"col-12 col-md-4\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.GlobalConfigMessage.Name' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"name\"\n                  [errorMsg]=\"\n                                        'Admin.GlobalConfigMessage.NameValidator' | transloco\n                                    \">\n                  <input type=\"text\"\n                    class=\"form-control\"\n                    formControlName=\"name\"\n                    [ngClass]=\"{ 'is-invalid': submitted && f['name'].errors }\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-4\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.GlobalConfigMessage.FieldType' | transloco\"\n                  name=\"field_type\"\n                  [errorMsg]=\"\n                                        'Admin.GlobalConfigMessage.FieldTypeValidator' | transloco\n                                    \">\n                  <select formControlName=\"field_type\"\n                    class=\"form-control form-select\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['field_type'].errors\n                                        }\">\n                    <option *ngFor=\"let option of fieldTypes\"\n                      [value]=\"option\">\n                      {{ option }}\n                    </option>\n                  </select>\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.GlobalConfigMessage.Default' | transloco\"\n                  class=\"nowrap\"\n                  name=\"default\">\n                  <ui-switch class=\"d-block\"\n                    formControlName=\"default\"\n                    name=\"default\"\n                    [ngClass]=\"{ 'is-invalid': submitted && f['default'].errors }\">\n                  </ui-switch>\n                </pw-input-container>\n              </div>\n            </div>\n\n            <div class=\"col-12 text-end mt-3\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\"\n                *rbacAllow=\"'Pages.Admin.Credentials.Edit'\">\n                {{ 'Button.Submit' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: GlobalConfigDetailsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-global-config-details', template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          (click)=\"back()\"\n          class=\"previous\">\n          <i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>{{ 'Admin.GlobalConfigMessage.Config' | transloco }}:\n            {{ data?.name || 'Add New' }}</span>\n        </h3>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSaveForm()\">\n          <div class=\"row\">\n            <div class=\"col-12 col-md-4\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.GlobalConfigMessage.Name' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"name\"\n                  [errorMsg]=\"\n                                        'Admin.GlobalConfigMessage.NameValidator' | transloco\n                                    \">\n                  <input type=\"text\"\n                    class=\"form-control\"\n                    formControlName=\"name\"\n                    [ngClass]=\"{ 'is-invalid': submitted && f['name'].errors }\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-4\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.GlobalConfigMessage.FieldType' | transloco\"\n                  name=\"field_type\"\n                  [errorMsg]=\"\n                                        'Admin.GlobalConfigMessage.FieldTypeValidator' | transloco\n                                    \">\n                  <select formControlName=\"field_type\"\n                    class=\"form-control form-select\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['field_type'].errors\n                                        }\">\n                    <option *ngFor=\"let option of fieldTypes\"\n                      [value]=\"option\">\n                      {{ option }}\n                    </option>\n                  </select>\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.GlobalConfigMessage.Default' | transloco\"\n                  class=\"nowrap\"\n                  name=\"default\">\n                  <ui-switch class=\"d-block\"\n                    formControlName=\"default\"\n                    name=\"default\"\n                    [ngClass]=\"{ 'is-invalid': submitted && f['default'].errors }\">\n                  </ui-switch>\n                </pw-input-container>\n              </div>\n            </div>\n\n            <div class=\"col-12 text-end mt-3\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\"\n                *rbacAllow=\"'Pages.Admin.Credentials.Edit'\">\n                {{ 'Button.Submit' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
@@ -1075,7 +1076,7 @@ class GlobalConfigListComponent extends AppBaseComponent {
     }
 }
 GlobalConfigListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: GlobalConfigListComponent, deps: [{ token: AdminService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-GlobalConfigListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: GlobalConfigListComponent, selector: "pw-global-config-list", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0 float-start\">Global Configs</h2>\n    <button class=\"btn btn-sm btn-outline-primary float-end\"\n      data-cy=\"add-global-config\"\n      [routerLink]=\"[routers.globalConfigDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i>\n      {{ 'Admin.GlobalConfigMessage.AddGlobalConfig' | transloco }}\n    </button>\n  </div>\n</div>\n<div class=\"primeng-datatable-container mt table-responsive\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #dt\n    [value]=\"data.global_configs\"\n    [paginator]=\"true\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search global configs...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Admin.GlobalConfigMessage.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"field_type\">\n          {{ 'Admin.GlobalConfigMessage.FieldType' | transloco }}\n          <p-sortIcon field=\"field_type\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"default\">\n          {{ 'Admin.GlobalConfigMessage.Default' | transloco }}\n          <p-sortIcon field=\"default\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          class=\"actions-list-two\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-config>\n      <tr>\n        <td data-head=\"Name\">{{ config.name }}</td>\n        <td data-head=\"Field Type\">\n          <span [appDynamicBadge]=\"{ itemsArray: fieldTypes, item: config?.field_type }\"\n            color=\"cyan\"\n            class=\"badge\">\n            {{ config.field_type }}\n          </span>\n        </td>\n        <td data-head=\"Default\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: config?.default }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ config?.default ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.globalConfigDetails + config.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\">\n              <i\n                                (click)=\"onDelete(config.id)\"\n                                class=\"fa fa-trash delete-icon\"\n                                aria-hidden=\"true\"\n                            ></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0\">\n  <pw-no-data [message]=\"'Admin.GlobalConfigMessage.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i7.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+GlobalConfigListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: GlobalConfigListComponent, selector: "pw-global-config-list", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0 float-start\">Global Configs</h2>\n    <button class=\"btn btn-sm btn-outline-primary float-end\"\n      data-cy=\"add-global-config\"\n      [routerLink]=\"[routers.globalConfigDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i>\n      {{ 'Admin.GlobalConfigMessage.AddGlobalConfig' | transloco }}\n    </button>\n  </div>\n</div>\n<div class=\"primeng-datatable-container mt table-responsive\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #dt\n    [value]=\"data.global_configs\"\n    [paginator]=\"true\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search global configs...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Admin.GlobalConfigMessage.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"field_type\">\n          {{ 'Admin.GlobalConfigMessage.FieldType' | transloco }}\n          <p-sortIcon field=\"field_type\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"default\">\n          {{ 'Admin.GlobalConfigMessage.Default' | transloco }}\n          <p-sortIcon field=\"default\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          class=\"actions-list-two\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-config>\n      <tr>\n        <td data-head=\"Name\">{{ config.name }}</td>\n        <td data-head=\"Field Type\">\n          <span [appDynamicBadge]=\"{ itemsArray: fieldTypes, item: config?.field_type }\"\n            color=\"cyan\"\n            class=\"badge\">\n            {{ config.field_type }}\n          </span>\n        </td>\n        <td data-head=\"Default\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: config?.default }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ config?.default ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.globalConfigDetails + config.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\">\n              <i\n                                (click)=\"onDelete(config.id)\"\n                                class=\"fa fa-trash delete-icon\"\n                                aria-hidden=\"true\"\n                            ></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0\">\n  <pw-no-data [message]=\"'Admin.GlobalConfigMessage.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i8.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: GlobalConfigListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-global-config-list', template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0 float-start\">Global Configs</h2>\n    <button class=\"btn btn-sm btn-outline-primary float-end\"\n      data-cy=\"add-global-config\"\n      [routerLink]=\"[routers.globalConfigDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i>\n      {{ 'Admin.GlobalConfigMessage.AddGlobalConfig' | transloco }}\n    </button>\n  </div>\n</div>\n<div class=\"primeng-datatable-container mt table-responsive\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #dt\n    [value]=\"data.global_configs\"\n    [paginator]=\"true\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search global configs...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Admin.GlobalConfigMessage.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"field_type\">\n          {{ 'Admin.GlobalConfigMessage.FieldType' | transloco }}\n          <p-sortIcon field=\"field_type\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"default\">\n          {{ 'Admin.GlobalConfigMessage.Default' | transloco }}\n          <p-sortIcon field=\"default\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          class=\"actions-list-two\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-config>\n      <tr>\n        <td data-head=\"Name\">{{ config.name }}</td>\n        <td data-head=\"Field Type\">\n          <span [appDynamicBadge]=\"{ itemsArray: fieldTypes, item: config?.field_type }\"\n            color=\"cyan\"\n            class=\"badge\">\n            {{ config.field_type }}\n          </span>\n        </td>\n        <td data-head=\"Default\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: config?.default }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ config?.default ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.globalConfigDetails + config.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\">\n              <i\n                                (click)=\"onDelete(config.id)\"\n                                class=\"fa fa-trash delete-icon\"\n                                aria-hidden=\"true\"\n                            ></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0\">\n  <pw-no-data [message]=\"'Admin.GlobalConfigMessage.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n" }]
@@ -1176,7 +1177,7 @@ class ContactUsListComponent extends AppBaseComponent {
     }
 }
 ContactUsListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: ContactUsListComponent, deps: [{ token: i0.Injector }, { token: AdminService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-ContactUsListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: ContactUsListComponent, selector: "pw-contact-us-list", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center text-end my-3\">\n    <h2 class=\"card-title p-0 float-start\">Contact Us</h2>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #tt\n    [value]=\"data.contact_request\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [lazy]=\"true\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <!--sort order should be default empty when page load-->\n\n    <!-- Caption Header, Search Bar -->\n    <ng-template pTemplate=\"caption\">\n      <div class=\"d-flex\">\n        <div class=\"col-sm-3\">\n          <select class=\"form-select\"\n            (change)=\"filterClosed($event.target.value)\">\n            <option value=\"\">Select</option>\n            <option [value]=\"false\">Open</option>\n            <option [value]=\"true\">Closed</option>\n          </select>\n        </div>\n        <div class=\"text-end ms-auto\">\n          <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n          <input type=\"text\"\n            pInputText\n            size=\"50\"\n            placeholder=\"Search\"\n            [(ngModel)]=\"searchText\"\n            (input)=\"tt.filterGlobal($event.target.value, 'contains')\" />\n        </div>\n      </div>\n    </ng-template>\n\n    <!-- Column Header -->\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"created_at\">\n          {{ 'Admin.ContactUs.CreatedAt' | transloco }}\n          <p-sortIcon field=\"created_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"email\">\n          {{ 'Label.Email' | transloco }}\n          <p-sortIcon field=\"email\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"subject\">\n          {{ 'Admin.ContactUs.Subject' | transloco }}\n          <p-sortIcon field=\"subject\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"message\">\n          {{ 'Admin.ContactUs.Message' | transloco }}\n          <p-sortIcon field=\"message\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n\n    <!-- Table Body -->\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"created_at\">{{ item?.created_at | dateFormat }}</td>\n        <td data-head=\"name\">{{ item?.name }}</td>\n        <td data-head=\"email\">\n          <a href=\"mailto:{{ item?.email }}\">{{ item?.email }}</a>\n        </td>\n        <td data-head=\"subject\">{{ item?.subject }}</td>\n        <td data-head=\"message\">{{ item?.message }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li *ngIf=\"!item.closed\"\n              ngbTooltip=\"Close\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"toggleRecord(item.id, true)\">\n              <i class=\"fa fa-times delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li *ngIf=\"item.closed\"\n              ngbTooltip=\"Re Open\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"toggleRecord(item.id, false)\">\n              <i class=\"fa fa-retweet edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">Total: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data message=\"No Contact Requests\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i11.DateFormatPipe, name: "dateFormat" }] });
+ContactUsListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: ContactUsListComponent, selector: "pw-contact-us-list", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center text-end my-3\">\n    <h2 class=\"card-title p-0 float-start\">Contact Us</h2>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #tt\n    [value]=\"data.contact_request\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [lazy]=\"true\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <!--sort order should be default empty when page load-->\n\n    <!-- Caption Header, Search Bar -->\n    <ng-template pTemplate=\"caption\">\n      <div class=\"d-flex\">\n        <div class=\"col-sm-3\">\n          <select class=\"form-select\"\n            (change)=\"filterClosed($event.target.value)\">\n            <option value=\"\">Select</option>\n            <option [value]=\"false\">Open</option>\n            <option [value]=\"true\">Closed</option>\n          </select>\n        </div>\n        <div class=\"text-end ms-auto\">\n          <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n          <input type=\"text\"\n            pInputText\n            size=\"50\"\n            placeholder=\"Search\"\n            [(ngModel)]=\"searchText\"\n            (input)=\"tt.filterGlobal($event.target.value, 'contains')\" />\n        </div>\n      </div>\n    </ng-template>\n\n    <!-- Column Header -->\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"created_at\">\n          {{ 'Admin.ContactUs.CreatedAt' | transloco }}\n          <p-sortIcon field=\"created_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"email\">\n          {{ 'Label.Email' | transloco }}\n          <p-sortIcon field=\"email\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"subject\">\n          {{ 'Admin.ContactUs.Subject' | transloco }}\n          <p-sortIcon field=\"subject\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"message\">\n          {{ 'Admin.ContactUs.Message' | transloco }}\n          <p-sortIcon field=\"message\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n\n    <!-- Table Body -->\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"created_at\">{{ item?.created_at | dateFormat }}</td>\n        <td data-head=\"name\">{{ item?.name }}</td>\n        <td data-head=\"email\">\n          <a href=\"mailto:{{ item?.email }}\">{{ item?.email }}</a>\n        </td>\n        <td data-head=\"subject\">{{ item?.subject }}</td>\n        <td data-head=\"message\">{{ item?.message }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li *ngIf=\"!item.closed\"\n              ngbTooltip=\"Close\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"toggleRecord(item.id, true)\">\n              <i class=\"fa fa-times delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li *ngIf=\"item.closed\"\n              ngbTooltip=\"Re Open\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"toggleRecord(item.id, false)\">\n              <i class=\"fa fa-retweet edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">Total: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data message=\"No Contact Requests\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i5$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i12.DateFormatPipe, name: "dateFormat" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: ContactUsListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-contact-us-list', template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center text-end my-3\">\n    <h2 class=\"card-title p-0 float-start\">Contact Us</h2>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #tt\n    [value]=\"data.contact_request\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [lazy]=\"true\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <!--sort order should be default empty when page load-->\n\n    <!-- Caption Header, Search Bar -->\n    <ng-template pTemplate=\"caption\">\n      <div class=\"d-flex\">\n        <div class=\"col-sm-3\">\n          <select class=\"form-select\"\n            (change)=\"filterClosed($event.target.value)\">\n            <option value=\"\">Select</option>\n            <option [value]=\"false\">Open</option>\n            <option [value]=\"true\">Closed</option>\n          </select>\n        </div>\n        <div class=\"text-end ms-auto\">\n          <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n          <input type=\"text\"\n            pInputText\n            size=\"50\"\n            placeholder=\"Search\"\n            [(ngModel)]=\"searchText\"\n            (input)=\"tt.filterGlobal($event.target.value, 'contains')\" />\n        </div>\n      </div>\n    </ng-template>\n\n    <!-- Column Header -->\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"created_at\">\n          {{ 'Admin.ContactUs.CreatedAt' | transloco }}\n          <p-sortIcon field=\"created_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"email\">\n          {{ 'Label.Email' | transloco }}\n          <p-sortIcon field=\"email\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"subject\">\n          {{ 'Admin.ContactUs.Subject' | transloco }}\n          <p-sortIcon field=\"subject\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"message\">\n          {{ 'Admin.ContactUs.Message' | transloco }}\n          <p-sortIcon field=\"message\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n\n    <!-- Table Body -->\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"created_at\">{{ item?.created_at | dateFormat }}</td>\n        <td data-head=\"name\">{{ item?.name }}</td>\n        <td data-head=\"email\">\n          <a href=\"mailto:{{ item?.email }}\">{{ item?.email }}</a>\n        </td>\n        <td data-head=\"subject\">{{ item?.subject }}</td>\n        <td data-head=\"message\">{{ item?.message }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li *ngIf=\"!item.closed\"\n              ngbTooltip=\"Close\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"toggleRecord(item.id, true)\">\n              <i class=\"fa fa-times delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li *ngIf=\"item.closed\"\n              ngbTooltip=\"Re Open\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"toggleRecord(item.id, false)\">\n              <i class=\"fa fa-retweet edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">Total: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data message=\"No Contact Requests\"> </pw-no-data>\n</div>\n" }]
@@ -1247,7 +1248,7 @@ class CredentialsDetailsComponent extends AppBaseComponent {
     }
 }
 CredentialsDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: CredentialsDetailsComponent, deps: [{ token: AdminService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-CredentialsDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: CredentialsDetailsComponent, selector: "pw-credentials-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          routerLink=\"../../credentials\"\n          class=\"previous\">\n          <i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>Credentials: {{ data?.name ? data?.name : 'Add New' }}</span>\n        </h3>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSaveForm()\">\n          <div class=\"row\">\n            <div class=\"col-12 col-md-3\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.Credentials.Name' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"name\"\n                  [errorMsg]=\"'Admin.Credentials.Validation.Name' | transloco\">\n                  <input type=\"text\"\n                    class=\"form-control\"\n                    formControlName=\"name\"\n                    [ngClass]=\"{ 'is-invalid': submitted && f['name'].errors }\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-3\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.Credentials.Field' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"field\"\n                  [errorMsg]=\"'Admin.Credentials.Validation.Field' | transloco\">\n                  <input type=\"text\"\n                    class=\"form-control\"\n                    formControlName=\"field\"\n                    [ngClass]=\"{ 'is-invalid': submitted && f['field'].errors }\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.Credentials.Active' | transloco\"\n                  class=\"nowrap\"\n                  name=\"active\">\n                  <ui-switch class=\"d-block\"\n                    formControlName=\"active\"\n                    name=\"active\"\n                    [ngClass]=\"{ 'is-invalid': submitted && f['active'].errors }\">\n                  </ui-switch>\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.Credentials.Visible' | transloco\"\n                  class=\"nowrap\"\n                  name=\"is_visible\">\n                  <ui-switch class=\"d-block\"\n                    formControlName=\"is_visible\"\n                    name=\"is_visible\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['is_visible'].errors\n                                        }\">\n                  </ui-switch>\n                </pw-input-container>\n              </div>\n            </div>\n\n            <div class=\"col\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.Credentials.IsRequired' | transloco\"\n                  class=\"nowrap\"\n                  name=\"is_required\">\n                  <ui-switch class=\"d-block\"\n                    formControlName=\"is_required\"\n                    name=\"is_required\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['is_required'].errors\n                                        }\">\n                  </ui-switch>\n                </pw-input-container>\n              </div>\n            </div>\n\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.Credentials.Description' | transloco\"\n                name=\"description\"\n                [errorMsg]=\"'Admin.Credentials.Validation.Description' | transloco\">\n                <textarea type=\"text\"\n                  rows=\"3\"\n                  class=\"form-control\"\n                  formControlName=\"description\"></textarea>\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 text-end mt-3\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\"\n                *rbacAllow=\"'Pages.Admin.Credentials.Edit'\">\n                {{ 'Button.Submit' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+CredentialsDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: CredentialsDetailsComponent, selector: "pw-credentials-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          routerLink=\"../../credentials\"\n          class=\"previous\">\n          <i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>Credentials: {{ data?.name ? data?.name : 'Add New' }}</span>\n        </h3>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSaveForm()\">\n          <div class=\"row\">\n            <div class=\"col-12 col-md-3\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.Credentials.Name' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"name\"\n                  [errorMsg]=\"'Admin.Credentials.Validation.Name' | transloco\">\n                  <input type=\"text\"\n                    class=\"form-control\"\n                    formControlName=\"name\"\n                    [ngClass]=\"{ 'is-invalid': submitted && f['name'].errors }\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-3\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.Credentials.Field' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"field\"\n                  [errorMsg]=\"'Admin.Credentials.Validation.Field' | transloco\">\n                  <input type=\"text\"\n                    class=\"form-control\"\n                    formControlName=\"field\"\n                    [ngClass]=\"{ 'is-invalid': submitted && f['field'].errors }\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.Credentials.Active' | transloco\"\n                  class=\"nowrap\"\n                  name=\"active\">\n                  <ui-switch class=\"d-block\"\n                    formControlName=\"active\"\n                    name=\"active\"\n                    [ngClass]=\"{ 'is-invalid': submitted && f['active'].errors }\">\n                  </ui-switch>\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.Credentials.Visible' | transloco\"\n                  class=\"nowrap\"\n                  name=\"is_visible\">\n                  <ui-switch class=\"d-block\"\n                    formControlName=\"is_visible\"\n                    name=\"is_visible\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['is_visible'].errors\n                                        }\">\n                  </ui-switch>\n                </pw-input-container>\n              </div>\n            </div>\n\n            <div class=\"col\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.Credentials.IsRequired' | transloco\"\n                  class=\"nowrap\"\n                  name=\"is_required\">\n                  <ui-switch class=\"d-block\"\n                    formControlName=\"is_required\"\n                    name=\"is_required\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['is_required'].errors\n                                        }\">\n                  </ui-switch>\n                </pw-input-container>\n              </div>\n            </div>\n\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.Credentials.Description' | transloco\"\n                name=\"description\"\n                [errorMsg]=\"'Admin.Credentials.Validation.Description' | transloco\">\n                <textarea type=\"text\"\n                  rows=\"3\"\n                  class=\"form-control\"\n                  formControlName=\"description\"></textarea>\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 text-end mt-3\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\"\n                *rbacAllow=\"'Pages.Admin.Credentials.Edit'\">\n                {{ 'Button.Submit' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 __decorate([
     ValidateForm('form'),
     __metadata("design:type", Function),
@@ -1346,7 +1347,7 @@ class CredentialsComponent extends AppBaseComponent {
     }
 }
 CredentialsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: CredentialsComponent, deps: [{ token: AdminService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-CredentialsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: CredentialsComponent, selector: "pw-credentials", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0 float-start\">Credentials</h2>\n    <button class=\"btn btn-sm btn-outline-primary float-end\"\n      data-cy=\"create-role\"\n      [routerLink]=\"[routers.adminCredentialsDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Credential\n    </button>\n  </div>\n</div>\n<div class=\"primeng-datatable-container mt table-responsive\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #dt\n    [value]=\"data.credentials\"\n    [paginator]=\"true\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search Credentials...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"field\">\n          {{ 'Admin.Credentials.Field' | transloco }}\n          <p-sortIcon field=\"field\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"is_required\">\n          {{ 'Admin.Credentials.Required' | transloco }}\n          <p-sortIcon field=\"is_required\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"active\">\n          {{ 'Label.IsActive' | transloco }}\n          <p-sortIcon field=\"active\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"is_visible\">\n          {{ 'Label.IsVisible' | transloco }}\n          <p-sortIcon field=\"is_visible\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          class=\"actions-list-two\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-credential>\n      <tr>\n        <td data-head=\"Name\">{{ credential.name }}</td>\n        <td data-head=\"Field\">\n          <ng-template [ngIf]=\"credential?.description\"\n            [ngIfElse]=\"noDescription\">\n            <span class=\"info-circle\">{{ credential.field\n                            }}<span class=\"tooltiptext gradient-custom-branding\">{{\n                                credential.description\n                            }}</span></span>\n          </ng-template>\n          <ng-template #noDescription>\n            {{ credential.field }}\n          </ng-template>\n        </td>\n        <td data-head=\"Required\">\n          <p [appDynamicBadge]=\"{\n                            itemsArray: [true, false],\n                            item: credential?.is_required\n                        }\"\n            color=\"success-danger\"\n            class=\"badge\">\n            {{ !!credential?.is_required }}\n          </p>\n        </td>\n        <td data-head=\"Is Active\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: credential?.active }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ credential?.active ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Is Visible\">\n          <span [appDynamicBadge]=\"{\n                            itemsArray: [true, false],\n                            item: credential?.is_visible\n                        }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ credential?.is_visible ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.adminCredentialsDetails + credential.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\">\n              <i\n                                (click)=\"onDelete(credential)\"\n                                class=\"fa fa-trash delete-icon\"\n                                aria-hidden=\"true\"\n                            ></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0\">\n  <pw-no-data [message]=\"'Admin.Credentials.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i7.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+CredentialsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: CredentialsComponent, selector: "pw-credentials", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0 float-start\">Credentials</h2>\n    <button class=\"btn btn-sm btn-outline-primary float-end\"\n      data-cy=\"create-role\"\n      [routerLink]=\"[routers.adminCredentialsDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Credential\n    </button>\n  </div>\n</div>\n<div class=\"primeng-datatable-container mt table-responsive\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #dt\n    [value]=\"data.credentials\"\n    [paginator]=\"true\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search Credentials...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"field\">\n          {{ 'Admin.Credentials.Field' | transloco }}\n          <p-sortIcon field=\"field\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"is_required\">\n          {{ 'Admin.Credentials.Required' | transloco }}\n          <p-sortIcon field=\"is_required\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"active\">\n          {{ 'Label.IsActive' | transloco }}\n          <p-sortIcon field=\"active\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"is_visible\">\n          {{ 'Label.IsVisible' | transloco }}\n          <p-sortIcon field=\"is_visible\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          class=\"actions-list-two\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-credential>\n      <tr>\n        <td data-head=\"Name\">{{ credential.name }}</td>\n        <td data-head=\"Field\">\n          <ng-template [ngIf]=\"credential?.description\"\n            [ngIfElse]=\"noDescription\">\n            <span class=\"info-circle\">{{ credential.field\n                            }}<span class=\"tooltiptext gradient-custom-branding\">{{\n                                credential.description\n                            }}</span></span>\n          </ng-template>\n          <ng-template #noDescription>\n            {{ credential.field }}\n          </ng-template>\n        </td>\n        <td data-head=\"Required\">\n          <p [appDynamicBadge]=\"{\n                            itemsArray: [true, false],\n                            item: credential?.is_required\n                        }\"\n            color=\"success-danger\"\n            class=\"badge\">\n            {{ !!credential?.is_required }}\n          </p>\n        </td>\n        <td data-head=\"Is Active\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: credential?.active }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ credential?.active ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Is Visible\">\n          <span [appDynamicBadge]=\"{\n                            itemsArray: [true, false],\n                            item: credential?.is_visible\n                        }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ credential?.is_visible ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.adminCredentialsDetails + credential.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\">\n              <i\n                                (click)=\"onDelete(credential)\"\n                                class=\"fa fa-trash delete-icon\"\n                                aria-hidden=\"true\"\n                            ></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0\">\n  <pw-no-data [message]=\"'Admin.Credentials.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i8.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: CredentialsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-credentials', template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0 float-start\">Credentials</h2>\n    <button class=\"btn btn-sm btn-outline-primary float-end\"\n      data-cy=\"create-role\"\n      [routerLink]=\"[routers.adminCredentialsDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Credential\n    </button>\n  </div>\n</div>\n<div class=\"primeng-datatable-container mt table-responsive\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #dt\n    [value]=\"data.credentials\"\n    [paginator]=\"true\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search Credentials...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"field\">\n          {{ 'Admin.Credentials.Field' | transloco }}\n          <p-sortIcon field=\"field\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"is_required\">\n          {{ 'Admin.Credentials.Required' | transloco }}\n          <p-sortIcon field=\"is_required\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"active\">\n          {{ 'Label.IsActive' | transloco }}\n          <p-sortIcon field=\"active\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"is_visible\">\n          {{ 'Label.IsVisible' | transloco }}\n          <p-sortIcon field=\"is_visible\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          class=\"actions-list-two\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-credential>\n      <tr>\n        <td data-head=\"Name\">{{ credential.name }}</td>\n        <td data-head=\"Field\">\n          <ng-template [ngIf]=\"credential?.description\"\n            [ngIfElse]=\"noDescription\">\n            <span class=\"info-circle\">{{ credential.field\n                            }}<span class=\"tooltiptext gradient-custom-branding\">{{\n                                credential.description\n                            }}</span></span>\n          </ng-template>\n          <ng-template #noDescription>\n            {{ credential.field }}\n          </ng-template>\n        </td>\n        <td data-head=\"Required\">\n          <p [appDynamicBadge]=\"{\n                            itemsArray: [true, false],\n                            item: credential?.is_required\n                        }\"\n            color=\"success-danger\"\n            class=\"badge\">\n            {{ !!credential?.is_required }}\n          </p>\n        </td>\n        <td data-head=\"Is Active\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: credential?.active }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ credential?.active ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Is Visible\">\n          <span [appDynamicBadge]=\"{\n                            itemsArray: [true, false],\n                            item: credential?.is_visible\n                        }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ credential?.is_visible ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.adminCredentialsDetails + credential.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\">\n              <i\n                                (click)=\"onDelete(credential)\"\n                                class=\"fa fa-trash delete-icon\"\n                                aria-hidden=\"true\"\n                            ></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0\">\n  <pw-no-data [message]=\"'Admin.Credentials.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n" }]
@@ -1408,7 +1409,7 @@ class SubscriptionCredentialsDetailsComponent extends AppBaseComponent {
     }
 }
 SubscriptionCredentialsDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SubscriptionCredentialsDetailsComponent, deps: [{ token: AdminService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-SubscriptionCredentialsDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: SubscriptionCredentialsDetailsComponent, selector: "pw-subscription-credentials-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          (click)=\"back()\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>{{\n                            'Admin.SubscriptionCredentialMessages.SubscriptionCredential'\n                                | transloco\n                        }}: {{ data?.name || 'Add New' }}</span>\n        </h3>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSaveForm()\">\n          <div class=\"row\">\n            <div class=\"col-12 col-sm-4\">\n              <pw-input-container [label]=\"\n                                    'Admin.SubscriptionCredentialMessages.Credential' | transloco\n                                \"\n                name=\"credential_id\"\n                [errorMsg]=\"\n                                    'Admin.SubscriptionCredentialMessages.CredentialValidation'\n                                        | transloco\n                                \">\n                <select class=\"form-select\"\n                  formControlName=\"credential_id\"\n                  [ngClass]=\"{\n                                        'is-invalid': submitted && f['credential_id'].errors\n                                    }\">\n                  <option *ngFor=\"let option of allCredentials\"\n                    [value]=\"option.id\">\n                    {{ option.name }} - {{option?.field}}\n                  </option>\n                </select>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-4\">\n              <pw-input-container [label]=\"'Admin.SubscriptionCredentialMessages.Value' | transloco\"\n                name=\"value\"\n                [errorMsg]=\"\n                                    'Admin.SubscriptionCredentialMessages.ValueValidation'\n                                        | transloco\n                                \">\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"value\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['value'].errors }\" />\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 text-end mt-3\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\"\n                *rbacAllow=\"'Pages.Admin.Credentials.Edit'\">\n                {{ 'Button.Submit' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+SubscriptionCredentialsDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: SubscriptionCredentialsDetailsComponent, selector: "pw-subscription-credentials-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          (click)=\"back()\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>{{\n                            'Admin.SubscriptionCredentialMessages.SubscriptionCredential'\n                                | transloco\n                        }}: {{ data?.name || 'Add New' }}</span>\n        </h3>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSaveForm()\">\n          <div class=\"row\">\n            <div class=\"col-12 col-sm-4\">\n              <pw-input-container [label]=\"\n                                    'Admin.SubscriptionCredentialMessages.Credential' | transloco\n                                \"\n                name=\"credential_id\"\n                [errorMsg]=\"\n                                    'Admin.SubscriptionCredentialMessages.CredentialValidation'\n                                        | transloco\n                                \">\n                <select class=\"form-select\"\n                  formControlName=\"credential_id\"\n                  [ngClass]=\"{\n                                        'is-invalid': submitted && f['credential_id'].errors\n                                    }\">\n                  <option *ngFor=\"let option of allCredentials\"\n                    [value]=\"option.id\">\n                    {{ option.name }} - {{option?.field}}\n                  </option>\n                </select>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-4\">\n              <pw-input-container [label]=\"'Admin.SubscriptionCredentialMessages.Value' | transloco\"\n                name=\"value\"\n                [errorMsg]=\"\n                                    'Admin.SubscriptionCredentialMessages.ValueValidation'\n                                        | transloco\n                                \">\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"value\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['value'].errors }\" />\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 text-end mt-3\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\"\n                *rbacAllow=\"'Pages.Admin.Credentials.Edit'\">\n                {{ 'Button.Submit' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 __decorate([
     ValidateForm('form'),
     __metadata("design:type", Function),
@@ -1485,7 +1486,7 @@ class SubscriptionCredentialsComponent extends AppBaseComponent {
     }
 }
 SubscriptionCredentialsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SubscriptionCredentialsComponent, deps: [{ token: AdminService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SubscriptionCredentialsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: SubscriptionCredentialsComponent, selector: "pw-subscription-credentials", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0 float-start\">Subscription Credentials</h2>\n    <button class=\"btn btn-sm btn-outline-primary float-end\"\n      data-cy=\"create-subscription-credential\"\n      [routerLink]=\"[routers.subscriptionCredentialDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i>\n      {{ 'Admin.SubscriptionCredentialMessages.CreateSubscriptionCredential' | transloco }}\n    </button>\n  </div>\n</div>\n<div class=\"primeng-datatable-container mt table-responsive\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #dt\n    [value]=\"data.subscription_credentials\"\n    [paginator]=\"true\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search Credentials...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"subscription_id\">\n          {{ 'Admin.SubscriptionCredentialMessages.SubscriptionOwner' | transloco }}\n          <p-sortIcon field=\"subscription_id\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"credential_id\">\n          {{ 'Admin.SubscriptionCredentialMessages.Credential' | transloco }}\n          <p-sortIcon field=\"credential_id\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"field\">\n          {{ 'Admin.SubscriptionCredentialMessages.Field' | transloco }}\n          <p-sortIcon field=\"field\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"value\">\n          {{ 'Admin.SubscriptionCredentialMessages.Value' | transloco }}\n          <p-sortIcon field=\"value\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"is_visible\">\n          {{ 'Admin.SubscriptionCredentialMessages.Visible' | transloco }}\n          <p-sortIcon field=\"is_visible\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-credential>\n      <tr>\n        <td data-head=\"Name\">{{ credential?.subscription?.contact_name }}</td>\n        <td data-head=\"Credential Name\">{{ credential?.credential?.name }}</td>\n        <td data-head=\"Field\">{{ credential?.credential?.field }}</td>\n        <td data-head=\"Value\">{{ credential.value }}</td>\n        <td data-head=\"Is Active\">\n          <span *ngIf=\"credential?.is_visible\"\n            class=\"badge bg-success\">yes</span>\n          <span *ngIf=\"!credential?.is_visible\"\n            class=\"badge bg-danger\">No</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.subscriptionCredentialDetails + credential.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\">\n              <i\n                                (click)=\"onDelete(credential.id)\"\n                                class=\"fa fa-trash delete-icon\"\n                                aria-hidden=\"true\"\n                            ></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0\">\n  <pw-no-data [message]=\"'Admin.Credentials.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+SubscriptionCredentialsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: SubscriptionCredentialsComponent, selector: "pw-subscription-credentials", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0 float-start\">Subscription Credentials</h2>\n    <button class=\"btn btn-sm btn-outline-primary float-end\"\n      data-cy=\"create-subscription-credential\"\n      [routerLink]=\"[routers.subscriptionCredentialDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i>\n      {{ 'Admin.SubscriptionCredentialMessages.CreateSubscriptionCredential' | transloco }}\n    </button>\n  </div>\n</div>\n<div class=\"primeng-datatable-container mt table-responsive\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #dt\n    [value]=\"data.subscription_credentials\"\n    [paginator]=\"true\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search Credentials...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"subscription_id\">\n          {{ 'Admin.SubscriptionCredentialMessages.SubscriptionOwner' | transloco }}\n          <p-sortIcon field=\"subscription_id\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"credential_id\">\n          {{ 'Admin.SubscriptionCredentialMessages.Credential' | transloco }}\n          <p-sortIcon field=\"credential_id\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"field\">\n          {{ 'Admin.SubscriptionCredentialMessages.Field' | transloco }}\n          <p-sortIcon field=\"field\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"value\">\n          {{ 'Admin.SubscriptionCredentialMessages.Value' | transloco }}\n          <p-sortIcon field=\"value\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"is_visible\">\n          {{ 'Admin.SubscriptionCredentialMessages.Visible' | transloco }}\n          <p-sortIcon field=\"is_visible\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-credential>\n      <tr>\n        <td data-head=\"Name\">{{ credential?.subscription?.contact_name }}</td>\n        <td data-head=\"Credential Name\">{{ credential?.credential?.name }}</td>\n        <td data-head=\"Field\">{{ credential?.credential?.field }}</td>\n        <td data-head=\"Value\">{{ credential.value }}</td>\n        <td data-head=\"Is Active\">\n          <span *ngIf=\"credential?.is_visible\"\n            class=\"badge bg-success\">yes</span>\n          <span *ngIf=\"!credential?.is_visible\"\n            class=\"badge bg-danger\">No</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.subscriptionCredentialDetails + credential.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\">\n              <i\n                                (click)=\"onDelete(credential.id)\"\n                                class=\"fa fa-trash delete-icon\"\n                                aria-hidden=\"true\"\n                            ></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0\">\n  <pw-no-data [message]=\"'Admin.Credentials.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SubscriptionCredentialsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-subscription-credentials', template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0 float-start\">Subscription Credentials</h2>\n    <button class=\"btn btn-sm btn-outline-primary float-end\"\n      data-cy=\"create-subscription-credential\"\n      [routerLink]=\"[routers.subscriptionCredentialDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i>\n      {{ 'Admin.SubscriptionCredentialMessages.CreateSubscriptionCredential' | transloco }}\n    </button>\n  </div>\n</div>\n<div class=\"primeng-datatable-container mt table-responsive\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #dt\n    [value]=\"data.subscription_credentials\"\n    [paginator]=\"true\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search Credentials...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"subscription_id\">\n          {{ 'Admin.SubscriptionCredentialMessages.SubscriptionOwner' | transloco }}\n          <p-sortIcon field=\"subscription_id\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"credential_id\">\n          {{ 'Admin.SubscriptionCredentialMessages.Credential' | transloco }}\n          <p-sortIcon field=\"credential_id\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"field\">\n          {{ 'Admin.SubscriptionCredentialMessages.Field' | transloco }}\n          <p-sortIcon field=\"field\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"value\">\n          {{ 'Admin.SubscriptionCredentialMessages.Value' | transloco }}\n          <p-sortIcon field=\"value\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"is_visible\">\n          {{ 'Admin.SubscriptionCredentialMessages.Visible' | transloco }}\n          <p-sortIcon field=\"is_visible\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-credential>\n      <tr>\n        <td data-head=\"Name\">{{ credential?.subscription?.contact_name }}</td>\n        <td data-head=\"Credential Name\">{{ credential?.credential?.name }}</td>\n        <td data-head=\"Field\">{{ credential?.credential?.field }}</td>\n        <td data-head=\"Value\">{{ credential.value }}</td>\n        <td data-head=\"Is Active\">\n          <span *ngIf=\"credential?.is_visible\"\n            class=\"badge bg-success\">yes</span>\n          <span *ngIf=\"!credential?.is_visible\"\n            class=\"badge bg-danger\">No</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.subscriptionCredentialDetails + credential.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\">\n              <i\n                                (click)=\"onDelete(credential.id)\"\n                                class=\"fa fa-trash delete-icon\"\n                                aria-hidden=\"true\"\n                            ></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0\">\n  <pw-no-data [message]=\"'Admin.Credentials.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n" }]
@@ -1668,7 +1669,7 @@ class DomainConfigBuildComponent extends AppBaseComponent {
     }
 }
 DomainConfigBuildComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: DomainConfigBuildComponent, deps: [{ token: i0.Injector }, { token: AdminService }, { token: i1.ProductService }], target: i0.ɵɵFactoryTarget.Component });
-DomainConfigBuildComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: DomainConfigBuildComponent, selector: "pw-domain-config-build", viewQueries: [{ propertyName: "uploader", predicate: CustomUploaderComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<h3>Public Pages and Onboarding</h3>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <p>\n      The following parameters and settings will be applied to all public pages of this given\n      domain.\n    </p>\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.MasterSubscription' | transloco\"\n          name=\"master_subscription_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.MasterSubscription' | transloco\">\n          <select class=\"form-select\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['master_subscription_id']?.errors }\"\n            formControlName=\"master_subscription_id\">\n            <option [value]=\"null\">Select Master Subscription</option>\n            <option *ngFor=\"let item of masterSubscriptionsList\"\n              [value]=\"item.id\">\n              {{item?.organisation ? item?.organisation  +' - '+ item.contact_name : item?.contact_name}}\n            </option>\n          </select>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.MasterSubscriptionProduct' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"\n                        'Admin.DomainConfig.Tooltip.MasterSubscriptionProduct' | transloco\n                    \"\n          name=\"master_subscription_product_id\">\n          <select class=\"form-select\"\n            [ngClass]=\"{\n                            'is-invalid': submitted && f['master_subscription_product_id']?.errors\n                        }\"\n            formControlName=\"master_subscription_product_id\">\n            <option [value]=\"null\">Select Master Product</option>\n            <option *ngFor=\"let item of masterSubscriptionProductList\"\n              [value]=\"item.id\">\n              {{ item.name }}\n            </option>\n          </select>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.BlogFeatureKey' | transloco\"\n          name=\"blog_feature_key\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.BlogFeatureKey' | transloco\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"blog_feature_key\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['blog_feature_key'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.MainTos' | transloco\"\n          name=\"main_tos_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.MainTos' | transloco\">\n          <select class=\"form-select\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['main_tos_id']?.errors }\"\n            formControlName=\"main_tos_id\">\n            <option [value]=\"null\">Select Main TOS</option>\n            <option *ngFor=\"let item of subscriptionTosList\"\n              [value]=\"item.id\">\n              <span [innerHTML]=\"item.title\"></span>\n            </option>\n          </select>\n        </pw-input-container>\n      </div>\n      <!-- crm subscription fields -->\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CrmSubscription' | transloco\"\n          name=\"crm_subscription_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CrmSubscription' | transloco\">\n          <select class=\"form-select\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['crm_subscription_id']?.errors }\"\n            formControlName=\"crm_subscription_id\">\n            <option [value]=\"null\">Select CRM Subscription</option>\n            <option *ngFor=\"let item of crmSubscriptionsList\"\n              [value]=\"item.id\">\n              {{item?.organisation ? item?.organisation  +' - '+ item.contact_name : item?.contact_name}}\n            </option>\n          </select>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CrmProduct' | transloco\"\n          name=\"crm_product_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CrmProduct' | transloco\">\n          <select class=\"form-select\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['crm_product_id']?.errors }\"\n            formControlName=\"crm_product_id\">\n            <option [value]=\"null\">Select CRM Product</option>\n            <option *ngFor=\"let item of crmProductList\"\n              [value]=\"item.id\">\n              {{item?.subscription_id ? item?.name  +' - SubscriptionID = '+ item.subscription_id : item?.name}}\n            </option>\n          </select>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CrmSource' | transloco\"\n          name=\"crm_source_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CrmSource' | transloco\">\n          <select class=\"form-select\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['crm_source_id']?.errors }\"\n            formControlName=\"crm_source_id\">\n            <option [value]=\"null\">Select CRM Source</option>\n            <option *ngFor=\"let item of crmSourcesList\"\n              [value]=\"item.id\">\n              {{ item.name }}\n            </option>\n          </select>\n        </pw-input-container>\n      </div>\n      <!-- crm subscription fields end-->\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.IsProductDomain' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IsProductDomain' | transloco\"\n          name=\"is_product_domain\">\n          <ui-switch size=\"small\"\n            uncheckedLabel=\"false\"\n            checkedLabel=\"true\"\n            formControlName=\"is_product_domain\"\n            name=\"is_product_domain\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['is_product_domain'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.Active' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.Active' | transloco\"\n          name=\"active\">\n          <ui-switch size=\"small\"\n            uncheckedLabel=\"false\"\n            checkedLabel=\"true\"\n            formControlName=\"active\"\n            name=\"active\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['active'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.NotifyLogins' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.NotifyLogins' | transloco\"\n          name=\"notify_logins\">\n          <ui-switch size=\"small\"\n            uncheckedLabel=\"false\"\n            checkedLabel=\"true\"\n            formControlName=\"notify_logins\"\n            name=\"notify_logins\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['notify_logins'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CanRegisterOnMainPage' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CanRegisterOnMainPage' | transloco\"\n          name=\"can_register_through_main_page\">\n          <ui-switch size=\"small\"\n            uncheckedLabel=\"false\"\n            checkedLabel=\"true\"\n            formControlName=\"can_register_through_main_page\"\n            name=\"can_register_through_main_page\"\n            [ngClass]=\"{\n                            'is-invalid': submitted && f['can_register_through_main_page'].errors\n                        }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.SocialLoginEnabled' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.SocialLoginEnable' | transloco\"\n          name=\"social_login_enabled\">\n          <ui-switch size=\"small\"\n            uncheckedLabel=\"false\"\n            checkedLabel=\"true\"\n            formControlName=\"social_login_enabled\"\n            name=\"social_login_enabled\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['social_login_enabled'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n    </div>\n    <div class=\"mt-3\"></div>\n    <!-- cs start -->\n    <p-accordion>\n      <p-accordionTab [header]=\"'Coming soon pages - Subscribe to newsletter'\">\n        <!-- live page link -->\n        <div class=\"text-end\"\n          *ngIf=\"shardUrl\">\n          <span>See the live page <span class=\"tooltip-wrap ms-1\"\n              [appendTo]=\"'body'\"\n              [pTooltip]=\"'Admin.DomainConfig.Tooltip.SeeLiveCs' | transloco\"\n              tooltipPosition=\"top\">\n              <i class=\"fas fa-info-circle\"></i>\n            </span> :\n            <a [href]=\"shardUrl + '/join/cs1'\"\n              target=\"_blank\">{{ shardUrl }}/join/cs1</a></span>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsProduct' | transloco\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsProduct' | transloco\"\n              name=\"cs_product_id\">\n              <p-autoComplete [suggestions]=\"productsList\"\n                formControlName=\"cs_product_id\"\n                dataKey=\"id\"\n                field=\"name\"\n                [dropdown]=\"true\"\n                [delay]=\"1000\"\n                (completeMethod)=\"searchProduct($event)\"\n                styleClass=\"w-100\"\n                placeholder=\"Search Product\"\n                [inputStyle]=\"\n                                    form.get('cs_product_id').touched &&\n                                    form.get('cs_product_id').invalid\n                                        ? { border: '1px solid #ff586b' }\n                                        : { border: '1px solid gray' }\n                                \"\n                [multiple]=\"false\">\n              </p-autoComplete>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsCrmSourceId' | transloco\"\n              name=\"cs_crm_source_id\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsCrmSourceId' | transloco\">\n              <select class=\"form-select\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['cs_crm_source_id']?.errors\n                                }\"\n                formControlName=\"cs_crm_source_id\">\n                <option [value]=\"null\">Select CRM Source</option>\n                <option *ngFor=\"let item of crmSourcesList\"\n                  [value]=\"item.id\">\n                  {{ item.name }}\n                </option>\n              </select>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsPdfSourceId' | transloco\"\n              name=\"cs_pdf_source_id\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsPdfSourceId' | transloco\">\n              <select class=\"form-select\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['cs_pdf_source_id']?.errors\n                                }\"\n                formControlName=\"cs_pdf_source_id\">\n                <option [value]=\"null\">Select CRM Source</option>\n                <option *ngFor=\"let item of crmSourcesList\"\n                  [value]=\"item.id\">\n                  {{ item.name }}\n                </option>\n              </select>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\"></div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsVideoUrl' | transloco\"\n              name=\"cs_video_url\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsVideoUrl' | transloco\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"cs_video_url\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['cs_video_url'].errors }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsBookDemoUrl' | transloco\"\n              name=\"cs_book_demo_url\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsBookDemoUrl' | transloco\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"cs_book_demo_url\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['cs_book_demo_url'].errors }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsCtaIframe' | transloco\"\n              name=\"cs_cta_iframe\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsCtaIframe' | transloco\">\n              <textarea class=\"form-control\"\n                rows=\"3\"\n                formControlName=\"cs_cta_iframe\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['cs_cta_iframe'].errors }\">\n                            </textarea>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsJoinMessage' | transloco\"\n              name=\"cs_join_message\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsJoinMessage' | transloco\">\n              <textarea class=\"form-control\"\n                rows=\"3\"\n                formControlName=\"cs_join_message\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['cs_join_message'].errors }\">\n                            </textarea>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsPdfDownloadText' | transloco\"\n              name=\"cs_pdf_download_text\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.CsPdfDownloadText' | transloco\n                            \">\n              <textarea class=\"form-control\"\n                rows=\"3\"\n                formControlName=\"cs_pdf_download_text\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['cs_pdf_download_text'].errors\n                                }\">\n                            </textarea>\n            </pw-input-container>\n          </div>\n        </div>\n        <div class=\"row\"\n          matchHeight=\"card\">\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.CsImage' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.CsImage' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [aspectRatio]=\"'custom'\"\n              [title]=\"'Cs Image'\"\n              [controlName]=\"'cs_image'\"\n              [previewData]=\"data['cs_image']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.CsImage2' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.CsImage2' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [aspectRatio]=\"'custom'\"\n              [title]=\"'Cs Image2'\"\n              [controlName]=\"'cs_image2'\"\n              [previewData]=\"data['cs_image2']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.CsPdfImage' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.CsPdfImage' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [aspectRatio]=\"'custom'\"\n              [title]=\"'Cs Pdf Image'\"\n              [controlName]=\"'cs_pdf_image'\"\n              [previewData]=\"data['cs_pdf_image']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.CsImageBg' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.CsImageBg' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [aspectRatio]=\"'custom'\"\n              [title]=\"'Cs Pdf Image Bg'\"\n              [controlName]=\"'cs_image_bg'\"\n              [previewData]=\"data['cs_image_bg']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.CsImageBg2' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.CsImageBg2' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [aspectRatio]=\"'custom'\"\n              [title]=\"'Cs Pdf Image Bg2'\"\n              [controlName]=\"'cs_image_bg2'\"\n              [previewData]=\"data['cs_image_bg2']\">\n            </pw-custom-uploader>\n          </div>\n        </div>\n      </p-accordionTab>\n    </p-accordion>\n    <!-- cs image section end -->\n    <!-- cs fields end -->\n    <div class=\"mt-3\"></div>\n    <!-- trial start -->\n    <p-accordion>\n      <p-accordionTab [header]=\"'Join now pages - Subscribe to product'\">\n        <!-- live page link -->\n        <div class=\"text-end\"\n          *ngIf=\"shardUrl\">\n          <span>See the live page <span class=\"tooltip-wrap ms-1\"\n              [appendTo]=\"'body'\"\n              [pTooltip]=\"'Admin.DomainConfig.Tooltip.SeeLiveTrial' | transloco\"\n              tooltipPosition=\"top\">\n              <i class=\"fas fa-info-circle\"></i>\n            </span> :\n            <a [href]=\"shardUrl + '/join/trial1'\"\n              target=\"_blank\">{{ shardUrl }}/join/trial1</a></span>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialProduct' | transloco\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.TrialProduct' | transloco\"\n              name=\"trial_product_id\">\n              <p-autoComplete [suggestions]=\"productsList\"\n                formControlName=\"trial_product_id\"\n                dataKey=\"id\"\n                field=\"name\"\n                [dropdown]=\"true\"\n                [delay]=\"1000\"\n                (completeMethod)=\"searchProduct($event)\"\n                styleClass=\"w-100\"\n                placeholder=\"Search Product\"\n                [inputStyle]=\"\n                                    form.get('trial_product_id').touched &&\n                                    form.get('trial_product_id').invalid\n                                        ? { border: '1px solid #ff586b' }\n                                        : { border: '1px solid gray' }\n                                \"\n                [multiple]=\"false\">\n              </p-autoComplete>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialCrmSourceId' | transloco\"\n              name=\"trial_crm_source_id\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.TrialCrmSourceId' | transloco\n                            \">\n              <select class=\"form-select\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['trial_crm_source_id']?.errors\n                                }\"\n                formControlName=\"trial_crm_source_id\">\n                <option [value]=\"null\">Select CRM Source</option>\n                <option *ngFor=\"let item of crmSourcesList\"\n                  [value]=\"item.id\">\n                  {{ item.name }}\n                </option>\n              </select>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialPdfSourceId' | transloco\"\n              name=\"trial_pdf_source_id\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.TrialPdfSourceId' | transloco\n                            \">\n              <select class=\"form-select\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['trial_pdf_source_id']?.errors\n                                }\"\n                formControlName=\"trial_pdf_source_id\">\n                <option [value]=\"null\">Select CRM Source</option>\n                <option *ngFor=\"let item of crmSourcesList\"\n                  [value]=\"item.id\">\n                  {{ item.name }}\n                </option>\n              </select>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\"></div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialVideoUrl' | transloco\"\n              name=\"trial_video_url\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.TrialVideoUrl' | transloco\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"trial_video_url\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['trial_video_url'].errors }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialBookDemoUrl' | transloco\"\n              name=\"trial_book_demo_url\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.TrialBookDemoUrl' | transloco\n                            \">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"trial_book_demo_url\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['trial_book_demo_url'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialCtaIframe' | transloco\"\n              name=\"trial_cta_iframe\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.TrialCtaIframe' | transloco\n                            \">\n              <textarea rows=\"3\"\n                class=\"form-control\"\n                formControlName=\"trial_cta_iframe\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['trial_cta_iframe'].errors\n                                }\">\n                            </textarea>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialJoinMessage' | transloco\"\n              name=\"trial_join_message\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.TrialJoinMessage' | transloco\n                            \">\n              <textarea rows=\"3\"\n                class=\"form-control\"\n                formControlName=\"trial_join_message\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['trial_join_message'].errors\n                                }\">\n                            </textarea>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialPdfDownloadText' | transloco\"\n              name=\"trial_pdf_download_text\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.TrialPdfDownloadText' | transloco\n                            \">\n              <textarea rows=\"3\"\n                class=\"form-control\"\n                formControlName=\"trial_pdf_download_text\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['trial_pdf_download_text'].errors\n                                }\">\n                            </textarea>\n            </pw-input-container>\n          </div>\n        </div>\n        <div class=\"row\"\n          matchHeight=\"card\">\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.TrialImage' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.TrialImage' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [aspectRatio]=\"'custom'\"\n              [title]=\"'Trial Image'\"\n              [controlName]=\"'trial_image'\"\n              [previewData]=\"data['trial_image']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.TrialImage2' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.TrialImage2' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [title]=\"'Trial Image2'\"\n              [aspectRatio]=\"'custom'\"\n              [controlName]=\"'trial_image2'\"\n              [previewData]=\"data['trial_image2']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.TrialPdfImage' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.TrialPdfImage' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [title]=\"'Trial Pdf Image'\"\n              [aspectRatio]=\"'custom'\"\n              [controlName]=\"'trial_pdf_image'\"\n              [previewData]=\"data['trial_pdf_image']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.TrialImageBg' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.TrialImageBg' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [title]=\"'Trial Image Bg'\"\n              [aspectRatio]=\"'custom'\"\n              [controlName]=\"'trial_image_bg'\"\n              [previewData]=\"data['trial_image_bg']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.TrialImageBg2' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.TrialImageBg2' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [title]=\"'Trial Image Bg2'\"\n              [aspectRatio]=\"'custom'\"\n              [controlName]=\"'trial_image_bg2'\"\n              [previewData]=\"data['trial_image_bg2']\">\n            </pw-custom-uploader>\n          </div>\n        </div>\n      </p-accordionTab>\n    </p-accordion>\n    <!-- trial image section end -->\n    <!-- trial image section end -->\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "directive", type: i4$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i4$2.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i4$2.AccordionTab, selector: "p-accordionTab", inputs: ["header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected"], outputs: ["selectedChange"] }, { kind: "component", type: i4$3.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "itemSize", "suggestions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.CustomUploaderComponent, selector: "pw-custom-uploader", inputs: ["controlName", "previewData", "aspectRatio", "title"], outputs: ["saveEvent"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+DomainConfigBuildComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: DomainConfigBuildComponent, selector: "pw-domain-config-build", viewQueries: [{ propertyName: "uploader", predicate: CustomUploaderComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<h3>Public Pages and Onboarding</h3>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <p>\n      The following parameters and settings will be applied to all public pages of this given\n      domain.\n    </p>\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.MasterSubscription' | transloco\"\n          name=\"master_subscription_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.MasterSubscription' | transloco\">\n          <select class=\"form-select\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['master_subscription_id']?.errors }\"\n            formControlName=\"master_subscription_id\">\n            <option [value]=\"null\">Select Master Subscription</option>\n            <option *ngFor=\"let item of masterSubscriptionsList\"\n              [value]=\"item.id\">\n              {{item?.organisation ? item?.organisation  +' - '+ item.contact_name : item?.contact_name}}\n            </option>\n          </select>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.MasterSubscriptionProduct' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"\n                        'Admin.DomainConfig.Tooltip.MasterSubscriptionProduct' | transloco\n                    \"\n          name=\"master_subscription_product_id\">\n          <select class=\"form-select\"\n            [ngClass]=\"{\n                            'is-invalid': submitted && f['master_subscription_product_id']?.errors\n                        }\"\n            formControlName=\"master_subscription_product_id\">\n            <option [value]=\"null\">Select Master Product</option>\n            <option *ngFor=\"let item of masterSubscriptionProductList\"\n              [value]=\"item.id\">\n              {{ item.name }}\n            </option>\n          </select>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.BlogFeatureKey' | transloco\"\n          name=\"blog_feature_key\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.BlogFeatureKey' | transloco\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"blog_feature_key\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['blog_feature_key'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.MainTos' | transloco\"\n          name=\"main_tos_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.MainTos' | transloco\">\n          <select class=\"form-select\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['main_tos_id']?.errors }\"\n            formControlName=\"main_tos_id\">\n            <option [value]=\"null\">Select Main TOS</option>\n            <option *ngFor=\"let item of subscriptionTosList\"\n              [value]=\"item.id\">\n              <span [innerHTML]=\"item.title\"></span>\n            </option>\n          </select>\n        </pw-input-container>\n      </div>\n      <!-- crm subscription fields -->\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CrmSubscription' | transloco\"\n          name=\"crm_subscription_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CrmSubscription' | transloco\">\n          <select class=\"form-select\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['crm_subscription_id']?.errors }\"\n            formControlName=\"crm_subscription_id\">\n            <option [value]=\"null\">Select CRM Subscription</option>\n            <option *ngFor=\"let item of crmSubscriptionsList\"\n              [value]=\"item.id\">\n              {{item?.organisation ? item?.organisation  +' - '+ item.contact_name : item?.contact_name}}\n            </option>\n          </select>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CrmProduct' | transloco\"\n          name=\"crm_product_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CrmProduct' | transloco\">\n          <select class=\"form-select\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['crm_product_id']?.errors }\"\n            formControlName=\"crm_product_id\">\n            <option [value]=\"null\">Select CRM Product</option>\n            <option *ngFor=\"let item of crmProductList\"\n              [value]=\"item.id\">\n              {{item?.subscription_id ? item?.name  +' - SubscriptionID = '+ item.subscription_id : item?.name}}\n            </option>\n          </select>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CrmSource' | transloco\"\n          name=\"crm_source_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CrmSource' | transloco\">\n          <select class=\"form-select\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['crm_source_id']?.errors }\"\n            formControlName=\"crm_source_id\">\n            <option [value]=\"null\">Select CRM Source</option>\n            <option *ngFor=\"let item of crmSourcesList\"\n              [value]=\"item.id\">\n              {{ item.name }}\n            </option>\n          </select>\n        </pw-input-container>\n      </div>\n      <!-- crm subscription fields end-->\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.IsProductDomain' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IsProductDomain' | transloco\"\n          name=\"is_product_domain\">\n          <ui-switch size=\"small\"\n            uncheckedLabel=\"false\"\n            checkedLabel=\"true\"\n            formControlName=\"is_product_domain\"\n            name=\"is_product_domain\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['is_product_domain'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.Active' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.Active' | transloco\"\n          name=\"active\">\n          <ui-switch size=\"small\"\n            uncheckedLabel=\"false\"\n            checkedLabel=\"true\"\n            formControlName=\"active\"\n            name=\"active\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['active'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.NotifyLogins' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.NotifyLogins' | transloco\"\n          name=\"notify_logins\">\n          <ui-switch size=\"small\"\n            uncheckedLabel=\"false\"\n            checkedLabel=\"true\"\n            formControlName=\"notify_logins\"\n            name=\"notify_logins\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['notify_logins'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CanRegisterOnMainPage' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CanRegisterOnMainPage' | transloco\"\n          name=\"can_register_through_main_page\">\n          <ui-switch size=\"small\"\n            uncheckedLabel=\"false\"\n            checkedLabel=\"true\"\n            formControlName=\"can_register_through_main_page\"\n            name=\"can_register_through_main_page\"\n            [ngClass]=\"{\n                            'is-invalid': submitted && f['can_register_through_main_page'].errors\n                        }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.SocialLoginEnabled' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.SocialLoginEnable' | transloco\"\n          name=\"social_login_enabled\">\n          <ui-switch size=\"small\"\n            uncheckedLabel=\"false\"\n            checkedLabel=\"true\"\n            formControlName=\"social_login_enabled\"\n            name=\"social_login_enabled\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['social_login_enabled'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n    </div>\n    <div class=\"mt-3\"></div>\n    <!-- cs start -->\n    <p-accordion>\n      <p-accordionTab [header]=\"'Coming soon pages - Subscribe to newsletter'\">\n        <!-- live page link -->\n        <div class=\"text-end\"\n          *ngIf=\"shardUrl\">\n          <span>See the live page <span class=\"tooltip-wrap ms-1\"\n              [appendTo]=\"'body'\"\n              [pTooltip]=\"'Admin.DomainConfig.Tooltip.SeeLiveCs' | transloco\"\n              tooltipPosition=\"top\">\n              <i class=\"fas fa-info-circle\"></i>\n            </span> :\n            <a [href]=\"shardUrl + '/join/cs1'\"\n              target=\"_blank\">{{ shardUrl }}/join/cs1</a></span>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsProduct' | transloco\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsProduct' | transloco\"\n              name=\"cs_product_id\">\n              <p-autoComplete [suggestions]=\"productsList\"\n                formControlName=\"cs_product_id\"\n                dataKey=\"id\"\n                field=\"name\"\n                [dropdown]=\"true\"\n                [delay]=\"1000\"\n                (completeMethod)=\"searchProduct($event)\"\n                styleClass=\"w-100\"\n                placeholder=\"Search Product\"\n                [inputStyle]=\"\n                                    form.get('cs_product_id').touched &&\n                                    form.get('cs_product_id').invalid\n                                        ? { border: '1px solid #ff586b' }\n                                        : { border: '1px solid gray' }\n                                \"\n                [multiple]=\"false\">\n              </p-autoComplete>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsCrmSourceId' | transloco\"\n              name=\"cs_crm_source_id\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsCrmSourceId' | transloco\">\n              <select class=\"form-select\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['cs_crm_source_id']?.errors\n                                }\"\n                formControlName=\"cs_crm_source_id\">\n                <option [value]=\"null\">Select CRM Source</option>\n                <option *ngFor=\"let item of crmSourcesList\"\n                  [value]=\"item.id\">\n                  {{ item.name }}\n                </option>\n              </select>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsPdfSourceId' | transloco\"\n              name=\"cs_pdf_source_id\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsPdfSourceId' | transloco\">\n              <select class=\"form-select\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['cs_pdf_source_id']?.errors\n                                }\"\n                formControlName=\"cs_pdf_source_id\">\n                <option [value]=\"null\">Select CRM Source</option>\n                <option *ngFor=\"let item of crmSourcesList\"\n                  [value]=\"item.id\">\n                  {{ item.name }}\n                </option>\n              </select>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\"></div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsVideoUrl' | transloco\"\n              name=\"cs_video_url\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsVideoUrl' | transloco\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"cs_video_url\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['cs_video_url'].errors }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsBookDemoUrl' | transloco\"\n              name=\"cs_book_demo_url\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsBookDemoUrl' | transloco\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"cs_book_demo_url\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['cs_book_demo_url'].errors }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsCtaIframe' | transloco\"\n              name=\"cs_cta_iframe\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsCtaIframe' | transloco\">\n              <textarea class=\"form-control\"\n                rows=\"3\"\n                formControlName=\"cs_cta_iframe\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['cs_cta_iframe'].errors }\">\n                            </textarea>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsJoinMessage' | transloco\"\n              name=\"cs_join_message\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsJoinMessage' | transloco\">\n              <textarea class=\"form-control\"\n                rows=\"3\"\n                formControlName=\"cs_join_message\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['cs_join_message'].errors }\">\n                            </textarea>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsPdfDownloadText' | transloco\"\n              name=\"cs_pdf_download_text\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.CsPdfDownloadText' | transloco\n                            \">\n              <textarea class=\"form-control\"\n                rows=\"3\"\n                formControlName=\"cs_pdf_download_text\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['cs_pdf_download_text'].errors\n                                }\">\n                            </textarea>\n            </pw-input-container>\n          </div>\n        </div>\n        <div class=\"row\"\n          matchHeight=\"card\">\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.CsImage' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.CsImage' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [aspectRatio]=\"'custom'\"\n              [title]=\"'Cs Image'\"\n              [controlName]=\"'cs_image'\"\n              [previewData]=\"data['cs_image']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.CsImage2' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.CsImage2' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [aspectRatio]=\"'custom'\"\n              [title]=\"'Cs Image2'\"\n              [controlName]=\"'cs_image2'\"\n              [previewData]=\"data['cs_image2']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.CsPdfImage' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.CsPdfImage' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [aspectRatio]=\"'custom'\"\n              [title]=\"'Cs Pdf Image'\"\n              [controlName]=\"'cs_pdf_image'\"\n              [previewData]=\"data['cs_pdf_image']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.CsImageBg' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.CsImageBg' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [aspectRatio]=\"'custom'\"\n              [title]=\"'Cs Pdf Image Bg'\"\n              [controlName]=\"'cs_image_bg'\"\n              [previewData]=\"data['cs_image_bg']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.CsImageBg2' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.CsImageBg2' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [aspectRatio]=\"'custom'\"\n              [title]=\"'Cs Pdf Image Bg2'\"\n              [controlName]=\"'cs_image_bg2'\"\n              [previewData]=\"data['cs_image_bg2']\">\n            </pw-custom-uploader>\n          </div>\n        </div>\n      </p-accordionTab>\n    </p-accordion>\n    <!-- cs image section end -->\n    <!-- cs fields end -->\n    <div class=\"mt-3\"></div>\n    <!-- trial start -->\n    <p-accordion>\n      <p-accordionTab [header]=\"'Join now pages - Subscribe to product'\">\n        <!-- live page link -->\n        <div class=\"text-end\"\n          *ngIf=\"shardUrl\">\n          <span>See the live page <span class=\"tooltip-wrap ms-1\"\n              [appendTo]=\"'body'\"\n              [pTooltip]=\"'Admin.DomainConfig.Tooltip.SeeLiveTrial' | transloco\"\n              tooltipPosition=\"top\">\n              <i class=\"fas fa-info-circle\"></i>\n            </span> :\n            <a [href]=\"shardUrl + '/join/trial1'\"\n              target=\"_blank\">{{ shardUrl }}/join/trial1</a></span>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialProduct' | transloco\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.TrialProduct' | transloco\"\n              name=\"trial_product_id\">\n              <p-autoComplete [suggestions]=\"productsList\"\n                formControlName=\"trial_product_id\"\n                dataKey=\"id\"\n                field=\"name\"\n                [dropdown]=\"true\"\n                [delay]=\"1000\"\n                (completeMethod)=\"searchProduct($event)\"\n                styleClass=\"w-100\"\n                placeholder=\"Search Product\"\n                [inputStyle]=\"\n                                    form.get('trial_product_id').touched &&\n                                    form.get('trial_product_id').invalid\n                                        ? { border: '1px solid #ff586b' }\n                                        : { border: '1px solid gray' }\n                                \"\n                [multiple]=\"false\">\n              </p-autoComplete>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialCrmSourceId' | transloco\"\n              name=\"trial_crm_source_id\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.TrialCrmSourceId' | transloco\n                            \">\n              <select class=\"form-select\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['trial_crm_source_id']?.errors\n                                }\"\n                formControlName=\"trial_crm_source_id\">\n                <option [value]=\"null\">Select CRM Source</option>\n                <option *ngFor=\"let item of crmSourcesList\"\n                  [value]=\"item.id\">\n                  {{ item.name }}\n                </option>\n              </select>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialPdfSourceId' | transloco\"\n              name=\"trial_pdf_source_id\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.TrialPdfSourceId' | transloco\n                            \">\n              <select class=\"form-select\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['trial_pdf_source_id']?.errors\n                                }\"\n                formControlName=\"trial_pdf_source_id\">\n                <option [value]=\"null\">Select CRM Source</option>\n                <option *ngFor=\"let item of crmSourcesList\"\n                  [value]=\"item.id\">\n                  {{ item.name }}\n                </option>\n              </select>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\"></div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialVideoUrl' | transloco\"\n              name=\"trial_video_url\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.TrialVideoUrl' | transloco\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"trial_video_url\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['trial_video_url'].errors }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialBookDemoUrl' | transloco\"\n              name=\"trial_book_demo_url\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.TrialBookDemoUrl' | transloco\n                            \">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"trial_book_demo_url\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['trial_book_demo_url'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialCtaIframe' | transloco\"\n              name=\"trial_cta_iframe\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.TrialCtaIframe' | transloco\n                            \">\n              <textarea rows=\"3\"\n                class=\"form-control\"\n                formControlName=\"trial_cta_iframe\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['trial_cta_iframe'].errors\n                                }\">\n                            </textarea>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialJoinMessage' | transloco\"\n              name=\"trial_join_message\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.TrialJoinMessage' | transloco\n                            \">\n              <textarea rows=\"3\"\n                class=\"form-control\"\n                formControlName=\"trial_join_message\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['trial_join_message'].errors\n                                }\">\n                            </textarea>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialPdfDownloadText' | transloco\"\n              name=\"trial_pdf_download_text\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.TrialPdfDownloadText' | transloco\n                            \">\n              <textarea rows=\"3\"\n                class=\"form-control\"\n                formControlName=\"trial_pdf_download_text\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['trial_pdf_download_text'].errors\n                                }\">\n                            </textarea>\n            </pw-input-container>\n          </div>\n        </div>\n        <div class=\"row\"\n          matchHeight=\"card\">\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.TrialImage' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.TrialImage' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [aspectRatio]=\"'custom'\"\n              [title]=\"'Trial Image'\"\n              [controlName]=\"'trial_image'\"\n              [previewData]=\"data['trial_image']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.TrialImage2' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.TrialImage2' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [title]=\"'Trial Image2'\"\n              [aspectRatio]=\"'custom'\"\n              [controlName]=\"'trial_image2'\"\n              [previewData]=\"data['trial_image2']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.TrialPdfImage' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.TrialPdfImage' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [title]=\"'Trial Pdf Image'\"\n              [aspectRatio]=\"'custom'\"\n              [controlName]=\"'trial_pdf_image'\"\n              [previewData]=\"data['trial_pdf_image']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.TrialImageBg' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.TrialImageBg' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [title]=\"'Trial Image Bg'\"\n              [aspectRatio]=\"'custom'\"\n              [controlName]=\"'trial_image_bg'\"\n              [previewData]=\"data['trial_image_bg']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.TrialImageBg2' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.TrialImageBg2' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [title]=\"'Trial Image Bg2'\"\n              [aspectRatio]=\"'custom'\"\n              [controlName]=\"'trial_image_bg2'\"\n              [previewData]=\"data['trial_image_bg2']\">\n            </pw-custom-uploader>\n          </div>\n        </div>\n      </p-accordionTab>\n    </p-accordion>\n    <!-- trial image section end -->\n    <!-- trial image section end -->\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i4$1.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i4$1.AccordionTab, selector: "p-accordionTab", inputs: ["header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected"], outputs: ["selectedChange"] }, { kind: "component", type: i4$2.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "itemSize", "suggestions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.CustomUploaderComponent, selector: "pw-custom-uploader", inputs: ["controlName", "previewData", "aspectRatio", "title"], outputs: ["saveEvent"] }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 __decorate([
     ValidateForm('form'),
     __metadata("design:type", Function),
@@ -1743,7 +1744,7 @@ class DomainConfigCoreComponent extends AppBaseComponent {
     }
 }
 DomainConfigCoreComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: DomainConfigCoreComponent, deps: [{ token: i0.Injector }, { token: AdminService }], target: i0.ɵɵFactoryTarget.Component });
-DomainConfigCoreComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: DomainConfigCoreComponent, selector: "pw-domain-config-core", usesInheritance: true, ngImport: i0, template: "<h3>Core Config</h3>\n<form [formGroup]=\"form\"\n  (ngSubmit)=\"onSave()\">\n  <div class=\"w-100 text-center mt-3\"\n    *ngIf=\"isLoading\">\n    <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n  </div>\n  <div class=\"row\">\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [showTooltip]=\"true\"\n        [label]=\"'Admin.DomainConfig.HostName' | transloco\"\n        [tooltipText]=\"'Admin.DomainConfig.Tooltip.HostName' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.HostName' | transloco\"\n        name=\"host_name\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"host_name\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['host_name'].errors }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [showTooltip]=\"true\"\n        [label]=\"'Admin.DomainConfig.InternalPath' | transloco\"\n        [tooltipText]=\"'Admin.DomainConfig.Tooltip.InternalPath' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.InternalPath' | transloco\"\n        name=\"internal_path\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"internal_path\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['internal_path'].errors }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [showTooltip]=\"true\"\n        [label]=\"'Admin.DomainConfig.ShardName' | transloco\"\n        [tooltipText]=\"'Admin.DomainConfig.Tooltip.ShardName' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.ShardName' | transloco\"\n        name=\"shard_name\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"shard_name\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['shard_name'].errors }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [showTooltip]=\"true\"\n        [label]=\"'Admin.DomainConfig.ShardUrl' | transloco\"\n        [tooltipText]=\"'Admin.DomainConfig.Tooltip.ShardUrl' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.ShardUrl' | transloco\"\n        name=\"shard_url\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"shard_url\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['shard_url'].errors }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [label]=\"'Admin.DomainConfig.CompanyName' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.CompanyName' | transloco\"\n        name=\"company_name\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"company_name\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['company_name'].errors }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [label]=\"'Admin.DomainConfig.CompanyEmail' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.CompanyEmail' | transloco\"\n        name=\"company_email\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"company_email\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['company_email'].errors }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [label]=\"'Admin.DomainConfig.CompanyUrl' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.CompanyUrl' | transloco\"\n        name=\"company_url\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"company_url\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['company_url'].errors }\" />\n      </pw-input-container>\n    </div>\n  </div>\n  <div class=\"col-12 text-end mt-3\">\n    <button type=\"button\"\n      class=\"btn btn-outline-default me-2\"\n      (click)=\"back()\">\n      {{ 'Button.Cancel' | transloco }}\n    </button>\n    <button type=\"submit\"\n      class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n  </div>\n</form>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+DomainConfigCoreComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: DomainConfigCoreComponent, selector: "pw-domain-config-core", usesInheritance: true, ngImport: i0, template: "<h3>Core Config</h3>\n<form [formGroup]=\"form\"\n  (ngSubmit)=\"onSave()\">\n  <div class=\"w-100 text-center mt-3\"\n    *ngIf=\"isLoading\">\n    <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n  </div>\n  <div class=\"row\">\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [showTooltip]=\"true\"\n        [label]=\"'Admin.DomainConfig.HostName' | transloco\"\n        [tooltipText]=\"'Admin.DomainConfig.Tooltip.HostName' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.HostName' | transloco\"\n        name=\"host_name\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"host_name\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['host_name'].errors }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [showTooltip]=\"true\"\n        [label]=\"'Admin.DomainConfig.InternalPath' | transloco\"\n        [tooltipText]=\"'Admin.DomainConfig.Tooltip.InternalPath' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.InternalPath' | transloco\"\n        name=\"internal_path\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"internal_path\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['internal_path'].errors }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [showTooltip]=\"true\"\n        [label]=\"'Admin.DomainConfig.ShardName' | transloco\"\n        [tooltipText]=\"'Admin.DomainConfig.Tooltip.ShardName' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.ShardName' | transloco\"\n        name=\"shard_name\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"shard_name\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['shard_name'].errors }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [showTooltip]=\"true\"\n        [label]=\"'Admin.DomainConfig.ShardUrl' | transloco\"\n        [tooltipText]=\"'Admin.DomainConfig.Tooltip.ShardUrl' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.ShardUrl' | transloco\"\n        name=\"shard_url\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"shard_url\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['shard_url'].errors }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [label]=\"'Admin.DomainConfig.CompanyName' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.CompanyName' | transloco\"\n        name=\"company_name\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"company_name\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['company_name'].errors }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [label]=\"'Admin.DomainConfig.CompanyEmail' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.CompanyEmail' | transloco\"\n        name=\"company_email\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"company_email\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['company_email'].errors }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [label]=\"'Admin.DomainConfig.CompanyUrl' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.CompanyUrl' | transloco\"\n        name=\"company_url\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"company_url\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['company_url'].errors }\" />\n      </pw-input-container>\n    </div>\n  </div>\n  <div class=\"col-12 text-end mt-3\">\n    <button type=\"button\"\n      class=\"btn btn-outline-default me-2\"\n      (click)=\"back()\">\n      {{ 'Button.Cancel' | transloco }}\n    </button>\n    <button type=\"submit\"\n      class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n  </div>\n</form>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 __decorate([
     ValidateForm('form'),
     __metadata("design:type", Function),
@@ -1812,7 +1813,7 @@ class DomainConfigOrganizationComponent extends AppBaseComponent {
     }
 }
 DomainConfigOrganizationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: DomainConfigOrganizationComponent, deps: [{ token: i0.Injector }, { token: AdminService }], target: i0.ɵɵFactoryTarget.Component });
-DomainConfigOrganizationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: DomainConfigOrganizationComponent, selector: "pw-domain-config-organization", usesInheritance: true, ngImport: i0, template: "<h3>Organization Related Config</h3>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-6\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyHeader' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyHeader' | transloco\"\n          name=\"company_header\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_header\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_header'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-6\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyTitle' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyTitle' | transloco\"\n          name=\"company_title\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_title\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_title'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-6\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyKeywords' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyKeywords' | transloco\"\n          name=\"company_keywords\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_keywords\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_keywords'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-6\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyDescription' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyDescription' | transloco\"\n          name=\"company_description\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_description\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_description'].errors }\" />\n        </pw-input-container>\n      </div>\n\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyCountry' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyCountry' | transloco\"\n          name=\"company_country\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_country\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_country'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyAddress' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyAddress' | transloco\"\n          name=\"company_address\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_address\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_address'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyCity' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyCity' | transloco\"\n          name=\"company_city\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_city\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_city'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyCityCode' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyCityCode' | transloco\"\n          name=\"company_city_code\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_city_code\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_city_code'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyVatNumber' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyVatNumber' | transloco\"\n          name=\"company_vat_number\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_vat_number\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_vat_number'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyPhoneNumber' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyPhoneNumber' | transloco\"\n          name=\"company_phone_number\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_phone_number\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_phone_number'].errors }\" />\n        </pw-input-container>\n      </div>\n    </div>\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+DomainConfigOrganizationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: DomainConfigOrganizationComponent, selector: "pw-domain-config-organization", usesInheritance: true, ngImport: i0, template: "<h3>Organization Related Config</h3>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-6\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyHeader' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyHeader' | transloco\"\n          name=\"company_header\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_header\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_header'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-6\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyTitle' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyTitle' | transloco\"\n          name=\"company_title\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_title\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_title'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-6\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyKeywords' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyKeywords' | transloco\"\n          name=\"company_keywords\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_keywords\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_keywords'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-6\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyDescription' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyDescription' | transloco\"\n          name=\"company_description\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_description\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_description'].errors }\" />\n        </pw-input-container>\n      </div>\n\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyCountry' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyCountry' | transloco\"\n          name=\"company_country\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_country\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_country'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyAddress' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyAddress' | transloco\"\n          name=\"company_address\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_address\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_address'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyCity' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyCity' | transloco\"\n          name=\"company_city\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_city\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_city'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyCityCode' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyCityCode' | transloco\"\n          name=\"company_city_code\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_city_code\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_city_code'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyVatNumber' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyVatNumber' | transloco\"\n          name=\"company_vat_number\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_vat_number\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_vat_number'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyPhoneNumber' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyPhoneNumber' | transloco\"\n          name=\"company_phone_number\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_phone_number\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_phone_number'].errors }\" />\n        </pw-input-container>\n      </div>\n    </div>\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 __decorate([
     ValidateForm('form'),
     __metadata("design:type", Function),
@@ -1881,7 +1882,7 @@ class DomainConfigSecurityComponent extends AppBaseComponent {
     }
 }
 DomainConfigSecurityComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: DomainConfigSecurityComponent, deps: [{ token: i0.Injector }, { token: AdminService }], target: i0.ɵɵFactoryTarget.Component });
-DomainConfigSecurityComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: DomainConfigSecurityComponent, selector: "pw-domain-config-security", usesInheritance: true, ngImport: i0, template: "<h3>OAuth Login</h3>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <div class=\"mt-3\"></div>\n    <p-accordion>\n      <p-accordionTab [header]=\"'Apple'\">\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginAppleClientId' | transloco\"\n              name=\"oauth_login_apple_client_id\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_apple_client_id\"\n                [ngClass]=\"{\n                                    'is-invalid':\n                                        submitted && f['oauth_login_apple_client_id'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n        </div>\n      </p-accordionTab>\n      <p-accordionTab [header]=\"'Facebook'\">\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginFacebookClientId' | transloco\"\n              name=\"oauth_login_facebook_client_id\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_facebook_client_id\"\n                [ngClass]=\"{\n                                    'is-invalid':\n                                        submitted && f['oauth_login_facebook_client_id'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginFacebookSecret' | transloco\"\n              name=\"oauth_login_facebook_secret\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_facebook_secret\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['oauth_login_facebook_secret'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n        </div>\n      </p-accordionTab>\n      <p-accordionTab [header]=\"'Google'\">\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginGoogleClientId' | transloco\"\n              name=\"oauth_login_google_client_id\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_google_client_id\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['oauth_login_google_client_id'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginGoogleSecret' | transloco\"\n              name=\"oauth_login_google_secret\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_google_secret\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['oauth_login_google_secret'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n        </div>\n      </p-accordionTab>\n      <p-accordionTab [header]=\"'LinkedIn'\">\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginLinkedInClientId' | transloco\"\n              name=\"oauth_login_linkedin_client_id\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_linkedin_client_id\"\n                [ngClass]=\"{\n                                    'is-invalid':\n                                        submitted && f['oauth_login_linkedin_client_id'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginLinkedInSecret' | transloco\"\n              name=\"oauth_login_linkedin_secret\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_linkedin_secret\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['oauth_login_linkedin_secret'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n        </div>\n      </p-accordionTab>\n      <p-accordionTab [header]=\"'Microsoft'\">\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginMicrosoftClientId' | transloco\"\n              name=\"oauth_login_microsoft_client_id\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_microsoft_client_id\"\n                [ngClass]=\"{\n                                    'is-invalid':\n                                        submitted && f['oauth_login_microsoft_client_id'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginMicrosoftSecret' | transloco\"\n              name=\"oauth_login_microsoft_secret\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_microsoft_secret\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['oauth_login_microsoft_secret'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n        </div>\n      </p-accordionTab>\n      <p-accordionTab [header]=\"'Twitter'\">\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginTwitterClientId' | transloco\"\n              name=\"oauth_login_twitter_client_id\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_twitter_client_id\"\n                [ngClass]=\"{\n                                    'is-invalid':\n                                        submitted && f['oauth_login_twitter_client_id'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginTwitterSecret' | transloco\"\n              name=\"oauth_login_twitter_secret\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_twitter_secret\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['oauth_login_twitter_secret'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n        </div>\n      </p-accordionTab>\n    </p-accordion>\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i4$2.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i4$2.AccordionTab, selector: "p-accordionTab", inputs: ["header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected"], outputs: ["selectedChange"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+DomainConfigSecurityComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: DomainConfigSecurityComponent, selector: "pw-domain-config-security", usesInheritance: true, ngImport: i0, template: "<h3>OAuth Login</h3>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <div class=\"mt-3\"></div>\n    <p-accordion>\n      <p-accordionTab [header]=\"'Apple'\">\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginAppleClientId' | transloco\"\n              name=\"oauth_login_apple_client_id\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_apple_client_id\"\n                [ngClass]=\"{\n                                    'is-invalid':\n                                        submitted && f['oauth_login_apple_client_id'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n        </div>\n      </p-accordionTab>\n      <p-accordionTab [header]=\"'Facebook'\">\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginFacebookClientId' | transloco\"\n              name=\"oauth_login_facebook_client_id\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_facebook_client_id\"\n                [ngClass]=\"{\n                                    'is-invalid':\n                                        submitted && f['oauth_login_facebook_client_id'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginFacebookSecret' | transloco\"\n              name=\"oauth_login_facebook_secret\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_facebook_secret\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['oauth_login_facebook_secret'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n        </div>\n      </p-accordionTab>\n      <p-accordionTab [header]=\"'Google'\">\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginGoogleClientId' | transloco\"\n              name=\"oauth_login_google_client_id\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_google_client_id\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['oauth_login_google_client_id'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginGoogleSecret' | transloco\"\n              name=\"oauth_login_google_secret\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_google_secret\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['oauth_login_google_secret'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n        </div>\n      </p-accordionTab>\n      <p-accordionTab [header]=\"'LinkedIn'\">\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginLinkedInClientId' | transloco\"\n              name=\"oauth_login_linkedin_client_id\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_linkedin_client_id\"\n                [ngClass]=\"{\n                                    'is-invalid':\n                                        submitted && f['oauth_login_linkedin_client_id'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginLinkedInSecret' | transloco\"\n              name=\"oauth_login_linkedin_secret\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_linkedin_secret\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['oauth_login_linkedin_secret'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n        </div>\n      </p-accordionTab>\n      <p-accordionTab [header]=\"'Microsoft'\">\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginMicrosoftClientId' | transloco\"\n              name=\"oauth_login_microsoft_client_id\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_microsoft_client_id\"\n                [ngClass]=\"{\n                                    'is-invalid':\n                                        submitted && f['oauth_login_microsoft_client_id'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginMicrosoftSecret' | transloco\"\n              name=\"oauth_login_microsoft_secret\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_microsoft_secret\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['oauth_login_microsoft_secret'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n        </div>\n      </p-accordionTab>\n      <p-accordionTab [header]=\"'Twitter'\">\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginTwitterClientId' | transloco\"\n              name=\"oauth_login_twitter_client_id\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_twitter_client_id\"\n                [ngClass]=\"{\n                                    'is-invalid':\n                                        submitted && f['oauth_login_twitter_client_id'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginTwitterSecret' | transloco\"\n              name=\"oauth_login_twitter_secret\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_twitter_secret\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['oauth_login_twitter_secret'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n        </div>\n      </p-accordionTab>\n    </p-accordion>\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i4$1.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i4$1.AccordionTab, selector: "p-accordionTab", inputs: ["header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected"], outputs: ["selectedChange"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 __decorate([
     ValidateForm('form'),
     __metadata("design:type", Function),
@@ -1950,7 +1951,7 @@ class DomainConfigSocialComponent extends AppBaseComponent {
     }
 }
 DomainConfigSocialComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: DomainConfigSocialComponent, deps: [{ token: i0.Injector }, { token: AdminService }], target: i0.ɵɵFactoryTarget.Component });
-DomainConfigSocialComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: DomainConfigSocialComponent, selector: "pw-domain-config-social", usesInheritance: true, ngImport: i0, template: "<h3>Social Presence</h3>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <h5>Twitter SEO</h5>\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.TwitterSeoCard' | transloco\"\n          name=\"twitter_seo_card\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"twitter_seo_card\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['twitter_seo_card'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.TwitterSeoSite' | transloco\"\n          name=\"twitter_seo_site\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"twitter_seo_site\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['twitter_seo_site'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.TwitterSeoCreator' | transloco\"\n          name=\"twitter_seo_creator\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"twitter_seo_creator\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['twitter_seo_creator'].errors }\" />\n        </pw-input-container>\n      </div>\n    </div>\n    <!-- social networks -->\n    <h5>Social Networks</h5>\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.LinkedInUrl' | transloco\"\n          name=\"linkedin_url\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"linkedin_url\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['linkedin_url'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.TwitterUrl' | transloco\"\n          name=\"twitter_url\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"twitter_url\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['twitter_url'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.FacebookUrl' | transloco\"\n          name=\"facebook_url\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"facebook_url\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['facebook_url'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.YoutubeUrl' | transloco\"\n          name=\"youtube_url\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"youtube_url\"\n            id=\"youtube_url\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['youtube_url'].errors }\" />\n        </pw-input-container>\n      </div>\n    </div>\n    <!-- social networks end -->\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+DomainConfigSocialComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: DomainConfigSocialComponent, selector: "pw-domain-config-social", usesInheritance: true, ngImport: i0, template: "<h3>Social Presence</h3>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <h5>Twitter SEO</h5>\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.TwitterSeoCard' | transloco\"\n          name=\"twitter_seo_card\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"twitter_seo_card\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['twitter_seo_card'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.TwitterSeoSite' | transloco\"\n          name=\"twitter_seo_site\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"twitter_seo_site\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['twitter_seo_site'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.TwitterSeoCreator' | transloco\"\n          name=\"twitter_seo_creator\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"twitter_seo_creator\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['twitter_seo_creator'].errors }\" />\n        </pw-input-container>\n      </div>\n    </div>\n    <!-- social networks -->\n    <h5>Social Networks</h5>\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.LinkedInUrl' | transloco\"\n          name=\"linkedin_url\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"linkedin_url\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['linkedin_url'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.TwitterUrl' | transloco\"\n          name=\"twitter_url\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"twitter_url\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['twitter_url'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.FacebookUrl' | transloco\"\n          name=\"facebook_url\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"facebook_url\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['facebook_url'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.YoutubeUrl' | transloco\"\n          name=\"youtube_url\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"youtube_url\"\n            id=\"youtube_url\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['youtube_url'].errors }\" />\n        </pw-input-container>\n      </div>\n    </div>\n    <!-- social networks end -->\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 __decorate([
     ValidateForm('form'),
     __metadata("design:type", Function),
@@ -2019,7 +2020,7 @@ class DomainConfigIntegrationsComponent extends AppBaseComponent {
     }
 }
 DomainConfigIntegrationsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: DomainConfigIntegrationsComponent, deps: [{ token: i0.Injector }, { token: AdminService }], target: i0.ɵɵFactoryTarget.Component });
-DomainConfigIntegrationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: DomainConfigIntegrationsComponent, selector: "pw-domain-config-integrations", usesInheritance: true, ngImport: i0, template: "<h3>Integrations</h3>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationCaptchaKey' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationCaptchaKey' | transloco\"\n          name=\"integrations_captcha_key\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_captcha_key\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['integrations_captcha_key'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationCaptchaKeyV2' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationCaptchaKeyV2' | transloco\"\n          name=\"integrations_captcha_key_V2\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_captcha_key_V2\"\n            [ngClass]=\"{\n                            'is-invalid': submitted && f['integrations_captcha_key_V2'].errors\n                        }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationGoogleAnalytics' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationGoogleAnalytics' | transloco\"\n          name=\"integrations_google_analytics\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_google_analytics\"\n            [ngClass]=\"{\n                            'is-invalid': submitted && f['integrations_google_analytics'].errors\n                        }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationsGoogleApiKey' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationsGoogleApiKey' | transloco\"\n          name=\"integrations_google_api_key\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_google_api_key\"\n            [ngClass]=\"{\n                            'is-invalid': submitted && f['integrations_google_api_key'].errors\n                        }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationsSentryConfigDns' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationsSentryConfigDns' | transloco\"\n          name=\"integrations_sentry_config_dns\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_sentry_config_dns\"\n            [ngClass]=\"{\n                            'is-invalid': submitted && f['integrations_sentry_config_dns'].errors\n                        }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationDriftCode' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationDriftCode' | transloco\"\n          name=\"integrations_drift_code\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_drift_code\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['integrations_drift_code'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationFbAppId' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationFbAppId' | transloco\"\n          name=\"integrations_fb_app_id\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_fb_app_id\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['integrations_fb_app_id'].errors }\" />\n        </pw-input-container>\n      </div>\n    </div>\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+DomainConfigIntegrationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: DomainConfigIntegrationsComponent, selector: "pw-domain-config-integrations", usesInheritance: true, ngImport: i0, template: "<h3>Integrations</h3>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationCaptchaKey' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationCaptchaKey' | transloco\"\n          name=\"integrations_captcha_key\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_captcha_key\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['integrations_captcha_key'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationCaptchaKeyV2' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationCaptchaKeyV2' | transloco\"\n          name=\"integrations_captcha_key_V2\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_captcha_key_V2\"\n            [ngClass]=\"{\n                            'is-invalid': submitted && f['integrations_captcha_key_V2'].errors\n                        }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationGoogleAnalytics' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationGoogleAnalytics' | transloco\"\n          name=\"integrations_google_analytics\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_google_analytics\"\n            [ngClass]=\"{\n                            'is-invalid': submitted && f['integrations_google_analytics'].errors\n                        }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationsGoogleApiKey' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationsGoogleApiKey' | transloco\"\n          name=\"integrations_google_api_key\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_google_api_key\"\n            [ngClass]=\"{\n                            'is-invalid': submitted && f['integrations_google_api_key'].errors\n                        }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationsSentryConfigDns' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationsSentryConfigDns' | transloco\"\n          name=\"integrations_sentry_config_dns\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_sentry_config_dns\"\n            [ngClass]=\"{\n                            'is-invalid': submitted && f['integrations_sentry_config_dns'].errors\n                        }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationDriftCode' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationDriftCode' | transloco\"\n          name=\"integrations_drift_code\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_drift_code\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['integrations_drift_code'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationFbAppId' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationFbAppId' | transloco\"\n          name=\"integrations_fb_app_id\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_fb_app_id\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['integrations_fb_app_id'].errors }\" />\n        </pw-input-container>\n      </div>\n    </div>\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 __decorate([
     ValidateForm('form'),
     __metadata("design:type", Function),
@@ -2125,7 +2126,7 @@ class DomainConfigInterfaceComponent extends AppBaseComponent {
     }
 }
 DomainConfigInterfaceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: DomainConfigInterfaceComponent, deps: [{ token: i0.Injector }, { token: AdminService }], target: i0.ɵɵFactoryTarget.Component });
-DomainConfigInterfaceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: DomainConfigInterfaceComponent, selector: "pw-domain-config-interface", viewQueries: [{ propertyName: "uploader", predicate: CustomUploaderComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<h3>Look and Feel Config</h3>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <h5>Color codes</h5>\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeFirst' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeFirst' | transloco\"\n          name=\"color_code_first\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_first\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_first'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeSecond' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeSecond' | transloco\"\n          name=\"color_code_second\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_second\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_second'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeThird' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeThird' | transloco\"\n          name=\"color_code_third\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_third\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_third'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\"></div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeTitles' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeTitles' | transloco\"\n          name=\"color_code_titles\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_titles\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_titles'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeText' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeText' | transloco\"\n          name=\"color_code_text\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_text\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_text'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\"></div>\n      <div class=\"col-12 col-sm-3\"></div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeSidebarBg' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeSidebarBg' | transloco\"\n          name=\"color_code_sidebar_bg\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_sidebar_bg\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_sidebar_bg'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeSidebarText' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeSidebarText' | transloco\"\n          name=\"color_code_sidebar_text\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_sidebar_text\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_sidebar_text'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\"></div>\n      <div class=\"col-12 col-sm-3\"></div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeTabsBg' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeTabsBg' | transloco\"\n          name=\"color_code_tabs_bg\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_tabs_bg\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_tabs_bg'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeTabsText' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeTabsText' | transloco\"\n          name=\"color_code_tabs_text\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_tabs_text\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_tabs_text'].errors }\" />\n        </pw-input-container>\n      </div>\n    </div>\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n    <h5 class=\"my-3\">Logos</h5>\n    <div>\n      <p>\n        The following logos are used across our platform in different pages such as the\n        header in our public pages and in our dashboard.\n      </p>\n    </div>\n    <div class=\"row\"\n      matchHeight=\"card\">\n      <div class=\"col-md-4 mt-3\">\n        <label>{{ 'Admin.DomainConfig.LogoMain' | transloco }}\n          <span class=\"info-circle\">\n            <span class=\"tooltiptext gradient-custom-branding\">{{\n                            'Admin.DomainConfig.Tooltip.LogoMain' | transloco\n                        }}</span>\n          </span>\n        </label>\n        <pw-custom-uploader [aspectRatio]=\"'fullLogo'\"\n          (saveEvent)=\"saveFile($event)\"\n          [title]=\"'Logo Main'\"\n          [previewData]=\"data['logo_main']\"\n          controlName=\"logo_main\"></pw-custom-uploader>\n      </div>\n      <div class=\"col-md-4 mt-3\">\n        <label>{{ 'Admin.DomainConfig.LogoMainDark' | transloco }}\n          <span class=\"info-circle\">\n            <span class=\"tooltiptext gradient-custom-branding\">{{\n                            'Admin.DomainConfig.Tooltip.LogoMainDark' | transloco\n                        }}</span>\n          </span>\n        </label>\n        <pw-custom-uploader [aspectRatio]=\"'fullLogo'\"\n          (saveEvent)=\"saveFile($event)\"\n          [title]=\"'Logo Main Dark'\"\n          [previewData]=\"data['logo_main_dark']\"\n          controlName=\"logo_main_dark\"></pw-custom-uploader>\n      </div>\n      <div class=\"col-md-4 mt-3\">\n        <label>{{ 'Admin.DomainConfig.LogoMainContrast' | transloco }}\n          <span class=\"info-circle\">\n            <span class=\"tooltiptext gradient-custom-branding\">{{\n                            'Admin.DomainConfig.Tooltip.LogoMainContrast' | transloco\n                        }}</span>\n          </span>\n        </label>\n        <pw-custom-uploader [aspectRatio]=\"'fullLogo'\"\n          (saveEvent)=\"saveFile($event)\"\n          [title]=\"'Logo Main Contrast'\"\n          [previewData]=\"data['logo_main_contrast']\"\n          controlName=\"logo_main_contrast\"></pw-custom-uploader>\n      </div>\n      <div class=\"col-md-4 mt-3\">\n        <label>{{ 'Admin.DomainConfig.LogoSquaredMain' | transloco }}\n          <span class=\"info-circle\">\n            <span class=\"tooltiptext gradient-custom-branding\">{{\n                            'Admin.DomainConfig.Tooltip.LogoSquaredMain' | transloco\n                        }}</span>\n          </span>\n        </label>\n        <pw-custom-uploader (saveEvent)=\"saveFile($event)\"\n          [title]=\"'Logo Squared Main'\"\n          [previewData]=\"data['logo_squared_main']\"\n          controlName=\"logo_squared_main\"></pw-custom-uploader>\n      </div>\n      <div class=\"col-md-4 mt-3\">\n        <label>{{ 'Admin.DomainConfig.LogoSquaredDark' | transloco }}\n          <span class=\"info-circle\">\n            <span class=\"tooltiptext gradient-custom-branding\">{{\n                            'Admin.DomainConfig.Tooltip.LogoSquaredDark' | transloco\n                        }}</span>\n          </span>\n        </label>\n        <pw-custom-uploader (saveEvent)=\"saveFile($event)\"\n          [title]=\"'Logo Squared Dark'\"\n          [previewData]=\"data['logo_squared_dark']\"\n          controlName=\"logo_squared_dark\"></pw-custom-uploader>\n      </div>\n      <div class=\"col-md-4 mt-3\">\n        <label>{{ 'Admin.DomainConfig.LogoSquaredContrast' | transloco }}\n          <span class=\"info-circle\">\n            <span class=\"tooltiptext gradient-custom-branding\">{{\n                            'Admin.DomainConfig.Tooltip.LogoSquaredContrast' | transloco\n                        }}</span>\n          </span>\n        </label>\n        <pw-custom-uploader (saveEvent)=\"saveFile($event)\"\n          [title]=\"'Logo Squared Contrast'\"\n          [previewData]=\"data['logo_squared_contrast']\"\n          controlName=\"logo_squared_contrast\"></pw-custom-uploader>\n      </div>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.CustomUploaderComponent, selector: "pw-custom-uploader", inputs: ["controlName", "previewData", "aspectRatio", "title"], outputs: ["saveEvent"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+DomainConfigInterfaceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: DomainConfigInterfaceComponent, selector: "pw-domain-config-interface", viewQueries: [{ propertyName: "uploader", predicate: CustomUploaderComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<h3>Look and Feel Config</h3>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <h5>Color codes</h5>\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeFirst' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeFirst' | transloco\"\n          name=\"color_code_first\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_first\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_first'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeSecond' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeSecond' | transloco\"\n          name=\"color_code_second\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_second\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_second'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeThird' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeThird' | transloco\"\n          name=\"color_code_third\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_third\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_third'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\"></div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeTitles' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeTitles' | transloco\"\n          name=\"color_code_titles\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_titles\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_titles'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeText' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeText' | transloco\"\n          name=\"color_code_text\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_text\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_text'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\"></div>\n      <div class=\"col-12 col-sm-3\"></div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeSidebarBg' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeSidebarBg' | transloco\"\n          name=\"color_code_sidebar_bg\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_sidebar_bg\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_sidebar_bg'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeSidebarText' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeSidebarText' | transloco\"\n          name=\"color_code_sidebar_text\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_sidebar_text\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_sidebar_text'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\"></div>\n      <div class=\"col-12 col-sm-3\"></div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeTabsBg' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeTabsBg' | transloco\"\n          name=\"color_code_tabs_bg\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_tabs_bg\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_tabs_bg'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeTabsText' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeTabsText' | transloco\"\n          name=\"color_code_tabs_text\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_tabs_text\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_tabs_text'].errors }\" />\n        </pw-input-container>\n      </div>\n    </div>\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n    <h5 class=\"my-3\">Logos</h5>\n    <div>\n      <p>\n        The following logos are used across our platform in different pages such as the\n        header in our public pages and in our dashboard.\n      </p>\n    </div>\n    <div class=\"row\"\n      matchHeight=\"card\">\n      <div class=\"col-md-4 mt-3\">\n        <label>{{ 'Admin.DomainConfig.LogoMain' | transloco }}\n          <span class=\"info-circle\">\n            <span class=\"tooltiptext gradient-custom-branding\">{{\n                            'Admin.DomainConfig.Tooltip.LogoMain' | transloco\n                        }}</span>\n          </span>\n        </label>\n        <pw-custom-uploader [aspectRatio]=\"'fullLogo'\"\n          (saveEvent)=\"saveFile($event)\"\n          [title]=\"'Logo Main'\"\n          [previewData]=\"data['logo_main']\"\n          controlName=\"logo_main\"></pw-custom-uploader>\n      </div>\n      <div class=\"col-md-4 mt-3\">\n        <label>{{ 'Admin.DomainConfig.LogoMainDark' | transloco }}\n          <span class=\"info-circle\">\n            <span class=\"tooltiptext gradient-custom-branding\">{{\n                            'Admin.DomainConfig.Tooltip.LogoMainDark' | transloco\n                        }}</span>\n          </span>\n        </label>\n        <pw-custom-uploader [aspectRatio]=\"'fullLogo'\"\n          (saveEvent)=\"saveFile($event)\"\n          [title]=\"'Logo Main Dark'\"\n          [previewData]=\"data['logo_main_dark']\"\n          controlName=\"logo_main_dark\"></pw-custom-uploader>\n      </div>\n      <div class=\"col-md-4 mt-3\">\n        <label>{{ 'Admin.DomainConfig.LogoMainContrast' | transloco }}\n          <span class=\"info-circle\">\n            <span class=\"tooltiptext gradient-custom-branding\">{{\n                            'Admin.DomainConfig.Tooltip.LogoMainContrast' | transloco\n                        }}</span>\n          </span>\n        </label>\n        <pw-custom-uploader [aspectRatio]=\"'fullLogo'\"\n          (saveEvent)=\"saveFile($event)\"\n          [title]=\"'Logo Main Contrast'\"\n          [previewData]=\"data['logo_main_contrast']\"\n          controlName=\"logo_main_contrast\"></pw-custom-uploader>\n      </div>\n      <div class=\"col-md-4 mt-3\">\n        <label>{{ 'Admin.DomainConfig.LogoSquaredMain' | transloco }}\n          <span class=\"info-circle\">\n            <span class=\"tooltiptext gradient-custom-branding\">{{\n                            'Admin.DomainConfig.Tooltip.LogoSquaredMain' | transloco\n                        }}</span>\n          </span>\n        </label>\n        <pw-custom-uploader (saveEvent)=\"saveFile($event)\"\n          [title]=\"'Logo Squared Main'\"\n          [previewData]=\"data['logo_squared_main']\"\n          controlName=\"logo_squared_main\"></pw-custom-uploader>\n      </div>\n      <div class=\"col-md-4 mt-3\">\n        <label>{{ 'Admin.DomainConfig.LogoSquaredDark' | transloco }}\n          <span class=\"info-circle\">\n            <span class=\"tooltiptext gradient-custom-branding\">{{\n                            'Admin.DomainConfig.Tooltip.LogoSquaredDark' | transloco\n                        }}</span>\n          </span>\n        </label>\n        <pw-custom-uploader (saveEvent)=\"saveFile($event)\"\n          [title]=\"'Logo Squared Dark'\"\n          [previewData]=\"data['logo_squared_dark']\"\n          controlName=\"logo_squared_dark\"></pw-custom-uploader>\n      </div>\n      <div class=\"col-md-4 mt-3\">\n        <label>{{ 'Admin.DomainConfig.LogoSquaredContrast' | transloco }}\n          <span class=\"info-circle\">\n            <span class=\"tooltiptext gradient-custom-branding\">{{\n                            'Admin.DomainConfig.Tooltip.LogoSquaredContrast' | transloco\n                        }}</span>\n          </span>\n        </label>\n        <pw-custom-uploader (saveEvent)=\"saveFile($event)\"\n          [title]=\"'Logo Squared Contrast'\"\n          [previewData]=\"data['logo_squared_contrast']\"\n          controlName=\"logo_squared_contrast\"></pw-custom-uploader>\n      </div>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.CustomUploaderComponent, selector: "pw-custom-uploader", inputs: ["controlName", "previewData", "aspectRatio", "title"], outputs: ["saveEvent"] }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 __decorate([
     ValidateForm('form'),
     __metadata("design:type", Function),
@@ -2241,7 +2242,7 @@ class DomainConfigListComponent extends AppBaseComponent {
     }
 }
 DomainConfigListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: DomainConfigListComponent, deps: [{ token: i0.Injector }, { token: AdminService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-DomainConfigListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: DomainConfigListComponent, selector: "pw-domain-config-list", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center text-end my-3\">\n    <h2 class=\"card-title p-0 float-start\">Domain Configs</h2>\n    <button class=\"btn btn-outline-primary btn-sm float-end m-0\"\n      [routerLink]=\"[routers.domainConfigDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Domain Config\n    </button>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #tt\n    [value]=\"data.domains\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [lazy]=\"true\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <!--sort order should be default empty when page load-->\n\n    <!-- Caption Header, Search Bar -->\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search\"\n          [(ngModel)]=\"searchText\"\n          (input)=\"tt.filterGlobal($event.target.value, 'contains')\" />\n      </div>\n    </ng-template>\n\n    <!-- Column Header -->\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"host_name\">\n          {{ 'Admin.DomainConfig.HostName' | transloco }}\n          <p-sortIcon field=\"host_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"internal_path\">\n          {{ 'Admin.DomainConfig.InternalPath' | transloco }}\n          <p-sortIcon field=\"internal_path\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"shard_name\">\n          {{ 'Admin.DomainConfig.ShardName' | transloco }}\n          <p-sortIcon field=\"shard_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"shard_url\">\n          {{ 'Admin.DomainConfig.ShardUrl' | transloco }}\n          <p-sortIcon field=\"shard_url\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"company_name\">\n          {{ 'Admin.DomainConfig.CompanyName' | transloco }}\n          <p-sortIcon field=\"company_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"company_email\">\n          {{ 'Admin.DomainConfig.CompanyUrl' | transloco }}\n          <p-sortIcon field=\"company_email\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"social_login_enabled\">\n          {{ 'Admin.DomainConfig.SocialLoginEnabled' | transloco }}\n          <p-sortIcon field=\"social_login_enabled\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n\n    <!-- Table Body -->\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"host_name\">{{ item?.host_name }}</td>\n        <td data-head=\"internal_path\">{{ item?.internal_path }}</td>\n        <td data-head=\"shard_name\">{{ item?.shard_name }}</td>\n        <td data-head=\"shard_url\">{{ item?.shard_url }}</td>\n        <td data-head=\"company_name\">{{ item?.company_name }}</td>\n        <td data-head=\"company_email\">{{ item?.company_email }}</td>\n        <td data-head=\"social_login_enabled\">\n          <span [appDynamicBadge]=\"{\n                            itemsArray: [true, false],\n                            item: item?.social_login_enabled\n                        }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.social_login_enabled ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              [routerLink]=\"[routers.domainConfigDetails + item?.id]\"\n              class=\"me-2 me-sm-3\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"onDelete(item?.id)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">Total: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i7.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+DomainConfigListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: DomainConfigListComponent, selector: "pw-domain-config-list", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center text-end my-3\">\n    <h2 class=\"card-title p-0 float-start\">Domain Configs</h2>\n    <button class=\"btn btn-outline-primary btn-sm float-end m-0\"\n      [routerLink]=\"[routers.domainConfigDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Domain Config\n    </button>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #tt\n    [value]=\"data.domains\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [lazy]=\"true\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <!--sort order should be default empty when page load-->\n\n    <!-- Caption Header, Search Bar -->\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search\"\n          [(ngModel)]=\"searchText\"\n          (input)=\"tt.filterGlobal($event.target.value, 'contains')\" />\n      </div>\n    </ng-template>\n\n    <!-- Column Header -->\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"host_name\">\n          {{ 'Admin.DomainConfig.HostName' | transloco }}\n          <p-sortIcon field=\"host_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"internal_path\">\n          {{ 'Admin.DomainConfig.InternalPath' | transloco }}\n          <p-sortIcon field=\"internal_path\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"shard_name\">\n          {{ 'Admin.DomainConfig.ShardName' | transloco }}\n          <p-sortIcon field=\"shard_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"shard_url\">\n          {{ 'Admin.DomainConfig.ShardUrl' | transloco }}\n          <p-sortIcon field=\"shard_url\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"company_name\">\n          {{ 'Admin.DomainConfig.CompanyName' | transloco }}\n          <p-sortIcon field=\"company_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"company_email\">\n          {{ 'Admin.DomainConfig.CompanyUrl' | transloco }}\n          <p-sortIcon field=\"company_email\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"social_login_enabled\">\n          {{ 'Admin.DomainConfig.SocialLoginEnabled' | transloco }}\n          <p-sortIcon field=\"social_login_enabled\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n\n    <!-- Table Body -->\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"host_name\">{{ item?.host_name }}</td>\n        <td data-head=\"internal_path\">{{ item?.internal_path }}</td>\n        <td data-head=\"shard_name\">{{ item?.shard_name }}</td>\n        <td data-head=\"shard_url\">{{ item?.shard_url }}</td>\n        <td data-head=\"company_name\">{{ item?.company_name }}</td>\n        <td data-head=\"company_email\">{{ item?.company_email }}</td>\n        <td data-head=\"social_login_enabled\">\n          <span [appDynamicBadge]=\"{\n                            itemsArray: [true, false],\n                            item: item?.social_login_enabled\n                        }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.social_login_enabled ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              [routerLink]=\"[routers.domainConfigDetails + item?.id]\"\n              class=\"me-2 me-sm-3\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"onDelete(item?.id)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">Total: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i8.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: DomainConfigListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-domain-config-list', template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center text-end my-3\">\n    <h2 class=\"card-title p-0 float-start\">Domain Configs</h2>\n    <button class=\"btn btn-outline-primary btn-sm float-end m-0\"\n      [routerLink]=\"[routers.domainConfigDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Domain Config\n    </button>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #tt\n    [value]=\"data.domains\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [lazy]=\"true\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <!--sort order should be default empty when page load-->\n\n    <!-- Caption Header, Search Bar -->\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search\"\n          [(ngModel)]=\"searchText\"\n          (input)=\"tt.filterGlobal($event.target.value, 'contains')\" />\n      </div>\n    </ng-template>\n\n    <!-- Column Header -->\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"host_name\">\n          {{ 'Admin.DomainConfig.HostName' | transloco }}\n          <p-sortIcon field=\"host_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"internal_path\">\n          {{ 'Admin.DomainConfig.InternalPath' | transloco }}\n          <p-sortIcon field=\"internal_path\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"shard_name\">\n          {{ 'Admin.DomainConfig.ShardName' | transloco }}\n          <p-sortIcon field=\"shard_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"shard_url\">\n          {{ 'Admin.DomainConfig.ShardUrl' | transloco }}\n          <p-sortIcon field=\"shard_url\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"company_name\">\n          {{ 'Admin.DomainConfig.CompanyName' | transloco }}\n          <p-sortIcon field=\"company_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"company_email\">\n          {{ 'Admin.DomainConfig.CompanyUrl' | transloco }}\n          <p-sortIcon field=\"company_email\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"social_login_enabled\">\n          {{ 'Admin.DomainConfig.SocialLoginEnabled' | transloco }}\n          <p-sortIcon field=\"social_login_enabled\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n\n    <!-- Table Body -->\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"host_name\">{{ item?.host_name }}</td>\n        <td data-head=\"internal_path\">{{ item?.internal_path }}</td>\n        <td data-head=\"shard_name\">{{ item?.shard_name }}</td>\n        <td data-head=\"shard_url\">{{ item?.shard_url }}</td>\n        <td data-head=\"company_name\">{{ item?.company_name }}</td>\n        <td data-head=\"company_email\">{{ item?.company_email }}</td>\n        <td data-head=\"social_login_enabled\">\n          <span [appDynamicBadge]=\"{\n                            itemsArray: [true, false],\n                            item: item?.social_login_enabled\n                        }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.social_login_enabled ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              [routerLink]=\"[routers.domainConfigDetails + item?.id]\"\n              class=\"me-2 me-sm-3\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"onDelete(item?.id)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">Total: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n" }]
@@ -2524,7 +2525,7 @@ class FaqListComponent extends AppBaseComponent {
     }
 }
 FaqListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: FaqListComponent, deps: [{ token: i1.CommonService }, { token: AdminService }, { token: i1.ProductService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-FaqListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: FaqListComponent, selector: "pw-admin-faq-list", viewQueries: [{ propertyName: "editForm", first: true, predicate: ["editForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"row\"\n  [class.custom-disable-wrapper]=\"buttonBusy\">\n  <div class=\"col-12 d-flex flex-wrap justify-content-between align-items-center my-3\"\n    *rbacAllow=\"'Pages.Admin.FAQ.Create'\">\n    <h2 class=\"card-title p-0 float-start\">FAQ</h2>\n    <a href=\"javascript:void(0)\"\n      *ngIf=\"showList\"\n      (click)=\"showList = !showList\"\n      class=\"btn btn-sm btn-outline-primary float-end\"\n      role=\"button\"\n      aria-expanded=\"false\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i>\n      {{ 'Label.AddNew' | transloco }} FAQ\n    </a>\n  </div>\n</div>\n<!-- Add FAQ Section -->\n<div *ngIf=\"!showList\"\n  [class.custom-disable-wrapper]=\"buttonBusy\">\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <h4 class=\"fw-bold mb-4\">{{ 'Label.AddNew' | transloco }} FAQ</h4>\n      <form [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit()\">\n        <div class=\"row\">\n          <pw-input-container class=\"col-12\"\n            [label]=\"'Admin.Faq.Question' | transloco\"\n            name=\"question\"\n            [errorMsg]=\"'Admin.Faq.Validation.FieldRequired' | transloco\">\n            <input type=\"text\"\n              formControlName=\"question\"\n              class=\"form-control\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['question'].errors }\" />\n          </pw-input-container>\n        </div>\n        <div class=\"row\">\n          <pw-input-container class=\"col-12\"\n            [label]=\"'Admin.Faq.Answer' | transloco\"\n            name=\"answer\"\n            [errorMsg]=\"'Admin.Faq.Validation.FieldRequired' | transloco\">\n            <quill-editor [styles]=\"{ height: '200px' }\"\n              formControlName=\"answer\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['answer'].errors }\">\n            </quill-editor>\n          </pw-input-container>\n        </div>\n        <div class=\"row justify-content-between\">\n          <div class=\"col-lg-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.Faq.Tooltip.Category' | transloco\"\n              [label]=\"'Admin.Faq.Category' | transloco\"\n              name=\"category\"\n              [errorMsg]=\"'Admin.Faq.Validation.FieldRequired' | transloco\">\n              <p-dropdown [options]=\"categories\"\n                class=\"dropdown-bg-transparent\"\n                (onChange)=\"onChange($event)\"\n                placeholder=\"Select\"\n                formControlName=\"category\"\n                [style]=\"{ width: '100%' }\">\n              </p-dropdown>\n            </pw-input-container>\n          </div>\n          <div class=\"col-lg-2\"\n            *rbacAllow=\"'SubscriptionSuperAdmin'\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.Faq.Tooltip.Product' | transloco\"\n              [label]=\"'Admin.Faq.Product' | transloco\"\n              name=\"product_id\"\n              [errorMsg]=\"'Admin.Faq.Validation.FieldRequired' | transloco\">\n              <p-dropdown [options]=\"productList\"\n                class=\"dropdown-bg-transparent\"\n                formControlName=\"product_id\"\n                [style]=\"{ width: '100%' }\">\n              </p-dropdown>\n            </pw-input-container>\n          </div>\n          <!-- Features keys-->\n          <div class=\"col-lg-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.Faq.Tooltip.Features' | transloco\"\n              [label]=\"'Admin.Faq.Features' | transloco\"\n              name=\"feature_keys\">\n              <p-multiSelect [options]=\"featureKeysList\"\n                defaultLabel=\"Select feature keys\"\n                [showHeader]=\"true\"\n                [showToggleAll]=\"true\"\n                formControlName=\"feature_keys\"\n                appendTo=\"body\"></p-multiSelect>\n            </pw-input-container>\n          </div>\n          <div class=\"col-lg-2\">\n            <div class=\"mb-3\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Faq.Tooltip.Position' | transloco\"\n                [label]=\"'Admin.Faq.Position' | transloco\"\n                name=\"position\"\n                [errorMsg]=\"'Admin.Faq.Validation.FieldRequired' | transloco\">\n                <div class=\"position\">\n                  <input type=\"number\"\n                    min=\"0\"\n                    formControlName=\"position\"\n                    class=\"form-control\" />\n                </div>\n              </pw-input-container>\n            </div>\n          </div>\n          <div class=\"col-4 col-lg-2\">\n            <label>{{ 'Admin.Faq.Visible' | transloco}}\n              <span class=\"tooltip-wrap\"\n                [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.Faq.Tooltip.Visible' | transloco\"\n                tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span>\n            </label><br />\n            <ui-switch formControlName=\"visible\"></ui-switch>\n          </div>\n          <div class=\"col-4 col-lg-2\">\n            <label>{{ 'Admin.Faq.Public' | transloco}}\n              <span class=\"tooltip-wrap\"\n                [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.Faq.Tooltip.Public' | transloco\"\n                tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span>\n            </label><br />\n            <ui-switch formControlName=\"public\"></ui-switch>\n          </div>\n\n        </div>\n        <div class=\"row\"\n          *rbacAllow=\"'SuperAdmin'\">\n          <div class=\"col-4 col-lg-2\">\n            <label class=\"text-warning\">{{ 'Admin.Faq.SharedFaq' | transloco}}\n              <span class=\"tooltip-wrap\"\n                [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.Faq.Tooltip.SharedFaq' | transloco\"\n                tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span>\n            </label><br />\n            <ui-switch name=\"is_shared_faq\"\n              formControlName=\"is_shared_faq\"></ui-switch>\n          </div>\n          <div class=\"col-4 col-lg-2\">\n            <label class=\"text-warning\">{{ 'Admin.Faq.AdminFaq' | transloco}}\n              <span class=\"tooltip-wrap\"\n                [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.Faq.Tooltip.AdminFaq' | transloco\"\n                tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span>\n            </label><br />\n            <ui-switch formControlName=\"is_admin_faq\"\n              name=\"is_admin_faq\"></ui-switch>\n          </div>\n          <div class=\"col-4 col-lg-2\">\n            <label class=\"text-warning\">{{ 'Admin.Faq.BuildFaq' | transloco}}\n              <span class=\"tooltip-wrap\"\n                [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.Faq.Tooltip.BuildFaq' | transloco\"\n                tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span>\n            </label><br />\n            <ui-switch formControlName=\"is_build_faq\"\n              name=\"is_build_faq\"></ui-switch>\n          </div>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-12 mt-4\">\n            <div class=\"mb-3 text-end\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                data-bs-toggle=\"collapse\"\n                href=\"#faqCollapse\"\n                role=\"button\"\n                aria-expanded=\"false\"\n                aria-controls=\"faqCollapse\"\n                (click)=\"\n                                  form.reset(); showList = !showList; isProductEnabled = true\n                              \">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button class=\"btn btn-primary\"\n                [buttonBusy]=\"buttonBusy\">{{ 'Button.Save' | transloco }}</button>\n            </div>\n          </div>\n        </div>\n      </form>\n    </div>\n  </div>\n</div>\n<!-- FAQ List/Edit -->\n<div class=\"row faqlist primeng-datatable-container mt-0\"\n  *ngIf=\"showList\"\n  [class.custom-disable-wrapper]=\"buttonBusy\">\n  <div class=\"col-12 px-0\">\n    <div class=\"w-100 text-center mt-3\"\n      *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <p-table [value]=\"faqs\"\n      [responsive]=\"true\"\n      *ngIf=\"isLoaded\"\n      [class.hideTable]=\"totalRecordsUnFilter === 0\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"search-filter\">\n          <div class=\"col-sm-4\">\n            <p-multiSelect [showToggleAll]=\"true\"\n              [options]=\"featureKeysList\"\n              (onChange)=\"onProductChange($event)\"\n              placeholder=\"Search by Feature keys\"\n              [showHeader]=\"true\"\n              maxSelectedLabels=\"2\"\n              appendTo=\"body\">\n            </p-multiSelect>\n          </div>\n          <div class=\"text-end\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search FAQ...\"\n              (input)=\"filterFaq()\"\n              class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\">{{ 'Admin.Faq.Question' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Answer' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Position' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Category' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Visible' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Public' | transloco }}</th>\n          <th scope=\"true\"\n            class=\"actions-list-two\">{{ 'Label.Actions' | transloco }}</th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-faq>\n        <tr>\n          <td data-head=\"Question\">{{ faq.question }}\n\n          </td>\n          <td data-head=\"Answer\">{{(faq.answer|removeHtml)|textTruncate: 200}}\n          </td>\n          <td data-head=\"Position\">{{faq.position}}</td>\n          <td data-head=\"Category\">\n            <span [appDynamicBadge]=\"{ itemsArray: categoryForBadges, item: faq?.category }\"\n              color=\"cyan\"\n              class=\"badge ms-1\">\n              <span [pTooltip]=\"faq?.feature_keys?.join(',')\"\n                tooltipPosition=\"top\">{{ faqHashMap[faq?.category]?.name }}</span>\n            </span>\n            <span class=\"ms-1 badge bg-warning\"\n              *ngIf=\"faq.is_shared_faq || faq.is_admin_faq || faq.is_build_faq\">Super FAQ</span>\n          </td>\n          <td data-head=\"Visible\">\n            <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: faq?.visible }\"\n              color=\"success-danger\"\n              class=\"badge\">{{ faq?.visible }}</span>\n          </td>\n          <td data-head=\"Public\">\n            <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: faq?.public }\"\n              color=\"success-danger\"\n              class=\"badge\">{{ faq?.public }}</span>\n          </td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline\">\n              <li ngbTooltip=\"Edit\"\n                class=\"me-2 me-sm-2\">\n                <i\n                                  class=\"fa fa-edit edit-icon\"\n                                  (click)=\"onEdit(faq)\"\n                                  aria-hidden=\"true\"\n                              ></i>\n              </li>\n              <li ngbTooltip=\"Delete\"\n                class=\"me-2 me-sm-2\">\n                <i\n                                  class=\"fa fa-trash delete-icon\"\n                                  (click)=\"onDelete(faq)\"\n                                  aria-hidden=\"true\"\n                              ></i>\n              </li>\n              <li ngbTooltip=\"View faq\">\n                <a [routerLink]=\"['/',slug,'faq',faq.id]\">\n                  <i class=\"fa fa-eye\" aria-hidden=\"true\"></i>\n                </a>\n              </li>\n            </ul>\n          </td>\n        </tr>\n        <tr *ngIf=\"faq.isEdit\">\n          <td colspan=\"6\">\n            <form (ngSubmit)=\"onSubmit()\"\n              #editForm=\"ngForm\">\n              <div class=\"mb-3\">\n                <label for=\"name\">{{ 'Admin.Faq.Question' | transloco }}</label>\n                <input type=\"text\"\n                  class=\"form-control\"\n                  required\n                  [(ngModel)]=\"currentFaq.question\"\n                  name=\"question\"\n                  #question=\"ngModel\" />\n                <small class=\"form-text text-muted danger\"\n                  *ngIf=\"!question.valid && (question.dirty || question.touched)\">\n                  Please enter a question</small>\n              </div>\n              <div class=\"mb-3\">\n                <label>{{ 'Admin.Faq.Answer' | transloco }}</label>\n                <quill-editor [styles]=\"{ height: '200px' }\"\n                  [(ngModel)]=\"currentFaq.answer\"\n                  name=\"answer\"\n                  required\n                  #answer=\"ngModel\"></quill-editor>\n                <small class=\"form-text text-muted danger\"\n                  *ngIf=\"!answer.valid && (answer.dirty || answer.touched)\">\n                  Please enter an answer</small>\n              </div>\n              <div class=\"row no-gutters justify-content-between\">\n                <div class=\"col-lg-2\">\n                  <label>{{ 'Admin.Faq.Category' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.Category' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label><br />\n                  <p-dropdown [options]=\"categories\"\n                    name=\"category\"\n                    [required]=\"true\"\n                    [(ngModel)]=\"currentFaq.category\"\n                    (onChange)=\"onChange($event)\"\n                    [style]=\"{ width: '100%' }\"\n                    class=\"custom-dropdown\">\n                  </p-dropdown>\n                </div>\n                <div class=\"col-lg-2\"\n                  *rbacAllow=\"'SubscriptionSuperAdmin'\">\n                  <label>{{ 'Admin.Faq.Product' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.Product' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label><br />\n                  <p-dropdown [options]=\"productList\"\n                    name=\"product_id\"\n                    [required]=\"true\"\n                    [(ngModel)]=\"currentFaq.product_id\"\n                    [style]=\"{ width: '100%' }\"\n                    class=\"custom-dropdown\">\n                  </p-dropdown>\n                </div>\n                <!-- feature keys -->\n                <div class=\"col-lg-2\">\n                  <div class=\"mb-3\">\n                    <label for=\"\">{{ 'Admin.Faq.Features' | transloco }}\n                      <span class=\"tooltip-wrap\"\n                        [appendTo]=\"'body'\"\n                        [pTooltip]=\"'Admin.Faq.Tooltip.Features' | transloco\"\n                        tooltipPosition=\"top\">\n                        <i class=\"fas fa-info-circle\"></i>\n                      </span>\n                    </label>\n                    <p-multiSelect [options]=\"featureKeysList\"\n                      defaultLabel=\"Select feature keys\"\n                      [showHeader]=\"true\"\n                      [showToggleAll]=\"true\"\n                      [(ngModel)]=\"currentFaq.feature_keys\"\n                      [ngModelOptions]=\"{ standalone: true }\"\n                      appendTo=\"body\"></p-multiSelect>\n                  </div>\n                </div>\n                <div class=\"col-lg-2\">\n                  <label for=\"\">{{ 'Admin.Faq.Position' | transloco }}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.Position' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label>\n                  <input type=\"number\"\n                    name=\"position\"\n                    class=\"form-control\"\n                    required\n                    [(ngModel)]=\"currentFaq.position\" />\n                </div>\n                <div class=\"col-4 col-lg-1\">\n                  <label>{{ 'Admin.Faq.Visible' | transloco}}\n                    <span class=\"tooltip-wrap \"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.Visible' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label>\n                  <div>\n                    <ui-switch class=\"visible\"\n                      [checked]=\"currentFaq.visible\"\n                      (valueChange)=\"onValueChange(currentFaq, $event)\">\n                    </ui-switch>\n                  </div>\n                </div>\n                <div class=\"col-4 col-lg-1\">\n                  <label>{{ 'Admin.Faq.Public' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.Public' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label>\n                  <div>\n                    <ui-switch class=\"public\"\n                      [checked]=\"currentFaq.public\"\n                      (valueChange)=\"onPublicValueChange(currentFaq, $event)\">\n                    </ui-switch>\n                  </div>\n                </div>\n              </div>\n              <div class=\"row\"\n                *rbacAllow=\"'SuperAdmin'\">\n                <div class=\"col-4 col-lg-2\">\n                  <label class=\"text-warning\">{{ 'Admin.Faq.SharedFaq' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.SharedFaq' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label><br />\n                  <ui-switch [checked]=\"currentFaq.is_shared_faq\"\n                    name=\"is_shared_faq\"\n                    [(ngModel)]=\"currentFaq.is_shared_faq\"></ui-switch>\n                </div>\n                <div class=\"col-4 col-lg-2\">\n                  <label class=\"text-warning\">{{ 'Admin.Faq.AdminFaq' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.AdminFaq' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label><br />\n                  <ui-switch [checked]=\"currentFaq.is_admin_faq\"\n                    name=\"is_admin_faq\"\n                    [(ngModel)]=\"currentFaq.is_admin_faq\"></ui-switch>\n                </div>\n                <div class=\"col-4 col-lg-2\">\n                  <label class=\"text-warning\">{{ 'Admin.Faq.BuildFaq' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.BuildFaq' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label><br />\n                  <ui-switch [checked]=\"currentFaq.is_build_faq\"\n                    name=\"is_build_faq\"\n                    [(ngModel)]=\"currentFaq.is_build_faq\"></ui-switch>\n                </div>\n              </div>\n            </form>\n            <div class=\"text-end\">\n              <ng-container *rbacAllow=\"'Pages.Admin.FAQ.Delete'\">\n                <button class=\"btn btn-outline-danger me-2\"\n                  *ngIf=\"!faq.isEdit\"\n                  (click)=\"onDelete(faq)\">\n                  Delete\n                </button>\n              </ng-container>\n              <button class=\"btn btn-outline-default me-2\"\n                *ngIf=\"faq.isEdit\"\n                data-bs-toggle=\"collapse\"\n                data-bs-target=\"#collapseEdit\"\n                aria-expanded=\"false\"\n                aria-controls=\"collapseEdit\"\n                (click)=\"faq.isEdit = !faq.isEdit; onCancel()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <ng-container *rbacAllow=\"'Pages.Admin.FAQ.Edit'\">\n                <button class=\"btn btn-primary me-2\"\n                  *ngIf=\"!faq.isEdit\"\n                  (click)=\"onEdit(faq)\">\n                  {{ 'Button.Edit' | transloco }}\n                </button>\n                <button class=\"btn btn-primary me-2\"\n                  [buttonBusy]=\"buttonBusy\"\n                  *ngIf=\"faq.isEdit\"\n                  (click)=\"onUpdate(currentFaq)\">\n                  {{ 'Button.Update' | transloco }}\n                </button>\n              </ng-container>\n            </div>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <pw-no-data [message]=\"'Admin.Faq.NoDataMessage' | transloco\"\n      *ngIf=\"totalRecordsUnFilter === 0\">\n    </pw-no-data>\n    <pw-no-data message=\"No Result\"\n      *ngIf=\"faqs.length === 0\"> </pw-no-data>\n  </div>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.faq-item{background-color:#eee;border:1px dashed rgba(0,0,0,.1);border-radius:3px;margin-top:10px;transition:all .2s ease-in-out}.faq-item h5{padding:0 15px 0 0;position:relative}.faq-item h5 a:before{position:absolute;right:-24px;top:3px}input.warning{border-color:red}@media only screen and (max-width: 1024px){.faq-item h5 a{font-size:16px}.faq-item button.btn{font-size:14px}.panel-collapse .card-block{font-size:14px;margin-bottom:20px;padding:0 8px}}.actions{min-width:80px}@media only screen and (max-width: 768px){.faq-item h5 a{font-size:14px}.faq-item button.btn,.panel-collapse .card-block{font-size:12px}}.tooltip-wrap{vertical-align:top}.custom-dropdown,.custom-multiselect{position:absolute!important;width:inherit!important;z-index:9999!important}.p-dropdown-items-wrapper{max-height:142px}.fa-eye{font-size:15px}\n"], dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i4$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i7.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i7.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6.QuillEditorComponent, selector: "quill-editor" }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i11.RemoveHtmlPipe, name: "removeHtml" }, { kind: "pipe", type: i11.TextTruncatePipe, name: "textTruncate" }] });
+FaqListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: FaqListComponent, selector: "pw-admin-faq-list", viewQueries: [{ propertyName: "editForm", first: true, predicate: ["editForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"row\"\n  [class.custom-disable-wrapper]=\"buttonBusy\">\n  <div class=\"col-12 d-flex flex-wrap justify-content-between align-items-center my-3\"\n    *rbacAllow=\"'Pages.Admin.FAQ.Create'\">\n    <h2 class=\"card-title p-0 float-start\">FAQ</h2>\n    <a href=\"javascript:void(0)\"\n      *ngIf=\"showList\"\n      (click)=\"showList = !showList\"\n      class=\"btn btn-sm btn-outline-primary float-end\"\n      role=\"button\"\n      aria-expanded=\"false\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i>\n      {{ 'Label.AddNew' | transloco }} FAQ\n    </a>\n  </div>\n</div>\n<!-- Add FAQ Section -->\n<div *ngIf=\"!showList\"\n  [class.custom-disable-wrapper]=\"buttonBusy\">\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <h4 class=\"fw-bold mb-4\">{{ 'Label.AddNew' | transloco }} FAQ</h4>\n      <form [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit()\">\n        <div class=\"row\">\n          <pw-input-container class=\"col-12\"\n            [label]=\"'Admin.Faq.Question' | transloco\"\n            name=\"question\"\n            [errorMsg]=\"'Admin.Faq.Validation.FieldRequired' | transloco\">\n            <input type=\"text\"\n              formControlName=\"question\"\n              class=\"form-control\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['question'].errors }\" />\n          </pw-input-container>\n        </div>\n        <div class=\"row\">\n          <pw-input-container class=\"col-12\"\n            [label]=\"'Admin.Faq.Answer' | transloco\"\n            name=\"answer\"\n            [errorMsg]=\"'Admin.Faq.Validation.FieldRequired' | transloco\">\n            <quill-editor [styles]=\"{ height: '200px' }\"\n              formControlName=\"answer\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['answer'].errors }\">\n            </quill-editor>\n          </pw-input-container>\n        </div>\n        <div class=\"row justify-content-between\">\n          <div class=\"col-lg-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.Faq.Tooltip.Category' | transloco\"\n              [label]=\"'Admin.Faq.Category' | transloco\"\n              name=\"category\"\n              [errorMsg]=\"'Admin.Faq.Validation.FieldRequired' | transloco\">\n              <p-dropdown [options]=\"categories\"\n                class=\"dropdown-bg-transparent\"\n                (onChange)=\"onChange($event)\"\n                placeholder=\"Select\"\n                formControlName=\"category\"\n                [style]=\"{ width: '100%' }\">\n              </p-dropdown>\n            </pw-input-container>\n          </div>\n          <div class=\"col-lg-2\"\n            *rbacAllow=\"'SubscriptionSuperAdmin'\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.Faq.Tooltip.Product' | transloco\"\n              [label]=\"'Admin.Faq.Product' | transloco\"\n              name=\"product_id\"\n              [errorMsg]=\"'Admin.Faq.Validation.FieldRequired' | transloco\">\n              <p-dropdown [options]=\"productList\"\n                class=\"dropdown-bg-transparent\"\n                formControlName=\"product_id\"\n                [style]=\"{ width: '100%' }\">\n              </p-dropdown>\n            </pw-input-container>\n          </div>\n          <!-- Features keys-->\n          <div class=\"col-lg-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.Faq.Tooltip.Features' | transloco\"\n              [label]=\"'Admin.Faq.Features' | transloco\"\n              name=\"feature_keys\">\n              <p-multiSelect [options]=\"featureKeysList\"\n                defaultLabel=\"Select feature keys\"\n                [showHeader]=\"true\"\n                [showToggleAll]=\"true\"\n                formControlName=\"feature_keys\"\n                appendTo=\"body\"></p-multiSelect>\n            </pw-input-container>\n          </div>\n          <div class=\"col-lg-2\">\n            <div class=\"mb-3\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Faq.Tooltip.Position' | transloco\"\n                [label]=\"'Admin.Faq.Position' | transloco\"\n                name=\"position\"\n                [errorMsg]=\"'Admin.Faq.Validation.FieldRequired' | transloco\">\n                <div class=\"position\">\n                  <input type=\"number\"\n                    min=\"0\"\n                    formControlName=\"position\"\n                    class=\"form-control\" />\n                </div>\n              </pw-input-container>\n            </div>\n          </div>\n          <div class=\"col-4 col-lg-2\">\n            <label>{{ 'Admin.Faq.Visible' | transloco}}\n              <span class=\"tooltip-wrap\"\n                [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.Faq.Tooltip.Visible' | transloco\"\n                tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span>\n            </label><br />\n            <ui-switch formControlName=\"visible\"></ui-switch>\n          </div>\n          <div class=\"col-4 col-lg-2\">\n            <label>{{ 'Admin.Faq.Public' | transloco}}\n              <span class=\"tooltip-wrap\"\n                [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.Faq.Tooltip.Public' | transloco\"\n                tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span>\n            </label><br />\n            <ui-switch formControlName=\"public\"></ui-switch>\n          </div>\n\n        </div>\n        <div class=\"row\"\n          *rbacAllow=\"'SuperAdmin'\">\n          <div class=\"col-4 col-lg-2\">\n            <label class=\"text-warning\">{{ 'Admin.Faq.SharedFaq' | transloco}}\n              <span class=\"tooltip-wrap\"\n                [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.Faq.Tooltip.SharedFaq' | transloco\"\n                tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span>\n            </label><br />\n            <ui-switch name=\"is_shared_faq\"\n              formControlName=\"is_shared_faq\"></ui-switch>\n          </div>\n          <div class=\"col-4 col-lg-2\">\n            <label class=\"text-warning\">{{ 'Admin.Faq.AdminFaq' | transloco}}\n              <span class=\"tooltip-wrap\"\n                [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.Faq.Tooltip.AdminFaq' | transloco\"\n                tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span>\n            </label><br />\n            <ui-switch formControlName=\"is_admin_faq\"\n              name=\"is_admin_faq\"></ui-switch>\n          </div>\n          <div class=\"col-4 col-lg-2\">\n            <label class=\"text-warning\">{{ 'Admin.Faq.BuildFaq' | transloco}}\n              <span class=\"tooltip-wrap\"\n                [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.Faq.Tooltip.BuildFaq' | transloco\"\n                tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span>\n            </label><br />\n            <ui-switch formControlName=\"is_build_faq\"\n              name=\"is_build_faq\"></ui-switch>\n          </div>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-12 mt-4\">\n            <div class=\"mb-3 text-end\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                data-bs-toggle=\"collapse\"\n                href=\"#faqCollapse\"\n                role=\"button\"\n                aria-expanded=\"false\"\n                aria-controls=\"faqCollapse\"\n                (click)=\"\n                                  form.reset(); showList = !showList; isProductEnabled = true\n                              \">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button class=\"btn btn-primary\"\n                [buttonBusy]=\"buttonBusy\">{{ 'Button.Save' | transloco }}</button>\n            </div>\n          </div>\n        </div>\n      </form>\n    </div>\n  </div>\n</div>\n<!-- FAQ List/Edit -->\n<div class=\"row faqlist primeng-datatable-container mt-0\"\n  *ngIf=\"showList\"\n  [class.custom-disable-wrapper]=\"buttonBusy\">\n  <div class=\"col-12 px-0\">\n    <div class=\"w-100 text-center mt-3\"\n      *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <p-table [value]=\"faqs\"\n      [responsive]=\"true\"\n      *ngIf=\"isLoaded\"\n      [class.hideTable]=\"totalRecordsUnFilter === 0\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"search-filter\">\n          <div class=\"col-sm-4\">\n            <p-multiSelect [showToggleAll]=\"true\"\n              [options]=\"featureKeysList\"\n              (onChange)=\"onProductChange($event)\"\n              placeholder=\"Search by Feature keys\"\n              [showHeader]=\"true\"\n              maxSelectedLabels=\"2\"\n              appendTo=\"body\">\n            </p-multiSelect>\n          </div>\n          <div class=\"text-end\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search FAQ...\"\n              (input)=\"filterFaq()\"\n              class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\">{{ 'Admin.Faq.Question' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Answer' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Position' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Category' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Visible' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Public' | transloco }}</th>\n          <th scope=\"true\"\n            class=\"actions-list-two\">{{ 'Label.Actions' | transloco }}</th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-faq>\n        <tr>\n          <td data-head=\"Question\">{{ faq.question }}\n\n          </td>\n          <td data-head=\"Answer\">{{(faq.answer|removeHtml)|textTruncate: 200}}\n          </td>\n          <td data-head=\"Position\">{{faq.position}}</td>\n          <td data-head=\"Category\">\n            <span [appDynamicBadge]=\"{ itemsArray: categoryForBadges, item: faq?.category }\"\n              color=\"cyan\"\n              class=\"badge ms-1\">\n              <span [pTooltip]=\"faq?.feature_keys?.join(',')\"\n                tooltipPosition=\"top\">{{ faqHashMap[faq?.category]?.name }}</span>\n            </span>\n            <span class=\"ms-1 badge bg-warning\"\n              *ngIf=\"faq.is_shared_faq || faq.is_admin_faq || faq.is_build_faq\">Super FAQ</span>\n          </td>\n          <td data-head=\"Visible\">\n            <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: faq?.visible }\"\n              color=\"success-danger\"\n              class=\"badge\">{{ faq?.visible }}</span>\n          </td>\n          <td data-head=\"Public\">\n            <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: faq?.public }\"\n              color=\"success-danger\"\n              class=\"badge\">{{ faq?.public }}</span>\n          </td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline\">\n              <li ngbTooltip=\"Edit\"\n                class=\"me-2 me-sm-2\">\n                <i\n                                  class=\"fa fa-edit edit-icon\"\n                                  (click)=\"onEdit(faq)\"\n                                  aria-hidden=\"true\"\n                              ></i>\n              </li>\n              <li ngbTooltip=\"Delete\"\n                class=\"me-2 me-sm-2\">\n                <i\n                                  class=\"fa fa-trash delete-icon\"\n                                  (click)=\"onDelete(faq)\"\n                                  aria-hidden=\"true\"\n                              ></i>\n              </li>\n              <li ngbTooltip=\"View faq\">\n                <a [routerLink]=\"['/',slug,'faq',faq.id]\">\n                  <i class=\"fa fa-eye\" aria-hidden=\"true\"></i>\n                </a>\n              </li>\n            </ul>\n          </td>\n        </tr>\n        <tr *ngIf=\"faq.isEdit\">\n          <td colspan=\"6\">\n            <form (ngSubmit)=\"onSubmit()\"\n              #editForm=\"ngForm\">\n              <div class=\"mb-3\">\n                <label for=\"name\">{{ 'Admin.Faq.Question' | transloco }}</label>\n                <input type=\"text\"\n                  class=\"form-control\"\n                  required\n                  [(ngModel)]=\"currentFaq.question\"\n                  name=\"question\"\n                  #question=\"ngModel\" />\n                <small class=\"form-text text-muted danger\"\n                  *ngIf=\"!question.valid && (question.dirty || question.touched)\">\n                  Please enter a question</small>\n              </div>\n              <div class=\"mb-3\">\n                <label>{{ 'Admin.Faq.Answer' | transloco }}</label>\n                <quill-editor [styles]=\"{ height: '200px' }\"\n                  [(ngModel)]=\"currentFaq.answer\"\n                  name=\"answer\"\n                  required\n                  #answer=\"ngModel\"></quill-editor>\n                <small class=\"form-text text-muted danger\"\n                  *ngIf=\"!answer.valid && (answer.dirty || answer.touched)\">\n                  Please enter an answer</small>\n              </div>\n              <div class=\"row no-gutters justify-content-between\">\n                <div class=\"col-lg-2\">\n                  <label>{{ 'Admin.Faq.Category' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.Category' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label><br />\n                  <p-dropdown [options]=\"categories\"\n                    name=\"category\"\n                    [required]=\"true\"\n                    [(ngModel)]=\"currentFaq.category\"\n                    (onChange)=\"onChange($event)\"\n                    [style]=\"{ width: '100%' }\"\n                    class=\"custom-dropdown\">\n                  </p-dropdown>\n                </div>\n                <div class=\"col-lg-2\"\n                  *rbacAllow=\"'SubscriptionSuperAdmin'\">\n                  <label>{{ 'Admin.Faq.Product' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.Product' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label><br />\n                  <p-dropdown [options]=\"productList\"\n                    name=\"product_id\"\n                    [required]=\"true\"\n                    [(ngModel)]=\"currentFaq.product_id\"\n                    [style]=\"{ width: '100%' }\"\n                    class=\"custom-dropdown\">\n                  </p-dropdown>\n                </div>\n                <!-- feature keys -->\n                <div class=\"col-lg-2\">\n                  <div class=\"mb-3\">\n                    <label for=\"\">{{ 'Admin.Faq.Features' | transloco }}\n                      <span class=\"tooltip-wrap\"\n                        [appendTo]=\"'body'\"\n                        [pTooltip]=\"'Admin.Faq.Tooltip.Features' | transloco\"\n                        tooltipPosition=\"top\">\n                        <i class=\"fas fa-info-circle\"></i>\n                      </span>\n                    </label>\n                    <p-multiSelect [options]=\"featureKeysList\"\n                      defaultLabel=\"Select feature keys\"\n                      [showHeader]=\"true\"\n                      [showToggleAll]=\"true\"\n                      [(ngModel)]=\"currentFaq.feature_keys\"\n                      [ngModelOptions]=\"{ standalone: true }\"\n                      appendTo=\"body\"></p-multiSelect>\n                  </div>\n                </div>\n                <div class=\"col-lg-2\">\n                  <label for=\"\">{{ 'Admin.Faq.Position' | transloco }}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.Position' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label>\n                  <input type=\"number\"\n                    name=\"position\"\n                    class=\"form-control\"\n                    required\n                    [(ngModel)]=\"currentFaq.position\" />\n                </div>\n                <div class=\"col-4 col-lg-1\">\n                  <label>{{ 'Admin.Faq.Visible' | transloco}}\n                    <span class=\"tooltip-wrap \"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.Visible' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label>\n                  <div>\n                    <ui-switch class=\"visible\"\n                      [checked]=\"currentFaq.visible\"\n                      (valueChange)=\"onValueChange(currentFaq, $event)\">\n                    </ui-switch>\n                  </div>\n                </div>\n                <div class=\"col-4 col-lg-1\">\n                  <label>{{ 'Admin.Faq.Public' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.Public' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label>\n                  <div>\n                    <ui-switch class=\"public\"\n                      [checked]=\"currentFaq.public\"\n                      (valueChange)=\"onPublicValueChange(currentFaq, $event)\">\n                    </ui-switch>\n                  </div>\n                </div>\n              </div>\n              <div class=\"row\"\n                *rbacAllow=\"'SuperAdmin'\">\n                <div class=\"col-4 col-lg-2\">\n                  <label class=\"text-warning\">{{ 'Admin.Faq.SharedFaq' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.SharedFaq' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label><br />\n                  <ui-switch [checked]=\"currentFaq.is_shared_faq\"\n                    name=\"is_shared_faq\"\n                    [(ngModel)]=\"currentFaq.is_shared_faq\"></ui-switch>\n                </div>\n                <div class=\"col-4 col-lg-2\">\n                  <label class=\"text-warning\">{{ 'Admin.Faq.AdminFaq' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.AdminFaq' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label><br />\n                  <ui-switch [checked]=\"currentFaq.is_admin_faq\"\n                    name=\"is_admin_faq\"\n                    [(ngModel)]=\"currentFaq.is_admin_faq\"></ui-switch>\n                </div>\n                <div class=\"col-4 col-lg-2\">\n                  <label class=\"text-warning\">{{ 'Admin.Faq.BuildFaq' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.BuildFaq' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label><br />\n                  <ui-switch [checked]=\"currentFaq.is_build_faq\"\n                    name=\"is_build_faq\"\n                    [(ngModel)]=\"currentFaq.is_build_faq\"></ui-switch>\n                </div>\n              </div>\n            </form>\n            <div class=\"text-end\">\n              <ng-container *rbacAllow=\"'Pages.Admin.FAQ.Delete'\">\n                <button class=\"btn btn-outline-danger me-2\"\n                  *ngIf=\"!faq.isEdit\"\n                  (click)=\"onDelete(faq)\">\n                  Delete\n                </button>\n              </ng-container>\n              <button class=\"btn btn-outline-default me-2\"\n                *ngIf=\"faq.isEdit\"\n                data-bs-toggle=\"collapse\"\n                data-bs-target=\"#collapseEdit\"\n                aria-expanded=\"false\"\n                aria-controls=\"collapseEdit\"\n                (click)=\"faq.isEdit = !faq.isEdit; onCancel()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <ng-container *rbacAllow=\"'Pages.Admin.FAQ.Edit'\">\n                <button class=\"btn btn-primary me-2\"\n                  *ngIf=\"!faq.isEdit\"\n                  (click)=\"onEdit(faq)\">\n                  {{ 'Button.Edit' | transloco }}\n                </button>\n                <button class=\"btn btn-primary me-2\"\n                  [buttonBusy]=\"buttonBusy\"\n                  *ngIf=\"faq.isEdit\"\n                  (click)=\"onUpdate(currentFaq)\">\n                  {{ 'Button.Update' | transloco }}\n                </button>\n              </ng-container>\n            </div>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <pw-no-data [message]=\"'Admin.Faq.NoDataMessage' | transloco\"\n      *ngIf=\"totalRecordsUnFilter === 0\">\n    </pw-no-data>\n    <pw-no-data message=\"No Result\"\n      *ngIf=\"faqs.length === 0\"> </pw-no-data>\n  </div>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.faq-item{background-color:#eee;border:1px dashed rgba(0,0,0,.1);border-radius:3px;margin-top:10px;transition:all .2s ease-in-out}.faq-item h5{padding:0 15px 0 0;position:relative}.faq-item h5 a:before{position:absolute;right:-24px;top:3px}input.warning{border-color:red}@media only screen and (max-width: 1024px){.faq-item h5 a{font-size:16px}.faq-item button.btn{font-size:14px}.panel-collapse .card-block{font-size:14px;margin-bottom:20px;padding:0 8px}}.actions{min-width:80px}@media only screen and (max-width: 768px){.faq-item h5 a{font-size:14px}.faq-item button.btn,.panel-collapse .card-block{font-size:12px}}.tooltip-wrap{vertical-align:top}.custom-dropdown,.custom-multiselect{position:absolute!important;width:inherit!important;z-index:9999!important}.p-dropdown-items-wrapper{max-height:142px}.fa-eye{font-size:15px}\n"], dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i8.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i8.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i5$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6.QuillEditorComponent, selector: "quill-editor" }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i12.RemoveHtmlPipe, name: "removeHtml" }, { kind: "pipe", type: i12.TextTruncatePipe, name: "textTruncate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: FaqListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-admin-faq-list', template: "<div class=\"row\"\n  [class.custom-disable-wrapper]=\"buttonBusy\">\n  <div class=\"col-12 d-flex flex-wrap justify-content-between align-items-center my-3\"\n    *rbacAllow=\"'Pages.Admin.FAQ.Create'\">\n    <h2 class=\"card-title p-0 float-start\">FAQ</h2>\n    <a href=\"javascript:void(0)\"\n      *ngIf=\"showList\"\n      (click)=\"showList = !showList\"\n      class=\"btn btn-sm btn-outline-primary float-end\"\n      role=\"button\"\n      aria-expanded=\"false\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i>\n      {{ 'Label.AddNew' | transloco }} FAQ\n    </a>\n  </div>\n</div>\n<!-- Add FAQ Section -->\n<div *ngIf=\"!showList\"\n  [class.custom-disable-wrapper]=\"buttonBusy\">\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <h4 class=\"fw-bold mb-4\">{{ 'Label.AddNew' | transloco }} FAQ</h4>\n      <form [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit()\">\n        <div class=\"row\">\n          <pw-input-container class=\"col-12\"\n            [label]=\"'Admin.Faq.Question' | transloco\"\n            name=\"question\"\n            [errorMsg]=\"'Admin.Faq.Validation.FieldRequired' | transloco\">\n            <input type=\"text\"\n              formControlName=\"question\"\n              class=\"form-control\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['question'].errors }\" />\n          </pw-input-container>\n        </div>\n        <div class=\"row\">\n          <pw-input-container class=\"col-12\"\n            [label]=\"'Admin.Faq.Answer' | transloco\"\n            name=\"answer\"\n            [errorMsg]=\"'Admin.Faq.Validation.FieldRequired' | transloco\">\n            <quill-editor [styles]=\"{ height: '200px' }\"\n              formControlName=\"answer\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['answer'].errors }\">\n            </quill-editor>\n          </pw-input-container>\n        </div>\n        <div class=\"row justify-content-between\">\n          <div class=\"col-lg-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.Faq.Tooltip.Category' | transloco\"\n              [label]=\"'Admin.Faq.Category' | transloco\"\n              name=\"category\"\n              [errorMsg]=\"'Admin.Faq.Validation.FieldRequired' | transloco\">\n              <p-dropdown [options]=\"categories\"\n                class=\"dropdown-bg-transparent\"\n                (onChange)=\"onChange($event)\"\n                placeholder=\"Select\"\n                formControlName=\"category\"\n                [style]=\"{ width: '100%' }\">\n              </p-dropdown>\n            </pw-input-container>\n          </div>\n          <div class=\"col-lg-2\"\n            *rbacAllow=\"'SubscriptionSuperAdmin'\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.Faq.Tooltip.Product' | transloco\"\n              [label]=\"'Admin.Faq.Product' | transloco\"\n              name=\"product_id\"\n              [errorMsg]=\"'Admin.Faq.Validation.FieldRequired' | transloco\">\n              <p-dropdown [options]=\"productList\"\n                class=\"dropdown-bg-transparent\"\n                formControlName=\"product_id\"\n                [style]=\"{ width: '100%' }\">\n              </p-dropdown>\n            </pw-input-container>\n          </div>\n          <!-- Features keys-->\n          <div class=\"col-lg-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.Faq.Tooltip.Features' | transloco\"\n              [label]=\"'Admin.Faq.Features' | transloco\"\n              name=\"feature_keys\">\n              <p-multiSelect [options]=\"featureKeysList\"\n                defaultLabel=\"Select feature keys\"\n                [showHeader]=\"true\"\n                [showToggleAll]=\"true\"\n                formControlName=\"feature_keys\"\n                appendTo=\"body\"></p-multiSelect>\n            </pw-input-container>\n          </div>\n          <div class=\"col-lg-2\">\n            <div class=\"mb-3\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Faq.Tooltip.Position' | transloco\"\n                [label]=\"'Admin.Faq.Position' | transloco\"\n                name=\"position\"\n                [errorMsg]=\"'Admin.Faq.Validation.FieldRequired' | transloco\">\n                <div class=\"position\">\n                  <input type=\"number\"\n                    min=\"0\"\n                    formControlName=\"position\"\n                    class=\"form-control\" />\n                </div>\n              </pw-input-container>\n            </div>\n          </div>\n          <div class=\"col-4 col-lg-2\">\n            <label>{{ 'Admin.Faq.Visible' | transloco}}\n              <span class=\"tooltip-wrap\"\n                [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.Faq.Tooltip.Visible' | transloco\"\n                tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span>\n            </label><br />\n            <ui-switch formControlName=\"visible\"></ui-switch>\n          </div>\n          <div class=\"col-4 col-lg-2\">\n            <label>{{ 'Admin.Faq.Public' | transloco}}\n              <span class=\"tooltip-wrap\"\n                [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.Faq.Tooltip.Public' | transloco\"\n                tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span>\n            </label><br />\n            <ui-switch formControlName=\"public\"></ui-switch>\n          </div>\n\n        </div>\n        <div class=\"row\"\n          *rbacAllow=\"'SuperAdmin'\">\n          <div class=\"col-4 col-lg-2\">\n            <label class=\"text-warning\">{{ 'Admin.Faq.SharedFaq' | transloco}}\n              <span class=\"tooltip-wrap\"\n                [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.Faq.Tooltip.SharedFaq' | transloco\"\n                tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span>\n            </label><br />\n            <ui-switch name=\"is_shared_faq\"\n              formControlName=\"is_shared_faq\"></ui-switch>\n          </div>\n          <div class=\"col-4 col-lg-2\">\n            <label class=\"text-warning\">{{ 'Admin.Faq.AdminFaq' | transloco}}\n              <span class=\"tooltip-wrap\"\n                [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.Faq.Tooltip.AdminFaq' | transloco\"\n                tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span>\n            </label><br />\n            <ui-switch formControlName=\"is_admin_faq\"\n              name=\"is_admin_faq\"></ui-switch>\n          </div>\n          <div class=\"col-4 col-lg-2\">\n            <label class=\"text-warning\">{{ 'Admin.Faq.BuildFaq' | transloco}}\n              <span class=\"tooltip-wrap\"\n                [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.Faq.Tooltip.BuildFaq' | transloco\"\n                tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span>\n            </label><br />\n            <ui-switch formControlName=\"is_build_faq\"\n              name=\"is_build_faq\"></ui-switch>\n          </div>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-12 mt-4\">\n            <div class=\"mb-3 text-end\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                data-bs-toggle=\"collapse\"\n                href=\"#faqCollapse\"\n                role=\"button\"\n                aria-expanded=\"false\"\n                aria-controls=\"faqCollapse\"\n                (click)=\"\n                                  form.reset(); showList = !showList; isProductEnabled = true\n                              \">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button class=\"btn btn-primary\"\n                [buttonBusy]=\"buttonBusy\">{{ 'Button.Save' | transloco }}</button>\n            </div>\n          </div>\n        </div>\n      </form>\n    </div>\n  </div>\n</div>\n<!-- FAQ List/Edit -->\n<div class=\"row faqlist primeng-datatable-container mt-0\"\n  *ngIf=\"showList\"\n  [class.custom-disable-wrapper]=\"buttonBusy\">\n  <div class=\"col-12 px-0\">\n    <div class=\"w-100 text-center mt-3\"\n      *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <p-table [value]=\"faqs\"\n      [responsive]=\"true\"\n      *ngIf=\"isLoaded\"\n      [class.hideTable]=\"totalRecordsUnFilter === 0\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"search-filter\">\n          <div class=\"col-sm-4\">\n            <p-multiSelect [showToggleAll]=\"true\"\n              [options]=\"featureKeysList\"\n              (onChange)=\"onProductChange($event)\"\n              placeholder=\"Search by Feature keys\"\n              [showHeader]=\"true\"\n              maxSelectedLabels=\"2\"\n              appendTo=\"body\">\n            </p-multiSelect>\n          </div>\n          <div class=\"text-end\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search FAQ...\"\n              (input)=\"filterFaq()\"\n              class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\">{{ 'Admin.Faq.Question' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Answer' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Position' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Category' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Visible' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Public' | transloco }}</th>\n          <th scope=\"true\"\n            class=\"actions-list-two\">{{ 'Label.Actions' | transloco }}</th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-faq>\n        <tr>\n          <td data-head=\"Question\">{{ faq.question }}\n\n          </td>\n          <td data-head=\"Answer\">{{(faq.answer|removeHtml)|textTruncate: 200}}\n          </td>\n          <td data-head=\"Position\">{{faq.position}}</td>\n          <td data-head=\"Category\">\n            <span [appDynamicBadge]=\"{ itemsArray: categoryForBadges, item: faq?.category }\"\n              color=\"cyan\"\n              class=\"badge ms-1\">\n              <span [pTooltip]=\"faq?.feature_keys?.join(',')\"\n                tooltipPosition=\"top\">{{ faqHashMap[faq?.category]?.name }}</span>\n            </span>\n            <span class=\"ms-1 badge bg-warning\"\n              *ngIf=\"faq.is_shared_faq || faq.is_admin_faq || faq.is_build_faq\">Super FAQ</span>\n          </td>\n          <td data-head=\"Visible\">\n            <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: faq?.visible }\"\n              color=\"success-danger\"\n              class=\"badge\">{{ faq?.visible }}</span>\n          </td>\n          <td data-head=\"Public\">\n            <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: faq?.public }\"\n              color=\"success-danger\"\n              class=\"badge\">{{ faq?.public }}</span>\n          </td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline\">\n              <li ngbTooltip=\"Edit\"\n                class=\"me-2 me-sm-2\">\n                <i\n                                  class=\"fa fa-edit edit-icon\"\n                                  (click)=\"onEdit(faq)\"\n                                  aria-hidden=\"true\"\n                              ></i>\n              </li>\n              <li ngbTooltip=\"Delete\"\n                class=\"me-2 me-sm-2\">\n                <i\n                                  class=\"fa fa-trash delete-icon\"\n                                  (click)=\"onDelete(faq)\"\n                                  aria-hidden=\"true\"\n                              ></i>\n              </li>\n              <li ngbTooltip=\"View faq\">\n                <a [routerLink]=\"['/',slug,'faq',faq.id]\">\n                  <i class=\"fa fa-eye\" aria-hidden=\"true\"></i>\n                </a>\n              </li>\n            </ul>\n          </td>\n        </tr>\n        <tr *ngIf=\"faq.isEdit\">\n          <td colspan=\"6\">\n            <form (ngSubmit)=\"onSubmit()\"\n              #editForm=\"ngForm\">\n              <div class=\"mb-3\">\n                <label for=\"name\">{{ 'Admin.Faq.Question' | transloco }}</label>\n                <input type=\"text\"\n                  class=\"form-control\"\n                  required\n                  [(ngModel)]=\"currentFaq.question\"\n                  name=\"question\"\n                  #question=\"ngModel\" />\n                <small class=\"form-text text-muted danger\"\n                  *ngIf=\"!question.valid && (question.dirty || question.touched)\">\n                  Please enter a question</small>\n              </div>\n              <div class=\"mb-3\">\n                <label>{{ 'Admin.Faq.Answer' | transloco }}</label>\n                <quill-editor [styles]=\"{ height: '200px' }\"\n                  [(ngModel)]=\"currentFaq.answer\"\n                  name=\"answer\"\n                  required\n                  #answer=\"ngModel\"></quill-editor>\n                <small class=\"form-text text-muted danger\"\n                  *ngIf=\"!answer.valid && (answer.dirty || answer.touched)\">\n                  Please enter an answer</small>\n              </div>\n              <div class=\"row no-gutters justify-content-between\">\n                <div class=\"col-lg-2\">\n                  <label>{{ 'Admin.Faq.Category' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.Category' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label><br />\n                  <p-dropdown [options]=\"categories\"\n                    name=\"category\"\n                    [required]=\"true\"\n                    [(ngModel)]=\"currentFaq.category\"\n                    (onChange)=\"onChange($event)\"\n                    [style]=\"{ width: '100%' }\"\n                    class=\"custom-dropdown\">\n                  </p-dropdown>\n                </div>\n                <div class=\"col-lg-2\"\n                  *rbacAllow=\"'SubscriptionSuperAdmin'\">\n                  <label>{{ 'Admin.Faq.Product' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.Product' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label><br />\n                  <p-dropdown [options]=\"productList\"\n                    name=\"product_id\"\n                    [required]=\"true\"\n                    [(ngModel)]=\"currentFaq.product_id\"\n                    [style]=\"{ width: '100%' }\"\n                    class=\"custom-dropdown\">\n                  </p-dropdown>\n                </div>\n                <!-- feature keys -->\n                <div class=\"col-lg-2\">\n                  <div class=\"mb-3\">\n                    <label for=\"\">{{ 'Admin.Faq.Features' | transloco }}\n                      <span class=\"tooltip-wrap\"\n                        [appendTo]=\"'body'\"\n                        [pTooltip]=\"'Admin.Faq.Tooltip.Features' | transloco\"\n                        tooltipPosition=\"top\">\n                        <i class=\"fas fa-info-circle\"></i>\n                      </span>\n                    </label>\n                    <p-multiSelect [options]=\"featureKeysList\"\n                      defaultLabel=\"Select feature keys\"\n                      [showHeader]=\"true\"\n                      [showToggleAll]=\"true\"\n                      [(ngModel)]=\"currentFaq.feature_keys\"\n                      [ngModelOptions]=\"{ standalone: true }\"\n                      appendTo=\"body\"></p-multiSelect>\n                  </div>\n                </div>\n                <div class=\"col-lg-2\">\n                  <label for=\"\">{{ 'Admin.Faq.Position' | transloco }}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.Position' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label>\n                  <input type=\"number\"\n                    name=\"position\"\n                    class=\"form-control\"\n                    required\n                    [(ngModel)]=\"currentFaq.position\" />\n                </div>\n                <div class=\"col-4 col-lg-1\">\n                  <label>{{ 'Admin.Faq.Visible' | transloco}}\n                    <span class=\"tooltip-wrap \"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.Visible' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label>\n                  <div>\n                    <ui-switch class=\"visible\"\n                      [checked]=\"currentFaq.visible\"\n                      (valueChange)=\"onValueChange(currentFaq, $event)\">\n                    </ui-switch>\n                  </div>\n                </div>\n                <div class=\"col-4 col-lg-1\">\n                  <label>{{ 'Admin.Faq.Public' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.Public' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label>\n                  <div>\n                    <ui-switch class=\"public\"\n                      [checked]=\"currentFaq.public\"\n                      (valueChange)=\"onPublicValueChange(currentFaq, $event)\">\n                    </ui-switch>\n                  </div>\n                </div>\n              </div>\n              <div class=\"row\"\n                *rbacAllow=\"'SuperAdmin'\">\n                <div class=\"col-4 col-lg-2\">\n                  <label class=\"text-warning\">{{ 'Admin.Faq.SharedFaq' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.SharedFaq' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label><br />\n                  <ui-switch [checked]=\"currentFaq.is_shared_faq\"\n                    name=\"is_shared_faq\"\n                    [(ngModel)]=\"currentFaq.is_shared_faq\"></ui-switch>\n                </div>\n                <div class=\"col-4 col-lg-2\">\n                  <label class=\"text-warning\">{{ 'Admin.Faq.AdminFaq' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.AdminFaq' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label><br />\n                  <ui-switch [checked]=\"currentFaq.is_admin_faq\"\n                    name=\"is_admin_faq\"\n                    [(ngModel)]=\"currentFaq.is_admin_faq\"></ui-switch>\n                </div>\n                <div class=\"col-4 col-lg-2\">\n                  <label class=\"text-warning\">{{ 'Admin.Faq.BuildFaq' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.BuildFaq' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label><br />\n                  <ui-switch [checked]=\"currentFaq.is_build_faq\"\n                    name=\"is_build_faq\"\n                    [(ngModel)]=\"currentFaq.is_build_faq\"></ui-switch>\n                </div>\n              </div>\n            </form>\n            <div class=\"text-end\">\n              <ng-container *rbacAllow=\"'Pages.Admin.FAQ.Delete'\">\n                <button class=\"btn btn-outline-danger me-2\"\n                  *ngIf=\"!faq.isEdit\"\n                  (click)=\"onDelete(faq)\">\n                  Delete\n                </button>\n              </ng-container>\n              <button class=\"btn btn-outline-default me-2\"\n                *ngIf=\"faq.isEdit\"\n                data-bs-toggle=\"collapse\"\n                data-bs-target=\"#collapseEdit\"\n                aria-expanded=\"false\"\n                aria-controls=\"collapseEdit\"\n                (click)=\"faq.isEdit = !faq.isEdit; onCancel()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <ng-container *rbacAllow=\"'Pages.Admin.FAQ.Edit'\">\n                <button class=\"btn btn-primary me-2\"\n                  *ngIf=\"!faq.isEdit\"\n                  (click)=\"onEdit(faq)\">\n                  {{ 'Button.Edit' | transloco }}\n                </button>\n                <button class=\"btn btn-primary me-2\"\n                  [buttonBusy]=\"buttonBusy\"\n                  *ngIf=\"faq.isEdit\"\n                  (click)=\"onUpdate(currentFaq)\">\n                  {{ 'Button.Update' | transloco }}\n                </button>\n              </ng-container>\n            </div>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <pw-no-data [message]=\"'Admin.Faq.NoDataMessage' | transloco\"\n      *ngIf=\"totalRecordsUnFilter === 0\">\n    </pw-no-data>\n    <pw-no-data message=\"No Result\"\n      *ngIf=\"faqs.length === 0\"> </pw-no-data>\n  </div>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.faq-item{background-color:#eee;border:1px dashed rgba(0,0,0,.1);border-radius:3px;margin-top:10px;transition:all .2s ease-in-out}.faq-item h5{padding:0 15px 0 0;position:relative}.faq-item h5 a:before{position:absolute;right:-24px;top:3px}input.warning{border-color:red}@media only screen and (max-width: 1024px){.faq-item h5 a{font-size:16px}.faq-item button.btn{font-size:14px}.panel-collapse .card-block{font-size:14px;margin-bottom:20px;padding:0 8px}}.actions{min-width:80px}@media only screen and (max-width: 768px){.faq-item h5 a{font-size:14px}.faq-item button.btn,.panel-collapse .card-block{font-size:12px}}.tooltip-wrap{vertical-align:top}.custom-dropdown,.custom-multiselect{position:absolute!important;width:inherit!important;z-index:9999!important}.p-dropdown-items-wrapper{max-height:142px}.fa-eye{font-size:15px}\n"] }]
@@ -2608,7 +2609,7 @@ class FeedbackQuestionsDetailsComponent extends AppBaseComponent {
     }
 }
 FeedbackQuestionsDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: FeedbackQuestionsDetailsComponent, deps: [{ token: i0.Injector }, { token: AdminService }, { token: i1.ProductService }], target: i0.ɵɵFactoryTarget.Component });
-FeedbackQuestionsDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: FeedbackQuestionsDetailsComponent, selector: "pw-feedback-questions-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          (click)=\"back()\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>{{ data?.question ? 'Edit' : 'Add New' }} feedback question for product\n            {{ productData?.name }}\n          </span>\n        </h3>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSave()\">\n          <div class=\"row\">\n            <div class=\"col-12 col-sm-12\">\n              <pw-input-container [label]=\"'Admin.FeedbackQuestions.Question' | transloco\"\n                name=\"question\"\n                errorMsg=\"question is required\">\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"question\"\n                  id=\"question\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 text-end mt-3\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\">\n                {{ 'Button.Submit' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+FeedbackQuestionsDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: FeedbackQuestionsDetailsComponent, selector: "pw-feedback-questions-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          (click)=\"back()\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>{{ data?.question ? 'Edit' : 'Add New' }} feedback question for product\n            {{ productData?.name }}\n          </span>\n        </h3>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSave()\">\n          <div class=\"row\">\n            <div class=\"col-12 col-sm-12\">\n              <pw-input-container [label]=\"'Admin.FeedbackQuestions.Question' | transloco\"\n                name=\"question\"\n                errorMsg=\"question is required\">\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"question\"\n                  id=\"question\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 text-end mt-3\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\">\n                {{ 'Button.Submit' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 __decorate([
     ValidateForm('form'),
     __metadata("design:type", Function),
@@ -2692,7 +2693,7 @@ class FeedbackQuestionsListComponent extends AppBaseComponent {
     }
 }
 FeedbackQuestionsListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: FeedbackQuestionsListComponent, deps: [{ token: i0.Injector }, { token: AdminService }, { token: i1.ProductService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-FeedbackQuestionsListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: FeedbackQuestionsListComponent, selector: "pw-feedback-questions-list", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center text-end my-3\">\n    <div class=\"float-start d-flex align-items-baseline\">\n      <a href=\"javascript:void(0)\"\n        (click)=\"back()\"\n        class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n      <h2 class=\"card-title p-0\">Feedback Questions for product {{ productData?.name }}</h2>\n    </div>\n    <button class=\"btn btn-outline-primary btn-sm float-end m-0\"\n      [routerLink]=\"[routers.feedbackQuestionsDetails + 'add']\"\n      [queryParams]=\"{ product_id: productId }\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create feedback question\n    </button>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #tt\n    [value]=\"data.feedback_questions\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [lazy]=\"true\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <!--sort order should be default empty when page load-->\n\n    <!-- Caption Header, Search Bar -->\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search\"\n          [(ngModel)]=\"searchText\"\n          (input)=\"tt.filterGlobal($event.target.value, 'contains')\" />\n      </div>\n    </ng-template>\n\n    <!-- Column Header -->\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"question\">\n          {{ 'Admin.FeedbackQuestions.Question' | transloco }}\n          <p-sortIcon field=\"question\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n\n    <!-- Table Body -->\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"question\">{{ item?.question }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              [routerLink]=\"[routers.feedbackQuestionsDetails + item?.id]\"\n              [queryParams]=\"{ product_id: productId }\"\n              class=\"me-2 me-sm-3\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"onDelete(item?.id)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">Total: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.FeedbackQuestions.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+FeedbackQuestionsListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: FeedbackQuestionsListComponent, selector: "pw-feedback-questions-list", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center text-end my-3\">\n    <div class=\"float-start d-flex align-items-baseline\">\n      <a href=\"javascript:void(0)\"\n        (click)=\"back()\"\n        class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n      <h2 class=\"card-title p-0\">Feedback Questions for product {{ productData?.name }}</h2>\n    </div>\n    <button class=\"btn btn-outline-primary btn-sm float-end m-0\"\n      [routerLink]=\"[routers.feedbackQuestionsDetails + 'add']\"\n      [queryParams]=\"{ product_id: productId }\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create feedback question\n    </button>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #tt\n    [value]=\"data.feedback_questions\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [lazy]=\"true\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <!--sort order should be default empty when page load-->\n\n    <!-- Caption Header, Search Bar -->\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search\"\n          [(ngModel)]=\"searchText\"\n          (input)=\"tt.filterGlobal($event.target.value, 'contains')\" />\n      </div>\n    </ng-template>\n\n    <!-- Column Header -->\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"question\">\n          {{ 'Admin.FeedbackQuestions.Question' | transloco }}\n          <p-sortIcon field=\"question\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n\n    <!-- Table Body -->\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"question\">{{ item?.question }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              [routerLink]=\"[routers.feedbackQuestionsDetails + item?.id]\"\n              [queryParams]=\"{ product_id: productId }\"\n              class=\"me-2 me-sm-3\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"onDelete(item?.id)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">Total: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.FeedbackQuestions.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: FeedbackQuestionsListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-feedback-questions-list', template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center text-end my-3\">\n    <div class=\"float-start d-flex align-items-baseline\">\n      <a href=\"javascript:void(0)\"\n        (click)=\"back()\"\n        class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n      <h2 class=\"card-title p-0\">Feedback Questions for product {{ productData?.name }}</h2>\n    </div>\n    <button class=\"btn btn-outline-primary btn-sm float-end m-0\"\n      [routerLink]=\"[routers.feedbackQuestionsDetails + 'add']\"\n      [queryParams]=\"{ product_id: productId }\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create feedback question\n    </button>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #tt\n    [value]=\"data.feedback_questions\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [lazy]=\"true\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <!--sort order should be default empty when page load-->\n\n    <!-- Caption Header, Search Bar -->\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search\"\n          [(ngModel)]=\"searchText\"\n          (input)=\"tt.filterGlobal($event.target.value, 'contains')\" />\n      </div>\n    </ng-template>\n\n    <!-- Column Header -->\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"question\">\n          {{ 'Admin.FeedbackQuestions.Question' | transloco }}\n          <p-sortIcon field=\"question\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n\n    <!-- Table Body -->\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"question\">{{ item?.question }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              [routerLink]=\"[routers.feedbackQuestionsDetails + item?.id]\"\n              [queryParams]=\"{ product_id: productId }\"\n              class=\"me-2 me-sm-3\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"onDelete(item?.id)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">Total: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.FeedbackQuestions.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n" }]
@@ -2870,7 +2871,7 @@ class LoginNotificationDetailsComponent extends AppBaseComponent {
     }
 }
 LoginNotificationDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: LoginNotificationDetailsComponent, deps: [{ token: i0.Injector }, { token: AdminService }, { token: i1.ProductService }], target: i0.ɵɵFactoryTarget.Component });
-LoginNotificationDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: LoginNotificationDetailsComponent, selector: "pw-login-notification-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body pt-5\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          [routerLink]=\"[routers.loginNotifications]\"\n          class=\"previous\">\n          <i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i>\n        </a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>{{ id ? 'Edit' : 'Add New' }}: Login Notification</span>\n        </h3>\n      </div>\n      <div class=\"w-100 text-center mt-3\"\n        *ngIf=\"isLoading\">\n        <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n      </div>\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSave()\">\n          <div class=\"row\">\n            <div class=\"col-12 col-sm-4 col-md-3\"\n              *ngIf=\"loginNotificationTypes$ | async as types\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.LoginNotification.Tooltip.NotificationType' | transloco\"\n                [label]=\"'Admin.LoginNotification.NotificationType' | transloco\"\n                name=\"notification_type\"\n                [errorMsg]=\"\n                                    'Admin.LoginNotification.Validation.NotificationType'\n                                        | transloco\n                                \">\n\n                <select id=\"type\"\n                  class=\"form-select mt-2 no-radius\"\n                  [ngClass]=\"{\n                                        'is-invalid': submitted && f['notification_type'].errors\n                                    }\"\n                  formControlName=\"notification_type\">\n                  <option value=\"\">Select Type</option>\n                  <option *ngFor=\"let item of types['available_types']\"\n                    [value]=\"item\">\n                    {{ item }}\n                  </option>\n                </select>\n              </pw-input-container>\n            </div>\n            <!-- Feature keys -->\n            <div class=\"mb-3 col-12 col-sm-4 col-md-3\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.LoginNotification.Tooltip.Features' | transloco\"\n                [label]=\"'Admin.LoginNotification.Features' | transloco\"\n                name=\"feature_keys\"\n                [errorMsg]=\"\n                                    'Admin.LoginNotification.Validation.Features' | transloco\n                                \">\n                <p-multiSelect [options]=\"featureKeys\"\n                  defaultLabel=\"Select feature keys\"\n                  [showHeader]=\"true\"\n                  [showToggleAll]=\"true\"\n                  formControlName=\"feature_keys\"\n                  appendTo=\"body\"></p-multiSelect>\n              </pw-input-container>\n            </div>\n            <!-- visible_from -->\n            <div class=\"col-12 col-sm-4 col-md-3\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.LoginNotification.Tooltip.VisibleFrom' | transloco\"\n                  [label]=\"'Admin.LoginNotification.VisibleFrom' | transloco\"\n                  name=\"visible_from\"\n                  [errorMsg]=\"\n                                        'Admin.LoginNotification.Validation.VisibleFrom' | transloco\n                                    \">\n                  <div>\n                    <p-calendar formControlName=\"visible_from\"\n                      [showIcon]=\"true\"\n                      [showTime]=\"true\"\n                      dateFormat=\"yy-mm-dd\"\n                      [ngClass]=\"{\n                                                'is-invalid': submitted && f['visible_from'].errors\n                                            }\">\n                    </p-calendar>\n                  </div>\n                </pw-input-container>\n              </div>\n            </div>\n            <!-- visible_until -->\n            <div class=\"col-12 col-sm-4 col-md-3\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.LoginNotification.Tooltip.VisibleUntil' | transloco\"\n                  [label]=\"'Admin.LoginNotification.VisibleUntil' | transloco\"\n                  name=\"visible_until\"\n                  [errorMsg]=\"\n                                        'Admin.LoginNotification.Validation.VisibleUntil'\n                                            | transloco\n                                    \">\n                  <div>\n                    <p-calendar formControlName=\"visible_until\"\n                      [showIcon]=\"true\"\n                      [showTime]=\"true\"\n                      dateFormat=\"yy-mm-dd\"\n                      [ngClass]=\"{\n                                                'is-invalid': submitted && f['visible_until'].errors\n                                            }\">\n                    </p-calendar>\n                  </div>\n                </pw-input-container>\n              </div>\n            </div>\n            <!-- body -->\n            <div class=\"col-12 col-sm-12\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.LoginNotification.Tooltip.Body' | transloco\"\n                [label]=\"'Admin.LoginNotification.Body' | transloco\"\n                name=\"body\"\n                [errorMsg]=\"'Admin.LoginNotification.Validation.Body' | transloco\">\n                <textarea rows=\"3\"\n                  type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"body\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['body'].errors }\"></textarea>\n              </pw-input-container>\n            </div>\n          </div>\n          <div class=\"col-12 text-end mt-3\">\n            <button type=\"button\"\n              class=\"btn btn-outline-default me-2\"\n              (click)=\"back()\">\n              {{ 'Button.Cancel' | transloco }}\n            </button>\n            <button type=\"submit\"\n              class=\"btn btn-primary\">\n              {{ 'Button.Submit' | transloco }}\n            </button>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+LoginNotificationDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: LoginNotificationDetailsComponent, selector: "pw-login-notification-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body pt-5\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          [routerLink]=\"[routers.loginNotifications]\"\n          class=\"previous\">\n          <i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i>\n        </a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>{{ id ? 'Edit' : 'Add New' }}: Login Notification</span>\n        </h3>\n      </div>\n      <div class=\"w-100 text-center mt-3\"\n        *ngIf=\"isLoading\">\n        <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n      </div>\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSave()\">\n          <div class=\"row\">\n            <div class=\"col-12 col-sm-4 col-md-3\"\n              *ngIf=\"loginNotificationTypes$ | async as types\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.LoginNotification.Tooltip.NotificationType' | transloco\"\n                [label]=\"'Admin.LoginNotification.NotificationType' | transloco\"\n                name=\"notification_type\"\n                [errorMsg]=\"\n                                    'Admin.LoginNotification.Validation.NotificationType'\n                                        | transloco\n                                \">\n\n                <select id=\"type\"\n                  class=\"form-select mt-2 no-radius\"\n                  [ngClass]=\"{\n                                        'is-invalid': submitted && f['notification_type'].errors\n                                    }\"\n                  formControlName=\"notification_type\">\n                  <option value=\"\">Select Type</option>\n                  <option *ngFor=\"let item of types['available_types']\"\n                    [value]=\"item\">\n                    {{ item }}\n                  </option>\n                </select>\n              </pw-input-container>\n            </div>\n            <!-- Feature keys -->\n            <div class=\"mb-3 col-12 col-sm-4 col-md-3\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.LoginNotification.Tooltip.Features' | transloco\"\n                [label]=\"'Admin.LoginNotification.Features' | transloco\"\n                name=\"feature_keys\"\n                [errorMsg]=\"\n                                    'Admin.LoginNotification.Validation.Features' | transloco\n                                \">\n                <p-multiSelect [options]=\"featureKeys\"\n                  defaultLabel=\"Select feature keys\"\n                  [showHeader]=\"true\"\n                  [showToggleAll]=\"true\"\n                  formControlName=\"feature_keys\"\n                  appendTo=\"body\"></p-multiSelect>\n              </pw-input-container>\n            </div>\n            <!-- visible_from -->\n            <div class=\"col-12 col-sm-4 col-md-3\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.LoginNotification.Tooltip.VisibleFrom' | transloco\"\n                  [label]=\"'Admin.LoginNotification.VisibleFrom' | transloco\"\n                  name=\"visible_from\"\n                  [errorMsg]=\"\n                                        'Admin.LoginNotification.Validation.VisibleFrom' | transloco\n                                    \">\n                  <div>\n                    <p-calendar formControlName=\"visible_from\"\n                      [showIcon]=\"true\"\n                      [showTime]=\"true\"\n                      dateFormat=\"yy-mm-dd\"\n                      [ngClass]=\"{\n                                                'is-invalid': submitted && f['visible_from'].errors\n                                            }\">\n                    </p-calendar>\n                  </div>\n                </pw-input-container>\n              </div>\n            </div>\n            <!-- visible_until -->\n            <div class=\"col-12 col-sm-4 col-md-3\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.LoginNotification.Tooltip.VisibleUntil' | transloco\"\n                  [label]=\"'Admin.LoginNotification.VisibleUntil' | transloco\"\n                  name=\"visible_until\"\n                  [errorMsg]=\"\n                                        'Admin.LoginNotification.Validation.VisibleUntil'\n                                            | transloco\n                                    \">\n                  <div>\n                    <p-calendar formControlName=\"visible_until\"\n                      [showIcon]=\"true\"\n                      [showTime]=\"true\"\n                      dateFormat=\"yy-mm-dd\"\n                      [ngClass]=\"{\n                                                'is-invalid': submitted && f['visible_until'].errors\n                                            }\">\n                    </p-calendar>\n                  </div>\n                </pw-input-container>\n              </div>\n            </div>\n            <!-- body -->\n            <div class=\"col-12 col-sm-12\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.LoginNotification.Tooltip.Body' | transloco\"\n                [label]=\"'Admin.LoginNotification.Body' | transloco\"\n                name=\"body\"\n                [errorMsg]=\"'Admin.LoginNotification.Validation.Body' | transloco\">\n                <textarea rows=\"3\"\n                  type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"body\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['body'].errors }\"></textarea>\n              </pw-input-container>\n            </div>\n          </div>\n          <div class=\"col-12 text-end mt-3\">\n            <button type=\"button\"\n              class=\"btn btn-outline-default me-2\"\n              (click)=\"back()\">\n              {{ 'Button.Cancel' | transloco }}\n            </button>\n            <button type=\"submit\"\n              class=\"btn btn-primary\">\n              {{ 'Button.Submit' | transloco }}\n            </button>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 __decorate([
     ValidateForm('form'),
     __metadata("design:type", Function),
@@ -2967,7 +2968,7 @@ class LoginNotificationsListComponent extends AppBaseComponent {
     }
 }
 LoginNotificationsListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: LoginNotificationsListComponent, deps: [{ token: i0.Injector }, { token: AdminService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-LoginNotificationsListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: LoginNotificationsListComponent, selector: "pw-login-notifications-list", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center text-end my-3\">\n    <h2 class=\"card-title p-0 float-start\">Login Notifications</h2>\n    <button class=\"btn btn-outline-primary btn-sm float-end m-0\"\n      [routerLink]=\"[routers.loginNotificationDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create\n    </button>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #tt\n    [value]=\"data.notifications\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [lazy]=\"true\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <!--sort order should be default empty when page load-->\n\n    <!-- Caption Header, Search Bar -->\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search\"\n          [(ngModel)]=\"searchText\"\n          (input)=\"tt.filterGlobal($event.target.value, 'contains')\" />\n      </div>\n    </ng-template>\n\n    <!-- Column Header -->\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"notification_type\">\n          {{ 'Admin.LoginNotification.NotificationType' | transloco }}\n          <p-sortIcon field=\"notification_type\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"body\">\n          {{ 'Admin.LoginNotification.Body' | transloco }}\n          <p-sortIcon field=\"body\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          class=\"w-25\">\n          {{ 'Admin.LoginNotification.FeatureKeys' | transloco }}\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"visible_from\">\n          {{ 'Admin.LoginNotification.VisibleFrom' | transloco }}\n          <p-sortIcon field=\"visible_from\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"visible_until\">\n          {{ 'Admin.LoginNotification.VisibleUntil' | transloco }}\n          <p-sortIcon field=\"visible_until\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n\n    <!-- Table Body -->\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"notification_type\">{{ item?.notification_type }}</td>\n        <td data-head=\"body\">{{ item?.body | textTruncate: 30 }}</td>\n        <td data-head=\"feature_keys\">\n          <span *ngFor=\"let data of item?.feature_keys\"\n            class=\"badge m-1\"\n            [appDynamicBadge]=\"{ itemsArray: item?.feature_keys, item: data }\"\n            color=\"cyan\">{{ data }}</span>\n        </td>\n        <td data-head=\"visible_from\">{{ item?.visible_from | dateFormat }}</td>\n        <td data-head=\"visible_until\">{{ item?.visible_until | dateFormat }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              [routerLink]=\"[routers.loginNotificationDetails + item?.id]\"\n              class=\"me-2 me-sm-3\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"onDelete(item?.id)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.LoginNotification.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i7.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i11.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i11.TextTruncatePipe, name: "textTruncate" }] });
+LoginNotificationsListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: LoginNotificationsListComponent, selector: "pw-login-notifications-list", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center text-end my-3\">\n    <h2 class=\"card-title p-0 float-start\">Login Notifications</h2>\n    <button class=\"btn btn-outline-primary btn-sm float-end m-0\"\n      [routerLink]=\"[routers.loginNotificationDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create\n    </button>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #tt\n    [value]=\"data.notifications\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [lazy]=\"true\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <!--sort order should be default empty when page load-->\n\n    <!-- Caption Header, Search Bar -->\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search\"\n          [(ngModel)]=\"searchText\"\n          (input)=\"tt.filterGlobal($event.target.value, 'contains')\" />\n      </div>\n    </ng-template>\n\n    <!-- Column Header -->\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"notification_type\">\n          {{ 'Admin.LoginNotification.NotificationType' | transloco }}\n          <p-sortIcon field=\"notification_type\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"body\">\n          {{ 'Admin.LoginNotification.Body' | transloco }}\n          <p-sortIcon field=\"body\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          class=\"w-25\">\n          {{ 'Admin.LoginNotification.FeatureKeys' | transloco }}\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"visible_from\">\n          {{ 'Admin.LoginNotification.VisibleFrom' | transloco }}\n          <p-sortIcon field=\"visible_from\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"visible_until\">\n          {{ 'Admin.LoginNotification.VisibleUntil' | transloco }}\n          <p-sortIcon field=\"visible_until\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n\n    <!-- Table Body -->\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"notification_type\">{{ item?.notification_type }}</td>\n        <td data-head=\"body\">{{ item?.body | textTruncate: 30 }}</td>\n        <td data-head=\"feature_keys\">\n          <span *ngFor=\"let data of item?.feature_keys\"\n            class=\"badge m-1\"\n            [appDynamicBadge]=\"{ itemsArray: item?.feature_keys, item: data }\"\n            color=\"cyan\">{{ data }}</span>\n        </td>\n        <td data-head=\"visible_from\">{{ item?.visible_from | dateFormat }}</td>\n        <td data-head=\"visible_until\">{{ item?.visible_until | dateFormat }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              [routerLink]=\"[routers.loginNotificationDetails + item?.id]\"\n              class=\"me-2 me-sm-3\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"onDelete(item?.id)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.LoginNotification.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i8.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i12.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i12.TextTruncatePipe, name: "textTruncate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: LoginNotificationsListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-login-notifications-list', template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center text-end my-3\">\n    <h2 class=\"card-title p-0 float-start\">Login Notifications</h2>\n    <button class=\"btn btn-outline-primary btn-sm float-end m-0\"\n      [routerLink]=\"[routers.loginNotificationDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create\n    </button>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #tt\n    [value]=\"data.notifications\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [lazy]=\"true\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <!--sort order should be default empty when page load-->\n\n    <!-- Caption Header, Search Bar -->\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search\"\n          [(ngModel)]=\"searchText\"\n          (input)=\"tt.filterGlobal($event.target.value, 'contains')\" />\n      </div>\n    </ng-template>\n\n    <!-- Column Header -->\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"notification_type\">\n          {{ 'Admin.LoginNotification.NotificationType' | transloco }}\n          <p-sortIcon field=\"notification_type\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"body\">\n          {{ 'Admin.LoginNotification.Body' | transloco }}\n          <p-sortIcon field=\"body\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          class=\"w-25\">\n          {{ 'Admin.LoginNotification.FeatureKeys' | transloco }}\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"visible_from\">\n          {{ 'Admin.LoginNotification.VisibleFrom' | transloco }}\n          <p-sortIcon field=\"visible_from\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"visible_until\">\n          {{ 'Admin.LoginNotification.VisibleUntil' | transloco }}\n          <p-sortIcon field=\"visible_until\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n\n    <!-- Table Body -->\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"notification_type\">{{ item?.notification_type }}</td>\n        <td data-head=\"body\">{{ item?.body | textTruncate: 30 }}</td>\n        <td data-head=\"feature_keys\">\n          <span *ngFor=\"let data of item?.feature_keys\"\n            class=\"badge m-1\"\n            [appDynamicBadge]=\"{ itemsArray: item?.feature_keys, item: data }\"\n            color=\"cyan\">{{ data }}</span>\n        </td>\n        <td data-head=\"visible_from\">{{ item?.visible_from | dateFormat }}</td>\n        <td data-head=\"visible_until\">{{ item?.visible_until | dateFormat }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              [routerLink]=\"[routers.loginNotificationDetails + item?.id]\"\n              class=\"me-2 me-sm-3\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"onDelete(item?.id)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.LoginNotification.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n" }]
@@ -3023,7 +3024,7 @@ class NewsletterDetailsComponent extends AppBaseComponent {
     }
 }
 NewsletterDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NewsletterDetailsComponent, deps: [{ token: AdminService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-NewsletterDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: NewsletterDetailsComponent, selector: "pw-newsletter-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          [routerLink]=\"[routers.newsletter]\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>Newsletter: {{ data?.name ? data?.name : 'Add New' }}</span>\n        </h3>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSave()\">\n          <div class=\"row\">\n            <div class=\"col-12 col-md-8\">\n              <div class=\"mb-3\">\n                <label>{{ 'Label.Name' | transloco }} </label>\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"name\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['name'].errors }\" />\n              </div>\n            </div>\n            <div class=\"col-12 col-md-4\">\n              <div class=\"mb-3\">\n                <label class=\"info-circle\">{{ 'Label.Code' | transloco }}\n                  <span class=\"tooltiptext gradient-custom-branding\">{{\n                                        'Admin.Newsletter.Tooltip.Code' | transloco\n                                    }}</span>\n                </label>\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"code\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['code'].errors }\" />\n              </div>\n            </div>\n            <div class=\"col-6 col-md-2\">\n              <div class=\"mb-3\">\n                <label class=\"me-3 info-circle\">{{ 'Label.IsActive' | transloco }}\n                  <span class=\"tooltiptext gradient-custom-branding\">{{\n                                        'Admin.Newsletter.Tooltip.IsActive' | transloco\n                                    }}</span>\n                </label>\n                <br />\n                <ui-switch class=\"d-block\"\n                  formControlName=\"active\"\n                  name=\"active\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['active'].errors }\">\n                </ui-switch>\n              </div>\n            </div>\n            <div class=\"col-6 col-md-2\">\n              <div class=\"mb-3\">\n                <label class=\"me-3 info-circle\">{{ 'Label.CanUnsubscribe' | transloco }}\n                  <span class=\"tooltiptext gradient-custom-branding\">{{\n                                        'Admin.Newsletter.Tooltip.CanUnsubscribe' | transloco\n                                    }}</span>\n                </label>\n                <br />\n                <ui-switch class=\"d-block\"\n                  formControlName=\"visible\"\n                  name=\"visible\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['visible'].errors }\">\n                </ui-switch>\n              </div>\n            </div>\n\n            <div class=\"col-12 text-end mt-3\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\"\n                *rbacAllow=\"'Pages.Admin.Newsletter.Edit'\">\n                {{ 'Button.Submit' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+NewsletterDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: NewsletterDetailsComponent, selector: "pw-newsletter-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          [routerLink]=\"[routers.newsletter]\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>Newsletter: {{ data?.name ? data?.name : 'Add New' }}</span>\n        </h3>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSave()\">\n          <div class=\"row\">\n            <div class=\"col-12 col-md-8\">\n              <div class=\"mb-3\">\n                <label>{{ 'Label.Name' | transloco }} </label>\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"name\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['name'].errors }\" />\n              </div>\n            </div>\n            <div class=\"col-12 col-md-4\">\n              <div class=\"mb-3\">\n                <label class=\"info-circle\">{{ 'Label.Code' | transloco }}\n                  <span class=\"tooltiptext gradient-custom-branding\">{{\n                                        'Admin.Newsletter.Tooltip.Code' | transloco\n                                    }}</span>\n                </label>\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"code\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['code'].errors }\" />\n              </div>\n            </div>\n            <div class=\"col-6 col-md-2\">\n              <div class=\"mb-3\">\n                <label class=\"me-3 info-circle\">{{ 'Label.IsActive' | transloco }}\n                  <span class=\"tooltiptext gradient-custom-branding\">{{\n                                        'Admin.Newsletter.Tooltip.IsActive' | transloco\n                                    }}</span>\n                </label>\n                <br />\n                <ui-switch class=\"d-block\"\n                  formControlName=\"active\"\n                  name=\"active\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['active'].errors }\">\n                </ui-switch>\n              </div>\n            </div>\n            <div class=\"col-6 col-md-2\">\n              <div class=\"mb-3\">\n                <label class=\"me-3 info-circle\">{{ 'Label.CanUnsubscribe' | transloco }}\n                  <span class=\"tooltiptext gradient-custom-branding\">{{\n                                        'Admin.Newsletter.Tooltip.CanUnsubscribe' | transloco\n                                    }}</span>\n                </label>\n                <br />\n                <ui-switch class=\"d-block\"\n                  formControlName=\"visible\"\n                  name=\"visible\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['visible'].errors }\">\n                </ui-switch>\n              </div>\n            </div>\n\n            <div class=\"col-12 text-end mt-3\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\"\n                *rbacAllow=\"'Pages.Admin.Newsletter.Edit'\">\n                {{ 'Button.Submit' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 __decorate([
     ValidateForm('form'),
     __metadata("design:type", Function),
@@ -3231,7 +3232,7 @@ class NewsletterItemDetailsComponent extends AppBaseComponent {
     }
 }
 NewsletterItemDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NewsletterItemDetailsComponent, deps: [{ token: AdminService }, { token: i1.TagService }, { token: i1.ProductService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-NewsletterItemDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: NewsletterItemDetailsComponent, selector: "pw-newsletter-item-details", viewQueries: [{ propertyName: "places", first: true, predicate: ["places"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          [routerLink]=\"[routers.newsletter]\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"\">Newsletter Item: {{ data?.title ? data?.title : 'Add New' }}</h3>\n      </div>\n      <div class=\"mt-4\">\n        <p class=\"my-3\">\n          You can insert the user name by adding the following syntax in the body or\n          title: {{ userNameSyntax }}\n        </p>\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSave()\">\n          <div class=\"row\">\n            <!-- Title -->\n            <pw-input-container [label]=\"'Admin.NewsletterItem.Title' | transloco\"\n              class=\"col-md-6\"\n              name=\"title\"\n              [errorMsg]=\"'Admin.NewsletterItem.Validation.Title' | transloco\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"title\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['title'].errors }\" />\n            </pw-input-container>\n            <!-- Newsletter -->\n            <pw-input-container [label]=\"'Admin.NewsletterItem.Newsletter' | transloco\"\n              class=\"col-md-6\"\n              name=\"newsletter_id\"\n              [errorMsg]=\"'Admin.NewsletterItem.Validation.Newsletter' | transloco\">\n              <p-dropdown [options]=\"newsletters\"\n                formControlName=\"newsletter_id\"\n                [style]=\"{ width: '100%' }\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['newsletter_id'].errors }\">\n              </p-dropdown>\n            </pw-input-container>\n            <!-- Rich Text Editor -->\n            <pw-input-container [label]=\"'Admin.NewsletterItem.Body' | transloco\"\n              class=\"col-12\"\n              name=\"body\"\n              [errorMsg]=\"'Admin.NewsletterItem.Validation.Body' | transloco\">\n              <quill-editor [styles]=\"{ height: '450px' }\"\n                formControlName=\"body\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['body'].errors }\">\n              </quill-editor>\n            </pw-input-container>\n            <!-- Location -->\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.NewsletterItem.Tooltip.Location' | transloco\"\n              [label]=\"'Admin.NewsletterItem.Location' | transloco\"\n              class=\"col-md-6\"\n              name=\"location\">\n              <input ngx-google-places-autocomplete\n                class=\"form-control\"\n                #places=\"ngx-places\"\n                formControlName=\"location\"\n                (onAddressChange)=\"handleAddressChange($event)\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['location'].errors }\" />\n            </pw-input-container>\n            <div class=\"ui-fluid skills-modal col-12 col-md-6 mb-3\">\n              <label for=\"\">{{ 'Admin.NewsletterItem.Tags' | transloco }}\n                <span class=\"ms-1 tooltip-wrap\"\n                  [pTooltip]=\"'Admin.NewsletterItem.Tooltip.Tags' | transloco\"\n                  [appendTo]=\"'body'\"\n                  [tooltipPosition]=\"'top'\">\n                  <i class=\"fas fa-info-circle\"></i>\n                </span>\n              </label>\n              <p-autoComplete [(ngModel)]=\"selectedTags\"\n                [suggestions]=\"tagsSuggestion\"\n                dataKey=\"id\"\n                field=\"name\"\n                (completeMethod)=\"search($event)\"\n                styleClass=\"w-100\"\n                [minLength]=\"1\"\n                [maxlength]=\"10\"\n                [dropdown]=\"true\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                placeholder=\"Tags\"\n                [multiple]=\"true\"></p-autoComplete>\n            </div>\n            <!-- Products -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.NewsletterItem.Tooltip.Products' | transloco\"\n                [label]=\"'Admin.NewsletterItem.Products' | transloco\"\n                name=\"product_ids\">\n                <p-multiSelect [options]=\"products\"\n                  defaultLabel=\"Select Products\"\n                  [showHeader]=\"true\"\n                  [showToggleAll]=\"true\"\n                  formControlName=\"product_ids\"\n                  appendTo=\"body\"></p-multiSelect>\n              </pw-input-container>\n            </div>\n            <!-- Features -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.NewsletterItem.Tooltip.Features' | transloco\"\n                [label]=\"'Admin.NewsletterItem.Features' | transloco\"\n                name=\"feature_keys\">\n                <p-multiSelect [options]=\"featureKeys\"\n                  defaultLabel=\"Select feature keys\"\n                  [showHeader]=\"true\"\n                  [showToggleAll]=\"true\"\n                  formControlName=\"feature_keys\"\n                  appendTo=\"body\"></p-multiSelect>\n              </pw-input-container>\n            </div>\n            <!-- Previous Newsletter Items -->\n            <div class=\"col-12\"\n              [ngClass]=\"f['main_tag_id'].value ? 'col-md-3' : 'col-md-6'\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.NewsletterItem.PreviousNewsletter' | transloco\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.NewsletterItem.Tooltip.PreviousNewsletter'\n                                            | transloco\n                                    \"\n                  name=\"main_tag_id\">\n                  <p-dropdown [options]=\"newsletterItems\"\n                    formControlName=\"main_tag_id\"\n                    [style]=\"{ width: '100%' }\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['main_tag_id'].errors\n                                        }\">\n                  </p-dropdown>\n                </pw-input-container>\n              </div>\n            </div>\n            <!-- DAYS TO WAIT -->\n            <div class=\"col-md-3 col-xs-6\"\n              *ngIf=\"form.get('main_tag_id').value\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.NewsletterItem.DaysToWait' | transloco\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.NewsletterItem.Tooltip.DaysToWaitFromPreviousNewsletter'\n                                            | transloco\n                                    \"\n                  name=\"days_to_wait_from_previous_newsletter\">\n                  <input type=\"number\"\n                    class=\"form-control\"\n                    formControlName=\"days_to_wait_from_previous_newsletter\"\n                    [ngClass]=\"{\n                                            'is-invalid':\n                                                submitted &&\n                                                f['days_to_wait_from_previous_newsletter'].errors\n                                        }\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <!-- IS SENT -->\n            <div class=\"col-md-3 col-xs-6\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.NewsletterItem.SendDate' | transloco\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.NewsletterItem.Tooltip.SendDate' | transloco\n                                    \"\n                  [errorMsg]=\"\n                                        'Admin.NewsletterItem.Validation.SendDate' | transloco\n                                    \"\n                  name=\"send_at\">\n                  <div>\n                    <p-calendar formControlName=\"send_at\"\n                      [showIcon]=\"true\"\n                      dateFormat=\"yy-mm-dd\"\n                      [ngClass]=\"{\n                                                'is-invalid': submitted && f['send_at'].errors\n                                            }\">\n                    </p-calendar>\n                  </div>\n                </pw-input-container>\n              </div>\n            </div>\n            <!-- Expiry Date for Newsletter -->\n            <div class=\"col-md-3 col-xs-6\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.NewsletterItem.Tooltip.SendUntil' | transloco\n                                    \"\n                  [label]=\"'Admin.NewsletterItem.SendUntil' | transloco\"\n                  name=\"send_until\"\n                  [errorMsg]=\"\n                                        'Admin.NewsletterItem.Validation.SendUntil' | transloco\n                                    \">\n                  <div>\n                    <p-calendar formControlName=\"send_until\"\n                      [showIcon]=\"true\"\n                      dateFormat=\"yy-mm-dd\"\n                      [ngClass]=\"{\n                                                'is-invalid': submitted && f['send_until'].errors\n                                            }\">\n                    </p-calendar>\n                  </div>\n                </pw-input-container>\n              </div>\n            </div>\n            <!-- Only new users -->\n            <div class=\"col-md-3\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.NewsletterItem.Tooltip.OnlyNewUsers' | transloco\n                                    \"\n                  [label]=\"'Admin.NewsletterItem.OnlyNewUsers' | transloco\"\n                  name=\"only_new_users\">\n                  <ui-switch formControlName=\"only_new_users\"\n                    name=\"only_new_users\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['only_new_users'].errors\n                                        }\">\n                  </ui-switch>\n                </pw-input-container>\n              </div>\n            </div>\n            <!-- IS PUSHED -->\n            <div class=\"col-md-3\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.NewsletterItem.Tooltip.ShouldDeliver' | transloco\n                                    \"\n                  [label]=\"'Admin.NewsletterItem.ShouldDeliver' | transloco\"\n                  name=\"is_pushed\">\n                  <ui-switch formControlName=\"is_pushed\"\n                    name=\"is_pushed\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['is_pushed'].errors\n                                        }\">\n                  </ui-switch>\n                </pw-input-container>\n              </div>\n            </div>\n          </div>\n          <div class=\"row\"></div>\n          <div class=\"row text-end mt-3\">\n            <div class=\"col-12\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\"\n                *rbacAllow=\"'Pages.Admin.Newsletter.Edit'\">\n                {{ 'Button.Save' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i4$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i4$3.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "itemSize", "suggestions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "directive", type: i8.GooglePlaceDirective, selector: "[ngx-google-places-autocomplete]", inputs: ["options"], outputs: ["onAddressChange"], exportAs: ["ngx-places"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6.QuillEditorComponent, selector: "quill-editor" }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+NewsletterItemDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: NewsletterItemDetailsComponent, selector: "pw-newsletter-item-details", viewQueries: [{ propertyName: "places", first: true, predicate: ["places"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          [routerLink]=\"[routers.newsletter]\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"\">Newsletter Item: {{ data?.title ? data?.title : 'Add New' }}</h3>\n      </div>\n      <div class=\"mt-4\">\n        <p class=\"my-3\">\n          You can insert the user name by adding the following syntax in the body or\n          title: {{ userNameSyntax }}\n        </p>\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSave()\">\n          <div class=\"row\">\n            <!-- Title -->\n            <pw-input-container [label]=\"'Admin.NewsletterItem.Title' | transloco\"\n              class=\"col-md-6\"\n              name=\"title\"\n              [errorMsg]=\"'Admin.NewsletterItem.Validation.Title' | transloco\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"title\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['title'].errors }\" />\n            </pw-input-container>\n            <!-- Newsletter -->\n            <pw-input-container [label]=\"'Admin.NewsletterItem.Newsletter' | transloco\"\n              class=\"col-md-6\"\n              name=\"newsletter_id\"\n              [errorMsg]=\"'Admin.NewsletterItem.Validation.Newsletter' | transloco\">\n              <p-dropdown [options]=\"newsletters\"\n                formControlName=\"newsletter_id\"\n                [style]=\"{ width: '100%' }\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['newsletter_id'].errors }\">\n              </p-dropdown>\n            </pw-input-container>\n            <!-- Rich Text Editor -->\n            <pw-input-container [label]=\"'Admin.NewsletterItem.Body' | transloco\"\n              class=\"col-12\"\n              name=\"body\"\n              [errorMsg]=\"'Admin.NewsletterItem.Validation.Body' | transloco\">\n              <quill-editor [styles]=\"{ height: '450px' }\"\n                formControlName=\"body\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['body'].errors }\">\n              </quill-editor>\n            </pw-input-container>\n            <!-- Location -->\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.NewsletterItem.Tooltip.Location' | transloco\"\n              [label]=\"'Admin.NewsletterItem.Location' | transloco\"\n              class=\"col-md-6\"\n              name=\"location\">\n              <input ngx-google-places-autocomplete\n                class=\"form-control\"\n                #places=\"ngx-places\"\n                formControlName=\"location\"\n                (onAddressChange)=\"handleAddressChange($event)\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['location'].errors }\" />\n            </pw-input-container>\n            <div class=\"ui-fluid skills-modal col-12 col-md-6 mb-3\">\n              <label for=\"\">{{ 'Admin.NewsletterItem.Tags' | transloco }}\n                <span class=\"ms-1 tooltip-wrap\"\n                  [pTooltip]=\"'Admin.NewsletterItem.Tooltip.Tags' | transloco\"\n                  [appendTo]=\"'body'\"\n                  [tooltipPosition]=\"'top'\">\n                  <i class=\"fas fa-info-circle\"></i>\n                </span>\n              </label>\n              <p-autoComplete [(ngModel)]=\"selectedTags\"\n                [suggestions]=\"tagsSuggestion\"\n                dataKey=\"id\"\n                field=\"name\"\n                (completeMethod)=\"search($event)\"\n                styleClass=\"w-100\"\n                [minLength]=\"1\"\n                [maxlength]=\"10\"\n                [dropdown]=\"true\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                placeholder=\"Tags\"\n                [multiple]=\"true\"></p-autoComplete>\n            </div>\n            <!-- Products -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.NewsletterItem.Tooltip.Products' | transloco\"\n                [label]=\"'Admin.NewsletterItem.Products' | transloco\"\n                name=\"product_ids\">\n                <p-multiSelect [options]=\"products\"\n                  defaultLabel=\"Select Products\"\n                  [showHeader]=\"true\"\n                  [showToggleAll]=\"true\"\n                  formControlName=\"product_ids\"\n                  appendTo=\"body\"></p-multiSelect>\n              </pw-input-container>\n            </div>\n            <!-- Features -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.NewsletterItem.Tooltip.Features' | transloco\"\n                [label]=\"'Admin.NewsletterItem.Features' | transloco\"\n                name=\"feature_keys\">\n                <p-multiSelect [options]=\"featureKeys\"\n                  defaultLabel=\"Select feature keys\"\n                  [showHeader]=\"true\"\n                  [showToggleAll]=\"true\"\n                  formControlName=\"feature_keys\"\n                  appendTo=\"body\"></p-multiSelect>\n              </pw-input-container>\n            </div>\n            <!-- Previous Newsletter Items -->\n            <div class=\"col-12\"\n              [ngClass]=\"f['main_tag_id'].value ? 'col-md-3' : 'col-md-6'\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.NewsletterItem.PreviousNewsletter' | transloco\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.NewsletterItem.Tooltip.PreviousNewsletter'\n                                            | transloco\n                                    \"\n                  name=\"main_tag_id\">\n                  <p-dropdown [options]=\"newsletterItems\"\n                    formControlName=\"main_tag_id\"\n                    [style]=\"{ width: '100%' }\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['main_tag_id'].errors\n                                        }\">\n                  </p-dropdown>\n                </pw-input-container>\n              </div>\n            </div>\n            <!-- DAYS TO WAIT -->\n            <div class=\"col-md-3 col-xs-6\"\n              *ngIf=\"form.get('main_tag_id').value\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.NewsletterItem.DaysToWait' | transloco\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.NewsletterItem.Tooltip.DaysToWaitFromPreviousNewsletter'\n                                            | transloco\n                                    \"\n                  name=\"days_to_wait_from_previous_newsletter\">\n                  <input type=\"number\"\n                    class=\"form-control\"\n                    formControlName=\"days_to_wait_from_previous_newsletter\"\n                    [ngClass]=\"{\n                                            'is-invalid':\n                                                submitted &&\n                                                f['days_to_wait_from_previous_newsletter'].errors\n                                        }\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <!-- IS SENT -->\n            <div class=\"col-md-3 col-xs-6\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.NewsletterItem.SendDate' | transloco\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.NewsletterItem.Tooltip.SendDate' | transloco\n                                    \"\n                  [errorMsg]=\"\n                                        'Admin.NewsletterItem.Validation.SendDate' | transloco\n                                    \"\n                  name=\"send_at\">\n                  <div>\n                    <p-calendar formControlName=\"send_at\"\n                      [showIcon]=\"true\"\n                      dateFormat=\"yy-mm-dd\"\n                      [ngClass]=\"{\n                                                'is-invalid': submitted && f['send_at'].errors\n                                            }\">\n                    </p-calendar>\n                  </div>\n                </pw-input-container>\n              </div>\n            </div>\n            <!-- Expiry Date for Newsletter -->\n            <div class=\"col-md-3 col-xs-6\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.NewsletterItem.Tooltip.SendUntil' | transloco\n                                    \"\n                  [label]=\"'Admin.NewsletterItem.SendUntil' | transloco\"\n                  name=\"send_until\"\n                  [errorMsg]=\"\n                                        'Admin.NewsletterItem.Validation.SendUntil' | transloco\n                                    \">\n                  <div>\n                    <p-calendar formControlName=\"send_until\"\n                      [showIcon]=\"true\"\n                      dateFormat=\"yy-mm-dd\"\n                      [ngClass]=\"{\n                                                'is-invalid': submitted && f['send_until'].errors\n                                            }\">\n                    </p-calendar>\n                  </div>\n                </pw-input-container>\n              </div>\n            </div>\n            <!-- Only new users -->\n            <div class=\"col-md-3\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.NewsletterItem.Tooltip.OnlyNewUsers' | transloco\n                                    \"\n                  [label]=\"'Admin.NewsletterItem.OnlyNewUsers' | transloco\"\n                  name=\"only_new_users\">\n                  <ui-switch formControlName=\"only_new_users\"\n                    name=\"only_new_users\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['only_new_users'].errors\n                                        }\">\n                  </ui-switch>\n                </pw-input-container>\n              </div>\n            </div>\n            <!-- IS PUSHED -->\n            <div class=\"col-md-3\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.NewsletterItem.Tooltip.ShouldDeliver' | transloco\n                                    \"\n                  [label]=\"'Admin.NewsletterItem.ShouldDeliver' | transloco\"\n                  name=\"is_pushed\">\n                  <ui-switch formControlName=\"is_pushed\"\n                    name=\"is_pushed\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['is_pushed'].errors\n                                        }\">\n                  </ui-switch>\n                </pw-input-container>\n              </div>\n            </div>\n          </div>\n          <div class=\"row\"></div>\n          <div class=\"row text-end mt-3\">\n            <div class=\"col-12\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\"\n                *rbacAllow=\"'Pages.Admin.Newsletter.Edit'\">\n                {{ 'Button.Save' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i4$2.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "itemSize", "suggestions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "directive", type: i8$1.GooglePlaceDirective, selector: "[ngx-google-places-autocomplete]", inputs: ["options"], outputs: ["onAddressChange"], exportAs: ["ngx-places"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6.QuillEditorComponent, selector: "quill-editor" }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 __decorate([
     ValidateForm('form'),
     __metadata("design:type", Function),
@@ -3298,7 +3299,7 @@ class NewsletterUsersListComponent extends AppBaseComponent {
     }
 }
 NewsletterUsersListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NewsletterUsersListComponent, deps: [{ token: i0.Injector }, { token: AdminService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-NewsletterUsersListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: NewsletterUsersListComponent, selector: "pw-newsletter-users-list", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 mb-3\">\n    <div class=\"me-auto col-xs-6\">\n      <a href=\"javascript:void(0)\"\n        (click)=\"back()\"\n        class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n      <h3 class=\"m-subheader__title m-subheader__title--separator\">Newsletter recipients</h3>\n    </div>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n\n<div class=\"primeng-datatable-container table-responsive\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #dt\n    [value]=\"data.newsletter_users\"\n    [paginator]=\"true\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search users...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"first_name\">\n          {{ 'Lable.Name' | transloco }}\n          <p-sortIcon field=\"first_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"email\">\n          {{ 'Lable.Email' | transloco }}\n          <p-sortIcon field=\"email\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"joined_at\">\n          {{ 'Admin.NewsletterItem.JoinedAt' | transloco }}\n          <p-sortIcon field=\"joined_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"last_sign_in_at\">\n          {{ 'Admin.NewsletterItem.LastSignInAt' | transloco }}\n          <p-sortIcon field=\"last_sign_in_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"last_opened\">\n          {{ 'Admin.NewsletterItem.LastOpened' | transloco }}\n          <p-sortIcon field=\"last_opened\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"open_count\">\n          {{ 'Admin.NewsletterItem.OpenCount' | transloco }}\n          <p-sortIcon field=\"open_count\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"clicked_at\">\n          {{ 'Admin.NewsletterItem.ClickedAt' | transloco }}\n          <p-sortIcon field=\"clicked_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"clicked_count\">\n          {{ 'Admin.NewsletterItem.ClickedCount' | transloco }}\n          <p-sortIcon field=\"clicked_count\"></p-sortIcon>\n        </th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-user>\n      <tr>\n        <td data-head=\"Name\">\n          <a [routerLink]=\"['/members', user?.slug]\">{{ user?.first_name }} {{ user?.last_name }}</a>\n        </td>\n        <td data-head=\"Email\">{{ user?.email }}</td>\n        <td data-head=\"Joined At\">{{ user?.joined_at | dateFormat }}</td>\n        <td data-head=\"Last Sign In At\">{{ user?.last_sign_in_at | dateFormat }}</td>\n        <td data-head=\"Last Opened\">{{ user?.last_opened }}</td>\n        <td data-head=\"Open Count\">{{ user?.open_count }}</td>\n        <td data-head=\"Clicked At\">{{ user?.clicked_at }}</td>\n        <td data-head=\"Clicked Count\">{{ user?.clicked_count }}</td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.NewsletterItem.NewsLetterRecipientsNoDataMessage' | transloco\">\n  </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i11.DateFormatPipe, name: "dateFormat" }] });
+NewsletterUsersListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: NewsletterUsersListComponent, selector: "pw-newsletter-users-list", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 mb-3\">\n    <div class=\"me-auto col-xs-6\">\n      <a href=\"javascript:void(0)\"\n        (click)=\"back()\"\n        class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n      <h3 class=\"m-subheader__title m-subheader__title--separator\">Newsletter recipients</h3>\n    </div>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n\n<div class=\"primeng-datatable-container table-responsive\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #dt\n    [value]=\"data.newsletter_users\"\n    [paginator]=\"true\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search users...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"first_name\">\n          {{ 'Lable.Name' | transloco }}\n          <p-sortIcon field=\"first_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"email\">\n          {{ 'Lable.Email' | transloco }}\n          <p-sortIcon field=\"email\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"joined_at\">\n          {{ 'Admin.NewsletterItem.JoinedAt' | transloco }}\n          <p-sortIcon field=\"joined_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"last_sign_in_at\">\n          {{ 'Admin.NewsletterItem.LastSignInAt' | transloco }}\n          <p-sortIcon field=\"last_sign_in_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"last_opened\">\n          {{ 'Admin.NewsletterItem.LastOpened' | transloco }}\n          <p-sortIcon field=\"last_opened\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"open_count\">\n          {{ 'Admin.NewsletterItem.OpenCount' | transloco }}\n          <p-sortIcon field=\"open_count\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"clicked_at\">\n          {{ 'Admin.NewsletterItem.ClickedAt' | transloco }}\n          <p-sortIcon field=\"clicked_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"clicked_count\">\n          {{ 'Admin.NewsletterItem.ClickedCount' | transloco }}\n          <p-sortIcon field=\"clicked_count\"></p-sortIcon>\n        </th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-user>\n      <tr>\n        <td data-head=\"Name\">\n          <a [routerLink]=\"['/members', user?.slug]\">{{ user?.first_name }} {{ user?.last_name }}</a>\n        </td>\n        <td data-head=\"Email\">{{ user?.email }}</td>\n        <td data-head=\"Joined At\">{{ user?.joined_at | dateFormat }}</td>\n        <td data-head=\"Last Sign In At\">{{ user?.last_sign_in_at | dateFormat }}</td>\n        <td data-head=\"Last Opened\">{{ user?.last_opened }}</td>\n        <td data-head=\"Open Count\">{{ user?.open_count }}</td>\n        <td data-head=\"Clicked At\">{{ user?.clicked_at }}</td>\n        <td data-head=\"Clicked Count\">{{ user?.clicked_count }}</td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.NewsletterItem.NewsLetterRecipientsNoDataMessage' | transloco\">\n  </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i12.DateFormatPipe, name: "dateFormat" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NewsletterUsersListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-newsletter-users-list', template: "<div class=\"row\">\n  <div class=\"col-12 mb-3\">\n    <div class=\"me-auto col-xs-6\">\n      <a href=\"javascript:void(0)\"\n        (click)=\"back()\"\n        class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n      <h3 class=\"m-subheader__title m-subheader__title--separator\">Newsletter recipients</h3>\n    </div>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n\n<div class=\"primeng-datatable-container table-responsive\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #dt\n    [value]=\"data.newsletter_users\"\n    [paginator]=\"true\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search users...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"first_name\">\n          {{ 'Lable.Name' | transloco }}\n          <p-sortIcon field=\"first_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"email\">\n          {{ 'Lable.Email' | transloco }}\n          <p-sortIcon field=\"email\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"joined_at\">\n          {{ 'Admin.NewsletterItem.JoinedAt' | transloco }}\n          <p-sortIcon field=\"joined_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"last_sign_in_at\">\n          {{ 'Admin.NewsletterItem.LastSignInAt' | transloco }}\n          <p-sortIcon field=\"last_sign_in_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"last_opened\">\n          {{ 'Admin.NewsletterItem.LastOpened' | transloco }}\n          <p-sortIcon field=\"last_opened\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"open_count\">\n          {{ 'Admin.NewsletterItem.OpenCount' | transloco }}\n          <p-sortIcon field=\"open_count\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"clicked_at\">\n          {{ 'Admin.NewsletterItem.ClickedAt' | transloco }}\n          <p-sortIcon field=\"clicked_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"clicked_count\">\n          {{ 'Admin.NewsletterItem.ClickedCount' | transloco }}\n          <p-sortIcon field=\"clicked_count\"></p-sortIcon>\n        </th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-user>\n      <tr>\n        <td data-head=\"Name\">\n          <a [routerLink]=\"['/members', user?.slug]\">{{ user?.first_name }} {{ user?.last_name }}</a>\n        </td>\n        <td data-head=\"Email\">{{ user?.email }}</td>\n        <td data-head=\"Joined At\">{{ user?.joined_at | dateFormat }}</td>\n        <td data-head=\"Last Sign In At\">{{ user?.last_sign_in_at | dateFormat }}</td>\n        <td data-head=\"Last Opened\">{{ user?.last_opened }}</td>\n        <td data-head=\"Open Count\">{{ user?.open_count }}</td>\n        <td data-head=\"Clicked At\">{{ user?.clicked_at }}</td>\n        <td data-head=\"Clicked Count\">{{ user?.clicked_count }}</td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.NewsletterItem.NewsLetterRecipientsNoDataMessage' | transloco\">\n  </pw-no-data>\n</div>\n" }]
@@ -3470,7 +3471,7 @@ class NewslettersItemsComponent extends AppBaseComponent {
     }
 }
 NewslettersItemsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NewslettersItemsComponent, deps: [{ token: AdminService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-NewslettersItemsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: NewslettersItemsComponent, selector: "pw-newsletters-items", usesInheritance: true, ngImport: i0, template: "<div class=\"row mt-3\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center\">\n    <h2 class=\"card-title p-0 float-start\">Newsletters Items</h2>\n    <button *rbacAllow=\"'SubscriptionAdmin'\"\n      class=\"btn btn-sm btn-outline-primary float-end m-0\"\n      (click)=\"navigateToCreateNewsletterItem()\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Newsletter Item\n    </button>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive\"\n  [class.hideTable]=\"totalRecordsUnFilter === 0\">\n  <div class=\"row\">\n    <div class=\"col-8\">\n      <div>\n        <span class=\"d-block\"> Search </span>\n        <input type=\"text\"\n          [(ngModel)]=\"searchTextItems\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search...\"\n          data-cy=\"user-search\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"wd-90\" />\n      </div>\n    </div>\n    <div class=\"col-4 float-end\">\n      Filter By Newsletter\n      <p-multiSelect [options]=\"newsletters\"\n        (onChange)=\"onNewsletterChange($event)\"\n        [defaultLabel]=\"selectedNewsletter?.label\"\n        appendTo=\"body\">\n      </p-multiSelect>\n    </div>\n  </div>\n  <p-table #dt\n    [value]=\"newslettersItems\"\n    [paginator]=\"true\"\n    [globalFilterFields]=\"['title']\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"newslettersItemsTotal\"\n    [lazy]=\"true\"\n    (onLazyLoad)=\"onLazyLoadNewsletterItems($event)\"\n    [loading]=\"isLoading\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"title\">\n          {{ 'Label.Title' | transloco }}\n          <p-sortIcon field=\"title\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"body\">\n          {{ 'Admin.NewsletterItem.Body' | transloco }}\n          <p-sortIcon field=\"body\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"location\">\n          {{ 'Admin.NewsletterItem.Location' | transloco }}\n          <p-sortIcon field=\"location'\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"send_until\">\n          {{ 'Admin.NewsletterItem.SendUntil' | transloco }}\n          <p-sortIcon field=\"send_until\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"is_pushed\">\n          {{ 'Admin.NewsletterItem.Pushed' | transloco }}\n          <p-sortIcon field=\"is_pushed\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"is_sent\">\n          {{ 'Admin.NewsletterItem.Sent' | transloco }}\n          <p-sortIcon field=\"is_sent\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-four\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Title\">{{ item.title }}</td>\n        <td data-head=\"Body\"\n          class=\"custom-td\">\n          {{ item.body | removeHtml | textTruncate: 200 }}\n        </td>\n        <td data-head=\"Location\">{{ item.location }}</td>\n        <td data-head=\"Send Until\">\n          <span [ngClass]=\"getSendUntilColor(item?.send_until)\">{{\n                        item.send_until | dateFormat\n                    }}</span>\n        </td>\n        <td data-head=\"Is Pushed\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: item?.is_pushed }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.is_pushed }}</span>\n        </td>\n        <td data-head=\"Is Sent\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: item?.is_sent }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.is_sent }}</span>\n        </td>\n        <td data-head=\"Action\"\n          *rbacAllow=\"'SubscriptionAdmin'\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Send test email\"\n              class=\"me-2 me-sm-3\">\n              <i\n                                class=\"fa fa-comment-alt cta1-icon\"\n                                (click)=\"sendTestEmail(item)\"\n                                aria-hidden=\"true\"\n                            ></i>\n            </li>\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.newsletterItemDetails + item.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"onDelete(item)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Newsletter recipients\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.newslettersUserList + item.id]\">\n              <i class=\"fa fa-tasks cta1-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"newslettersItemsTotal === 0 && totalRecordsUnFilter !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ newslettersItemsTotal }}</span>\n</div>\n<div *ngIf=\"totalRecordsUnFilter === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.NewsletterItem.NewsletterItemsNoDataMessage' | transloco\">\n  </pw-no-data>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.custom-td{max-width:400px;word-break:break-all}\n"], dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i7.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i11.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i11.RemoveHtmlPipe, name: "removeHtml" }, { kind: "pipe", type: i11.TextTruncatePipe, name: "textTruncate" }] });
+NewslettersItemsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: NewslettersItemsComponent, selector: "pw-newsletters-items", usesInheritance: true, ngImport: i0, template: "<div class=\"row mt-3\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center\">\n    <h2 class=\"card-title p-0 float-start\">Newsletters Items</h2>\n    <button *rbacAllow=\"'SubscriptionAdmin'\"\n      class=\"btn btn-sm btn-outline-primary float-end m-0\"\n      (click)=\"navigateToCreateNewsletterItem()\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Newsletter Item\n    </button>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive\"\n  [class.hideTable]=\"totalRecordsUnFilter === 0\">\n  <div class=\"row\">\n    <div class=\"col-8\">\n      <div>\n        <span class=\"d-block\"> Search </span>\n        <input type=\"text\"\n          [(ngModel)]=\"searchTextItems\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search...\"\n          data-cy=\"user-search\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"wd-90\" />\n      </div>\n    </div>\n    <div class=\"col-4 float-end\">\n      Filter By Newsletter\n      <p-multiSelect [options]=\"newsletters\"\n        (onChange)=\"onNewsletterChange($event)\"\n        [defaultLabel]=\"selectedNewsletter?.label\"\n        appendTo=\"body\">\n      </p-multiSelect>\n    </div>\n  </div>\n  <p-table #dt\n    [value]=\"newslettersItems\"\n    [paginator]=\"true\"\n    [globalFilterFields]=\"['title']\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"newslettersItemsTotal\"\n    [lazy]=\"true\"\n    (onLazyLoad)=\"onLazyLoadNewsletterItems($event)\"\n    [loading]=\"isLoading\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"title\">\n          {{ 'Label.Title' | transloco }}\n          <p-sortIcon field=\"title\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"body\">\n          {{ 'Admin.NewsletterItem.Body' | transloco }}\n          <p-sortIcon field=\"body\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"location\">\n          {{ 'Admin.NewsletterItem.Location' | transloco }}\n          <p-sortIcon field=\"location'\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"send_until\">\n          {{ 'Admin.NewsletterItem.SendUntil' | transloco }}\n          <p-sortIcon field=\"send_until\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"is_pushed\">\n          {{ 'Admin.NewsletterItem.Pushed' | transloco }}\n          <p-sortIcon field=\"is_pushed\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"is_sent\">\n          {{ 'Admin.NewsletterItem.Sent' | transloco }}\n          <p-sortIcon field=\"is_sent\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-four\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Title\">{{ item.title }}</td>\n        <td data-head=\"Body\"\n          class=\"custom-td\">\n          {{ item.body | removeHtml | textTruncate: 200 }}\n        </td>\n        <td data-head=\"Location\">{{ item.location }}</td>\n        <td data-head=\"Send Until\">\n          <span [ngClass]=\"getSendUntilColor(item?.send_until)\">{{\n                        item.send_until | dateFormat\n                    }}</span>\n        </td>\n        <td data-head=\"Is Pushed\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: item?.is_pushed }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.is_pushed }}</span>\n        </td>\n        <td data-head=\"Is Sent\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: item?.is_sent }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.is_sent }}</span>\n        </td>\n        <td data-head=\"Action\"\n          *rbacAllow=\"'SubscriptionAdmin'\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Send test email\"\n              class=\"me-2 me-sm-3\">\n              <i\n                                class=\"fa fa-comment-alt cta1-icon\"\n                                (click)=\"sendTestEmail(item)\"\n                                aria-hidden=\"true\"\n                            ></i>\n            </li>\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.newsletterItemDetails + item.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"onDelete(item)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Newsletter recipients\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.newslettersUserList + item.id]\">\n              <i class=\"fa fa-tasks cta1-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"newslettersItemsTotal === 0 && totalRecordsUnFilter !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ newslettersItemsTotal }}</span>\n</div>\n<div *ngIf=\"totalRecordsUnFilter === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.NewsletterItem.NewsletterItemsNoDataMessage' | transloco\">\n  </pw-no-data>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.custom-td{max-width:400px;word-break:break-all}\n"], dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i8.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i12.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i12.RemoveHtmlPipe, name: "removeHtml" }, { kind: "pipe", type: i12.TextTruncatePipe, name: "textTruncate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NewslettersItemsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-newsletters-items', template: "<div class=\"row mt-3\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center\">\n    <h2 class=\"card-title p-0 float-start\">Newsletters Items</h2>\n    <button *rbacAllow=\"'SubscriptionAdmin'\"\n      class=\"btn btn-sm btn-outline-primary float-end m-0\"\n      (click)=\"navigateToCreateNewsletterItem()\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Newsletter Item\n    </button>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive\"\n  [class.hideTable]=\"totalRecordsUnFilter === 0\">\n  <div class=\"row\">\n    <div class=\"col-8\">\n      <div>\n        <span class=\"d-block\"> Search </span>\n        <input type=\"text\"\n          [(ngModel)]=\"searchTextItems\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search...\"\n          data-cy=\"user-search\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"wd-90\" />\n      </div>\n    </div>\n    <div class=\"col-4 float-end\">\n      Filter By Newsletter\n      <p-multiSelect [options]=\"newsletters\"\n        (onChange)=\"onNewsletterChange($event)\"\n        [defaultLabel]=\"selectedNewsletter?.label\"\n        appendTo=\"body\">\n      </p-multiSelect>\n    </div>\n  </div>\n  <p-table #dt\n    [value]=\"newslettersItems\"\n    [paginator]=\"true\"\n    [globalFilterFields]=\"['title']\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"newslettersItemsTotal\"\n    [lazy]=\"true\"\n    (onLazyLoad)=\"onLazyLoadNewsletterItems($event)\"\n    [loading]=\"isLoading\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"title\">\n          {{ 'Label.Title' | transloco }}\n          <p-sortIcon field=\"title\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"body\">\n          {{ 'Admin.NewsletterItem.Body' | transloco }}\n          <p-sortIcon field=\"body\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"location\">\n          {{ 'Admin.NewsletterItem.Location' | transloco }}\n          <p-sortIcon field=\"location'\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"send_until\">\n          {{ 'Admin.NewsletterItem.SendUntil' | transloco }}\n          <p-sortIcon field=\"send_until\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"is_pushed\">\n          {{ 'Admin.NewsletterItem.Pushed' | transloco }}\n          <p-sortIcon field=\"is_pushed\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"is_sent\">\n          {{ 'Admin.NewsletterItem.Sent' | transloco }}\n          <p-sortIcon field=\"is_sent\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-four\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Title\">{{ item.title }}</td>\n        <td data-head=\"Body\"\n          class=\"custom-td\">\n          {{ item.body | removeHtml | textTruncate: 200 }}\n        </td>\n        <td data-head=\"Location\">{{ item.location }}</td>\n        <td data-head=\"Send Until\">\n          <span [ngClass]=\"getSendUntilColor(item?.send_until)\">{{\n                        item.send_until | dateFormat\n                    }}</span>\n        </td>\n        <td data-head=\"Is Pushed\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: item?.is_pushed }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.is_pushed }}</span>\n        </td>\n        <td data-head=\"Is Sent\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: item?.is_sent }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.is_sent }}</span>\n        </td>\n        <td data-head=\"Action\"\n          *rbacAllow=\"'SubscriptionAdmin'\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Send test email\"\n              class=\"me-2 me-sm-3\">\n              <i\n                                class=\"fa fa-comment-alt cta1-icon\"\n                                (click)=\"sendTestEmail(item)\"\n                                aria-hidden=\"true\"\n                            ></i>\n            </li>\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.newsletterItemDetails + item.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"onDelete(item)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Newsletter recipients\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.newslettersUserList + item.id]\">\n              <i class=\"fa fa-tasks cta1-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"newslettersItemsTotal === 0 && totalRecordsUnFilter !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ newslettersItemsTotal }}</span>\n</div>\n<div *ngIf=\"totalRecordsUnFilter === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.NewsletterItem.NewsletterItemsNoDataMessage' | transloco\">\n  </pw-no-data>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.custom-td{max-width:400px;word-break:break-all}\n"] }]
@@ -3549,7 +3550,7 @@ class NewslettersListComponent extends AppBaseComponent {
     }
 }
 NewslettersListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NewslettersListComponent, deps: [{ token: AdminService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-NewslettersListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: NewslettersListComponent, selector: "pw-newsletters-list", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center text-end my-3\">\n    <h2 class=\"card-title p-0 float-start\">Newsletters</h2>\n    <button *rbacAllow=\"'SubscriptionSuperAdmin'\"\n      class=\"btn btn-outline-primary btn-sm float-end m-0\"\n      [routerLink]=\"[routers.newsletterDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Newsletter\n    </button>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #tt\n    [value]=\"data.newsletters\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [lazy]=\"true\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <!--sort order should be default empty when page load-->\n\n    <!-- Caption Header, Search Bar -->\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search\"\n          [(ngModel)]=\"searchText\"\n          (input)=\"tt.filterGlobal($event.target.value, 'contains')\" />\n      </div>\n    </ng-template>\n\n    <!-- Column Header -->\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"active\">\n          {{ 'Label.IsActive' | transloco }}\n          <p-sortIcon field=\"active\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"visible\">\n          {{ 'Label.IsVisible' | transloco }}\n          <p-sortIcon field=\"visible\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n\n    <!-- Table Body -->\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Name\">\n          <a (click)=\"navigateNewsletterItems(item.id)\">\n            <span class=\"item-hoverable\">{{ item.name }}</span>\n          </a>\n        </td>\n        <td data-head=\"Active\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: item?.active }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.active ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Visible\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: item?.visible }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.visible ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\"\n            *rbacAllow=\"'SubscriptionSuperAdmin'\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.newsletterDetails + item.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"onDelete(item)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Newsletter Items\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"'/admin/newsletter/items'\"\n              [queryParams]=\"{ newsletter_id: item.id }\">\n              <i class=\"fa fa-tasks cta1-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.Newsletter.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i7.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+NewslettersListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: NewslettersListComponent, selector: "pw-newsletters-list", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center text-end my-3\">\n    <h2 class=\"card-title p-0 float-start\">Newsletters</h2>\n    <button *rbacAllow=\"'SubscriptionSuperAdmin'\"\n      class=\"btn btn-outline-primary btn-sm float-end m-0\"\n      [routerLink]=\"[routers.newsletterDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Newsletter\n    </button>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #tt\n    [value]=\"data.newsletters\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [lazy]=\"true\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <!--sort order should be default empty when page load-->\n\n    <!-- Caption Header, Search Bar -->\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search\"\n          [(ngModel)]=\"searchText\"\n          (input)=\"tt.filterGlobal($event.target.value, 'contains')\" />\n      </div>\n    </ng-template>\n\n    <!-- Column Header -->\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"active\">\n          {{ 'Label.IsActive' | transloco }}\n          <p-sortIcon field=\"active\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"visible\">\n          {{ 'Label.IsVisible' | transloco }}\n          <p-sortIcon field=\"visible\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n\n    <!-- Table Body -->\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Name\">\n          <a (click)=\"navigateNewsletterItems(item.id)\">\n            <span class=\"item-hoverable\">{{ item.name }}</span>\n          </a>\n        </td>\n        <td data-head=\"Active\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: item?.active }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.active ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Visible\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: item?.visible }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.visible ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\"\n            *rbacAllow=\"'SubscriptionSuperAdmin'\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.newsletterDetails + item.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"onDelete(item)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Newsletter Items\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"'/admin/newsletter/items'\"\n              [queryParams]=\"{ newsletter_id: item.id }\">\n              <i class=\"fa fa-tasks cta1-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.Newsletter.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i8.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NewslettersListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-newsletters-list', template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center text-end my-3\">\n    <h2 class=\"card-title p-0 float-start\">Newsletters</h2>\n    <button *rbacAllow=\"'SubscriptionSuperAdmin'\"\n      class=\"btn btn-outline-primary btn-sm float-end m-0\"\n      [routerLink]=\"[routers.newsletterDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Newsletter\n    </button>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #tt\n    [value]=\"data.newsletters\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [lazy]=\"true\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <!--sort order should be default empty when page load-->\n\n    <!-- Caption Header, Search Bar -->\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search\"\n          [(ngModel)]=\"searchText\"\n          (input)=\"tt.filterGlobal($event.target.value, 'contains')\" />\n      </div>\n    </ng-template>\n\n    <!-- Column Header -->\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"active\">\n          {{ 'Label.IsActive' | transloco }}\n          <p-sortIcon field=\"active\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"visible\">\n          {{ 'Label.IsVisible' | transloco }}\n          <p-sortIcon field=\"visible\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n\n    <!-- Table Body -->\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Name\">\n          <a (click)=\"navigateNewsletterItems(item.id)\">\n            <span class=\"item-hoverable\">{{ item.name }}</span>\n          </a>\n        </td>\n        <td data-head=\"Active\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: item?.active }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.active ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Visible\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: item?.visible }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.visible ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\"\n            *rbacAllow=\"'SubscriptionSuperAdmin'\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.newsletterDetails + item.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"onDelete(item)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Newsletter Items\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"'/admin/newsletter/items'\"\n              [queryParams]=\"{ newsletter_id: item.id }\">\n              <i class=\"fa fa-tasks cta1-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.Newsletter.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n" }]
@@ -3638,7 +3639,7 @@ class PermissionsDetailsComponent extends AppBaseComponent {
     }
 }
 PermissionsDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: PermissionsDetailsComponent, deps: [{ token: AdminService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-PermissionsDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: PermissionsDetailsComponent, selector: "pw-permissions-details", viewQueries: [{ propertyName: "menu", first: true, predicate: ["menuItems"], descendants: true, static: true }, { propertyName: "permissionTree", first: true, predicate: ["permissionTree"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <p-tabMenu #menuItems\n    [model]=\"items\"\n    [activeItem]=\"activeItem\"></p-tabMenu>\n\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"mb-4\">\n        <div class=\"d-flex align-items-center\">\n          <div class=\"me-auto col-xs-6\">\n            <a href=\"javascript:void(0)\"\n              [routerLink]=\"[routers.permissionsList]\"\n              class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n            <h3 class=\"\">Permission: {{ permissions?.name }}</h3>\n          </div>\n        </div>\n      </div>\n\n      <form [formGroup]=\"form\"\n        (ngSubmit)=\"savePermissionDetails()\">\n        <div class=\"row\">\n          <div class=\"col-12 col-md-8\">\n            <div class=\"mb-3\">\n              <label>{{ 'Permissions.PermissionName' | transloco }}</label>\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"name\" />\n            </div>\n          </div>\n          <div class=\"col-12 col-md-4\">\n            <div class=\"mb-3 text-center\">\n              <label>{{ 'Permissions.IsActive' | transloco }}</label>\n              <br />\n              <ui-switch class=\"d-block\"\n                formControlName=\"active\"\n                name=\"active\">\n              </ui-switch>\n            </div>\n          </div>\n        </div>\n        <div class=\"row mt-5 text-end\">\n          <div class=\"col-12\">\n            <button type=\"button\"\n              class=\"btn btn-outline-default me-2\"\n              (click)=\"onDiscard()\">\n              {{ 'Button.Cancel' | transloco }}\n            </button>\n            <button type=\"submit\"\n              class=\"btn btn-primary\"\n              *rbacAllow=\"'Pages.Admin.Roles.Create'\">\n              {{ 'Button.Save' | transloco }}\n            </button>\n          </div>\n        </div>\n      </form>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i2$2.TabMenu, selector: "p-tabMenu", inputs: ["model", "activeItem", "scrollable", "popup", "style", "styleClass"], outputs: ["activeItemChange"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+PermissionsDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: PermissionsDetailsComponent, selector: "pw-permissions-details", viewQueries: [{ propertyName: "menu", first: true, predicate: ["menuItems"], descendants: true, static: true }, { propertyName: "permissionTree", first: true, predicate: ["permissionTree"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <p-tabMenu #menuItems\n    [model]=\"items\"\n    [activeItem]=\"activeItem\"></p-tabMenu>\n\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"mb-4\">\n        <div class=\"d-flex align-items-center\">\n          <div class=\"me-auto col-xs-6\">\n            <a href=\"javascript:void(0)\"\n              [routerLink]=\"[routers.permissionsList]\"\n              class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n            <h3 class=\"\">Permission: {{ permissions?.name }}</h3>\n          </div>\n        </div>\n      </div>\n\n      <form [formGroup]=\"form\"\n        (ngSubmit)=\"savePermissionDetails()\">\n        <div class=\"row\">\n          <div class=\"col-12 col-md-8\">\n            <div class=\"mb-3\">\n              <label>{{ 'Permissions.PermissionName' | transloco }}</label>\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"name\" />\n            </div>\n          </div>\n          <div class=\"col-12 col-md-4\">\n            <div class=\"mb-3 text-center\">\n              <label>{{ 'Permissions.IsActive' | transloco }}</label>\n              <br />\n              <ui-switch class=\"d-block\"\n                formControlName=\"active\"\n                name=\"active\">\n              </ui-switch>\n            </div>\n          </div>\n        </div>\n        <div class=\"row mt-5 text-end\">\n          <div class=\"col-12\">\n            <button type=\"button\"\n              class=\"btn btn-outline-default me-2\"\n              (click)=\"onDiscard()\">\n              {{ 'Button.Cancel' | transloco }}\n            </button>\n            <button type=\"submit\"\n              class=\"btn btn-primary\"\n              *rbacAllow=\"'Pages.Admin.Roles.Create'\">\n              {{ 'Button.Save' | transloco }}\n            </button>\n          </div>\n        </div>\n      </form>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i2$2.TabMenu, selector: "p-tabMenu", inputs: ["model", "activeItem", "scrollable", "popup", "style", "styleClass"], outputs: ["activeItemChange"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 __decorate([
     ValidateForm('form'),
     __metadata("design:type", Function),
@@ -3711,7 +3712,7 @@ class PermissionsListComponent extends AppBaseComponent {
     }
 }
 PermissionsListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: PermissionsListComponent, deps: [{ token: AdminService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-PermissionsListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: PermissionsListComponent, selector: "pw-permissions-list", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0 float-start\">Permissions</h2>\n    <button class=\"btn btn-sm btn-outline-primary float-end\"\n      data-cy=\"create-role\"\n      [routerLink]=\"[routers.permissionsDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Permissions\n    </button>\n  </div>\n</div>\n<div class=\"primeng-datatable-container mt table-responsive -0\">\n  <p-table #dt\n    [value]=\"data.permissions\"\n    [paginator]=\"true\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search Permissions...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"active\">\n          {{ 'Permissions.IsActive' | transloco }}\n          <p-sortIcon field=\"active\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-permissions>\n      <tr>\n        <td data-head=\"Name\">{{ permissions.name }}</td>\n        <td data-head=\"Is Active\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: permissions?.active }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ permissions?.active ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.permissionsDetails + permissions.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\">\n              <i\n                                (click)=\"onDelete(permissions)\"\n                                class=\"fa fa-trash delete-icon\"\n                                aria-hidden=\"true\"\n                            ></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}\n"], dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i7.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+PermissionsListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: PermissionsListComponent, selector: "pw-permissions-list", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0 float-start\">Permissions</h2>\n    <button class=\"btn btn-sm btn-outline-primary float-end\"\n      data-cy=\"create-role\"\n      [routerLink]=\"[routers.permissionsDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Permissions\n    </button>\n  </div>\n</div>\n<div class=\"primeng-datatable-container mt table-responsive -0\">\n  <p-table #dt\n    [value]=\"data.permissions\"\n    [paginator]=\"true\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search Permissions...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"active\">\n          {{ 'Permissions.IsActive' | transloco }}\n          <p-sortIcon field=\"active\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-permissions>\n      <tr>\n        <td data-head=\"Name\">{{ permissions.name }}</td>\n        <td data-head=\"Is Active\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: permissions?.active }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ permissions?.active ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.permissionsDetails + permissions.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\">\n              <i\n                                (click)=\"onDelete(permissions)\"\n                                class=\"fa fa-trash delete-icon\"\n                                aria-hidden=\"true\"\n                            ></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}\n"], dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i8.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: PermissionsListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-permissions-list', template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0 float-start\">Permissions</h2>\n    <button class=\"btn btn-sm btn-outline-primary float-end\"\n      data-cy=\"create-role\"\n      [routerLink]=\"[routers.permissionsDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Permissions\n    </button>\n  </div>\n</div>\n<div class=\"primeng-datatable-container mt table-responsive -0\">\n  <p-table #dt\n    [value]=\"data.permissions\"\n    [paginator]=\"true\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search Permissions...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"active\">\n          {{ 'Permissions.IsActive' | transloco }}\n          <p-sortIcon field=\"active\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-permissions>\n      <tr>\n        <td data-head=\"Name\">{{ permissions.name }}</td>\n        <td data-head=\"Is Active\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: permissions?.active }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ permissions?.active ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.permissionsDetails + permissions.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\">\n              <i\n                                (click)=\"onDelete(permissions)\"\n                                class=\"fa fa-trash delete-icon\"\n                                aria-hidden=\"true\"\n                            ></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}\n"] }]
@@ -3828,7 +3829,7 @@ class RoleDetailsComponent extends AppBaseComponent {
     }
 }
 RoleDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: RoleDetailsComponent, deps: [{ token: AdminService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-RoleDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: RoleDetailsComponent, selector: "pw-role-details", viewQueries: [{ propertyName: "menu", first: true, predicate: ["menuItems"], descendants: true, static: true }, { propertyName: "permissionTree", first: true, predicate: ["permissionTree"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <p-tabMenu #menuItems\n    [model]=\"items\"\n    [activeItem]=\"activeItem\"\n    (click)=\"activateMenu()\">\n  </p-tabMenu>\n\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <ng-template [ngIf]=\"activeItem.id === 'details'\">\n        <div class=\"mb-4\">\n          <div class=\"d-flex align-items-center\">\n            <div class=\"me-auto col-xs-6\">\n              <a href=\"javascript:void(0)\"\n                (click)=\"previous()\"\n                class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n              <h3 class=\"\">Role: {{ role?.name }}</h3>\n            </div>\n          </div>\n        </div>\n\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSave()\">\n          <div class=\"row\">\n            <div class=\"col-12 col-md-8\">\n              <div class=\"mb-3\">\n                <label>{{ 'Admin.Roles.RoleName' | transloco }}</label>\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"name\" />\n              </div>\n            </div>\n            <div class=\"col-12 col-md-4\">\n              <div class=\"mb-3 text-center\">\n                <label>{{ 'Admin.Roles.IsActive' | transloco }}</label>\n                <br />\n                <ui-switch class=\"d-block\"\n                  formControlName=\"active\"\n                  name=\"active\">\n                </ui-switch>\n              </div>\n            </div>\n          </div>\n          <div class=\"row mt-5 text-end\">\n            <div class=\"col-12\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"onDiscard()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\"\n                *rbacAllow=\"'Pages.Admin.Roles.Create'\">\n                {{ 'Button.Save' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </ng-template>\n\n      <ng-template [ngIf]=\"activeItem.id === 'permission'\">\n        <div class=\"p-4\">\n          <ng-container *ngIf=\"permissions\">\n            <permission-tree [data]=\"permissions\"\n              #permissionTree></permission-tree>\n\n            <div class=\"row mt-5 text-end\">\n              <div class=\"col-12\">\n                <button type=\"button\"\n                  class=\"btn btn-outline-default me-2\"\n                  (click)=\"onDiscard()\">\n                  {{ 'Button.Cancel' | transloco }}\n                </button>\n                <button type=\"submit\"\n                  class=\"btn btn-primary\"\n                  (click)=\"savePermission()\">\n                  {{ 'Button.Save' | transloco }}\n                </button>\n              </div>\n            </div>\n          </ng-container>\n        </div>\n      </ng-template>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.TabMenu, selector: "p-tabMenu", inputs: ["model", "activeItem", "scrollable", "popup", "style", "styleClass"], outputs: ["activeItemChange"] }, { kind: "component", type: i1$1.PermissionTreeComponent, selector: "permission-tree", inputs: ["data"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+RoleDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: RoleDetailsComponent, selector: "pw-role-details", viewQueries: [{ propertyName: "menu", first: true, predicate: ["menuItems"], descendants: true, static: true }, { propertyName: "permissionTree", first: true, predicate: ["permissionTree"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <p-tabMenu #menuItems\n    [model]=\"items\"\n    [activeItem]=\"activeItem\"\n    (click)=\"activateMenu()\">\n  </p-tabMenu>\n\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <ng-template [ngIf]=\"activeItem.id === 'details'\">\n        <div class=\"mb-4\">\n          <div class=\"d-flex align-items-center\">\n            <div class=\"me-auto col-xs-6\">\n              <a href=\"javascript:void(0)\"\n                (click)=\"previous()\"\n                class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n              <h3 class=\"\">Role: {{ role?.name }}</h3>\n            </div>\n          </div>\n        </div>\n\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSave()\">\n          <div class=\"row\">\n            <div class=\"col-12 col-md-8\">\n              <div class=\"mb-3\">\n                <label>{{ 'Admin.Roles.RoleName' | transloco }}</label>\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"name\" />\n              </div>\n            </div>\n            <div class=\"col-12 col-md-4\">\n              <div class=\"mb-3 text-center\">\n                <label>{{ 'Admin.Roles.IsActive' | transloco }}</label>\n                <br />\n                <ui-switch class=\"d-block\"\n                  formControlName=\"active\"\n                  name=\"active\">\n                </ui-switch>\n              </div>\n            </div>\n          </div>\n          <div class=\"row mt-5 text-end\">\n            <div class=\"col-12\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"onDiscard()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\"\n                *rbacAllow=\"'Pages.Admin.Roles.Create'\">\n                {{ 'Button.Save' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </ng-template>\n\n      <ng-template [ngIf]=\"activeItem.id === 'permission'\">\n        <div class=\"p-4\">\n          <ng-container *ngIf=\"permissions\">\n            <permission-tree [data]=\"permissions\"\n              #permissionTree></permission-tree>\n\n            <div class=\"row mt-5 text-end\">\n              <div class=\"col-12\">\n                <button type=\"button\"\n                  class=\"btn btn-outline-default me-2\"\n                  (click)=\"onDiscard()\">\n                  {{ 'Button.Cancel' | transloco }}\n                </button>\n                <button type=\"submit\"\n                  class=\"btn btn-primary\"\n                  (click)=\"savePermission()\">\n                  {{ 'Button.Save' | transloco }}\n                </button>\n              </div>\n            </div>\n          </ng-container>\n        </div>\n      </ng-template>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.TabMenu, selector: "p-tabMenu", inputs: ["model", "activeItem", "scrollable", "popup", "style", "styleClass"], outputs: ["activeItemChange"] }, { kind: "component", type: i1$1.PermissionTreeComponent, selector: "permission-tree", inputs: ["data"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 __decorate([
     ValidateForm('form'),
     __metadata("design:type", Function),
@@ -3906,7 +3907,7 @@ class RolesListComponent extends AppBaseComponent {
     }
 }
 RolesListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: RolesListComponent, deps: [{ token: AdminService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-RolesListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: RolesListComponent, selector: "pw-admin-roles-list", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0 float-start\">Roles</h2>\n    <button *rbacAllow=\"'Pages.Admin.Roles.Create'\"\n      class=\"btn btn-sm btn-outline-primary float-end\"\n      data-cy=\"create-role\"\n      [routerLink]=\"[routers.rolesDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Role\n    </button>\n  </div>\n</div>\n<div class=\"primeng-datatable-container mt-0 table-responsive\">\n  <p-table #dt\n    [value]=\"roles\"\n    [paginator]=\"true\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"totalRecords\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search Role...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"active\">\n          {{ 'Admin.Roles.IsActive' | transloco }}\n          <p-sortIcon field=\"active\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-role>\n      <tr>\n        <td data-head=\"Name\">{{ role.name }}</td>\n        <td data-head=\"Is Active\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: role?.active }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ role?.active ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.rolesDetails + role.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\">\n              <i\n                                (click)=\"onDeleteRole(role)\"\n                                class=\"fa fa-trash delete-icon\"\n                                aria-hidden=\"true\"\n                            ></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}\n"], dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i7.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+RolesListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: RolesListComponent, selector: "pw-admin-roles-list", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0 float-start\">Roles</h2>\n    <button *rbacAllow=\"'Pages.Admin.Roles.Create'\"\n      class=\"btn btn-sm btn-outline-primary float-end\"\n      data-cy=\"create-role\"\n      [routerLink]=\"[routers.rolesDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Role\n    </button>\n  </div>\n</div>\n<div class=\"primeng-datatable-container mt-0 table-responsive\">\n  <p-table #dt\n    [value]=\"roles\"\n    [paginator]=\"true\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"totalRecords\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search Role...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"active\">\n          {{ 'Admin.Roles.IsActive' | transloco }}\n          <p-sortIcon field=\"active\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-role>\n      <tr>\n        <td data-head=\"Name\">{{ role.name }}</td>\n        <td data-head=\"Is Active\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: role?.active }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ role?.active ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.rolesDetails + role.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\">\n              <i\n                                (click)=\"onDeleteRole(role)\"\n                                class=\"fa fa-trash delete-icon\"\n                                aria-hidden=\"true\"\n                            ></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}\n"], dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i8.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: RolesListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-admin-roles-list', template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0 float-start\">Roles</h2>\n    <button *rbacAllow=\"'Pages.Admin.Roles.Create'\"\n      class=\"btn btn-sm btn-outline-primary float-end\"\n      data-cy=\"create-role\"\n      [routerLink]=\"[routers.rolesDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Role\n    </button>\n  </div>\n</div>\n<div class=\"primeng-datatable-container mt-0 table-responsive\">\n  <p-table #dt\n    [value]=\"roles\"\n    [paginator]=\"true\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"totalRecords\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search Role...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"active\">\n          {{ 'Admin.Roles.IsActive' | transloco }}\n          <p-sortIcon field=\"active\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-role>\n      <tr>\n        <td data-head=\"Name\">{{ role.name }}</td>\n        <td data-head=\"Is Active\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: role?.active }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ role?.active ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.rolesDetails + role.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\">\n              <i\n                                (click)=\"onDeleteRole(role)\"\n                                class=\"fa fa-trash delete-icon\"\n                                aria-hidden=\"true\"\n                            ></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}\n"] }]
@@ -4184,7 +4185,7 @@ class ProductDetailsComponent extends AppBaseComponent {
     }
 }
 ProductDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: ProductDetailsComponent, deps: [{ token: i0.Injector }, { token: i1.ProductService }, { token: i3$1.NgbModal }, { token: AdminService }], target: i0.ɵɵFactoryTarget.Component });
-ProductDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: ProductDetailsComponent, selector: "pw-product-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab product-form overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <a href=\"javascript:void(0)\"\n        (click)=\"back()\"\n        class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n      <h3 class=\"\">Product: {{ data?.name ? data?.name : 'Add New' }}</h3>\n      <div class=\"my-4\">\n        <p-accordion>\n          <p-accordionTab [header]=\"'How To'\">\n            <div class=\"row\">\n              <div class=\"col-12 col-md-6\">\n                <h4>Product / Feature logic</h4>\n                <p>\n                  Logic for back-end/front-end permissions binding: <br />\n                  * product.permission_key =&gt; users can be subscribed to only\n                  one product of same permission_key <br />\n                  * product.category (these are features) =&gt; users can\n                  subscribed to multiple features within the same\n                  product.permission_key<br />\n                  * product.product_key =&gt; this is unique, it defines the\n                  permission for frontend binding<br />\n                  * Example of permission =&gt;\n                  {{ 'Pages.Product.{permission_key}.{product_key}' }}<br />\n                  * If it's a feature associated to an existing project, you can\n                  to set the \"dependency product\" accordingly.\n                </p>\n              </div>\n              <div class=\"col-12 col-md-6\">\n                <h4>If free product</h4>\n                <p>\n                  Stripe Plan needs to be nil. <br />\n                  \"Price\" per Unit needs to be set as 0. <br />\n                  \"Trial Days\" needs to be something like 99999. <br />\n                  The product should be set as \"visible===false\".\n                </p>\n              </div>\n            </div>\n          </p-accordionTab>\n        </p-accordion>\n        <div class=\"row\"\n          *ngIf=\"id\">\n          <div class=\"col-md-6\">\n            <div class=\"text-center mt-5\">\n              <div class=\"image-container\">\n                <h4 class=\"mb-2\">\n                  {{ 'User.Subscriptions.FullLogo' | transloco }}\n                  <span class=\"tooltip-wrap ms-1\"\n                    [pTooltip]=\"'User.Subscriptions.Tooltip.FullLogo'|transloco\"\n                    [appendTo]=\"'body'\"\n                    [tooltipPosition]=\"'top'\">\n                    <i class=\"fas fa-info-circle\"></i>\n                  </span>\n                </h4>\n                <img [src]=\"fullLogo\"\n                  alt=\"\"\n                  class=\"image full-logo w-100 h-100\"\n                  onerror=\"this.onerror=null;this.src='assets/img/icons/demo_logo1.png';\" />\n                <div class=\"overlay mt-2\"\n                  (click)=\"openModal(content)\">\n                  <div class=\"overlay-text\">\n                    <a href=\"javascript:void(0)\">{{\n                                            'User.Profile.Change' | transloco\n                                        }}</a>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"col-md-6\">\n            <div class=\"text-center mt-5\">\n              <div class=\"image-container\">\n                <h4 class=\"mb-2\">\n                  {{ 'User.Subscriptions.SquaredLogo' | transloco }}\n                  <span class=\"tooltip-wrap ms-1\"\n                    [pTooltip]=\"'User.Subscriptions.Tooltip.SquaredLogo'|transloco\"\n                    [appendTo]=\"'body'\"\n                    [tooltipPosition]=\"'top'\">\n                    <i class=\"fas fa-info-circle\"></i>\n                  </span>\n                </h4>\n                <img [src]=\"squaredLogo\"\n                  alt=\"\"\n                  width=\"70\"\n                  class=\"squared_logo\"\n                  height=\"70\"\n                  onerror=\"this.onerror=null;this.src='assets/img/icons/company.png';\" />\n                <div class=\"overlay mt-2\"\n                  (click)=\"openModal(squaredLogoContent)\">\n                  <div class=\"overlay-text\">\n                    <a href=\"javascript:void(0)\">{{\n                                            'User.Profile.Change' | transloco\n                                        }}</a>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSave()\">\n          <div class=\"row\">\n            <div class=\"col-12 col-md-6\">\n              <div class=\"row\">\n                <div class=\"col-md-6\">\n                  <pw-input-container [showTooltip]=\"true\"\n                    [tooltipText]=\"'Admin.Products.Tooltip.Name' | transloco\"\n                    [label]=\"'Label.Name' | transloco\"\n                    class=\"col-md-6 p-0\"\n                    name=\"name\"\n                    [errorMsg]=\"'Admin.Products.Validation.Name' | transloco\">\n                    <input type=\"text\"\n                      class=\"form-control\"\n                      formControlName=\"name\"\n                      [ngClass]=\"{ 'is-invalid': submitted && f['name'].errors }\" />\n                  </pw-input-container>\n                </div>\n                <div class=\"col-md-6\">\n                  <pw-input-container [showTooltip]=\"true\"\n                    [tooltipText]=\"'Admin.Products.Tooltip.NickName' | transloco\"\n                    [label]=\"'Admin.Products.NickName' | transloco\"\n                    class=\"col-md-6 p-0\"\n                    name=\"nickname\"\n                    [errorMsg]=\"\n                                            'Admin.Products.Validation.NickName' | transloco\n                                        \">\n                    <input type=\"text\"\n                      class=\"form-control\"\n                      formControlName=\"nickname\"\n                      [ngClass]=\"{\n                                                'is-invalid': submitted && f['nickname'].errors\n                                            }\" />\n                  </pw-input-container>\n                </div>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <div class=\"row\">\n                <div class=\"mb-3 col-12 col-md-6\">\n                  <pw-input-container [label]=\"'Admin.Products.MinUnit' | transloco\"\n                    [showTooltip]=\"true\"\n                    [tooltipText]=\"'Admin.Products.Tooltip.MinUnits' | transloco\"\n                    class=\"col-md-6 p-0\"\n                    name=\"min_units\"\n                    [errorMsg]=\"'Admin.Products.Validation.MinUnit' | transloco\">\n                    <input type=\"number\"\n                      min=\"1\"\n                      class=\"form-control\"\n                      formControlName=\"min_units\"\n                      [ngClass]=\"{\n                                                'is-invalid': submitted && f['min_units'].errors\n                                            }\" />\n                  </pw-input-container>\n                </div>\n                <div class=\"mb-3 col-12 col-md-6\">\n                  <pw-input-container [label]=\"'Admin.Products.MaxUnit' | transloco\"\n                    [showTooltip]=\"true\"\n                    [tooltipText]=\"'Admin.Products.Tooltip.MaxUnits' | transloco\"\n                    class=\"col-md-6 p-0\"\n                    name=\"max_units\"\n                    [errorMsg]=\"'Admin.Products.Validation.MaxUnit' | transloco\">\n                    <input type=\"number\"\n                      min=\"1\"\n                      class=\"form-control\"\n                      formControlName=\"max_units\"\n                      [ngClass]=\"{\n                                                'is-invalid': submitted && f['max_units'].errors\n                                            }\" />\n                  </pw-input-container>\n                </div>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <label class=\"info-circle\">\n                {{ 'Admin.Products.DependencyProducts' | transloco\n                                }}<span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.Products.Tooltip.DependencyProducts' | transloco\n                                }}</span>\n              </label>\n              <p-multiSelect [options]=\"productsList\"\n                [(ngModel)]=\"selectedScopes\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                (onChange)=\"onSearchCriteria($event)\"\n                [showHeader]=\"false\"\n                maxSelectedLabels=\"1\"\n                appendTo=\"body\">\n              </p-multiSelect>\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Products.Tooltip.StripePlan' | transloco\"\n                  [label]=\"'Admin.Products.StripePlan' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"stripe_plan_id\">\n                  <input type=\"text\"\n                    class=\"form-control\"\n                    formControlName=\"stripe_plan_id\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Products.Tooltip.Price' | transloco\"\n                  [label]=\"'Admin.Products.Price' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"price_per_unit\"\n                  [errorMsg]=\"'Admin.Products.Validation.Name' | transloco\">\n                  <input type=\"text\"\n                    numbersOnly\n                    class=\"form-control\"\n                    formControlName=\"price_per_unit\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['price_per_unit'].errors\n                                        }\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Products.Tooltip.TrialDays' | transloco\"\n                  [label]=\"'Admin.Products.TrialDays' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"trial_days\"\n                  [errorMsg]=\"'Admin.Products.Validation.TrialDays' | transloco\">\n                  <input type=\"number\"\n                    min=\"1\"\n                    class=\"form-control\"\n                    formControlName=\"trial_days\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['trial_days'].errors\n                                        }\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Products.Tooltip.MaxTrialHits' | transloco\"\n                  [label]=\"'Admin.Products.MaxTrialHits' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"max_hits_trial\">\n                  <input type=\"number\"\n                    min=\"0\"\n                    class=\"form-control\"\n                    formControlName=\"max_hits_trial\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['max_hits_trial'].errors\n                                        }\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Products.Tooltip.TrialHits' | transloco\"\n                  [label]=\"'Admin.Products.TrialHits' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"max_hits\">\n                  <input type=\"number\"\n                    min=\"0\"\n                    class=\"form-control\"\n                    formControlName=\"max_hits\"\n                    [ngClass]=\"{ 'is-invalid': submitted && f['max_hits'].errors }\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-12\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Products.Tooltip.Description' | transloco\"\n                [label]=\"'Admin.Products.Description' | transloco\"\n                name=\"description\"\n                [errorMsg]=\"'Admin.Products.Validation.Description' | transloco\">\n                <quill-editor [styles]=\"{ height: '220px' }\"\n                  formControlName=\"description\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['description'].errors }\">\n                </quill-editor>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-md-12\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Products.Tooltip.SignupInstructions' | transloco\"\n                [label]=\"'Admin.Products.SignupInstructions' | transloco\"\n                name=\"signup_instructions\">\n                <quill-editor [styles]=\"{ height: '220px' }\"\n                  formControlName=\"signup_instructions\"\n                  [ngClass]=\"{\n                                        'is-invalid': submitted && f['signup_instructions'].errors\n                                    }\">\n                </quill-editor>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-md-12\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Products.Tooltip.SignupInstructionEmployees' | transloco\"\n                [label]=\"'Admin.Products.SignupInstructionEmployees' | transloco\"\n                name=\"signup_instruction_employees\">\n                <quill-editor [styles]=\"{ height: '220px' }\"\n                  formControlName=\"signup_instruction_employees\"\n                  [ngClass]=\"{\n                                        'is-invalid':\n                                            submitted && f['signup_instruction_employees'].errors\n                                    }\">\n                </quill-editor>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-md-4\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Products.Tooltip.PermissionKey' | transloco\"\n                  [label]=\"'Admin.Products.PermissionKey' | transloco\"\n                  name=\"permission_key\"\n                  [errorMsg]=\"\n                                        'Admin.Products.Validation.PermissionKey' | transloco\n                                    \">\n                  <input type=\"text\"\n                    class=\"form-control\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['permission_key'].errors\n                                        }\"\n                    formControlName=\"permission_key\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-4\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Products.Tooltip.FeatureKey' | transloco\"\n                  [label]=\"'Admin.Products.FeatureKey' | transloco\"\n                  name=\"feature_key\"\n                  [errorMsg]=\"'Admin.Products.Validation.FeatureKey' | transloco\">\n                  <input type=\"text\"\n                    class=\"form-control\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['feature_key'].errors\n                                        }\"\n                    formControlName=\"feature_key\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-4\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.Products.ProductKey' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.Products.Tooltip.PermissionKey' | transloco\n                                    \"\n                  name=\"product_key\"\n                  [errorMsg]=\"'Admin.Products.Validation.ProductKey' | transloco\">\n                  <input type=\"text\"\n                    class=\"form-control\"\n                    formControlName=\"product_key\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['product_key'].errors\n                                        }\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-4\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.Products.Category' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.Products.Tooltip.PermissionKey' | transloco\n                                    \"\n                  name=\"category\"\n                  [errorMsg]=\"'Admin.Products.Validation.Category' | transloco\">\n                  <p-dropdown [options]=\"categories\"\n                    class=\"dropdown-bg-transparent\"\n                    formControlName=\"category\"\n                    [style]=\"{ width: '100%' }\"\n                    [ngClass]=\"{ 'is-invalid': submitted && f['category'].errors }\">\n                  </p-dropdown>\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-4\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Products.Tooltip.BillingFrequency' | transloco\"\n                  [label]=\"'Admin.Products.BillingFrequency' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"billing_frequency\">\n                  <p-dropdown [options]=\"frequency\"\n                    class=\"dropdown-bg-transparent\"\n                    formControlName=\"billing_frequency\"\n                    [required]=\"true\"\n                    [style]=\"{ width: '100%' }\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['billing_frequency'].errors\n                                        }\">\n                  </p-dropdown>\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-4\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Products.Tooltip.ProductPrivacyService' | transloco\"\n                  [label]=\"'Admin.Products.ProductPrivacyService' | transloco\"\n                  name=\"product_privacy_service_id\">\n                  <select formControlName=\"product_privacy_service_id\"\n                    class=\"form-control form-select\">\n                    <option *ngFor=\"let option of allTos\"\n                      [value]=\"option.id\">\n                      {{ option.title }}\n                    </option>\n                  </select>\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-4\"\n              *rbacAllow=\"'SuperAdmin'\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Products.Tooltip.MasterProduct' | transloco\"\n                  [label]=\"'Admin.Products.MasterProduct' | transloco\"\n                  name=\"master_product_id\">\n                  <select formControlName=\"master_product_id\"\n                    class=\"form-control form-select\">\n                    <option *ngFor=\"let option of productsList\"\n                      [value]=\"option.value\">\n                      {{ option.label }}\n                    </option>\n                  </select>\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"mb-3 col-xs-12 col-sm-6 col-md-4\">\n              <label class=\"info-circle\">{{ 'Admin.Products.AssignedRoles' | transloco }}\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.Subscriptions.Tooltip.AssignedRoles' | transloco\n                                }}</span>\n              </label>\n              <p-multiSelect [options]=\"allRoles\"\n                formControlName=\"roles\"\n                appendTo=\"body\"></p-multiSelect>\n            </div>\n            <div class=\"col-12 col-md-4\"\n              *ngIf=\"supportedCurrency$ | async as currency\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Products.Tooltip.Currency' | transloco\"\n                [label]=\"'Admin.Products.Currency' | transloco\"\n                name=\"currency\"\n                [errorMsg]=\"'Admin.Products.Validation.Currency' | transloco\">\n                <select class=\"form-select\"\n                  formControlName=\"currency\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['currency'].errors }\">\n                  <option *ngFor=\"let option of currency['regions']\"\n                    [value]=\"option\">\n                    {{ option }}\n                  </option>\n                </select>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-md-4\"\n              *ngIf=\"supportedRegions$ | async as region\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Products.Tooltip.Region' | transloco\"\n                [label]=\"'Admin.Products.Region' | transloco\"\n                name=\"region\"\n                [errorMsg]=\"'Admin.Products.Validation.Region' | transloco\">\n                <select class=\"form-select\"\n                  formControlName=\"region\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['region'].errors }\">\n                  <option *ngFor=\"let option of region['regions']\"\n                    [value]=\"option\">\n                    {{ option }}\n                  </option>\n                </select>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-md-4\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Products.Tooltip.GitLabServiceDeskEmail' | transloco\"\n                [label]=\"'Admin.Products.GitLabServiceDeskEmail' | transloco\"\n                name=\"gitlab_service_desk_email\">\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"gitlab_service_desk_email\" />\n              </pw-input-container>\n            </div>\n            <!--start toggles -->\n            <div class=\"col-12 row\">\n              <div class=\"col\">\n                <div class=\"mb-3\">\n                  <pw-input-container [showTooltip]=\"true\"\n                    [tooltipText]=\"'Admin.Products.Tooltip.IsActive' | transloco\"\n                    [label]=\"'Admin.Products.IsActive' | transloco\"\n                    name=\"active\">\n                    <ui-switch class=\"d-block\"\n                      formControlName=\"active\"\n                      name=\"active\"\n                      [ngClass]=\"{ 'is-invalid': submitted && f['active'].errors }\">\n                    </ui-switch>\n                  </pw-input-container>\n                </div>\n              </div>\n              <div class=\"col\"\n                *rbacAllow=\"'SuperAdmin'\">\n                <div class=\"mb-3\">\n                  <pw-input-container [showTooltip]=\"true\"\n                    [tooltipText]=\"'Admin.Products.Tooltip.MultipleAllowed' | transloco\"\n                    [label]=\"'Admin.Products.MultipleAllowed' | transloco\"\n                    class=\"nowrap\"\n                    name=\"multiple_allowed\">\n                    <ui-switch class=\"d-block\"\n                      formControlName=\"multiple_allowed\"\n                      name=\"multiple_allowed\"\n                      [ngClass]=\"{\n                                                'is-invalid': submitted && f['multiple_allowed'].errors\n                                            }\">\n                    </ui-switch>\n                  </pw-input-container>\n                </div>\n              </div>\n              <div class=\"col\">\n                <div class=\"mb-3\">\n                  <pw-input-container [showTooltip]=\"true\"\n                    [tooltipText]=\"'Admin.Products.Tooltip.IsVisible' | transloco\"\n                    [label]=\"'Admin.Products.IsVisible' | transloco\"\n                    name=\"visible\">\n                    <ui-switch class=\"d-block\"\n                      formControlName=\"visible\"\n                      name=\"visible\"\n                      [ngClass]=\"{ 'is-invalid': submitted && f['visible'].errors }\">\n                    </ui-switch>\n                  </pw-input-container>\n                </div>\n              </div>\n              <div class=\"col\">\n                <div class=\"mb-3\">\n                  <pw-input-container [showTooltip]=\"true\"\n                    [tooltipText]=\"'Admin.Products.Tooltip.MembersVisible' | transloco\"\n                    [label]=\"'Admin.Products.MembersVisible' | transloco\"\n                    name=\"members_visible\">\n                    <ui-switch class=\"d-block\"\n                      formControlName=\"members_visible\"\n                      name=\"members_visible\"\n                      [ngClass]=\"{\n                                                'is-invalid': submitted && f['members_visible'].errors\n                                            }\">\n                    </ui-switch>\n                  </pw-input-container>\n                </div>\n              </div>\n              <div class=\"col\">\n                <div class=\"mb-3\">\n                  <pw-input-container [showTooltip]=\"true\"\n                    [tooltipText]=\"'Admin.Products.Tooltip.ChatVisible' | transloco\"\n                    [label]=\"'Admin.Products.ChatVisible' | transloco\"\n                    name=\"chat_visible\">\n                    <ui-switch class=\"d-block\"\n                      formControlName=\"chat_visible\"\n                      name=\"chat_visible\"\n                      [ngClass]=\"{\n                                                'is-invalid': submitted && f['chat_visible'].errors\n                                            }\">\n                    </ui-switch>\n                  </pw-input-container>\n                </div>\n              </div>\n              <div class=\"col\"\n                *rbacAllow=\"'SuperAdmin'\">\n                <div class=\"mb-3\">\n                  <pw-input-container [showTooltip]=\"true\"\n                    [tooltipText]=\"'Admin.Products.Tooltip.IsMasterProduct' | transloco\"\n                    [label]=\"'Admin.Products.IsMasterProduct' | transloco\"\n                    name=\"is_master_product\">\n                    <ui-switch class=\"d-block\"\n                      formControlName=\"is_master_product\"\n                      name=\"is_master_product\"\n                      [ngClass]=\"{\n                                                'is-invalid': submitted && f['is_master_product'].errors\n                                            }\">\n                    </ui-switch>\n                  </pw-input-container>\n                </div>\n              </div>\n            </div>\n            <!-- end toggles -->\n          </div>\n          <div class=\"row text-end mt-4\">\n            <div class=\"col-12\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\"\n                *rbacAllow=\"'Pages.Admin.Product.Edit'\">\n                {{ 'Button.Submit' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n<ng-template #content\n  let-modal>\n  <div class=\"modal-header\">\n    <h3 class=\"modal-title mb-0 p-0\">{{ 'User.Subscriptions.FullLogo' | transloco }}</h3>\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <small> {{ 'User.Profile.PictureMessage' | transloco }}</small>\n    <pw-image-cropper #profile\n      (imageSelectionEvent)=\"onImageSelection($event)\"\n      aspectRatio=\"fullLogo\"\n      (closeEvent)=\"onClose()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n<ng-template #squaredLogoContent\n  let-modal>\n  <div class=\"modal-header\">\n    <h3 class=\"modal-title mb-0 p-0\">{{ 'User.Subscriptions.SquaredLogo' | transloco }}</h3>\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <small> {{ 'User.Profile.PictureMessage' | transloco }}</small>\n    <pw-image-cropper #profile\n      (imageSelectionEvent)=\"uploadSquaredLogo($event)\"\n      aspectRatio=\"auto\"\n      (closeEvent)=\"onClose()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n", styles: [".nowrap{white-space:nowrap}textarea{height:180px}.full-logo{object-fit:cover;width:280px}\n"], dependencies: [{ kind: "directive", type: i4$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i4$2.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i4$2.AccordionTab, selector: "p-accordionTab", inputs: ["header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected"], outputs: ["selectedChange"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.ProfileImageCropperComponent, selector: "pw-image-cropper", inputs: ["aspectRatio"], outputs: ["imageSelectionEvent", "closeEvent", "fileChangeEvent"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "directive", type: i7.NumberDirective, selector: "input[numbersOnly]" }, { kind: "directive", type: i7.LazyImgDirective, selector: "img" }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6.QuillEditorComponent, selector: "quill-editor" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+ProductDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: ProductDetailsComponent, selector: "pw-product-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab product-form overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <a href=\"javascript:void(0)\"\n        (click)=\"back()\"\n        class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n      <h3 class=\"\">Product: {{ data?.name ? data?.name : 'Add New' }}</h3>\n      <div class=\"my-4\">\n        <p-accordion>\n          <p-accordionTab [header]=\"'How To'\">\n            <div class=\"row\">\n              <div class=\"col-12 col-md-6\">\n                <h4>Product / Feature logic</h4>\n                <p>\n                  Logic for back-end/front-end permissions binding: <br />\n                  * product.permission_key =&gt; users can be subscribed to only\n                  one product of same permission_key <br />\n                  * product.category (these are features) =&gt; users can\n                  subscribed to multiple features within the same\n                  product.permission_key<br />\n                  * product.product_key =&gt; this is unique, it defines the\n                  permission for frontend binding<br />\n                  * Example of permission =&gt;\n                  {{ 'Pages.Product.{permission_key}.{product_key}' }}<br />\n                  * If it's a feature associated to an existing project, you can\n                  to set the \"dependency product\" accordingly.\n                </p>\n              </div>\n              <div class=\"col-12 col-md-6\">\n                <h4>If free product</h4>\n                <p>\n                  Stripe Plan needs to be nil. <br />\n                  \"Price\" per Unit needs to be set as 0. <br />\n                  \"Trial Days\" needs to be something like 99999. <br />\n                  The product should be set as \"visible===false\".\n                </p>\n              </div>\n            </div>\n          </p-accordionTab>\n        </p-accordion>\n        <div class=\"row\"\n          *ngIf=\"id\">\n          <div class=\"col-md-6\">\n            <div class=\"text-center mt-5\">\n              <div class=\"image-container\">\n                <h4 class=\"mb-2\">\n                  {{ 'User.Subscriptions.FullLogo' | transloco }}\n                  <span class=\"tooltip-wrap ms-1\"\n                    [pTooltip]=\"'User.Subscriptions.Tooltip.FullLogo'|transloco\"\n                    [appendTo]=\"'body'\"\n                    [tooltipPosition]=\"'top'\">\n                    <i class=\"fas fa-info-circle\"></i>\n                  </span>\n                </h4>\n                <img [src]=\"fullLogo\"\n                  alt=\"\"\n                  class=\"image full-logo w-100 h-100\"\n                  onerror=\"this.onerror=null;this.src='assets/img/icons/demo_logo1.png';\" />\n                <div class=\"overlay mt-2\"\n                  (click)=\"openModal(content)\">\n                  <div class=\"overlay-text\">\n                    <a href=\"javascript:void(0)\">{{\n                                            'User.Profile.Change' | transloco\n                                        }}</a>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"col-md-6\">\n            <div class=\"text-center mt-5\">\n              <div class=\"image-container\">\n                <h4 class=\"mb-2\">\n                  {{ 'User.Subscriptions.SquaredLogo' | transloco }}\n                  <span class=\"tooltip-wrap ms-1\"\n                    [pTooltip]=\"'User.Subscriptions.Tooltip.SquaredLogo'|transloco\"\n                    [appendTo]=\"'body'\"\n                    [tooltipPosition]=\"'top'\">\n                    <i class=\"fas fa-info-circle\"></i>\n                  </span>\n                </h4>\n                <img [src]=\"squaredLogo\"\n                  alt=\"\"\n                  width=\"70\"\n                  class=\"squared_logo\"\n                  height=\"70\"\n                  onerror=\"this.onerror=null;this.src='assets/img/icons/company.png';\" />\n                <div class=\"overlay mt-2\"\n                  (click)=\"openModal(squaredLogoContent)\">\n                  <div class=\"overlay-text\">\n                    <a href=\"javascript:void(0)\">{{\n                                            'User.Profile.Change' | transloco\n                                        }}</a>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSave()\">\n          <div class=\"row\">\n            <div class=\"col-12 col-md-6\">\n              <div class=\"row\">\n                <div class=\"col-md-6\">\n                  <pw-input-container [showTooltip]=\"true\"\n                    [tooltipText]=\"'Admin.Products.Tooltip.Name' | transloco\"\n                    [label]=\"'Label.Name' | transloco\"\n                    class=\"col-md-6 p-0\"\n                    name=\"name\"\n                    [errorMsg]=\"'Admin.Products.Validation.Name' | transloco\">\n                    <input type=\"text\"\n                      class=\"form-control\"\n                      formControlName=\"name\"\n                      [ngClass]=\"{ 'is-invalid': submitted && f['name'].errors }\" />\n                  </pw-input-container>\n                </div>\n                <div class=\"col-md-6\">\n                  <pw-input-container [showTooltip]=\"true\"\n                    [tooltipText]=\"'Admin.Products.Tooltip.NickName' | transloco\"\n                    [label]=\"'Admin.Products.NickName' | transloco\"\n                    class=\"col-md-6 p-0\"\n                    name=\"nickname\"\n                    [errorMsg]=\"\n                                            'Admin.Products.Validation.NickName' | transloco\n                                        \">\n                    <input type=\"text\"\n                      class=\"form-control\"\n                      formControlName=\"nickname\"\n                      [ngClass]=\"{\n                                                'is-invalid': submitted && f['nickname'].errors\n                                            }\" />\n                  </pw-input-container>\n                </div>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <div class=\"row\">\n                <div class=\"mb-3 col-12 col-md-6\">\n                  <pw-input-container [label]=\"'Admin.Products.MinUnit' | transloco\"\n                    [showTooltip]=\"true\"\n                    [tooltipText]=\"'Admin.Products.Tooltip.MinUnits' | transloco\"\n                    class=\"col-md-6 p-0\"\n                    name=\"min_units\"\n                    [errorMsg]=\"'Admin.Products.Validation.MinUnit' | transloco\">\n                    <input type=\"number\"\n                      min=\"1\"\n                      class=\"form-control\"\n                      formControlName=\"min_units\"\n                      [ngClass]=\"{\n                                                'is-invalid': submitted && f['min_units'].errors\n                                            }\" />\n                  </pw-input-container>\n                </div>\n                <div class=\"mb-3 col-12 col-md-6\">\n                  <pw-input-container [label]=\"'Admin.Products.MaxUnit' | transloco\"\n                    [showTooltip]=\"true\"\n                    [tooltipText]=\"'Admin.Products.Tooltip.MaxUnits' | transloco\"\n                    class=\"col-md-6 p-0\"\n                    name=\"max_units\"\n                    [errorMsg]=\"'Admin.Products.Validation.MaxUnit' | transloco\">\n                    <input type=\"number\"\n                      min=\"1\"\n                      class=\"form-control\"\n                      formControlName=\"max_units\"\n                      [ngClass]=\"{\n                                                'is-invalid': submitted && f['max_units'].errors\n                                            }\" />\n                  </pw-input-container>\n                </div>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <label class=\"info-circle\">\n                {{ 'Admin.Products.DependencyProducts' | transloco\n                                }}<span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.Products.Tooltip.DependencyProducts' | transloco\n                                }}</span>\n              </label>\n              <p-multiSelect [options]=\"productsList\"\n                [(ngModel)]=\"selectedScopes\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                (onChange)=\"onSearchCriteria($event)\"\n                [showHeader]=\"false\"\n                maxSelectedLabels=\"1\"\n                appendTo=\"body\">\n              </p-multiSelect>\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Products.Tooltip.StripePlan' | transloco\"\n                  [label]=\"'Admin.Products.StripePlan' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"stripe_plan_id\">\n                  <input type=\"text\"\n                    class=\"form-control\"\n                    formControlName=\"stripe_plan_id\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Products.Tooltip.Price' | transloco\"\n                  [label]=\"'Admin.Products.Price' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"price_per_unit\"\n                  [errorMsg]=\"'Admin.Products.Validation.Name' | transloco\">\n                  <input type=\"text\"\n                    numbersOnly\n                    class=\"form-control\"\n                    formControlName=\"price_per_unit\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['price_per_unit'].errors\n                                        }\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Products.Tooltip.TrialDays' | transloco\"\n                  [label]=\"'Admin.Products.TrialDays' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"trial_days\"\n                  [errorMsg]=\"'Admin.Products.Validation.TrialDays' | transloco\">\n                  <input type=\"number\"\n                    min=\"1\"\n                    class=\"form-control\"\n                    formControlName=\"trial_days\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['trial_days'].errors\n                                        }\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Products.Tooltip.MaxTrialHits' | transloco\"\n                  [label]=\"'Admin.Products.MaxTrialHits' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"max_hits_trial\">\n                  <input type=\"number\"\n                    min=\"0\"\n                    class=\"form-control\"\n                    formControlName=\"max_hits_trial\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['max_hits_trial'].errors\n                                        }\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Products.Tooltip.TrialHits' | transloco\"\n                  [label]=\"'Admin.Products.TrialHits' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"max_hits\">\n                  <input type=\"number\"\n                    min=\"0\"\n                    class=\"form-control\"\n                    formControlName=\"max_hits\"\n                    [ngClass]=\"{ 'is-invalid': submitted && f['max_hits'].errors }\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-12\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Products.Tooltip.Description' | transloco\"\n                [label]=\"'Admin.Products.Description' | transloco\"\n                name=\"description\"\n                [errorMsg]=\"'Admin.Products.Validation.Description' | transloco\">\n                <quill-editor [styles]=\"{ height: '220px' }\"\n                  formControlName=\"description\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['description'].errors }\">\n                </quill-editor>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-md-12\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Products.Tooltip.SignupInstructions' | transloco\"\n                [label]=\"'Admin.Products.SignupInstructions' | transloco\"\n                name=\"signup_instructions\">\n                <quill-editor [styles]=\"{ height: '220px' }\"\n                  formControlName=\"signup_instructions\"\n                  [ngClass]=\"{\n                                        'is-invalid': submitted && f['signup_instructions'].errors\n                                    }\">\n                </quill-editor>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-md-12\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Products.Tooltip.SignupInstructionEmployees' | transloco\"\n                [label]=\"'Admin.Products.SignupInstructionEmployees' | transloco\"\n                name=\"signup_instruction_employees\">\n                <quill-editor [styles]=\"{ height: '220px' }\"\n                  formControlName=\"signup_instruction_employees\"\n                  [ngClass]=\"{\n                                        'is-invalid':\n                                            submitted && f['signup_instruction_employees'].errors\n                                    }\">\n                </quill-editor>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-md-4\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Products.Tooltip.PermissionKey' | transloco\"\n                  [label]=\"'Admin.Products.PermissionKey' | transloco\"\n                  name=\"permission_key\"\n                  [errorMsg]=\"\n                                        'Admin.Products.Validation.PermissionKey' | transloco\n                                    \">\n                  <input type=\"text\"\n                    class=\"form-control\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['permission_key'].errors\n                                        }\"\n                    formControlName=\"permission_key\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-4\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Products.Tooltip.FeatureKey' | transloco\"\n                  [label]=\"'Admin.Products.FeatureKey' | transloco\"\n                  name=\"feature_key\"\n                  [errorMsg]=\"'Admin.Products.Validation.FeatureKey' | transloco\">\n                  <input type=\"text\"\n                    class=\"form-control\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['feature_key'].errors\n                                        }\"\n                    formControlName=\"feature_key\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-4\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.Products.ProductKey' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.Products.Tooltip.PermissionKey' | transloco\n                                    \"\n                  name=\"product_key\"\n                  [errorMsg]=\"'Admin.Products.Validation.ProductKey' | transloco\">\n                  <input type=\"text\"\n                    class=\"form-control\"\n                    formControlName=\"product_key\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['product_key'].errors\n                                        }\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-4\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.Products.Category' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.Products.Tooltip.PermissionKey' | transloco\n                                    \"\n                  name=\"category\"\n                  [errorMsg]=\"'Admin.Products.Validation.Category' | transloco\">\n                  <p-dropdown [options]=\"categories\"\n                    class=\"dropdown-bg-transparent\"\n                    formControlName=\"category\"\n                    [style]=\"{ width: '100%' }\"\n                    [ngClass]=\"{ 'is-invalid': submitted && f['category'].errors }\">\n                  </p-dropdown>\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-4\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Products.Tooltip.BillingFrequency' | transloco\"\n                  [label]=\"'Admin.Products.BillingFrequency' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"billing_frequency\">\n                  <p-dropdown [options]=\"frequency\"\n                    class=\"dropdown-bg-transparent\"\n                    formControlName=\"billing_frequency\"\n                    [required]=\"true\"\n                    [style]=\"{ width: '100%' }\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['billing_frequency'].errors\n                                        }\">\n                  </p-dropdown>\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-4\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Products.Tooltip.ProductPrivacyService' | transloco\"\n                  [label]=\"'Admin.Products.ProductPrivacyService' | transloco\"\n                  name=\"product_privacy_service_id\">\n                  <select formControlName=\"product_privacy_service_id\"\n                    class=\"form-control form-select\">\n                    <option *ngFor=\"let option of allTos\"\n                      [value]=\"option.id\">\n                      {{ option.title }}\n                    </option>\n                  </select>\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-4\"\n              *rbacAllow=\"'SuperAdmin'\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Products.Tooltip.MasterProduct' | transloco\"\n                  [label]=\"'Admin.Products.MasterProduct' | transloco\"\n                  name=\"master_product_id\">\n                  <select formControlName=\"master_product_id\"\n                    class=\"form-control form-select\">\n                    <option *ngFor=\"let option of productsList\"\n                      [value]=\"option.value\">\n                      {{ option.label }}\n                    </option>\n                  </select>\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"mb-3 col-xs-12 col-sm-6 col-md-4\">\n              <label class=\"info-circle\">{{ 'Admin.Products.AssignedRoles' | transloco }}\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.Subscriptions.Tooltip.AssignedRoles' | transloco\n                                }}</span>\n              </label>\n              <p-multiSelect [options]=\"allRoles\"\n                formControlName=\"roles\"\n                appendTo=\"body\"></p-multiSelect>\n            </div>\n            <div class=\"col-12 col-md-4\"\n              *ngIf=\"supportedCurrency$ | async as currency\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Products.Tooltip.Currency' | transloco\"\n                [label]=\"'Admin.Products.Currency' | transloco\"\n                name=\"currency\"\n                [errorMsg]=\"'Admin.Products.Validation.Currency' | transloco\">\n                <select class=\"form-select\"\n                  formControlName=\"currency\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['currency'].errors }\">\n                  <option *ngFor=\"let option of currency['regions']\"\n                    [value]=\"option\">\n                    {{ option }}\n                  </option>\n                </select>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-md-4\"\n              *ngIf=\"supportedRegions$ | async as region\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Products.Tooltip.Region' | transloco\"\n                [label]=\"'Admin.Products.Region' | transloco\"\n                name=\"region\"\n                [errorMsg]=\"'Admin.Products.Validation.Region' | transloco\">\n                <select class=\"form-select\"\n                  formControlName=\"region\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['region'].errors }\">\n                  <option *ngFor=\"let option of region['regions']\"\n                    [value]=\"option\">\n                    {{ option }}\n                  </option>\n                </select>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-md-4\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Products.Tooltip.GitLabServiceDeskEmail' | transloco\"\n                [label]=\"'Admin.Products.GitLabServiceDeskEmail' | transloco\"\n                name=\"gitlab_service_desk_email\">\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"gitlab_service_desk_email\" />\n              </pw-input-container>\n            </div>\n            <!--start toggles -->\n            <div class=\"col-12 row\">\n              <div class=\"col\">\n                <div class=\"mb-3\">\n                  <pw-input-container [showTooltip]=\"true\"\n                    [tooltipText]=\"'Admin.Products.Tooltip.IsActive' | transloco\"\n                    [label]=\"'Admin.Products.IsActive' | transloco\"\n                    name=\"active\">\n                    <ui-switch class=\"d-block\"\n                      formControlName=\"active\"\n                      name=\"active\"\n                      [ngClass]=\"{ 'is-invalid': submitted && f['active'].errors }\">\n                    </ui-switch>\n                  </pw-input-container>\n                </div>\n              </div>\n              <div class=\"col\"\n                *rbacAllow=\"'SuperAdmin'\">\n                <div class=\"mb-3\">\n                  <pw-input-container [showTooltip]=\"true\"\n                    [tooltipText]=\"'Admin.Products.Tooltip.MultipleAllowed' | transloco\"\n                    [label]=\"'Admin.Products.MultipleAllowed' | transloco\"\n                    class=\"nowrap\"\n                    name=\"multiple_allowed\">\n                    <ui-switch class=\"d-block\"\n                      formControlName=\"multiple_allowed\"\n                      name=\"multiple_allowed\"\n                      [ngClass]=\"{\n                                                'is-invalid': submitted && f['multiple_allowed'].errors\n                                            }\">\n                    </ui-switch>\n                  </pw-input-container>\n                </div>\n              </div>\n              <div class=\"col\">\n                <div class=\"mb-3\">\n                  <pw-input-container [showTooltip]=\"true\"\n                    [tooltipText]=\"'Admin.Products.Tooltip.IsVisible' | transloco\"\n                    [label]=\"'Admin.Products.IsVisible' | transloco\"\n                    name=\"visible\">\n                    <ui-switch class=\"d-block\"\n                      formControlName=\"visible\"\n                      name=\"visible\"\n                      [ngClass]=\"{ 'is-invalid': submitted && f['visible'].errors }\">\n                    </ui-switch>\n                  </pw-input-container>\n                </div>\n              </div>\n              <div class=\"col\">\n                <div class=\"mb-3\">\n                  <pw-input-container [showTooltip]=\"true\"\n                    [tooltipText]=\"'Admin.Products.Tooltip.MembersVisible' | transloco\"\n                    [label]=\"'Admin.Products.MembersVisible' | transloco\"\n                    name=\"members_visible\">\n                    <ui-switch class=\"d-block\"\n                      formControlName=\"members_visible\"\n                      name=\"members_visible\"\n                      [ngClass]=\"{\n                                                'is-invalid': submitted && f['members_visible'].errors\n                                            }\">\n                    </ui-switch>\n                  </pw-input-container>\n                </div>\n              </div>\n              <div class=\"col\">\n                <div class=\"mb-3\">\n                  <pw-input-container [showTooltip]=\"true\"\n                    [tooltipText]=\"'Admin.Products.Tooltip.ChatVisible' | transloco\"\n                    [label]=\"'Admin.Products.ChatVisible' | transloco\"\n                    name=\"chat_visible\">\n                    <ui-switch class=\"d-block\"\n                      formControlName=\"chat_visible\"\n                      name=\"chat_visible\"\n                      [ngClass]=\"{\n                                                'is-invalid': submitted && f['chat_visible'].errors\n                                            }\">\n                    </ui-switch>\n                  </pw-input-container>\n                </div>\n              </div>\n              <div class=\"col\"\n                *rbacAllow=\"'SuperAdmin'\">\n                <div class=\"mb-3\">\n                  <pw-input-container [showTooltip]=\"true\"\n                    [tooltipText]=\"'Admin.Products.Tooltip.IsMasterProduct' | transloco\"\n                    [label]=\"'Admin.Products.IsMasterProduct' | transloco\"\n                    name=\"is_master_product\">\n                    <ui-switch class=\"d-block\"\n                      formControlName=\"is_master_product\"\n                      name=\"is_master_product\"\n                      [ngClass]=\"{\n                                                'is-invalid': submitted && f['is_master_product'].errors\n                                            }\">\n                    </ui-switch>\n                  </pw-input-container>\n                </div>\n              </div>\n            </div>\n            <!-- end toggles -->\n          </div>\n          <div class=\"row text-end mt-4\">\n            <div class=\"col-12\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\"\n                *rbacAllow=\"'Pages.Admin.Product.Edit'\">\n                {{ 'Button.Submit' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n<ng-template #content\n  let-modal>\n  <div class=\"modal-header\">\n    <h3 class=\"modal-title mb-0 p-0\">{{ 'User.Subscriptions.FullLogo' | transloco }}</h3>\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <small> {{ 'User.Profile.PictureMessage' | transloco }}</small>\n    <pw-image-cropper #profile\n      (imageSelectionEvent)=\"onImageSelection($event)\"\n      aspectRatio=\"fullLogo\"\n      (closeEvent)=\"onClose()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n<ng-template #squaredLogoContent\n  let-modal>\n  <div class=\"modal-header\">\n    <h3 class=\"modal-title mb-0 p-0\">{{ 'User.Subscriptions.SquaredLogo' | transloco }}</h3>\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <small> {{ 'User.Profile.PictureMessage' | transloco }}</small>\n    <pw-image-cropper #profile\n      (imageSelectionEvent)=\"uploadSquaredLogo($event)\"\n      aspectRatio=\"auto\"\n      (closeEvent)=\"onClose()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n", styles: [".nowrap{white-space:nowrap}textarea{height:180px}.full-logo{object-fit:cover;width:280px}\n"], dependencies: [{ kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i4$1.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i4$1.AccordionTab, selector: "p-accordionTab", inputs: ["header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected"], outputs: ["selectedChange"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.ProfileImageCropperComponent, selector: "pw-image-cropper", inputs: ["aspectRatio"], outputs: ["imageSelectionEvent", "closeEvent", "fileChangeEvent"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "directive", type: i8.NumberDirective, selector: "input[numbersOnly]" }, { kind: "directive", type: i8.LazyImgDirective, selector: "img" }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i5$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6.QuillEditorComponent, selector: "quill-editor" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 __decorate([
     ValidateForm('form'),
     __metadata("design:type", Function),
@@ -4226,7 +4227,7 @@ class ProductInsightComponent extends AppBaseComponent {
     }
 }
 ProductInsightComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: ProductInsightComponent, deps: [{ token: i1.ProductService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-ProductInsightComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: ProductInsightComponent, selector: "pw-admin-product-insight", usesInheritance: true, ngImport: i0, template: "<div class=\"my-3 title\">\n  <h2 class=\"card-title p-0\">Products Insight</h2>\n</div>\n<!-- selectdate -->\n<div class=\"mb-3\">\n  <h5 class=\"mb-4\">Select date</h5>\n  <div class=\"row\">\n    <!-- startdate -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"start date\"\n          [(ngModel)]=\"startDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #d=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"d.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n    <!-- end date -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"end date\"\n          [(ngModel)]=\"endDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #c=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"c.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<!-- end -->\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n\n<ng-template [ngIf]=\"graph\">\n  <plotly-plot [data]=\"graph?.data\"\n    [layout]=\"graph?.layout\"></plotly-plot>\n</ng-template>\n", styles: [".title{height:30px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+ProductInsightComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: ProductInsightComponent, selector: "pw-admin-product-insight", usesInheritance: true, ngImport: i0, template: "<div class=\"my-3 title\">\n  <h2 class=\"card-title p-0\">Products Insight</h2>\n</div>\n<!-- selectdate -->\n<div class=\"mb-3\">\n  <h5 class=\"mb-4\">Select date</h5>\n  <div class=\"row\">\n    <!-- startdate -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"start date\"\n          [(ngModel)]=\"startDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #d=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"d.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n    <!-- end date -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"end date\"\n          [(ngModel)]=\"endDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #c=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"c.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<!-- end -->\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n\n<ng-template [ngIf]=\"graph\">\n  <plotly-plot [data]=\"graph?.data\"\n    [layout]=\"graph?.layout\"></plotly-plot>\n</ng-template>\n", styles: [".title{height:30px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "directive", type: i3$1.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: ProductInsightComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-admin-product-insight', template: "<div class=\"my-3 title\">\n  <h2 class=\"card-title p-0\">Products Insight</h2>\n</div>\n<!-- selectdate -->\n<div class=\"mb-3\">\n  <h5 class=\"mb-4\">Select date</h5>\n  <div class=\"row\">\n    <!-- startdate -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"start date\"\n          [(ngModel)]=\"startDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #d=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"d.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n    <!-- end date -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"end date\"\n          [(ngModel)]=\"endDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #c=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"c.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<!-- end -->\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n\n<ng-template [ngIf]=\"graph\">\n  <plotly-plot [data]=\"graph?.data\"\n    [layout]=\"graph?.layout\"></plotly-plot>\n</ng-template>\n", styles: [".title{height:30px}\n"] }]
@@ -4344,7 +4345,7 @@ class ProductsListComponent extends AppBaseComponent {
     }
 }
 ProductsListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: ProductsListComponent, deps: [{ token: i1.ProductService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-ProductsListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: ProductsListComponent, selector: "pw-admin-products-list", viewQueries: [{ propertyName: "passwordValidationModalForProductDelete", first: true, predicate: ["passwordValidationModalForProductDelete"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"col-xs-12 text-end d-flex justify-content-between align-items-center my-3\">\n  <h2 class=\"card-title p-0 float-start\">Products</h2>\n  <button *rbacAllow=\"'Pages.Admin.Product.Create'\"\n    class=\"btn btn-sm btn-outline-primary\"\n    [routerLink]=\"[routers.productDetails + 'add']\">\n    <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Product\n  </button>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"loading\">\n  <p-progressSpinner> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"totalRecordsUnFilter === 0\">\n  <p-table #dt\n    [value]=\"products\"\n    [paginator]=\"true\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"totalRecords\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"search-filter\">\n        <div class=\"col-12 col-sm-4\">\n          <p-multiSelect defaultLabel=\"Select Feature Keys\"\n            [options]=\"featureKeysList\"\n            (onChange)=\"onSearchOptionChange($event)\"\n            [showHeader]=\"true\"\n            appendTo=\"body\">\n          </p-multiSelect>\n        </div>\n        <div class=\"text-end\">\n          <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n          <input type=\"text\"\n            [(ngModel)]=\"searchText\"\n            pInputText\n            size=\"50\"\n            placeholder=\"Search Product...\"\n            (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n            class=\"mw-90\" />\n        </div>\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr class=\"head\">\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"stripe_plan_id\">\n          {{ 'Admin.Products.StripePlan' | transloco }}\n          <p-sortIcon field=\"stripe_plan_id\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"permission_key\">\n          {{ 'Admin.Products.PermissionKey' | transloco }}\n          <p-sortIcon field=\"permission_key\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"feature_key\">\n          {{ 'Admin.Products.FeatureKey' | transloco }}\n          <p-sortIcon field=\"feature_key\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"product_key\">\n          {{ 'Admin.Products.ProductKey' | transloco }}\n          <p-sortIcon field=\"product_key\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"category\">\n          {{ 'Admin.Products.Category' | transloco }}\n          <p-sortIcon field=\"category\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"region\">\n          {{ 'Admin.Products.Region' | transloco }}\n          <p-sortIcon field=\"region\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"currency\">\n          {{ 'Admin.Products.Currency' | transloco }}\n          <p-sortIcon field=\"currency\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"price_per_unit\">\n          {{ 'Admin.Products.Price' | transloco }}\n          <p-sortIcon field=\"price_per_unit\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"active\">\n          {{ 'Label.IsActive' | transloco }}\n          <p-sortIcon field=\"active\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"billing_frequency\">\n          {{ 'Admin.Products.Billing' | transloco }}\n          <p-sortIcon field=\"billing_frequency\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          class=\"actions-list-two\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Name\">{{ item.name }}</td>\n        <td data-head=\"Stripe Plan\">{{ item.stripe_plan_id }}</td>\n        <td data-head=\"Permission Key\">{{ item.permission_key }}</td>\n        <td data-head=\"Feature Key\">{{ item.feature_key }}</td>\n        <td data-head=\"Product Key\">{{ item.product_key }}</td>\n        <td data-head=\"Category\">\n          <span [appDynamicBadge]=\"{ itemsArray: categories, item: item.category }\"\n            color=\"warning\"\n            class=\"badge\">{{ item.category }}</span>\n        </td>\n        <td data-head=\"Region\">\n          <span [appDynamicBadge]=\"{ itemsArray: regions, item: item.region }\"\n            color=\"cyan\"\n            class=\"badge\">{{ item.region }}</span>\n        </td>\n        <td data-head=\"Currency\">\n          <span [appDynamicBadge]=\"{ itemsArray: currency, item: item.currency }\"\n            color=\"blue-grey\"\n            class=\"badge\">{{ item.currency }}</span>\n        </td>\n        <td data-head=\"Price\">{{ item.price_per_unit }}</td>\n        <td data-head=\"Active\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: item?.active }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.active ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Billing\">\n          <span class=\"badge\"\n            [appDynamicBadge]=\"{\n                            itemsArray: billingFrequency,\n                            item: item?.billing_frequency\n                        }\"\n            color=\"blue-grey\">{{ item.billing_frequency }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline width-max-content\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Product.Edit'\"\n              [routerLink]=\"[routers.productDetails + item.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Product.Delete'\"\n              (click)=\"onDelete(item)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Users List\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Product.Edit'\"\n              [routerLink]=\"[routers.productsUserList + item.id]\">\n              <i class=\"fa fa-tasks cta1-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Duplicate The Product\"\n              class=\"me-sm-3\"\n              [routerLink]=\"['product-details/add']\"\n              [queryParams]=\"{ duplicate_product_id: item.id }\">\n              <i class=\"fa fa-clone edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Feedback Questions\"\n              container=\"body\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.feedbackQuestions]\"\n              [queryParams]=\"{ product_id: item.id }\">\n              <i class=\"fa fa-comments edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"totalRecords === 0 && totalRecordsUnFilter !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">Total: {{ totalRecords }}</span>\n</div>\n<div *ngIf=\"!loading && totalRecordsUnFilter === 0\">\n  <pw-no-data [message]=\"'Admin.Products.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n<!-- password validation modal for delete product -->\n<pw-password-validation #passwordValidationModalForProductDelete\n  (successEvent)=\"deleteProduct($event)\">\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <p>{{ 'User.Account.Message.ActionCanNotUndone' | transloco }}</p>\n      <p>{{ 'User.Account.Message.ConfirmPassword' | transloco }}</p>\n    </div>\n  </div>\n</pw-password-validation>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}@media (min-width: 767px){.table-responsive td,.table-responsive th{font-size:11px!important}}.width-max-content{width:max-content}\n"], dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.PasswordValidationComponent, selector: "pw-password-validation", outputs: ["successEvent"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i7.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+ProductsListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: ProductsListComponent, selector: "pw-admin-products-list", viewQueries: [{ propertyName: "passwordValidationModalForProductDelete", first: true, predicate: ["passwordValidationModalForProductDelete"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"col-xs-12 text-end d-flex justify-content-between align-items-center my-3\">\n  <h2 class=\"card-title p-0 float-start\">Products</h2>\n  <button *rbacAllow=\"'Pages.Admin.Product.Create'\"\n    class=\"btn btn-sm btn-outline-primary\"\n    [routerLink]=\"[routers.productDetails + 'add']\">\n    <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Product\n  </button>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"loading\">\n  <p-progressSpinner> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"totalRecordsUnFilter === 0\">\n  <p-table #dt\n    [value]=\"products\"\n    [paginator]=\"true\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"totalRecords\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"search-filter\">\n        <div class=\"col-12 col-sm-4\">\n          <p-multiSelect defaultLabel=\"Select Feature Keys\"\n            [options]=\"featureKeysList\"\n            (onChange)=\"onSearchOptionChange($event)\"\n            [showHeader]=\"true\"\n            appendTo=\"body\">\n          </p-multiSelect>\n        </div>\n        <div class=\"text-end\">\n          <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n          <input type=\"text\"\n            [(ngModel)]=\"searchText\"\n            pInputText\n            size=\"50\"\n            placeholder=\"Search Product...\"\n            (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n            class=\"mw-90\" />\n        </div>\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr class=\"head\">\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"stripe_plan_id\">\n          {{ 'Admin.Products.StripePlan' | transloco }}\n          <p-sortIcon field=\"stripe_plan_id\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"permission_key\">\n          {{ 'Admin.Products.PermissionKey' | transloco }}\n          <p-sortIcon field=\"permission_key\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"feature_key\">\n          {{ 'Admin.Products.FeatureKey' | transloco }}\n          <p-sortIcon field=\"feature_key\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"product_key\">\n          {{ 'Admin.Products.ProductKey' | transloco }}\n          <p-sortIcon field=\"product_key\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"category\">\n          {{ 'Admin.Products.Category' | transloco }}\n          <p-sortIcon field=\"category\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"region\">\n          {{ 'Admin.Products.Region' | transloco }}\n          <p-sortIcon field=\"region\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"currency\">\n          {{ 'Admin.Products.Currency' | transloco }}\n          <p-sortIcon field=\"currency\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"price_per_unit\">\n          {{ 'Admin.Products.Price' | transloco }}\n          <p-sortIcon field=\"price_per_unit\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"active\">\n          {{ 'Label.IsActive' | transloco }}\n          <p-sortIcon field=\"active\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"billing_frequency\">\n          {{ 'Admin.Products.Billing' | transloco }}\n          <p-sortIcon field=\"billing_frequency\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          class=\"actions-list-two\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Name\">{{ item.name }}</td>\n        <td data-head=\"Stripe Plan\">{{ item.stripe_plan_id }}</td>\n        <td data-head=\"Permission Key\">{{ item.permission_key }}</td>\n        <td data-head=\"Feature Key\">{{ item.feature_key }}</td>\n        <td data-head=\"Product Key\">{{ item.product_key }}</td>\n        <td data-head=\"Category\">\n          <span [appDynamicBadge]=\"{ itemsArray: categories, item: item.category }\"\n            color=\"warning\"\n            class=\"badge\">{{ item.category }}</span>\n        </td>\n        <td data-head=\"Region\">\n          <span [appDynamicBadge]=\"{ itemsArray: regions, item: item.region }\"\n            color=\"cyan\"\n            class=\"badge\">{{ item.region }}</span>\n        </td>\n        <td data-head=\"Currency\">\n          <span [appDynamicBadge]=\"{ itemsArray: currency, item: item.currency }\"\n            color=\"blue-grey\"\n            class=\"badge\">{{ item.currency }}</span>\n        </td>\n        <td data-head=\"Price\">{{ item.price_per_unit }}</td>\n        <td data-head=\"Active\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: item?.active }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.active ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Billing\">\n          <span class=\"badge\"\n            [appDynamicBadge]=\"{\n                            itemsArray: billingFrequency,\n                            item: item?.billing_frequency\n                        }\"\n            color=\"blue-grey\">{{ item.billing_frequency }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline width-max-content\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Product.Edit'\"\n              [routerLink]=\"[routers.productDetails + item.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Product.Delete'\"\n              (click)=\"onDelete(item)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Users List\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Product.Edit'\"\n              [routerLink]=\"[routers.productsUserList + item.id]\">\n              <i class=\"fa fa-tasks cta1-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Duplicate The Product\"\n              class=\"me-sm-3\"\n              [routerLink]=\"['product-details/add']\"\n              [queryParams]=\"{ duplicate_product_id: item.id }\">\n              <i class=\"fa fa-clone edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Feedback Questions\"\n              container=\"body\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.feedbackQuestions]\"\n              [queryParams]=\"{ product_id: item.id }\">\n              <i class=\"fa fa-comments edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"totalRecords === 0 && totalRecordsUnFilter !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">Total: {{ totalRecords }}</span>\n</div>\n<div *ngIf=\"!loading && totalRecordsUnFilter === 0\">\n  <pw-no-data [message]=\"'Admin.Products.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n<!-- password validation modal for delete product -->\n<pw-password-validation #passwordValidationModalForProductDelete\n  (successEvent)=\"deleteProduct($event)\">\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <p>{{ 'User.Account.Message.ActionCanNotUndone' | transloco }}</p>\n      <p>{{ 'User.Account.Message.ConfirmPassword' | transloco }}</p>\n    </div>\n  </div>\n</pw-password-validation>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}@media (min-width: 767px){.table-responsive td,.table-responsive th{font-size:11px!important}}.width-max-content{width:max-content}\n"], dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.PasswordValidationComponent, selector: "pw-password-validation", outputs: ["successEvent"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i8.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: ProductsListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-admin-products-list', template: "<div class=\"col-xs-12 text-end d-flex justify-content-between align-items-center my-3\">\n  <h2 class=\"card-title p-0 float-start\">Products</h2>\n  <button *rbacAllow=\"'Pages.Admin.Product.Create'\"\n    class=\"btn btn-sm btn-outline-primary\"\n    [routerLink]=\"[routers.productDetails + 'add']\">\n    <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Product\n  </button>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"loading\">\n  <p-progressSpinner> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"totalRecordsUnFilter === 0\">\n  <p-table #dt\n    [value]=\"products\"\n    [paginator]=\"true\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"totalRecords\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"search-filter\">\n        <div class=\"col-12 col-sm-4\">\n          <p-multiSelect defaultLabel=\"Select Feature Keys\"\n            [options]=\"featureKeysList\"\n            (onChange)=\"onSearchOptionChange($event)\"\n            [showHeader]=\"true\"\n            appendTo=\"body\">\n          </p-multiSelect>\n        </div>\n        <div class=\"text-end\">\n          <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n          <input type=\"text\"\n            [(ngModel)]=\"searchText\"\n            pInputText\n            size=\"50\"\n            placeholder=\"Search Product...\"\n            (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n            class=\"mw-90\" />\n        </div>\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr class=\"head\">\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"stripe_plan_id\">\n          {{ 'Admin.Products.StripePlan' | transloco }}\n          <p-sortIcon field=\"stripe_plan_id\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"permission_key\">\n          {{ 'Admin.Products.PermissionKey' | transloco }}\n          <p-sortIcon field=\"permission_key\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"feature_key\">\n          {{ 'Admin.Products.FeatureKey' | transloco }}\n          <p-sortIcon field=\"feature_key\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"product_key\">\n          {{ 'Admin.Products.ProductKey' | transloco }}\n          <p-sortIcon field=\"product_key\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"category\">\n          {{ 'Admin.Products.Category' | transloco }}\n          <p-sortIcon field=\"category\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"region\">\n          {{ 'Admin.Products.Region' | transloco }}\n          <p-sortIcon field=\"region\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"currency\">\n          {{ 'Admin.Products.Currency' | transloco }}\n          <p-sortIcon field=\"currency\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"price_per_unit\">\n          {{ 'Admin.Products.Price' | transloco }}\n          <p-sortIcon field=\"price_per_unit\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"active\">\n          {{ 'Label.IsActive' | transloco }}\n          <p-sortIcon field=\"active\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"billing_frequency\">\n          {{ 'Admin.Products.Billing' | transloco }}\n          <p-sortIcon field=\"billing_frequency\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          class=\"actions-list-two\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Name\">{{ item.name }}</td>\n        <td data-head=\"Stripe Plan\">{{ item.stripe_plan_id }}</td>\n        <td data-head=\"Permission Key\">{{ item.permission_key }}</td>\n        <td data-head=\"Feature Key\">{{ item.feature_key }}</td>\n        <td data-head=\"Product Key\">{{ item.product_key }}</td>\n        <td data-head=\"Category\">\n          <span [appDynamicBadge]=\"{ itemsArray: categories, item: item.category }\"\n            color=\"warning\"\n            class=\"badge\">{{ item.category }}</span>\n        </td>\n        <td data-head=\"Region\">\n          <span [appDynamicBadge]=\"{ itemsArray: regions, item: item.region }\"\n            color=\"cyan\"\n            class=\"badge\">{{ item.region }}</span>\n        </td>\n        <td data-head=\"Currency\">\n          <span [appDynamicBadge]=\"{ itemsArray: currency, item: item.currency }\"\n            color=\"blue-grey\"\n            class=\"badge\">{{ item.currency }}</span>\n        </td>\n        <td data-head=\"Price\">{{ item.price_per_unit }}</td>\n        <td data-head=\"Active\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: item?.active }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.active ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Billing\">\n          <span class=\"badge\"\n            [appDynamicBadge]=\"{\n                            itemsArray: billingFrequency,\n                            item: item?.billing_frequency\n                        }\"\n            color=\"blue-grey\">{{ item.billing_frequency }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline width-max-content\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Product.Edit'\"\n              [routerLink]=\"[routers.productDetails + item.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Product.Delete'\"\n              (click)=\"onDelete(item)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Users List\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Product.Edit'\"\n              [routerLink]=\"[routers.productsUserList + item.id]\">\n              <i class=\"fa fa-tasks cta1-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Duplicate The Product\"\n              class=\"me-sm-3\"\n              [routerLink]=\"['product-details/add']\"\n              [queryParams]=\"{ duplicate_product_id: item.id }\">\n              <i class=\"fa fa-clone edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Feedback Questions\"\n              container=\"body\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.feedbackQuestions]\"\n              [queryParams]=\"{ product_id: item.id }\">\n              <i class=\"fa fa-comments edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"totalRecords === 0 && totalRecordsUnFilter !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">Total: {{ totalRecords }}</span>\n</div>\n<div *ngIf=\"!loading && totalRecordsUnFilter === 0\">\n  <pw-no-data [message]=\"'Admin.Products.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n<!-- password validation modal for delete product -->\n<pw-password-validation #passwordValidationModalForProductDelete\n  (successEvent)=\"deleteProduct($event)\">\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <p>{{ 'User.Account.Message.ActionCanNotUndone' | transloco }}</p>\n      <p>{{ 'User.Account.Message.ConfirmPassword' | transloco }}</p>\n    </div>\n  </div>\n</pw-password-validation>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}@media (min-width: 767px){.table-responsive td,.table-responsive th{font-size:11px!important}}.width-max-content{width:max-content}\n"] }]
@@ -4412,7 +4413,7 @@ class UsersListForProductComponent extends AppBaseComponent {
     }
 }
 UsersListForProductComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: UsersListForProductComponent, deps: [{ token: i1.ProductService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-UsersListForProductComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: UsersListForProductComponent, selector: "pw-users-list-for-product", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 mb-3\">\n    <div class=\"me-auto col-xs-6\">\n      <a href=\"javascript:void(0)\"\n        (click)=\"back()\"\n        class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n      <h3 class=\"m-subheader__title m-subheader__title--separator\">\n        Users list for Product ({{ productName }})\n      </h3>\n    </div>\n  </div>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\">\n  <p-table #dt\n    [value]=\"users\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"totalRecords\"\n    (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n    [globalFilterFields]=\"['first_name', 'email']\"\n    [loading]=\"loading\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search User...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr class=\"head\">\n        <th scope=\"true\"\n          pSortableColumn=\"first_name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"first_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"email\">\n          {{ 'Label.Email' | transloco }}\n          <p-sortIcon field=\"email\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"joined_at\">\n          {{ 'Admin.Products.JoinedAt' | transloco }}\n          <p-sortIcon field=\"joined_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"last_sign_in_at\">\n          {{ 'Admin.Products.LastSignInAt' | transloco }}\n          <p-sortIcon field=\"last_sign_in_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Name\">\n          <a [routerLink]=\"['/members', item?.slug]\">{{ item?.first_name }} {{ item?.last_name }}</a>\n        </td>\n        <td data-head=\"Email\">{{ item.email }}</td>\n        <td data-head=\"Joined At\">{{ item?.joined_at | dateFormat }}</td>\n        <td data-head=\"Last Sign In At\">{{ item?.last_sign_in_at | dateFormat }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <ng-template [ngIf]=\"currentUser && item.id !== currentUser.id\">\n              <li ngbTooltip=\"Message\"\n                *rbacAllow=\"'Pages.Chat'\"\n                class=\"me-2 me-sm-3\"\n                [routerLink]=\"['/message']\"\n                [fragment]=\"item.slug\">\n                <i class=\"fa fa-comments cta1-icon\" aria-hidden=\"true\"></i>\n              </li>\n            </ng-template>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n</div>\n", dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i11.DateFormatPipe, name: "dateFormat" }] });
+UsersListForProductComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: UsersListForProductComponent, selector: "pw-users-list-for-product", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 mb-3\">\n    <div class=\"me-auto col-xs-6\">\n      <a href=\"javascript:void(0)\"\n        (click)=\"back()\"\n        class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n      <h3 class=\"m-subheader__title m-subheader__title--separator\">\n        Users list for Product ({{ productName }})\n      </h3>\n    </div>\n  </div>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\">\n  <p-table #dt\n    [value]=\"users\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"totalRecords\"\n    (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n    [globalFilterFields]=\"['first_name', 'email']\"\n    [loading]=\"loading\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search User...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr class=\"head\">\n        <th scope=\"true\"\n          pSortableColumn=\"first_name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"first_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"email\">\n          {{ 'Label.Email' | transloco }}\n          <p-sortIcon field=\"email\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"joined_at\">\n          {{ 'Admin.Products.JoinedAt' | transloco }}\n          <p-sortIcon field=\"joined_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"last_sign_in_at\">\n          {{ 'Admin.Products.LastSignInAt' | transloco }}\n          <p-sortIcon field=\"last_sign_in_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Name\">\n          <a [routerLink]=\"['/members', item?.slug]\">{{ item?.first_name }} {{ item?.last_name }}</a>\n        </td>\n        <td data-head=\"Email\">{{ item.email }}</td>\n        <td data-head=\"Joined At\">{{ item?.joined_at | dateFormat }}</td>\n        <td data-head=\"Last Sign In At\">{{ item?.last_sign_in_at | dateFormat }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <ng-template [ngIf]=\"currentUser && item.id !== currentUser.id\">\n              <li ngbTooltip=\"Message\"\n                *rbacAllow=\"'Pages.Chat'\"\n                class=\"me-2 me-sm-3\"\n                [routerLink]=\"['/message']\"\n                [fragment]=\"item.slug\">\n                <i class=\"fa fa-comments cta1-icon\" aria-hidden=\"true\"></i>\n              </li>\n            </ng-template>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n</div>\n", dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i12.DateFormatPipe, name: "dateFormat" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: UsersListForProductComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-users-list-for-product', template: "<div class=\"row\">\n  <div class=\"col-12 mb-3\">\n    <div class=\"me-auto col-xs-6\">\n      <a href=\"javascript:void(0)\"\n        (click)=\"back()\"\n        class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n      <h3 class=\"m-subheader__title m-subheader__title--separator\">\n        Users list for Product ({{ productName }})\n      </h3>\n    </div>\n  </div>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\">\n  <p-table #dt\n    [value]=\"users\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"totalRecords\"\n    (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n    [globalFilterFields]=\"['first_name', 'email']\"\n    [loading]=\"loading\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search User...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr class=\"head\">\n        <th scope=\"true\"\n          pSortableColumn=\"first_name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"first_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"email\">\n          {{ 'Label.Email' | transloco }}\n          <p-sortIcon field=\"email\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"joined_at\">\n          {{ 'Admin.Products.JoinedAt' | transloco }}\n          <p-sortIcon field=\"joined_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"last_sign_in_at\">\n          {{ 'Admin.Products.LastSignInAt' | transloco }}\n          <p-sortIcon field=\"last_sign_in_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Name\">\n          <a [routerLink]=\"['/members', item?.slug]\">{{ item?.first_name }} {{ item?.last_name }}</a>\n        </td>\n        <td data-head=\"Email\">{{ item.email }}</td>\n        <td data-head=\"Joined At\">{{ item?.joined_at | dateFormat }}</td>\n        <td data-head=\"Last Sign In At\">{{ item?.last_sign_in_at | dateFormat }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <ng-template [ngIf]=\"currentUser && item.id !== currentUser.id\">\n              <li ngbTooltip=\"Message\"\n                *rbacAllow=\"'Pages.Chat'\"\n                class=\"me-2 me-sm-3\"\n                [routerLink]=\"['/message']\"\n                [fragment]=\"item.slug\">\n                <i class=\"fa fa-comments cta1-icon\" aria-hidden=\"true\"></i>\n              </li>\n            </ng-template>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n</div>\n" }]
@@ -4510,7 +4511,7 @@ class AgentDetailsComponent extends AppBaseComponent {
     }
 }
 AgentDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AgentDetailsComponent, deps: [{ token: AdminService }, { token: i1.GroupService }, { token: i3$1.NgbDatepickerConfig }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-AgentDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: AgentDetailsComponent, selector: "pw-agent-details", usesInheritance: true, ngImport: i0, template: "<div class=\"d-flex align-items-center ms-3\">\n  <div class=\"me-auto col-xs-6 d-flex\">\n    <a href=\"javascript:void(0)\"\n      routerLink=\"../../\"\n      class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n    <h3 class=\"mt-3\">Update Ambassador Details</h3>\n  </div>\n</div>\n<div class=\"p-2 mt-3 ms-3\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"updateDetails()\">\n    <!-- Agent Details -->\n    <div class=\"row\">\n      <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n        <div class=\"ui-fluid skills-modal\">\n          <label>Ambassador</label>\n          <p-autoComplete [suggestions]=\"filteredUsers\"\n            formControlName=\"email\"\n            dataKey=\"id\"\n            field=\"displayName\"\n            [dropdown]=\"true\"\n            (completeMethod)=\"search($event)\"\n            styleClass=\"w-100\"\n            placeholder=\"Search ambassador\"\n            [multiple]=\"false\"\n            autocomplete=\"off\">\n          </p-autoComplete>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"row\">\n      <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n        <label>Percentage</label>\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"percentage\" />\n      </div>\n\n      <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n        <label>End Date</label>\n        <div class=\"input-group\">\n          <input class=\"form-control\"\n            formControlName=\"end_date\"\n            ngbDatepicker\n            #d=\"ngbDatepicker\" />\n          <div class=\"input-group-append\">\n            <button class=\"btn btn-primary\"\n              (click)=\"d.toggle()\"\n              type=\"button\">\n              <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"row text-end mt-4\">\n      <div class=\"col-12\">\n        <button type=\"button\"\n          class=\"btn btn-outline-default me-2\"\n          (click)=\"back()\">\n          Cancel\n        </button>\n        <button type=\"submit\"\n          class=\"btn btn-primary\"\n          *rbacAllow=\"'Pages.Admin.Subscription.Edit'\">\n          {{ 'Button.Update' | transloco }}\n        </button>\n      </div>\n    </div>\n  </form>\n</div>\n", dependencies: [{ kind: "component", type: i4$3.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "itemSize", "suggestions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+AgentDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: AgentDetailsComponent, selector: "pw-agent-details", usesInheritance: true, ngImport: i0, template: "<div class=\"d-flex align-items-center ms-3\">\n  <div class=\"me-auto col-xs-6 d-flex\">\n    <a href=\"javascript:void(0)\"\n      routerLink=\"../../\"\n      class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n    <h3 class=\"mt-3\">Update Ambassador Details</h3>\n  </div>\n</div>\n<div class=\"p-2 mt-3 ms-3\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"updateDetails()\">\n    <!-- Agent Details -->\n    <div class=\"row\">\n      <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n        <div class=\"ui-fluid skills-modal\">\n          <label>Ambassador</label>\n          <p-autoComplete [suggestions]=\"filteredUsers\"\n            formControlName=\"email\"\n            dataKey=\"id\"\n            field=\"displayName\"\n            [dropdown]=\"true\"\n            (completeMethod)=\"search($event)\"\n            styleClass=\"w-100\"\n            placeholder=\"Search ambassador\"\n            [multiple]=\"false\"\n            autocomplete=\"off\">\n          </p-autoComplete>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"row\">\n      <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n        <label>Percentage</label>\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"percentage\" />\n      </div>\n\n      <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n        <label>End Date</label>\n        <div class=\"input-group\">\n          <input class=\"form-control\"\n            formControlName=\"end_date\"\n            ngbDatepicker\n            #d=\"ngbDatepicker\" />\n          <div class=\"input-group-append\">\n            <button class=\"btn btn-primary\"\n              (click)=\"d.toggle()\"\n              type=\"button\">\n              <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"row text-end mt-4\">\n      <div class=\"col-12\">\n        <button type=\"button\"\n          class=\"btn btn-outline-default me-2\"\n          (click)=\"back()\">\n          Cancel\n        </button>\n        <button type=\"submit\"\n          class=\"btn btn-primary\"\n          *rbacAllow=\"'Pages.Admin.Subscription.Edit'\">\n          {{ 'Button.Update' | transloco }}\n        </button>\n      </div>\n    </div>\n  </form>\n</div>\n", dependencies: [{ kind: "component", type: i4$2.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "itemSize", "suggestions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 __decorate([
     ValidateForm('form'),
     __metadata("design:type", Function),
@@ -4561,7 +4562,7 @@ class SubscriptionProductsComponent extends AppBaseComponent {
     }
 }
 SubscriptionProductsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SubscriptionProductsComponent, deps: [{ token: i1.SubscriptionService }, { token: i0.Injector }, { token: i1.ProductService }], target: i0.ɵɵFactoryTarget.Component });
-SubscriptionProductsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: SubscriptionProductsComponent, selector: "pw-subscription-products", usesInheritance: true, ngImport: i0, template: "<div class=\"w-100 text-center mt-3\">\n  <ng-template [ngIf]=\"!isLoaded\">\n    <p-progressSpinner> </p-progressSpinner>\n  </ng-template>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"totalRecords === 0\">\n  <p-table #dt\n    [value]=\"subscriptionProducts\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [lazy]=\"true\"\n    [totalRecords]=\"totalRecords\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search subscription products...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\">{{ 'Label.Name' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.PricePerUnit' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.Currency' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.BillingFrequency' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.MinUnits' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.MaxUnits' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.PurchasedUnits' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.CalculatedPrice' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.IsDeleted' | transloco }}</th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Name\">{{ item.name }}</td>\n        <td data-head=\"Price Per Unit\">\n          <span>{{ (item.price_per_unit / 100).toFixed(2) }}\n            <i\n                            class=\"fa fa-info-circle\"\n                            *ngIf=\"item?.discount && objectKeys(item?.discount)?.length\"\n                            aria-hidden=\"true\"\n                            tooltipPosition=\"top\"\n                            [pTooltip]=\"item?.discount | json\"\n                        ></i>\n          </span>\n        </td>\n        <td data-head=\"Currency\">\n          <span [appDynamicBadge]=\"{ itemsArray: currency, item: item.currency }\"\n            color=\"blue-grey\"\n            class=\"badge\">{{ item.currency }}</span>\n        </td>\n        <td data-head=\"Billing Frequency\">\n          {{ item.billing_frequency }}\n          <span *ngIf=\"item?.pause_collection && objectKeys(item?.pause_collection)?.length\"\n            class=\"ms-2\"\n            [pTooltip]=\"item?.pause_collection | json\"\n            tooltipPosition=\"top\">\n            <i class=\"fas fa-exclamation-triangle text-warning\"></i>\n          </span>\n        </td>\n        <td data-head=\"Min Units\">{{ item.min_units }}</td>\n        <td data-head=\"Max Units\">{{ item.max_units }}</td>\n        <td data-head=\"Purchased Units\">{{ item.purchased_units }}</td>\n        <td data-head=\"Calculated Price\">{{ (item.calculated_price / 100).toFixed(2) }}</td>\n        <td data-head=\"Deleted\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: item?.is_deleted }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.is_deleted ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              *rbacAllow=\"'SubscriptionSuperAdmin'\"\n              [routerLink]=\"[\n                                routers.subscriptionProductDetails + item.subscription_product_id\n                            ]\"\n              [queryParams]=\"{ subscription_id: id }\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n</div>\n<div *ngIf=\"totalRecords === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.Subscriptions.NoSubscriptionProductsMessage' | transloco\">\n  </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i4$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i7.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i2.JsonPipe, name: "json" }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+SubscriptionProductsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: SubscriptionProductsComponent, selector: "pw-subscription-products", usesInheritance: true, ngImport: i0, template: "<div class=\"w-100 text-center mt-3\">\n  <ng-template [ngIf]=\"!isLoaded\">\n    <p-progressSpinner> </p-progressSpinner>\n  </ng-template>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"totalRecords === 0\">\n  <p-table #dt\n    [value]=\"subscriptionProducts\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [lazy]=\"true\"\n    [totalRecords]=\"totalRecords\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search subscription products...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\">{{ 'Label.Name' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.PricePerUnit' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.Currency' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.BillingFrequency' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.MinUnits' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.MaxUnits' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.PurchasedUnits' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.CalculatedPrice' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.IsDeleted' | transloco }}</th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Name\">{{ item.name }}</td>\n        <td data-head=\"Price Per Unit\">\n          <span>{{ (item.price_per_unit / 100).toFixed(2) }}\n            <i\n                            class=\"fa fa-info-circle\"\n                            *ngIf=\"item?.discount && objectKeys(item?.discount)?.length\"\n                            aria-hidden=\"true\"\n                            tooltipPosition=\"top\"\n                            [pTooltip]=\"item?.discount | json\"\n                        ></i>\n          </span>\n        </td>\n        <td data-head=\"Currency\">\n          <span [appDynamicBadge]=\"{ itemsArray: currency, item: item.currency }\"\n            color=\"blue-grey\"\n            class=\"badge\">{{ item.currency }}</span>\n        </td>\n        <td data-head=\"Billing Frequency\">\n          {{ item.billing_frequency }}\n          <span *ngIf=\"item?.pause_collection && objectKeys(item?.pause_collection)?.length\"\n            class=\"ms-2\"\n            [pTooltip]=\"item?.pause_collection | json\"\n            tooltipPosition=\"top\">\n            <i class=\"fas fa-exclamation-triangle text-warning\"></i>\n          </span>\n        </td>\n        <td data-head=\"Min Units\">{{ item.min_units }}</td>\n        <td data-head=\"Max Units\">{{ item.max_units }}</td>\n        <td data-head=\"Purchased Units\">{{ item.purchased_units }}</td>\n        <td data-head=\"Calculated Price\">{{ (item.calculated_price / 100).toFixed(2) }}</td>\n        <td data-head=\"Deleted\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: item?.is_deleted }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.is_deleted ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              *rbacAllow=\"'SubscriptionSuperAdmin'\"\n              [routerLink]=\"[\n                                routers.subscriptionProductDetails + item.subscription_product_id\n                            ]\"\n              [queryParams]=\"{ subscription_id: id }\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n</div>\n<div *ngIf=\"totalRecords === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.Subscriptions.NoSubscriptionProductsMessage' | transloco\">\n  </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i8.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i2.JsonPipe, name: "json" }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SubscriptionProductsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-subscription-products', template: "<div class=\"w-100 text-center mt-3\">\n  <ng-template [ngIf]=\"!isLoaded\">\n    <p-progressSpinner> </p-progressSpinner>\n  </ng-template>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"totalRecords === 0\">\n  <p-table #dt\n    [value]=\"subscriptionProducts\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [lazy]=\"true\"\n    [totalRecords]=\"totalRecords\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search subscription products...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\">{{ 'Label.Name' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.PricePerUnit' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.Currency' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.BillingFrequency' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.MinUnits' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.MaxUnits' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.PurchasedUnits' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.CalculatedPrice' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.IsDeleted' | transloco }}</th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Name\">{{ item.name }}</td>\n        <td data-head=\"Price Per Unit\">\n          <span>{{ (item.price_per_unit / 100).toFixed(2) }}\n            <i\n                            class=\"fa fa-info-circle\"\n                            *ngIf=\"item?.discount && objectKeys(item?.discount)?.length\"\n                            aria-hidden=\"true\"\n                            tooltipPosition=\"top\"\n                            [pTooltip]=\"item?.discount | json\"\n                        ></i>\n          </span>\n        </td>\n        <td data-head=\"Currency\">\n          <span [appDynamicBadge]=\"{ itemsArray: currency, item: item.currency }\"\n            color=\"blue-grey\"\n            class=\"badge\">{{ item.currency }}</span>\n        </td>\n        <td data-head=\"Billing Frequency\">\n          {{ item.billing_frequency }}\n          <span *ngIf=\"item?.pause_collection && objectKeys(item?.pause_collection)?.length\"\n            class=\"ms-2\"\n            [pTooltip]=\"item?.pause_collection | json\"\n            tooltipPosition=\"top\">\n            <i class=\"fas fa-exclamation-triangle text-warning\"></i>\n          </span>\n        </td>\n        <td data-head=\"Min Units\">{{ item.min_units }}</td>\n        <td data-head=\"Max Units\">{{ item.max_units }}</td>\n        <td data-head=\"Purchased Units\">{{ item.purchased_units }}</td>\n        <td data-head=\"Calculated Price\">{{ (item.calculated_price / 100).toFixed(2) }}</td>\n        <td data-head=\"Deleted\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: item?.is_deleted }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.is_deleted ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              *rbacAllow=\"'SubscriptionSuperAdmin'\"\n              [routerLink]=\"[\n                                routers.subscriptionProductDetails + item.subscription_product_id\n                            ]\"\n              [queryParams]=\"{ subscription_id: id }\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n</div>\n<div *ngIf=\"totalRecords === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.Subscriptions.NoSubscriptionProductsMessage' | transloco\">\n  </pw-no-data>\n</div>\n" }]
@@ -4635,7 +4636,7 @@ class SubscriptionUsersComponent extends AppBaseComponent {
     }
 }
 SubscriptionUsersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SubscriptionUsersComponent, deps: [{ token: i1.SubscriptionService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }, { token: i1.AuthService }, { token: i1.WindowService }], target: i0.ɵɵFactoryTarget.Component });
-SubscriptionUsersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: SubscriptionUsersComponent, selector: "pw-subscription-users", viewQueries: [{ propertyName: "passwordValidationModalForImpersonate", first: true, predicate: ["passwordValidationModalForImpersonate"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"w-100 text-center mt-3\">\n  <ng-template [ngIf]=\"!isLoaded\">\n    <p-progressSpinner> </p-progressSpinner>\n  </ng-template>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"totalRecords === 0\">\n  <p-table #dt\n    [value]=\"subscriptionMembers\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [lazy]=\"true\"\n    [totalRecords]=\"totalRecords\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search subscription users...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"id\">\n          {{ 'Admin.Users.Id' | transloco }}\n          <p-sortIcon field=\"id\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"first_name\">\n          {{ 'Label.FirstName' | transloco }}\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"last_name\">\n          {{ 'Label.LastName' | transloco }}\n          <p-sortIcon field=\"last_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"email\">\n          {{ 'Label.Email' | transloco }}\n          <p-sortIcon field=\"email\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"slug\">\n          {{ 'Admin.Subscriptions.NickName' | transloco }}\n          <p-sortIcon field=\"slug\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"has_password\">\n          {{ 'Admin.Subscriptions.EmailConfirmed' | transloco }}\n          <p-sortIcon field=\"has_password\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"last_sign_in_at\">\n          {{ 'Admin.Subscriptions.LastLogin' | transloco }}\n          <p-sortIcon field=\"last_sign_in_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-user>\n      <tr>\n        <td data-head=\"Id\">{{ user.id }}</td>\n        <td data-head=\"First Name\">{{ user.first_name }}</td>\n        <td data-head=\"Last Name\">{{ user.last_name }}\n          <span *ngIf=\"user?.alpha\"\n            [pTooltip]=\"'Admin.Users.Tooltip.AlphaIcon'|transloco\"\n            tooltipPosition=\"top\">\n            <i class=\"fa-regular fa-square-a alpha-beta text-warning\"></i>\n          </span>\n          <span class=\"ms-2\"\n            *ngIf=\"user?.beta\"\n            [pTooltip]=\"'Admin.Users.Tooltip.BetaIcon'|transloco\"\n            tooltipPosition=\"top\">\n            <i class=\"fa-regular fa-square-b alpha-beta text-primary\" ></i>\n          </span>\n        </td>\n        <td data-head=\"Email\">{{ user.email }}</td>\n        <td data-head=\"Nick Name\">\n          <a [routerLink]=\"['/members', user.slug]\">{{ user.slug }}</a>\n        </td>\n        <td data-head=\"Email Confirm\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: user?.has_password }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ user?.has_password ? 'Yes' : 'No' }}\n\n          </span>\n          <span class=\"ms-2\"\n            *ngIf=\"user?.blocked\"\n            [pTooltip]=\"'This user has been blocked'\"\n            tooltipPosition=\"top\">\n            <i class=\"fa-solid fa-hexagon-exclamation text-danger hexa-warning\"></i>\n          </span>\n        </td>\n        <td data-head=\"Last Login\">\n          <span *ngIf=\"user?.current_sign_in_at; else lastSignin\">\n            <span>{{ user.current_sign_in_at | dateFormat }}</span>\n            <span *ngIf=\"user.current_sign_in_at\">&nbsp;({{ user.current_sign_in_at | sinceAgo }})</span>\n          </span>\n          <ng-template #lastSignin>\n            <span>\n              <span>{{ user.last_sign_in_at | dateFormat }}</span>\n              <span *ngIf=\"user.last_sign_in_at\">&nbsp;({{ user.last_sign_in_at | sinceAgo }})</span>\n            </span>\n          </ng-template>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Log in as\"\n              *rbacAllow=\"'Pages.Alpha'\"\n              class=\"me-2 me-sm-3\">\n              <i\n                                class=\"fas fa-people-arrows\"\n                                (click)=\"onImpersonate(user)\"\n                                aria-hidden=\"true\"\n                            ></i>\n            </li>\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.usersDetails + user.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n</div>\n<div *ngIf=\"totalRecords === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.Subscriptions.NoSubscriptionUsersMessage' | transloco\">\n  </pw-no-data>\n</div>\n<!-- password validaton modal for impersonate -->\n<pw-password-validation #passwordValidationModalForImpersonate\n  (successEvent)=\"onUserImpersonation($event)\">\n</pw-password-validation>\n", styles: [".hexa-warning{font-size:18px;vertical-align:middle}.alpha-beta{font-size:14px}\n"], dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i4$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.PasswordValidationComponent, selector: "pw-password-validation", outputs: ["successEvent"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i7.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i11.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i11.SinceAgoPipe, name: "sinceAgo" }] });
+SubscriptionUsersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: SubscriptionUsersComponent, selector: "pw-subscription-users", viewQueries: [{ propertyName: "passwordValidationModalForImpersonate", first: true, predicate: ["passwordValidationModalForImpersonate"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"w-100 text-center mt-3\">\n  <ng-template [ngIf]=\"!isLoaded\">\n    <p-progressSpinner> </p-progressSpinner>\n  </ng-template>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"totalRecords === 0\">\n  <p-table #dt\n    [value]=\"subscriptionMembers\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [lazy]=\"true\"\n    [totalRecords]=\"totalRecords\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search subscription users...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"id\">\n          {{ 'Admin.Users.Id' | transloco }}\n          <p-sortIcon field=\"id\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"first_name\">\n          {{ 'Label.FirstName' | transloco }}\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"last_name\">\n          {{ 'Label.LastName' | transloco }}\n          <p-sortIcon field=\"last_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"email\">\n          {{ 'Label.Email' | transloco }}\n          <p-sortIcon field=\"email\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"slug\">\n          {{ 'Admin.Subscriptions.NickName' | transloco }}\n          <p-sortIcon field=\"slug\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"has_password\">\n          {{ 'Admin.Subscriptions.EmailConfirmed' | transloco }}\n          <p-sortIcon field=\"has_password\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"last_sign_in_at\">\n          {{ 'Admin.Subscriptions.LastLogin' | transloco }}\n          <p-sortIcon field=\"last_sign_in_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-user>\n      <tr>\n        <td data-head=\"Id\">{{ user.id }}</td>\n        <td data-head=\"First Name\">{{ user.first_name }}</td>\n        <td data-head=\"Last Name\">{{ user.last_name }}\n          <span *ngIf=\"user?.alpha\"\n            [pTooltip]=\"'Admin.Users.Tooltip.AlphaIcon'|transloco\"\n            tooltipPosition=\"top\">\n            <i class=\"fa-regular fa-square-a alpha-beta text-warning\"></i>\n          </span>\n          <span class=\"ms-2\"\n            *ngIf=\"user?.beta\"\n            [pTooltip]=\"'Admin.Users.Tooltip.BetaIcon'|transloco\"\n            tooltipPosition=\"top\">\n            <i class=\"fa-regular fa-square-b alpha-beta text-primary\" ></i>\n          </span>\n        </td>\n        <td data-head=\"Email\">{{ user.email }}</td>\n        <td data-head=\"Nick Name\">\n          <a [routerLink]=\"['/members', user.slug]\">{{ user.slug }}</a>\n        </td>\n        <td data-head=\"Email Confirm\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: user?.has_password }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ user?.has_password ? 'Yes' : 'No' }}\n\n          </span>\n          <span class=\"ms-2\"\n            *ngIf=\"user?.blocked\"\n            [pTooltip]=\"'This user has been blocked'\"\n            tooltipPosition=\"top\">\n            <i class=\"fa-solid fa-hexagon-exclamation text-danger hexa-warning\"></i>\n          </span>\n        </td>\n        <td data-head=\"Last Login\">\n          <span *ngIf=\"user?.current_sign_in_at; else lastSignin\">\n            <span>{{ user.current_sign_in_at | dateFormat }}</span>\n            <span *ngIf=\"user.current_sign_in_at\">&nbsp;({{ user.current_sign_in_at | sinceAgo }})</span>\n          </span>\n          <ng-template #lastSignin>\n            <span>\n              <span>{{ user.last_sign_in_at | dateFormat }}</span>\n              <span *ngIf=\"user.last_sign_in_at\">&nbsp;({{ user.last_sign_in_at | sinceAgo }})</span>\n            </span>\n          </ng-template>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Log in as\"\n              *rbacAllow=\"'Pages.Alpha'\"\n              class=\"me-2 me-sm-3\">\n              <i\n                                class=\"fas fa-people-arrows\"\n                                (click)=\"onImpersonate(user)\"\n                                aria-hidden=\"true\"\n                            ></i>\n            </li>\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.usersDetails + user.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n</div>\n<div *ngIf=\"totalRecords === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.Subscriptions.NoSubscriptionUsersMessage' | transloco\">\n  </pw-no-data>\n</div>\n<!-- password validaton modal for impersonate -->\n<pw-password-validation #passwordValidationModalForImpersonate\n  (successEvent)=\"onUserImpersonation($event)\">\n</pw-password-validation>\n", styles: [".hexa-warning{font-size:18px;vertical-align:middle}.alpha-beta{font-size:14px}\n"], dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.PasswordValidationComponent, selector: "pw-password-validation", outputs: ["successEvent"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i8.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i12.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i12.SinceAgoPipe, name: "sinceAgo" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SubscriptionUsersComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-subscription-users', template: "<div class=\"w-100 text-center mt-3\">\n  <ng-template [ngIf]=\"!isLoaded\">\n    <p-progressSpinner> </p-progressSpinner>\n  </ng-template>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"totalRecords === 0\">\n  <p-table #dt\n    [value]=\"subscriptionMembers\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [lazy]=\"true\"\n    [totalRecords]=\"totalRecords\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search subscription users...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"id\">\n          {{ 'Admin.Users.Id' | transloco }}\n          <p-sortIcon field=\"id\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"first_name\">\n          {{ 'Label.FirstName' | transloco }}\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"last_name\">\n          {{ 'Label.LastName' | transloco }}\n          <p-sortIcon field=\"last_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"email\">\n          {{ 'Label.Email' | transloco }}\n          <p-sortIcon field=\"email\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"slug\">\n          {{ 'Admin.Subscriptions.NickName' | transloco }}\n          <p-sortIcon field=\"slug\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"has_password\">\n          {{ 'Admin.Subscriptions.EmailConfirmed' | transloco }}\n          <p-sortIcon field=\"has_password\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"last_sign_in_at\">\n          {{ 'Admin.Subscriptions.LastLogin' | transloco }}\n          <p-sortIcon field=\"last_sign_in_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-user>\n      <tr>\n        <td data-head=\"Id\">{{ user.id }}</td>\n        <td data-head=\"First Name\">{{ user.first_name }}</td>\n        <td data-head=\"Last Name\">{{ user.last_name }}\n          <span *ngIf=\"user?.alpha\"\n            [pTooltip]=\"'Admin.Users.Tooltip.AlphaIcon'|transloco\"\n            tooltipPosition=\"top\">\n            <i class=\"fa-regular fa-square-a alpha-beta text-warning\"></i>\n          </span>\n          <span class=\"ms-2\"\n            *ngIf=\"user?.beta\"\n            [pTooltip]=\"'Admin.Users.Tooltip.BetaIcon'|transloco\"\n            tooltipPosition=\"top\">\n            <i class=\"fa-regular fa-square-b alpha-beta text-primary\" ></i>\n          </span>\n        </td>\n        <td data-head=\"Email\">{{ user.email }}</td>\n        <td data-head=\"Nick Name\">\n          <a [routerLink]=\"['/members', user.slug]\">{{ user.slug }}</a>\n        </td>\n        <td data-head=\"Email Confirm\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: user?.has_password }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ user?.has_password ? 'Yes' : 'No' }}\n\n          </span>\n          <span class=\"ms-2\"\n            *ngIf=\"user?.blocked\"\n            [pTooltip]=\"'This user has been blocked'\"\n            tooltipPosition=\"top\">\n            <i class=\"fa-solid fa-hexagon-exclamation text-danger hexa-warning\"></i>\n          </span>\n        </td>\n        <td data-head=\"Last Login\">\n          <span *ngIf=\"user?.current_sign_in_at; else lastSignin\">\n            <span>{{ user.current_sign_in_at | dateFormat }}</span>\n            <span *ngIf=\"user.current_sign_in_at\">&nbsp;({{ user.current_sign_in_at | sinceAgo }})</span>\n          </span>\n          <ng-template #lastSignin>\n            <span>\n              <span>{{ user.last_sign_in_at | dateFormat }}</span>\n              <span *ngIf=\"user.last_sign_in_at\">&nbsp;({{ user.last_sign_in_at | sinceAgo }})</span>\n            </span>\n          </ng-template>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Log in as\"\n              *rbacAllow=\"'Pages.Alpha'\"\n              class=\"me-2 me-sm-3\">\n              <i\n                                class=\"fas fa-people-arrows\"\n                                (click)=\"onImpersonate(user)\"\n                                aria-hidden=\"true\"\n                            ></i>\n            </li>\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.usersDetails + user.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n</div>\n<div *ngIf=\"totalRecords === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.Subscriptions.NoSubscriptionUsersMessage' | transloco\">\n  </pw-no-data>\n</div>\n<!-- password validaton modal for impersonate -->\n<pw-password-validation #passwordValidationModalForImpersonate\n  (successEvent)=\"onUserImpersonation($event)\">\n</pw-password-validation>\n", styles: [".hexa-warning{font-size:18px;vertical-align:middle}.alpha-beta{font-size:14px}\n"] }]
@@ -4744,7 +4745,7 @@ class SubscriptionAgentsListComponent extends AppBaseComponent {
     }
 }
 SubscriptionAgentsListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SubscriptionAgentsListComponent, deps: [{ token: AdminService }, { token: i3$1.NgbDateParserFormatter }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-SubscriptionAgentsListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: SubscriptionAgentsListComponent, selector: "pw-subscription-agents-list", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!newEmbass\">\n  <div class=\"w-100 text-center mt-3\">\n    <div class=\"d-flex align-items-center\">\n      <div class=\"ms-auto col-xs-12\">\n        <a class=\"btn btn-sm btn-outline-primary float-end\"\n          (click)=\"newEmbass = true\"\n          id=\"btn-create\">\n          <i class=\"fa fa-plus-circle me-2\" aria-hidden=\"true\"></i>Add Ambassadors\n        </a>\n      </div>\n    </div>\n    <ng-template [ngIf]=\"!isLoaded\">\n      <p-progressSpinner> </p-progressSpinner>\n    </ng-template>\n  </div>\n  <div class=\"primeng-datatable-container table-responsive mt-0\"\n    [class.hideTable]=\"totalRecords === 0\">\n    <p-table #dt\n      [value]=\"allAgents\"\n      [paginator]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [responsive]=\"true\"\n      [lazy]=\"true\"\n      [totalRecords]=\"totalRecords\"\n      [loading]=\"loading\"\n      [filterDelay]=\"1000\"\n      [customSort]=\"true\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"text-end\">\n          <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n          <input type=\"text\"\n            [(ngModel)]=\"searchText\"\n            pInputText\n            size=\"50\"\n            placeholder=\"Search Ambassadors...\"\n            (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n            class=\"mw-90\" />\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\">{{ 'Admin.Subscriptions.AgentName' | transloco }}</th>\n          <th scope=\"true\">{{ 'Label.Email' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Subscriptions.Percentage' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Subscriptions.EndDate' | transloco }}</th>\n          <th scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-agent>\n        <tr>\n          <td data-head=\"Agent Name\">\n            {{ agent.user.first_name !== null ? agent.user.first_name : 'N/A' }}\n          </td>\n          <td data-head=\"Email\">\n            {{ agent.user.email !== null ? agent.user.email : 'N/A' }}\n          </td>\n          <td data-head=\"Percentage\">{{ agent.percentage }}</td>\n          <td data-head=\"End Date\">{{ agent.end_date | dateFormat }}</td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline\">\n              <li ngbTooltip=\"Edit\"\n                class=\"me-2 me-sm-3\"\n                [routerLink]=\"[\n                                    '/admin/subscription/',\n                                    agent.subscription_id,\n                                    'agent_details',\n                                    agent.user_id\n                                ]\">\n                <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n              </li>\n              <li ngbTooltip=\"Delete\"\n                class=\"me-2 me-sm-3\"\n                (click)=\"onDelete(agent?.user_id)\">\n                <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n              </li>\n            </ul>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n  </div>\n  <div *ngIf=\"totalRecords === 0 && isLoaded\">\n    <pw-no-data [message]=\"'Admin.Subscriptions.NoAmbassadorsMessage' | transloco\">\n    </pw-no-data>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"newEmbass\">\n  <form [formGroup]=\"formEmbassador\"\n    id=\"mainFrom\"\n    (ngSubmit)=\"onAddEmbassador()\">\n    <div class=\"row mb-2\">\n      <div class=\"col-10 col-md-6 offset-md-3\">\n        <div class=\"ui-fluid skills-modal\">\n          <p-autoComplete [suggestions]=\"filteredUsers\"\n            formControlName=\"email\"\n            dataKey=\"id\"\n            field=\"displayName\"\n            (completeMethod)=\"search($event)\"\n            styleClass=\"w-100\"\n            [dropdown]=\"true\"\n            placeholder=\"Search embassador\"\n            [multiple]=\"true\">\n          </p-autoComplete>\n        </div>\n\n        <div class=\"row mt-3\">\n          <div class=\"col\">\n            <input type=\"number\"\n              formControlName=\"percentage\"\n              class=\"form-control\"\n              placeholder=\"Enter percentage\" />\n          </div>\n          <div class=\"col\">\n            <div class=\"input-group\">\n              <input class=\"form-control\"\n                placeholder=\"yyyy-mm-dd\"\n                formControlName=\"enddate\"\n                ngbDatepicker\n                #d=\"ngbDatepicker\"\n                [minDate]=\"{ day: 1, month: 1, year: 1950 }\"\n                [maxDate]=\"{ day: 31, month: 12, year: 2050 }\" />\n              <div class=\"input-group-append\">\n                <button class=\"btn btn-primary\"\n                  (click)=\"d.toggle()\"\n                  type=\"button\">\n                  <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"text-center mt-2\">\n      <button type=\"button\"\n        (click)=\"newEmbass = false\"\n        class=\"btn btn-sm btn-outline-default me-2\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-sm btn-primary me-2\">Add Ambassador</button>\n    </div>\n  </form>\n</ng-container>\n", styles: ["#mainFrom{padding-bottom:144px}\n"], dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4$3.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "itemSize", "suggestions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i3$1.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i11.DateFormatPipe, name: "dateFormat" }] });
+SubscriptionAgentsListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: SubscriptionAgentsListComponent, selector: "pw-subscription-agents-list", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!newEmbass\">\n  <div class=\"w-100 text-center mt-3\">\n    <div class=\"d-flex align-items-center\">\n      <div class=\"ms-auto col-xs-12\">\n        <a class=\"btn btn-sm btn-outline-primary float-end\"\n          (click)=\"newEmbass = true\"\n          id=\"btn-create\">\n          <i class=\"fa fa-plus-circle me-2\" aria-hidden=\"true\"></i>Add Ambassadors\n        </a>\n      </div>\n    </div>\n    <ng-template [ngIf]=\"!isLoaded\">\n      <p-progressSpinner> </p-progressSpinner>\n    </ng-template>\n  </div>\n  <div class=\"primeng-datatable-container table-responsive mt-0\"\n    [class.hideTable]=\"totalRecords === 0\">\n    <p-table #dt\n      [value]=\"allAgents\"\n      [paginator]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [responsive]=\"true\"\n      [lazy]=\"true\"\n      [totalRecords]=\"totalRecords\"\n      [loading]=\"loading\"\n      [filterDelay]=\"1000\"\n      [customSort]=\"true\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"text-end\">\n          <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n          <input type=\"text\"\n            [(ngModel)]=\"searchText\"\n            pInputText\n            size=\"50\"\n            placeholder=\"Search Ambassadors...\"\n            (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n            class=\"mw-90\" />\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\">{{ 'Admin.Subscriptions.AgentName' | transloco }}</th>\n          <th scope=\"true\">{{ 'Label.Email' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Subscriptions.Percentage' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Subscriptions.EndDate' | transloco }}</th>\n          <th scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-agent>\n        <tr>\n          <td data-head=\"Agent Name\">\n            {{ agent.user.first_name !== null ? agent.user.first_name : 'N/A' }}\n          </td>\n          <td data-head=\"Email\">\n            {{ agent.user.email !== null ? agent.user.email : 'N/A' }}\n          </td>\n          <td data-head=\"Percentage\">{{ agent.percentage }}</td>\n          <td data-head=\"End Date\">{{ agent.end_date | dateFormat }}</td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline\">\n              <li ngbTooltip=\"Edit\"\n                class=\"me-2 me-sm-3\"\n                [routerLink]=\"[\n                                    '/admin/subscription/',\n                                    agent.subscription_id,\n                                    'agent_details',\n                                    agent.user_id\n                                ]\">\n                <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n              </li>\n              <li ngbTooltip=\"Delete\"\n                class=\"me-2 me-sm-3\"\n                (click)=\"onDelete(agent?.user_id)\">\n                <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n              </li>\n            </ul>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n  </div>\n  <div *ngIf=\"totalRecords === 0 && isLoaded\">\n    <pw-no-data [message]=\"'Admin.Subscriptions.NoAmbassadorsMessage' | transloco\">\n    </pw-no-data>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"newEmbass\">\n  <form [formGroup]=\"formEmbassador\"\n    id=\"mainFrom\"\n    (ngSubmit)=\"onAddEmbassador()\">\n    <div class=\"row mb-2\">\n      <div class=\"col-10 col-md-6 offset-md-3\">\n        <div class=\"ui-fluid skills-modal\">\n          <p-autoComplete [suggestions]=\"filteredUsers\"\n            formControlName=\"email\"\n            dataKey=\"id\"\n            field=\"displayName\"\n            (completeMethod)=\"search($event)\"\n            styleClass=\"w-100\"\n            [dropdown]=\"true\"\n            placeholder=\"Search embassador\"\n            [multiple]=\"true\">\n          </p-autoComplete>\n        </div>\n\n        <div class=\"row mt-3\">\n          <div class=\"col\">\n            <input type=\"number\"\n              formControlName=\"percentage\"\n              class=\"form-control\"\n              placeholder=\"Enter percentage\" />\n          </div>\n          <div class=\"col\">\n            <div class=\"input-group\">\n              <input class=\"form-control\"\n                placeholder=\"yyyy-mm-dd\"\n                formControlName=\"enddate\"\n                ngbDatepicker\n                #d=\"ngbDatepicker\"\n                [minDate]=\"{ day: 1, month: 1, year: 1950 }\"\n                [maxDate]=\"{ day: 31, month: 12, year: 2050 }\" />\n              <div class=\"input-group-append\">\n                <button class=\"btn btn-primary\"\n                  (click)=\"d.toggle()\"\n                  type=\"button\">\n                  <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"text-center mt-2\">\n      <button type=\"button\"\n        (click)=\"newEmbass = false\"\n        class=\"btn btn-sm btn-outline-default me-2\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-sm btn-primary me-2\">Add Ambassador</button>\n    </div>\n  </form>\n</ng-container>\n", styles: ["#mainFrom{padding-bottom:144px}\n"], dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4$2.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "itemSize", "suggestions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i3$1.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i12.DateFormatPipe, name: "dateFormat" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SubscriptionAgentsListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-subscription-agents-list', template: "<ng-container *ngIf=\"!newEmbass\">\n  <div class=\"w-100 text-center mt-3\">\n    <div class=\"d-flex align-items-center\">\n      <div class=\"ms-auto col-xs-12\">\n        <a class=\"btn btn-sm btn-outline-primary float-end\"\n          (click)=\"newEmbass = true\"\n          id=\"btn-create\">\n          <i class=\"fa fa-plus-circle me-2\" aria-hidden=\"true\"></i>Add Ambassadors\n        </a>\n      </div>\n    </div>\n    <ng-template [ngIf]=\"!isLoaded\">\n      <p-progressSpinner> </p-progressSpinner>\n    </ng-template>\n  </div>\n  <div class=\"primeng-datatable-container table-responsive mt-0\"\n    [class.hideTable]=\"totalRecords === 0\">\n    <p-table #dt\n      [value]=\"allAgents\"\n      [paginator]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [responsive]=\"true\"\n      [lazy]=\"true\"\n      [totalRecords]=\"totalRecords\"\n      [loading]=\"loading\"\n      [filterDelay]=\"1000\"\n      [customSort]=\"true\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"text-end\">\n          <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n          <input type=\"text\"\n            [(ngModel)]=\"searchText\"\n            pInputText\n            size=\"50\"\n            placeholder=\"Search Ambassadors...\"\n            (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n            class=\"mw-90\" />\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\">{{ 'Admin.Subscriptions.AgentName' | transloco }}</th>\n          <th scope=\"true\">{{ 'Label.Email' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Subscriptions.Percentage' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Subscriptions.EndDate' | transloco }}</th>\n          <th scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-agent>\n        <tr>\n          <td data-head=\"Agent Name\">\n            {{ agent.user.first_name !== null ? agent.user.first_name : 'N/A' }}\n          </td>\n          <td data-head=\"Email\">\n            {{ agent.user.email !== null ? agent.user.email : 'N/A' }}\n          </td>\n          <td data-head=\"Percentage\">{{ agent.percentage }}</td>\n          <td data-head=\"End Date\">{{ agent.end_date | dateFormat }}</td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline\">\n              <li ngbTooltip=\"Edit\"\n                class=\"me-2 me-sm-3\"\n                [routerLink]=\"[\n                                    '/admin/subscription/',\n                                    agent.subscription_id,\n                                    'agent_details',\n                                    agent.user_id\n                                ]\">\n                <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n              </li>\n              <li ngbTooltip=\"Delete\"\n                class=\"me-2 me-sm-3\"\n                (click)=\"onDelete(agent?.user_id)\">\n                <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n              </li>\n            </ul>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n  </div>\n  <div *ngIf=\"totalRecords === 0 && isLoaded\">\n    <pw-no-data [message]=\"'Admin.Subscriptions.NoAmbassadorsMessage' | transloco\">\n    </pw-no-data>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"newEmbass\">\n  <form [formGroup]=\"formEmbassador\"\n    id=\"mainFrom\"\n    (ngSubmit)=\"onAddEmbassador()\">\n    <div class=\"row mb-2\">\n      <div class=\"col-10 col-md-6 offset-md-3\">\n        <div class=\"ui-fluid skills-modal\">\n          <p-autoComplete [suggestions]=\"filteredUsers\"\n            formControlName=\"email\"\n            dataKey=\"id\"\n            field=\"displayName\"\n            (completeMethod)=\"search($event)\"\n            styleClass=\"w-100\"\n            [dropdown]=\"true\"\n            placeholder=\"Search embassador\"\n            [multiple]=\"true\">\n          </p-autoComplete>\n        </div>\n\n        <div class=\"row mt-3\">\n          <div class=\"col\">\n            <input type=\"number\"\n              formControlName=\"percentage\"\n              class=\"form-control\"\n              placeholder=\"Enter percentage\" />\n          </div>\n          <div class=\"col\">\n            <div class=\"input-group\">\n              <input class=\"form-control\"\n                placeholder=\"yyyy-mm-dd\"\n                formControlName=\"enddate\"\n                ngbDatepicker\n                #d=\"ngbDatepicker\"\n                [minDate]=\"{ day: 1, month: 1, year: 1950 }\"\n                [maxDate]=\"{ day: 31, month: 12, year: 2050 }\" />\n              <div class=\"input-group-append\">\n                <button class=\"btn btn-primary\"\n                  (click)=\"d.toggle()\"\n                  type=\"button\">\n                  <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"text-center mt-2\">\n      <button type=\"button\"\n        (click)=\"newEmbass = false\"\n        class=\"btn btn-sm btn-outline-default me-2\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-sm btn-primary me-2\">Add Ambassador</button>\n    </div>\n  </form>\n</ng-container>\n", styles: ["#mainFrom{padding-bottom:144px}\n"] }]
@@ -4895,7 +4896,7 @@ class SubscriptionDetailsComponent extends AppBaseComponent {
     }
 }
 SubscriptionDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SubscriptionDetailsComponent, deps: [{ token: i1.SubscriptionService }, { token: AdminService }, { token: i2.DatePipe }, { token: i1.CommonService }, { token: i1.NgbDateCustomParserFormatter }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-SubscriptionDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: SubscriptionDetailsComponent, selector: "pw-subscription-details", usesInheritance: true, ngImport: i0, template: "<div class=\"d-flex\">\n  <a href=\"javascript:void(0)\"\n    routerLink=\"/admin/subscriptions/list\"\n    class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n  <h3 class=\"mt-3\">Subscription Details</h3>\n  <span class=\"badge rounded-pill bg-danger ms-2\"\n    *ngIf=\"currentSubscriber?.is_deleted\">Deleted</span>\n</div>\n\n<ul ngbNav\n  #nav=\"ngbNav\"\n  class=\"nav-tabs\">\n  <li [ngbNavItem]=\"1\">\n    <a ngbNavLink>Subscription</a>\n    <ng-template ngbNavContent>\n      <div class=\"container-fluid pw-tab overflow-hidden\">\n        <div class=\"dashboard\">\n          <div class=\"dashboard-body\">\n            <div class=\"mt-4\">\n              <form [formGroup]=\"form\"\n                (ngSubmit)=\"saveDetails()\">\n                <div class=\"row\">\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.Organization' | transloco\"\n                      [label]=\"'Admin.Subscriptions.Organization' | transloco\"\n                      name=\"organisation\">\n                      <input type=\"text\"\n                        class=\"form-control\"\n                        formControlName=\"organisation\" />\n                    </pw-input-container>\n                  </div>\n\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.ContactName' | transloco\"\n                      [label]=\"'Admin.Subscriptions.ContactName' | transloco\"\n                      name=\"contact_name\">\n                      <input type=\"text\"\n                        class=\"form-control\"\n                        formControlName=\"contact_name\" />\n                    </pw-input-container>\n                  </div>\n\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.ContactEmail' | transloco\"\n                      [label]=\"'Admin.Subscriptions.ContactEmail' | transloco\"\n                      name=\"contact_email\">\n                      <input type=\"text\"\n                        class=\"form-control\"\n                        formControlName=\"contact_email\" />\n                    </pw-input-container>\n                  </div>\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.ContactTel' | transloco\"\n                      [label]=\"'Admin.Subscriptions.ContactTel' | transloco\"\n                      name=\"contact_tel\">\n                      <input type=\"text\"\n                        formControlName=\"contact_tel\"\n                        class=\"form-control\" />\n                    </pw-input-container>\n                  </div>\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [label]=\"'Tax Id'\"\n                      [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.TaxId' | transloco\"\n                      name=\"tax_id\">\n                      <input type=\"text\"\n                        class=\"form-control\"\n                        formControlName=\"tax_id\" />\n                    </pw-input-container>\n                  </div>\n\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\"\n                    *rbacAllow=\"'SubscriptionSuperAdmin'\">\n                    <label class=\"info-circle\">{{ 'Admin.Subscriptions.AssignedRoles' | transloco }}\n                      <span class=\"tooltiptext gradient-custom-branding\">{{\n                                                'Admin.Subscriptions.Tooltip.AssignedRoles'\n                                                    | transloco\n                                            }}</span>\n                    </label>\n\n                    <p-multiSelect [options]=\"allRoles\"\n                      formControlName=\"roles\"\n                      appendTo=\"body\"></p-multiSelect>\n                  </div>\n\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\"\n                    *ngIf=\"organizationTypes$ | async as types\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationType' | transloco\"\n                      [label]=\"'Organization.OrganizationType' | transloco\"\n                      name=\"organization_type_id\">\n                      <select formControlName=\"organization_type_id\"\n                        class=\"form-control form-select\">\n                        <option *ngFor=\"let option of types['organization_types']\"\n                          [value]=\"option.id\">\n                          {{ option.name }}\n                        </option>\n                      </select>\n                    </pw-input-container>\n                  </div>\n\n                  <div class=\"mb-3 col-sm-6 col-md-3\"\n                    *ngIf=\"organizationIndustries$ | async as industries\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationIndustry' | transloco\"\n                      [label]=\"'Organization.OrganizationIndustry' | transloco\"\n                      name=\"organization_industry_id\">\n                      <select formControlName=\"organization_industry_id\"\n                        class=\"form-control form-select\">\n                        <option *ngFor=\"\n                                                    let option of industries[\n                                                        'organization_industries'\n                                                    ]\n                                                \"\n                          [value]=\"option.id\">\n                          {{ option.name }}\n                        </option>\n                      </select>\n                    </pw-input-container>\n                  </div>\n\n                  <div class=\"mb-3 col-sm-6 col-md-3\"\n                    *ngIf=\"organizationSizes$ | async as sizes\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationSize' | transloco\"\n                      [label]=\"'Size' | transloco\"\n                      name=\"organization_size_id\">\n                      <select formControlName=\"organization_size_id\"\n                        class=\"form-control form-select\">\n                        <option *ngFor=\"let option of sizes['organization_sizes']\"\n                          [value]=\"option.id\">\n                          {{ option.name }}\n                        </option>\n                      </select>\n                    </pw-input-container>\n                  </div>\n\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.CompanyUrl' | transloco\"\n                      [label]=\"'Admin.Subscriptions.CompanyUrl' | transloco\"\n                      name=\"company_url\">\n                      <input type=\"text\"\n                        class=\"form-control\"\n                        formControlName=\"company_url\" />\n                    </pw-input-container>\n                  </div>\n\n                  <!-- Readonly Starts -->\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.Reference' | transloco\"\n                      [label]=\"'Admin.Subscriptions.Reference' | transloco\"\n                      name=\"reference_number\">\n                      <input type=\"text\"\n                        readonly\n                        class=\"form-control\"\n                        data-control=\"reference\"\n                        *ngIf=\"form\"\n                        [value]=\"form.get('reference_number')?.value\" />\n                    </pw-input-container>\n                  </div>\n\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.UnitsInUse' | transloco\"\n                      [label]=\"'Admin.Subscriptions.UnitsInUse' | transloco\"\n                      name=\"units_in_use\">\n                      <input type=\"text\"\n                        readonly\n                        class=\"form-control\"\n                        formControlName=\"units_in_use\" />\n                    </pw-input-container>\n                  </div>\n\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.MaxUnits' | transloco\"\n                      [label]=\"'Admin.Subscriptions.MaxUnits' | transloco\"\n                      name=\"max_units\">\n                      <input type=\"text\"\n                        readonly\n                        class=\"form-control\"\n                        formControlName=\"max_units\" />\n                    </pw-input-container>\n                  </div>\n\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.CalculatedPrice' | transloco\"\n                      [label]=\"'Admin.Subscriptions.CalculatedPrice' | transloco\"\n                      name=\"calculated_price\">\n                      <input type=\"text\"\n                        class=\"form-control\"\n                        readonly\n                        formControlName=\"calculated_price\" />\n                    </pw-input-container>\n                  </div>\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.MainExpiryDate' | transloco\"\n                      [label]=\"\n                                                'Admin.Subscriptions.MainExpiryDate' | transloco\n                                            \"\n                      name=\"expires_at\">\n                      <div class=\"input-group\">\n                        <input class=\"form-control\"\n                          container=\"body\"\n                          placeholder=\"Expiry Date\"\n                          formControlName=\"expires_at\"\n                          [readonly]=\"true\"\n                          ngbDatepicker\n                          #c=\"ngbDatepicker\" />\n                        <div class=\"input-group-append\">\n                          <button class=\"btn btn-primary\"\n                            [disabled]=\"true\"\n                            (click)=\"c.toggle()\"\n                            type=\"button\">\n                            <i\n                                                            class=\"fa fa-calendar\"\n                                                            aria-hidden=\"true\"\n                                                        ></i>\n                          </button>\n                        </div>\n                      </div>\n                    </pw-input-container>\n                  </div>\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\"\n                    *rbacAllow=\"'SuperAdmin'\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.PurchasedSeats' | transloco\"\n                      [label]=\"'Admin.Subscriptions.PurchasedSeats' | transloco\"\n                      name=\"purchased_units\">\n                      <input type=\"number\"\n                        min=\"0\"\n                        readonly\n                        class=\"form-control\"\n                        formControlName=\"purchased_units\" />\n                    </pw-input-container>\n                  </div>\n\n                  <!-- Readonly Ends -->\n                </div>\n                <!-- social links -->\n                <h3>Social Links</h3>\n                <div class=\"row\">\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.Facebook' | transloco\"\n                      [label]=\"'Admin.Subscriptions.Facebook' | transloco\"\n                      name=\"facebook_handle\">\n                      <input type=\"text\"\n                        class=\"form-control\"\n                        formControlName=\"facebook_handle\" />\n                    </pw-input-container>\n                  </div>\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.Twitter' | transloco\"\n                      [label]=\"'Admin.Subscriptions.Twitter' | transloco\"\n                      name=\"twitter_handle\">\n                      <input type=\"text\"\n                        class=\"form-control\"\n                        formControlName=\"twitter_handle\" />\n                    </pw-input-container>\n                  </div>\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.Linkedin' | transloco\"\n                      [label]=\"'Admin.Subscriptions.LinkedIn' | transloco\"\n                      name=\"linkedin_handle\">\n                      <input type=\"text\"\n                        class=\"form-control\"\n                        formControlName=\"linkedin_handle\" />\n                    </pw-input-container>\n                  </div>\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.Reddit' | transloco\"\n                      [label]=\"'Admin.Subscriptions.Reddit' | transloco\"\n                      name=\"reddit_handle\">\n                      <input type=\"text\"\n                        class=\"form-control\"\n                        formControlName=\"reddit_handle\" />\n                    </pw-input-container>\n                  </div>\n                </div>\n                <ng-container *rbacAllow=\"'SubscriptionSuperAdmin'\">\n                  <h3>Security</h3>\n                  <div class=\"row\">\n                    <div class=\"col-12 col-sm-3\">\n                      <pw-input-container [showTooltip]=\"true\"\n                        [tooltipText]=\"'Admin.Subscriptions.Tooltip.Enforce2fa'| transloco\"\n                        label=\"Enforce 2FA\"\n                        name=\"enforce_2fa\">\n                        <ui-switch formControlName=\"enforce_2fa\"\n                          name=\"enforce_2fa\">\n                        </ui-switch>\n                      </pw-input-container>\n                    </div>\n                  </div>\n                </ng-container>\n                <div class=\"row text-end mt-4\">\n                  <div class=\"col-12\">\n                    <button type=\"button\"\n                      class=\"btn btn-outline-default me-2\"\n                      (click)=\"back()\">\n                      {{ 'Button.Cancel' | transloco }}\n                    </button>\n                    <button type=\"submit\"\n                      class=\"btn btn-primary\"\n                      *rbacAllow=\"'Pages.Admin.Subscription.Edit'\">\n                      {{ 'Button.Save' | transloco }}\n                    </button>\n                  </div>\n                </div>\n              </form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </ng-template>\n  </li>\n  <li [ngbNavItem]=\"2\">\n    <a ngbNavLink>Products</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-products></pw-subscription-products>\n    </ng-template>\n  </li>\n  <li [ngbNavItem]=\"3\">\n    <a ngbNavLink>Members</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-users></pw-subscription-users>\n    </ng-template>\n  </li>\n  <li [ngbNavItem]=\"4\"\n    *rbacAllow=\"'SuperAdmin'\">\n    <a ngbNavLink>Ambassadors</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-agents-list></pw-subscription-agents-list>\n    </ng-template>\n  </li>\n</ul>\n\n<div [ngbNavOutlet]=\"nav\"></div>\n", styles: [".ui-autocomplete-multiple-container,.ui-fluid.skills-modal p-autocomplete{background:transparent}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "directive", type: i3$1.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { kind: "directive", type: i3$1.NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { kind: "directive", type: i3$1.NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { kind: "directive", type: i3$1.NgbNavItemRole, selector: "[ngbNavItem]:not(ng-container)" }, { kind: "directive", type: i3$1.NgbNavLink, selector: "a[ngbNavLink]" }, { kind: "directive", type: i3$1.NgbNavLinkBase, selector: "[ngbNavLink]" }, { kind: "component", type: i3$1.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: SubscriptionProductsComponent, selector: "pw-subscription-products" }, { kind: "component", type: SubscriptionUsersComponent, selector: "pw-subscription-users" }, { kind: "component", type: SubscriptionAgentsListComponent, selector: "pw-subscription-agents-list" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+SubscriptionDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: SubscriptionDetailsComponent, selector: "pw-subscription-details", usesInheritance: true, ngImport: i0, template: "<div class=\"d-flex\">\n  <a href=\"javascript:void(0)\"\n    routerLink=\"/admin/subscriptions/list\"\n    class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n  <h3 class=\"mt-3\">Subscription Details</h3>\n  <span class=\"badge rounded-pill bg-danger ms-2\"\n    *ngIf=\"currentSubscriber?.is_deleted\">Deleted</span>\n</div>\n\n<ul ngbNav\n  #nav=\"ngbNav\"\n  class=\"nav-tabs\">\n  <li [ngbNavItem]=\"1\">\n    <a ngbNavLink>Subscription</a>\n    <ng-template ngbNavContent>\n      <div class=\"container-fluid pw-tab overflow-hidden\">\n        <div class=\"dashboard\">\n          <div class=\"dashboard-body\">\n            <div class=\"mt-4\">\n              <form [formGroup]=\"form\"\n                (ngSubmit)=\"saveDetails()\">\n                <div class=\"row\">\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.Organization' | transloco\"\n                      [label]=\"'Admin.Subscriptions.Organization' | transloco\"\n                      name=\"organisation\">\n                      <input type=\"text\"\n                        class=\"form-control\"\n                        formControlName=\"organisation\" />\n                    </pw-input-container>\n                  </div>\n\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.ContactName' | transloco\"\n                      [label]=\"'Admin.Subscriptions.ContactName' | transloco\"\n                      name=\"contact_name\">\n                      <input type=\"text\"\n                        class=\"form-control\"\n                        formControlName=\"contact_name\" />\n                    </pw-input-container>\n                  </div>\n\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.ContactEmail' | transloco\"\n                      [label]=\"'Admin.Subscriptions.ContactEmail' | transloco\"\n                      name=\"contact_email\">\n                      <input type=\"text\"\n                        class=\"form-control\"\n                        formControlName=\"contact_email\" />\n                    </pw-input-container>\n                  </div>\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.ContactTel' | transloco\"\n                      [label]=\"'Admin.Subscriptions.ContactTel' | transloco\"\n                      name=\"contact_tel\">\n                      <input type=\"text\"\n                        formControlName=\"contact_tel\"\n                        class=\"form-control\" />\n                    </pw-input-container>\n                  </div>\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [label]=\"'Tax Id'\"\n                      [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.TaxId' | transloco\"\n                      name=\"tax_id\">\n                      <input type=\"text\"\n                        class=\"form-control\"\n                        formControlName=\"tax_id\" />\n                    </pw-input-container>\n                  </div>\n\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\"\n                    *rbacAllow=\"'SubscriptionSuperAdmin'\">\n                    <label class=\"info-circle\">{{ 'Admin.Subscriptions.AssignedRoles' | transloco }}\n                      <span class=\"tooltiptext gradient-custom-branding\">{{\n                                                'Admin.Subscriptions.Tooltip.AssignedRoles'\n                                                    | transloco\n                                            }}</span>\n                    </label>\n\n                    <p-multiSelect [options]=\"allRoles\"\n                      formControlName=\"roles\"\n                      appendTo=\"body\"></p-multiSelect>\n                  </div>\n\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\"\n                    *ngIf=\"organizationTypes$ | async as types\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationType' | transloco\"\n                      [label]=\"'Organization.OrganizationType' | transloco\"\n                      name=\"organization_type_id\">\n                      <select formControlName=\"organization_type_id\"\n                        class=\"form-control form-select\">\n                        <option *ngFor=\"let option of types['organization_types']\"\n                          [value]=\"option.id\">\n                          {{ option.name }}\n                        </option>\n                      </select>\n                    </pw-input-container>\n                  </div>\n\n                  <div class=\"mb-3 col-sm-6 col-md-3\"\n                    *ngIf=\"organizationIndustries$ | async as industries\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationIndustry' | transloco\"\n                      [label]=\"'Organization.OrganizationIndustry' | transloco\"\n                      name=\"organization_industry_id\">\n                      <select formControlName=\"organization_industry_id\"\n                        class=\"form-control form-select\">\n                        <option *ngFor=\"\n                                                    let option of industries[\n                                                        'organization_industries'\n                                                    ]\n                                                \"\n                          [value]=\"option.id\">\n                          {{ option.name }}\n                        </option>\n                      </select>\n                    </pw-input-container>\n                  </div>\n\n                  <div class=\"mb-3 col-sm-6 col-md-3\"\n                    *ngIf=\"organizationSizes$ | async as sizes\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationSize' | transloco\"\n                      [label]=\"'Size' | transloco\"\n                      name=\"organization_size_id\">\n                      <select formControlName=\"organization_size_id\"\n                        class=\"form-control form-select\">\n                        <option *ngFor=\"let option of sizes['organization_sizes']\"\n                          [value]=\"option.id\">\n                          {{ option.name }}\n                        </option>\n                      </select>\n                    </pw-input-container>\n                  </div>\n\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.CompanyUrl' | transloco\"\n                      [label]=\"'Admin.Subscriptions.CompanyUrl' | transloco\"\n                      name=\"company_url\">\n                      <input type=\"text\"\n                        class=\"form-control\"\n                        formControlName=\"company_url\" />\n                    </pw-input-container>\n                  </div>\n\n                  <!-- Readonly Starts -->\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.Reference' | transloco\"\n                      [label]=\"'Admin.Subscriptions.Reference' | transloco\"\n                      name=\"reference_number\">\n                      <input type=\"text\"\n                        readonly\n                        class=\"form-control\"\n                        data-control=\"reference\"\n                        *ngIf=\"form\"\n                        [value]=\"form.get('reference_number')?.value\" />\n                    </pw-input-container>\n                  </div>\n\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.UnitsInUse' | transloco\"\n                      [label]=\"'Admin.Subscriptions.UnitsInUse' | transloco\"\n                      name=\"units_in_use\">\n                      <input type=\"text\"\n                        readonly\n                        class=\"form-control\"\n                        formControlName=\"units_in_use\" />\n                    </pw-input-container>\n                  </div>\n\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.MaxUnits' | transloco\"\n                      [label]=\"'Admin.Subscriptions.MaxUnits' | transloco\"\n                      name=\"max_units\">\n                      <input type=\"text\"\n                        readonly\n                        class=\"form-control\"\n                        formControlName=\"max_units\" />\n                    </pw-input-container>\n                  </div>\n\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.CalculatedPrice' | transloco\"\n                      [label]=\"'Admin.Subscriptions.CalculatedPrice' | transloco\"\n                      name=\"calculated_price\">\n                      <input type=\"text\"\n                        class=\"form-control\"\n                        readonly\n                        formControlName=\"calculated_price\" />\n                    </pw-input-container>\n                  </div>\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.MainExpiryDate' | transloco\"\n                      [label]=\"\n                                                'Admin.Subscriptions.MainExpiryDate' | transloco\n                                            \"\n                      name=\"expires_at\">\n                      <div class=\"input-group\">\n                        <input class=\"form-control\"\n                          container=\"body\"\n                          placeholder=\"Expiry Date\"\n                          formControlName=\"expires_at\"\n                          [readonly]=\"true\"\n                          ngbDatepicker\n                          #c=\"ngbDatepicker\" />\n                        <div class=\"input-group-append\">\n                          <button class=\"btn btn-primary\"\n                            [disabled]=\"true\"\n                            (click)=\"c.toggle()\"\n                            type=\"button\">\n                            <i\n                                                            class=\"fa fa-calendar\"\n                                                            aria-hidden=\"true\"\n                                                        ></i>\n                          </button>\n                        </div>\n                      </div>\n                    </pw-input-container>\n                  </div>\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\"\n                    *rbacAllow=\"'SuperAdmin'\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.PurchasedSeats' | transloco\"\n                      [label]=\"'Admin.Subscriptions.PurchasedSeats' | transloco\"\n                      name=\"purchased_units\">\n                      <input type=\"number\"\n                        min=\"0\"\n                        readonly\n                        class=\"form-control\"\n                        formControlName=\"purchased_units\" />\n                    </pw-input-container>\n                  </div>\n\n                  <!-- Readonly Ends -->\n                </div>\n                <!-- social links -->\n                <h3>Social Links</h3>\n                <div class=\"row\">\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.Facebook' | transloco\"\n                      [label]=\"'Admin.Subscriptions.Facebook' | transloco\"\n                      name=\"facebook_handle\">\n                      <input type=\"text\"\n                        class=\"form-control\"\n                        formControlName=\"facebook_handle\" />\n                    </pw-input-container>\n                  </div>\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.Twitter' | transloco\"\n                      [label]=\"'Admin.Subscriptions.Twitter' | transloco\"\n                      name=\"twitter_handle\">\n                      <input type=\"text\"\n                        class=\"form-control\"\n                        formControlName=\"twitter_handle\" />\n                    </pw-input-container>\n                  </div>\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.Linkedin' | transloco\"\n                      [label]=\"'Admin.Subscriptions.LinkedIn' | transloco\"\n                      name=\"linkedin_handle\">\n                      <input type=\"text\"\n                        class=\"form-control\"\n                        formControlName=\"linkedin_handle\" />\n                    </pw-input-container>\n                  </div>\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.Reddit' | transloco\"\n                      [label]=\"'Admin.Subscriptions.Reddit' | transloco\"\n                      name=\"reddit_handle\">\n                      <input type=\"text\"\n                        class=\"form-control\"\n                        formControlName=\"reddit_handle\" />\n                    </pw-input-container>\n                  </div>\n                </div>\n                <ng-container *rbacAllow=\"'SubscriptionSuperAdmin'\">\n                  <h3>Security</h3>\n                  <div class=\"row\">\n                    <div class=\"col-12 col-sm-3\">\n                      <pw-input-container [showTooltip]=\"true\"\n                        [tooltipText]=\"'Admin.Subscriptions.Tooltip.Enforce2fa'| transloco\"\n                        label=\"Enforce 2FA\"\n                        name=\"enforce_2fa\">\n                        <ui-switch formControlName=\"enforce_2fa\"\n                          name=\"enforce_2fa\">\n                        </ui-switch>\n                      </pw-input-container>\n                    </div>\n                  </div>\n                </ng-container>\n                <div class=\"row text-end mt-4\">\n                  <div class=\"col-12\">\n                    <button type=\"button\"\n                      class=\"btn btn-outline-default me-2\"\n                      (click)=\"back()\">\n                      {{ 'Button.Cancel' | transloco }}\n                    </button>\n                    <button type=\"submit\"\n                      class=\"btn btn-primary\"\n                      *rbacAllow=\"'Pages.Admin.Subscription.Edit'\">\n                      {{ 'Button.Save' | transloco }}\n                    </button>\n                  </div>\n                </div>\n              </form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </ng-template>\n  </li>\n  <li [ngbNavItem]=\"2\">\n    <a ngbNavLink>Products</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-products></pw-subscription-products>\n    </ng-template>\n  </li>\n  <li [ngbNavItem]=\"3\">\n    <a ngbNavLink>Members</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-users></pw-subscription-users>\n    </ng-template>\n  </li>\n  <li [ngbNavItem]=\"4\"\n    *rbacAllow=\"'SuperAdmin'\">\n    <a ngbNavLink>Ambassadors</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-agents-list></pw-subscription-agents-list>\n    </ng-template>\n  </li>\n</ul>\n\n<div [ngbNavOutlet]=\"nav\"></div>\n", styles: [".ui-autocomplete-multiple-container,.ui-fluid.skills-modal p-autocomplete{background:transparent}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "directive", type: i3$1.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { kind: "directive", type: i3$1.NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { kind: "directive", type: i3$1.NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { kind: "directive", type: i3$1.NgbNavItemRole, selector: "[ngbNavItem]:not(ng-container)" }, { kind: "directive", type: i3$1.NgbNavLink, selector: "a[ngbNavLink]" }, { kind: "directive", type: i3$1.NgbNavLinkBase, selector: "[ngbNavLink]" }, { kind: "component", type: i3$1.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i5$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: SubscriptionProductsComponent, selector: "pw-subscription-products" }, { kind: "component", type: SubscriptionUsersComponent, selector: "pw-subscription-users" }, { kind: "component", type: SubscriptionAgentsListComponent, selector: "pw-subscription-agents-list" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SubscriptionDetailsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-subscription-details', template: "<div class=\"d-flex\">\n  <a href=\"javascript:void(0)\"\n    routerLink=\"/admin/subscriptions/list\"\n    class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n  <h3 class=\"mt-3\">Subscription Details</h3>\n  <span class=\"badge rounded-pill bg-danger ms-2\"\n    *ngIf=\"currentSubscriber?.is_deleted\">Deleted</span>\n</div>\n\n<ul ngbNav\n  #nav=\"ngbNav\"\n  class=\"nav-tabs\">\n  <li [ngbNavItem]=\"1\">\n    <a ngbNavLink>Subscription</a>\n    <ng-template ngbNavContent>\n      <div class=\"container-fluid pw-tab overflow-hidden\">\n        <div class=\"dashboard\">\n          <div class=\"dashboard-body\">\n            <div class=\"mt-4\">\n              <form [formGroup]=\"form\"\n                (ngSubmit)=\"saveDetails()\">\n                <div class=\"row\">\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.Organization' | transloco\"\n                      [label]=\"'Admin.Subscriptions.Organization' | transloco\"\n                      name=\"organisation\">\n                      <input type=\"text\"\n                        class=\"form-control\"\n                        formControlName=\"organisation\" />\n                    </pw-input-container>\n                  </div>\n\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.ContactName' | transloco\"\n                      [label]=\"'Admin.Subscriptions.ContactName' | transloco\"\n                      name=\"contact_name\">\n                      <input type=\"text\"\n                        class=\"form-control\"\n                        formControlName=\"contact_name\" />\n                    </pw-input-container>\n                  </div>\n\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.ContactEmail' | transloco\"\n                      [label]=\"'Admin.Subscriptions.ContactEmail' | transloco\"\n                      name=\"contact_email\">\n                      <input type=\"text\"\n                        class=\"form-control\"\n                        formControlName=\"contact_email\" />\n                    </pw-input-container>\n                  </div>\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.ContactTel' | transloco\"\n                      [label]=\"'Admin.Subscriptions.ContactTel' | transloco\"\n                      name=\"contact_tel\">\n                      <input type=\"text\"\n                        formControlName=\"contact_tel\"\n                        class=\"form-control\" />\n                    </pw-input-container>\n                  </div>\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [label]=\"'Tax Id'\"\n                      [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.TaxId' | transloco\"\n                      name=\"tax_id\">\n                      <input type=\"text\"\n                        class=\"form-control\"\n                        formControlName=\"tax_id\" />\n                    </pw-input-container>\n                  </div>\n\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\"\n                    *rbacAllow=\"'SubscriptionSuperAdmin'\">\n                    <label class=\"info-circle\">{{ 'Admin.Subscriptions.AssignedRoles' | transloco }}\n                      <span class=\"tooltiptext gradient-custom-branding\">{{\n                                                'Admin.Subscriptions.Tooltip.AssignedRoles'\n                                                    | transloco\n                                            }}</span>\n                    </label>\n\n                    <p-multiSelect [options]=\"allRoles\"\n                      formControlName=\"roles\"\n                      appendTo=\"body\"></p-multiSelect>\n                  </div>\n\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\"\n                    *ngIf=\"organizationTypes$ | async as types\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationType' | transloco\"\n                      [label]=\"'Organization.OrganizationType' | transloco\"\n                      name=\"organization_type_id\">\n                      <select formControlName=\"organization_type_id\"\n                        class=\"form-control form-select\">\n                        <option *ngFor=\"let option of types['organization_types']\"\n                          [value]=\"option.id\">\n                          {{ option.name }}\n                        </option>\n                      </select>\n                    </pw-input-container>\n                  </div>\n\n                  <div class=\"mb-3 col-sm-6 col-md-3\"\n                    *ngIf=\"organizationIndustries$ | async as industries\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationIndustry' | transloco\"\n                      [label]=\"'Organization.OrganizationIndustry' | transloco\"\n                      name=\"organization_industry_id\">\n                      <select formControlName=\"organization_industry_id\"\n                        class=\"form-control form-select\">\n                        <option *ngFor=\"\n                                                    let option of industries[\n                                                        'organization_industries'\n                                                    ]\n                                                \"\n                          [value]=\"option.id\">\n                          {{ option.name }}\n                        </option>\n                      </select>\n                    </pw-input-container>\n                  </div>\n\n                  <div class=\"mb-3 col-sm-6 col-md-3\"\n                    *ngIf=\"organizationSizes$ | async as sizes\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationSize' | transloco\"\n                      [label]=\"'Size' | transloco\"\n                      name=\"organization_size_id\">\n                      <select formControlName=\"organization_size_id\"\n                        class=\"form-control form-select\">\n                        <option *ngFor=\"let option of sizes['organization_sizes']\"\n                          [value]=\"option.id\">\n                          {{ option.name }}\n                        </option>\n                      </select>\n                    </pw-input-container>\n                  </div>\n\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.CompanyUrl' | transloco\"\n                      [label]=\"'Admin.Subscriptions.CompanyUrl' | transloco\"\n                      name=\"company_url\">\n                      <input type=\"text\"\n                        class=\"form-control\"\n                        formControlName=\"company_url\" />\n                    </pw-input-container>\n                  </div>\n\n                  <!-- Readonly Starts -->\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.Reference' | transloco\"\n                      [label]=\"'Admin.Subscriptions.Reference' | transloco\"\n                      name=\"reference_number\">\n                      <input type=\"text\"\n                        readonly\n                        class=\"form-control\"\n                        data-control=\"reference\"\n                        *ngIf=\"form\"\n                        [value]=\"form.get('reference_number')?.value\" />\n                    </pw-input-container>\n                  </div>\n\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.UnitsInUse' | transloco\"\n                      [label]=\"'Admin.Subscriptions.UnitsInUse' | transloco\"\n                      name=\"units_in_use\">\n                      <input type=\"text\"\n                        readonly\n                        class=\"form-control\"\n                        formControlName=\"units_in_use\" />\n                    </pw-input-container>\n                  </div>\n\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.MaxUnits' | transloco\"\n                      [label]=\"'Admin.Subscriptions.MaxUnits' | transloco\"\n                      name=\"max_units\">\n                      <input type=\"text\"\n                        readonly\n                        class=\"form-control\"\n                        formControlName=\"max_units\" />\n                    </pw-input-container>\n                  </div>\n\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.CalculatedPrice' | transloco\"\n                      [label]=\"'Admin.Subscriptions.CalculatedPrice' | transloco\"\n                      name=\"calculated_price\">\n                      <input type=\"text\"\n                        class=\"form-control\"\n                        readonly\n                        formControlName=\"calculated_price\" />\n                    </pw-input-container>\n                  </div>\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.MainExpiryDate' | transloco\"\n                      [label]=\"\n                                                'Admin.Subscriptions.MainExpiryDate' | transloco\n                                            \"\n                      name=\"expires_at\">\n                      <div class=\"input-group\">\n                        <input class=\"form-control\"\n                          container=\"body\"\n                          placeholder=\"Expiry Date\"\n                          formControlName=\"expires_at\"\n                          [readonly]=\"true\"\n                          ngbDatepicker\n                          #c=\"ngbDatepicker\" />\n                        <div class=\"input-group-append\">\n                          <button class=\"btn btn-primary\"\n                            [disabled]=\"true\"\n                            (click)=\"c.toggle()\"\n                            type=\"button\">\n                            <i\n                                                            class=\"fa fa-calendar\"\n                                                            aria-hidden=\"true\"\n                                                        ></i>\n                          </button>\n                        </div>\n                      </div>\n                    </pw-input-container>\n                  </div>\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\"\n                    *rbacAllow=\"'SuperAdmin'\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.PurchasedSeats' | transloco\"\n                      [label]=\"'Admin.Subscriptions.PurchasedSeats' | transloco\"\n                      name=\"purchased_units\">\n                      <input type=\"number\"\n                        min=\"0\"\n                        readonly\n                        class=\"form-control\"\n                        formControlName=\"purchased_units\" />\n                    </pw-input-container>\n                  </div>\n\n                  <!-- Readonly Ends -->\n                </div>\n                <!-- social links -->\n                <h3>Social Links</h3>\n                <div class=\"row\">\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.Facebook' | transloco\"\n                      [label]=\"'Admin.Subscriptions.Facebook' | transloco\"\n                      name=\"facebook_handle\">\n                      <input type=\"text\"\n                        class=\"form-control\"\n                        formControlName=\"facebook_handle\" />\n                    </pw-input-container>\n                  </div>\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.Twitter' | transloco\"\n                      [label]=\"'Admin.Subscriptions.Twitter' | transloco\"\n                      name=\"twitter_handle\">\n                      <input type=\"text\"\n                        class=\"form-control\"\n                        formControlName=\"twitter_handle\" />\n                    </pw-input-container>\n                  </div>\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.Linkedin' | transloco\"\n                      [label]=\"'Admin.Subscriptions.LinkedIn' | transloco\"\n                      name=\"linkedin_handle\">\n                      <input type=\"text\"\n                        class=\"form-control\"\n                        formControlName=\"linkedin_handle\" />\n                    </pw-input-container>\n                  </div>\n                  <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                    <pw-input-container [showTooltip]=\"true\"\n                      [tooltipText]=\"'Admin.Subscriptions.Tooltip.Reddit' | transloco\"\n                      [label]=\"'Admin.Subscriptions.Reddit' | transloco\"\n                      name=\"reddit_handle\">\n                      <input type=\"text\"\n                        class=\"form-control\"\n                        formControlName=\"reddit_handle\" />\n                    </pw-input-container>\n                  </div>\n                </div>\n                <ng-container *rbacAllow=\"'SubscriptionSuperAdmin'\">\n                  <h3>Security</h3>\n                  <div class=\"row\">\n                    <div class=\"col-12 col-sm-3\">\n                      <pw-input-container [showTooltip]=\"true\"\n                        [tooltipText]=\"'Admin.Subscriptions.Tooltip.Enforce2fa'| transloco\"\n                        label=\"Enforce 2FA\"\n                        name=\"enforce_2fa\">\n                        <ui-switch formControlName=\"enforce_2fa\"\n                          name=\"enforce_2fa\">\n                        </ui-switch>\n                      </pw-input-container>\n                    </div>\n                  </div>\n                </ng-container>\n                <div class=\"row text-end mt-4\">\n                  <div class=\"col-12\">\n                    <button type=\"button\"\n                      class=\"btn btn-outline-default me-2\"\n                      (click)=\"back()\">\n                      {{ 'Button.Cancel' | transloco }}\n                    </button>\n                    <button type=\"submit\"\n                      class=\"btn btn-primary\"\n                      *rbacAllow=\"'Pages.Admin.Subscription.Edit'\">\n                      {{ 'Button.Save' | transloco }}\n                    </button>\n                  </div>\n                </div>\n              </form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </ng-template>\n  </li>\n  <li [ngbNavItem]=\"2\">\n    <a ngbNavLink>Products</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-products></pw-subscription-products>\n    </ng-template>\n  </li>\n  <li [ngbNavItem]=\"3\">\n    <a ngbNavLink>Members</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-users></pw-subscription-users>\n    </ng-template>\n  </li>\n  <li [ngbNavItem]=\"4\"\n    *rbacAllow=\"'SuperAdmin'\">\n    <a ngbNavLink>Ambassadors</a>\n    <ng-template ngbNavContent>\n      <pw-subscription-agents-list></pw-subscription-agents-list>\n    </ng-template>\n  </li>\n</ul>\n\n<div [ngbNavOutlet]=\"nav\"></div>\n", styles: [".ui-autocomplete-multiple-container,.ui-fluid.skills-modal p-autocomplete{background:transparent}\n"] }]
@@ -5078,7 +5079,7 @@ class SubscriptionProductDetailsComponent extends AppBaseComponent {
     }
 }
 SubscriptionProductDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SubscriptionProductDetailsComponent, deps: [{ token: i0.Injector }, { token: AdminService }, { token: i1.ProductService }, { token: i1.NgbDateCustomParserFormatter }, { token: i2.DatePipe }], target: i0.ɵɵFactoryTarget.Component });
-SubscriptionProductDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: SubscriptionProductDetailsComponent, selector: "pw-subscription-product-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          (click)=\"back()\"\n          class=\"previous\">\n          <i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i>\n        </a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>Subscription Product</span>\n        </h3>\n      </div>\n      <div class=\"w-100 text-center mt-3\"\n        *ngIf=\"isLoading\">\n        <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n      </div>\n      <div class=\"p-2 mt-3\">\n        <p>\n          You can update the Purchased Seats, Product, and Product Expiry date as long as the user hasn't subscribed using stripe.\n        </p>\n        <p class=\"mb-5\">\n          If you set the subscription as External Payment you'll have to manually manage the Product Expiry Date.\n        </p>\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSave()\">\n          <div class=\"row\">\n            <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3 col-lg-2\">\n              <pw-input-container [label]=\"'Admin.Subscriptions.PurchasedSeats' | transloco\"\n                [showTooltip]=\"true\"\n                name=\"purchased_units\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.PurchasedSeats' | transloco\">\n                <input type=\"number\"\n                  min=\"0\"\n                  class=\"form-control\"\n                  formControlName=\"purchased_units\" />\n              </pw-input-container>\n            </div>\n            <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3 col-lg-2\">\n              <pw-input-container [label]=\"'Admin.Subscriptions.MinUnits' | transloco\"\n                [showTooltip]=\"true\"\n                name=\"min_units\"\n                [errorMsg]=\"'Admin.Subscriptions.Validation.MinUnits' | transloco\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.MinUnits' | transloco\">\n                <input type=\"number\"\n                  min=\"0\"\n                  [max]=\"form.get('purchased_units').value\"\n                  class=\"form-control\"\n                  formControlName=\"min_units\" />\n              </pw-input-container>\n            </div>\n            <!-- product expiry date -->\n            <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n              <pw-input-container [label]=\"'Admin.Subscriptions.ProductExpiryDate' | transloco\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.ProductExpiryDate' | transloco\"\n                name=\"expires_at\">\n                <div class=\"input-group\">\n                  <input class=\"form-control\"\n                    container=\"body\"\n                    placeholder=\"Expiry Date\"\n                    formControlName=\"expires_at\"\n                    [outsideDays]=\"'hidden'\"\n                    ngbDatepicker\n                    #c=\"ngbDatepicker\" />\n                  <div class=\"input-group-append\">\n                    <button class=\"btn btn-primary\"\n                      [disabled]=\"disableExpiresAt\"\n                      (click)=\"c.toggle()\"\n                      type=\"button\">\n                      <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n                    </button>\n                  </div>\n                </div>\n              </pw-input-container>\n            </div>\n\n            <!-- signedup at-->\n            <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3 col-lg-2\">\n              <pw-input-container [label]=\"'Admin.Subscriptions.SignedUpAt' | transloco\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.SignedUpAt' | transloco\"\n                name=\"signed_up_at\"\n                [errorMsg]=\"'Admin.Subscriptions.Validation.SignedUpAt' | transloco\">\n                <div class=\"input-group\">\n                  <input class=\"form-control\"\n                    container=\"body\"\n                    placeholder=\"Signed Up At\"\n                    formControlName=\"signed_up_at\"\n                    ngbDatepicker\n                    #d=\"ngbDatepicker\" />\n                  <div class=\"input-group-append\">\n                    <button class=\"btn btn-primary\"\n                      [disabled]=\"!isSuperAdmin\"\n                      (click)=\"d.toggle()\"\n                      type=\"button\">\n                      <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n                    </button>\n                  </div>\n                </div>\n              </pw-input-container>\n            </div>\n            <!-- stripe subscription id -->\n            <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n              <pw-input-container [label]=\"'Admin.Subscriptions.StripeSubscriptionId' | transloco\"\n                name=\"stripe_subscription_id\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.StripeSubscriptionId' | transloco\">\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"stripe_subscription_id\" />\n              </pw-input-container>\n            </div>\n            <!-- external payment toggle -->\n            <div class=\"col-12 col-sm-2\">\n              <pw-input-container [label]=\"'Admin.Subscriptions.ExternalPayment' | transloco\"\n                name=\"external_payment\"\n                [showTooltip]=\"true\"\n                [tooltipPosition]=\"'left'\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.ExternalPayment' | transloco\">\n                <ui-switch formControlName=\"external_payment\"\n                  name=\"external_payment\">\n                </ui-switch>\n              </pw-input-container>\n            </div>\n            <div class=\"mb-3 col-sm-4\">\n              <pw-input-container [label]=\"'Label.Product' | transloco\"\n                name=\"new_product_id\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.Product' | transloco\"\n                [errorMsg]=\"'Admin.Subscriptions.Validation.Product' | transloco\">\n                <p-autoComplete [suggestions]=\"filteredProducts\"\n                  formControlName=\"new_product_id\"\n                  dataKey=\"value\"\n                  field=\"label\"\n                  [dropdown]=\"true\"\n                  [delay]=\"1000\"\n                  (completeMethod)=\"searchProduct($event)\"\n                  styleClass=\"w-100\"\n                  placeholder=\"Search Product\"\n                  [inputStyle]=\"\n                                        form.get('new_product_id').touched && form.get('new_product_id').invalid\n                                            ? { border: '1px solid #ff586b' }\n                                            : { border: '1px solid gray' }\n                                    \"\n                  [multiple]=\"false\">\n                </p-autoComplete>\n              </pw-input-container>\n            </div>\n          </div>\n          <div class=\"col-12 text-end mt-3\">\n            <button type=\"button\"\n              class=\"btn btn-outline-default me-2\"\n              (click)=\"back()\">\n              {{ 'Button.Cancel' | transloco }}\n            </button>\n            <button type=\"submit\"\n              class=\"btn btn-primary\">\n              {{ 'Button.Submit' | transloco }}\n            </button>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i4$3.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "itemSize", "suggestions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "directive", type: i3$1.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i4.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+SubscriptionProductDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: SubscriptionProductDetailsComponent, selector: "pw-subscription-product-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          (click)=\"back()\"\n          class=\"previous\">\n          <i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i>\n        </a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>Subscription Product</span>\n        </h3>\n      </div>\n      <div class=\"w-100 text-center mt-3\"\n        *ngIf=\"isLoading\">\n        <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n      </div>\n      <div class=\"p-2 mt-3\">\n        <p>\n          You can update the Purchased Seats, Product, and Product Expiry date as long as the user hasn't subscribed using stripe.\n        </p>\n        <p class=\"mb-5\">\n          If you set the subscription as External Payment you'll have to manually manage the Product Expiry Date.\n        </p>\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSave()\">\n          <div class=\"row\">\n            <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3 col-lg-2\">\n              <pw-input-container [label]=\"'Admin.Subscriptions.PurchasedSeats' | transloco\"\n                [showTooltip]=\"true\"\n                name=\"purchased_units\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.PurchasedSeats' | transloco\">\n                <input type=\"number\"\n                  min=\"0\"\n                  class=\"form-control\"\n                  formControlName=\"purchased_units\" />\n              </pw-input-container>\n            </div>\n            <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3 col-lg-2\">\n              <pw-input-container [label]=\"'Admin.Subscriptions.MinUnits' | transloco\"\n                [showTooltip]=\"true\"\n                name=\"min_units\"\n                [errorMsg]=\"'Admin.Subscriptions.Validation.MinUnits' | transloco\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.MinUnits' | transloco\">\n                <input type=\"number\"\n                  min=\"0\"\n                  [max]=\"form.get('purchased_units').value\"\n                  class=\"form-control\"\n                  formControlName=\"min_units\" />\n              </pw-input-container>\n            </div>\n            <!-- product expiry date -->\n            <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n              <pw-input-container [label]=\"'Admin.Subscriptions.ProductExpiryDate' | transloco\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.ProductExpiryDate' | transloco\"\n                name=\"expires_at\">\n                <div class=\"input-group\">\n                  <input class=\"form-control\"\n                    container=\"body\"\n                    placeholder=\"Expiry Date\"\n                    formControlName=\"expires_at\"\n                    [outsideDays]=\"'hidden'\"\n                    ngbDatepicker\n                    #c=\"ngbDatepicker\" />\n                  <div class=\"input-group-append\">\n                    <button class=\"btn btn-primary\"\n                      [disabled]=\"disableExpiresAt\"\n                      (click)=\"c.toggle()\"\n                      type=\"button\">\n                      <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n                    </button>\n                  </div>\n                </div>\n              </pw-input-container>\n            </div>\n\n            <!-- signedup at-->\n            <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3 col-lg-2\">\n              <pw-input-container [label]=\"'Admin.Subscriptions.SignedUpAt' | transloco\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.SignedUpAt' | transloco\"\n                name=\"signed_up_at\"\n                [errorMsg]=\"'Admin.Subscriptions.Validation.SignedUpAt' | transloco\">\n                <div class=\"input-group\">\n                  <input class=\"form-control\"\n                    container=\"body\"\n                    placeholder=\"Signed Up At\"\n                    formControlName=\"signed_up_at\"\n                    ngbDatepicker\n                    #d=\"ngbDatepicker\" />\n                  <div class=\"input-group-append\">\n                    <button class=\"btn btn-primary\"\n                      [disabled]=\"!isSuperAdmin\"\n                      (click)=\"d.toggle()\"\n                      type=\"button\">\n                      <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n                    </button>\n                  </div>\n                </div>\n              </pw-input-container>\n            </div>\n            <!-- stripe subscription id -->\n            <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n              <pw-input-container [label]=\"'Admin.Subscriptions.StripeSubscriptionId' | transloco\"\n                name=\"stripe_subscription_id\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.StripeSubscriptionId' | transloco\">\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"stripe_subscription_id\" />\n              </pw-input-container>\n            </div>\n            <!-- external payment toggle -->\n            <div class=\"col-12 col-sm-2\">\n              <pw-input-container [label]=\"'Admin.Subscriptions.ExternalPayment' | transloco\"\n                name=\"external_payment\"\n                [showTooltip]=\"true\"\n                [tooltipPosition]=\"'left'\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.ExternalPayment' | transloco\">\n                <ui-switch formControlName=\"external_payment\"\n                  name=\"external_payment\">\n                </ui-switch>\n              </pw-input-container>\n            </div>\n            <div class=\"mb-3 col-sm-4\">\n              <pw-input-container [label]=\"'Label.Product' | transloco\"\n                name=\"new_product_id\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.Product' | transloco\"\n                [errorMsg]=\"'Admin.Subscriptions.Validation.Product' | transloco\">\n                <p-autoComplete [suggestions]=\"filteredProducts\"\n                  formControlName=\"new_product_id\"\n                  dataKey=\"value\"\n                  field=\"label\"\n                  [dropdown]=\"true\"\n                  [delay]=\"1000\"\n                  (completeMethod)=\"searchProduct($event)\"\n                  styleClass=\"w-100\"\n                  placeholder=\"Search Product\"\n                  [inputStyle]=\"\n                                        form.get('new_product_id').touched && form.get('new_product_id').invalid\n                                            ? { border: '1px solid #ff586b' }\n                                            : { border: '1px solid gray' }\n                                    \"\n                  [multiple]=\"false\">\n                </p-autoComplete>\n              </pw-input-container>\n            </div>\n          </div>\n          <div class=\"col-12 text-end mt-3\">\n            <button type=\"button\"\n              class=\"btn btn-outline-default me-2\"\n              (click)=\"back()\">\n              {{ 'Button.Cancel' | transloco }}\n            </button>\n            <button type=\"submit\"\n              class=\"btn btn-primary\">\n              {{ 'Button.Submit' | transloco }}\n            </button>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i4$2.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "itemSize", "suggestions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "directive", type: i3$1.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i5$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i5$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 __decorate([
     ValidateForm('form'),
     __metadata("design:type", Function),
@@ -5121,7 +5122,7 @@ class InsightComponent extends AppBaseComponent {
     }
 }
 InsightComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: InsightComponent, deps: [{ token: AdminService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-InsightComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: InsightComponent, selector: "pw-admin-subscription-insight", usesInheritance: true, ngImport: i0, template: "<!-- selectdate -->\n<div class=\"mb-3\">\n  <h5 class=\"mb-4\">Select date</h5>\n  <div class=\"row\">\n    <!-- startdate -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"start date\"\n          [(ngModel)]=\"startDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #d=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"d.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n    <!-- end date -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"end date\"\n          [(ngModel)]=\"endDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #c=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"c.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<!-- end -->\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"loading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-template [ngIf]=\"graph\">\n  <plotly-plot [data]=\"graph?.data\"\n    [layout]=\"graph?.layout\"></plotly-plot>\n</ng-template>\n", styles: [".title{height:30px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+InsightComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: InsightComponent, selector: "pw-admin-subscription-insight", usesInheritance: true, ngImport: i0, template: "<!-- selectdate -->\n<div class=\"mb-3\">\n  <h5 class=\"mb-4\">Select date</h5>\n  <div class=\"row\">\n    <!-- startdate -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"start date\"\n          [(ngModel)]=\"startDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #d=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"d.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n    <!-- end date -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"end date\"\n          [(ngModel)]=\"endDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #c=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"c.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<!-- end -->\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"loading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-template [ngIf]=\"graph\">\n  <plotly-plot [data]=\"graph?.data\"\n    [layout]=\"graph?.layout\"></plotly-plot>\n</ng-template>\n", styles: [".title{height:30px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "directive", type: i3$1.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: InsightComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-admin-subscription-insight', template: "<!-- selectdate -->\n<div class=\"mb-3\">\n  <h5 class=\"mb-4\">Select date</h5>\n  <div class=\"row\">\n    <!-- startdate -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"start date\"\n          [(ngModel)]=\"startDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #d=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"d.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n    <!-- end date -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"end date\"\n          [(ngModel)]=\"endDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #c=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"c.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<!-- end -->\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"loading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-template [ngIf]=\"graph\">\n  <plotly-plot [data]=\"graph?.data\"\n    [layout]=\"graph?.layout\"></plotly-plot>\n</ng-template>\n", styles: [".title{height:30px}\n"] }]
@@ -5200,7 +5201,7 @@ class SubscriptionInsightNpsComponent extends AppBaseComponent {
     }
 }
 SubscriptionInsightNpsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SubscriptionInsightNpsComponent, deps: [{ token: AdminService }, { token: i0.Injector }, { token: i1.CommonService }, { token: i3$1.NgbModal }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SubscriptionInsightNpsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: SubscriptionInsightNpsComponent, selector: "pw-subscription-insight-nps", viewQueries: [{ propertyName: "content", first: true, predicate: ["showComment"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<!-- selectdate -->\n<div class=\"mb-3\">\n  <h5 class=\"mb-4\">Select date</h5>\n  <div class=\"row\">\n    <!-- startdate -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"start date\"\n          [(ngModel)]=\"startDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #d=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"d.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n    <!-- end date -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"end date\"\n          [(ngModel)]=\"endDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #c=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"c.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<!-- end -->\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"graphLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n\n<ng-template [ngIf]=\"graph\">\n  <plotly-plot [data]=\"graph?.data\"\n    [layout]=\"graph?.layout\"></plotly-plot>\n</ng-template>\n\n<div class=\"row m-0\">\n  <h2 class=\"card-title p-0 my-4\">User Feedbacks</h2>\n</div>\n\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"totalRecords === 0\">\n  <p-table #tt\n    [value]=\"feedbacks\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"totalRecords\"\n    [loading]=\"loading\"\n    [lazy]=\"true\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [filterDelay]=\"1000\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"created_at\">\n          Created At\n          <p-sortIcon field=\"created_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\">User Name</th>\n        <th scope=\"true\">Product Name</th>\n        <th scope=\"true\">Feedback Question Name</th>\n        <th scope=\"true\">Comment</th>\n        <th scope=\"true\"\n          pSortableColumn=\"value\">\n          Value\n          <p-sortIcon field=\"value\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">Action</th>\n      </tr>\n    </ng-template>\n    <!-- Table Body -->\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"created_at\">{{ item?.created_at | dateFormat }}</td>\n        <td data-head=\"user_name\">\n          <a [routerLink]=\"['/members/' + item.user_slug]\">{{ item?.user_name }}</a>\n        </td>\n        <td data-head=\"product_name\">{{ item?.product_name }}</td>\n        <td data-head=\"feedback_question_name\">{{ item?.feedback_question_name }}</td>\n        <td data-head=\"comment\">\n          <button *ngIf=\"item?.comment\"\n            class=\"btn btn-sm btn-info\"\n            (click)=\"openComment(item?.comment)\">\n            Display\n          </button>\n        </td>\n        <td data-head=\"value\">\n          <span [ngClass]=\"{'fw-bold text-danger':item?.value <= 6,'fw-bold text-success':item.value>8}\">\n            {{ item?.value }}\n          </span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <ng-template [ngIf]=\"currentUser && item.user_id !== currentUser.id\">\n              <li ngbTooltip=\"Send Chat Message\"\n                *rbacAllow=\"'Pages.Chat'\"\n                class=\"me-2 me-sm-3\"\n                [routerLink]=\"['/message']\"\n                [fragment]=\"item.user_slug\">\n                <i class=\"fa fa-comments cta1-icon\" aria-hidden=\"true\"></i>\n              </li>\n            </ng-template>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <span class=\"total-records-count\">Total: {{ totalRecords }}</span>\n</div>\n<div *ngIf=\"totalRecords === 0 && isLoaded\">\n  <pw-no-data message=\"No Feedback Found\"> </pw-no-data>\n</div>\n\n<ng-template #showComment\n  let-modal>\n  <div class=\"modal-header\">\n    <h4 class=\"mb-0\">Comment</h4>\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <h6 class=\"text-center modal-basic-title\">{{ commentToShow }}</h6>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i11.DateFormatPipe, name: "dateFormat" }] });
+SubscriptionInsightNpsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: SubscriptionInsightNpsComponent, selector: "pw-subscription-insight-nps", viewQueries: [{ propertyName: "content", first: true, predicate: ["showComment"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<!-- selectdate -->\n<div class=\"mb-3\">\n  <h5 class=\"mb-4\">Select date</h5>\n  <div class=\"row\">\n    <!-- startdate -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"start date\"\n          [(ngModel)]=\"startDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #d=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"d.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n    <!-- end date -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"end date\"\n          [(ngModel)]=\"endDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #c=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"c.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<!-- end -->\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"graphLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n\n<ng-template [ngIf]=\"graph\">\n  <plotly-plot [data]=\"graph?.data\"\n    [layout]=\"graph?.layout\"></plotly-plot>\n</ng-template>\n\n<div class=\"row m-0\">\n  <h2 class=\"card-title p-0 my-4\">User Feedbacks</h2>\n</div>\n\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"totalRecords === 0\">\n  <p-table #tt\n    [value]=\"feedbacks\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"totalRecords\"\n    [loading]=\"loading\"\n    [lazy]=\"true\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [filterDelay]=\"1000\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"created_at\">\n          Created At\n          <p-sortIcon field=\"created_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\">User Name</th>\n        <th scope=\"true\">Product Name</th>\n        <th scope=\"true\">Feedback Question Name</th>\n        <th scope=\"true\">Comment</th>\n        <th scope=\"true\"\n          pSortableColumn=\"value\">\n          Value\n          <p-sortIcon field=\"value\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">Action</th>\n      </tr>\n    </ng-template>\n    <!-- Table Body -->\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"created_at\">{{ item?.created_at | dateFormat }}</td>\n        <td data-head=\"user_name\">\n          <a [routerLink]=\"['/members/' + item.user_slug]\">{{ item?.user_name }}</a>\n        </td>\n        <td data-head=\"product_name\">{{ item?.product_name }}</td>\n        <td data-head=\"feedback_question_name\">{{ item?.feedback_question_name }}</td>\n        <td data-head=\"comment\">\n          <button *ngIf=\"item?.comment\"\n            class=\"btn btn-sm btn-info\"\n            (click)=\"openComment(item?.comment)\">\n            Display\n          </button>\n        </td>\n        <td data-head=\"value\">\n          <span [ngClass]=\"{'fw-bold text-danger':item?.value <= 6,'fw-bold text-success':item.value>8}\">\n            {{ item?.value }}\n          </span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <ng-template [ngIf]=\"currentUser && item.user_id !== currentUser.id\">\n              <li ngbTooltip=\"Send Chat Message\"\n                *rbacAllow=\"'Pages.Chat'\"\n                class=\"me-2 me-sm-3\"\n                [routerLink]=\"['/message']\"\n                [fragment]=\"item.user_slug\">\n                <i class=\"fa fa-comments cta1-icon\" aria-hidden=\"true\"></i>\n              </li>\n            </ng-template>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <span class=\"total-records-count\">Total: {{ totalRecords }}</span>\n</div>\n<div *ngIf=\"totalRecords === 0 && isLoaded\">\n  <pw-no-data message=\"No Feedback Found\"> </pw-no-data>\n</div>\n\n<ng-template #showComment\n  let-modal>\n  <div class=\"modal-header\">\n    <h4 class=\"mb-0\">Comment</h4>\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <h6 class=\"text-center modal-basic-title\">{{ commentToShow }}</h6>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i12.DateFormatPipe, name: "dateFormat" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SubscriptionInsightNpsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-subscription-insight-nps', template: "<!-- selectdate -->\n<div class=\"mb-3\">\n  <h5 class=\"mb-4\">Select date</h5>\n  <div class=\"row\">\n    <!-- startdate -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"start date\"\n          [(ngModel)]=\"startDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #d=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"d.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n    <!-- end date -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"end date\"\n          [(ngModel)]=\"endDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #c=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"c.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<!-- end -->\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"graphLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n\n<ng-template [ngIf]=\"graph\">\n  <plotly-plot [data]=\"graph?.data\"\n    [layout]=\"graph?.layout\"></plotly-plot>\n</ng-template>\n\n<div class=\"row m-0\">\n  <h2 class=\"card-title p-0 my-4\">User Feedbacks</h2>\n</div>\n\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"totalRecords === 0\">\n  <p-table #tt\n    [value]=\"feedbacks\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [totalRecords]=\"totalRecords\"\n    [loading]=\"loading\"\n    [lazy]=\"true\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [filterDelay]=\"1000\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"created_at\">\n          Created At\n          <p-sortIcon field=\"created_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\">User Name</th>\n        <th scope=\"true\">Product Name</th>\n        <th scope=\"true\">Feedback Question Name</th>\n        <th scope=\"true\">Comment</th>\n        <th scope=\"true\"\n          pSortableColumn=\"value\">\n          Value\n          <p-sortIcon field=\"value\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">Action</th>\n      </tr>\n    </ng-template>\n    <!-- Table Body -->\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"created_at\">{{ item?.created_at | dateFormat }}</td>\n        <td data-head=\"user_name\">\n          <a [routerLink]=\"['/members/' + item.user_slug]\">{{ item?.user_name }}</a>\n        </td>\n        <td data-head=\"product_name\">{{ item?.product_name }}</td>\n        <td data-head=\"feedback_question_name\">{{ item?.feedback_question_name }}</td>\n        <td data-head=\"comment\">\n          <button *ngIf=\"item?.comment\"\n            class=\"btn btn-sm btn-info\"\n            (click)=\"openComment(item?.comment)\">\n            Display\n          </button>\n        </td>\n        <td data-head=\"value\">\n          <span [ngClass]=\"{'fw-bold text-danger':item?.value <= 6,'fw-bold text-success':item.value>8}\">\n            {{ item?.value }}\n          </span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <ng-template [ngIf]=\"currentUser && item.user_id !== currentUser.id\">\n              <li ngbTooltip=\"Send Chat Message\"\n                *rbacAllow=\"'Pages.Chat'\"\n                class=\"me-2 me-sm-3\"\n                [routerLink]=\"['/message']\"\n                [fragment]=\"item.user_slug\">\n                <i class=\"fa fa-comments cta1-icon\" aria-hidden=\"true\"></i>\n              </li>\n            </ng-template>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <span class=\"total-records-count\">Total: {{ totalRecords }}</span>\n</div>\n<div *ngIf=\"totalRecords === 0 && isLoaded\">\n  <pw-no-data message=\"No Feedback Found\"> </pw-no-data>\n</div>\n\n<ng-template #showComment\n  let-modal>\n  <div class=\"modal-header\">\n    <h4 class=\"mb-0\">Comment</h4>\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <h6 class=\"text-center modal-basic-title\">{{ commentToShow }}</h6>\n  </div>\n</ng-template>\n" }]
@@ -5240,7 +5241,7 @@ class SubscriptionInsightRevenueComponent extends AppBaseComponent {
     }
 }
 SubscriptionInsightRevenueComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SubscriptionInsightRevenueComponent, deps: [{ token: AdminService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-SubscriptionInsightRevenueComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: SubscriptionInsightRevenueComponent, selector: "pw-subscription-insight-revenue", usesInheritance: true, ngImport: i0, template: "<!-- selectdate -->\n<div class=\"mb-3\">\n  <h5 class=\"mb-4\">Select date</h5>\n  <div class=\"row\">\n    <!-- startdate -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"start date\"\n          [(ngModel)]=\"startDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #d=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"d.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n    <!-- end date -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"end date\"\n          [(ngModel)]=\"endDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #c=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"c.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<!-- end -->\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"loading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-template [ngIf]=\"graph\">\n  <plotly-plot [data]=\"graph?.data\"\n    [layout]=\"graph?.layout\"></plotly-plot>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+SubscriptionInsightRevenueComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: SubscriptionInsightRevenueComponent, selector: "pw-subscription-insight-revenue", usesInheritance: true, ngImport: i0, template: "<!-- selectdate -->\n<div class=\"mb-3\">\n  <h5 class=\"mb-4\">Select date</h5>\n  <div class=\"row\">\n    <!-- startdate -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"start date\"\n          [(ngModel)]=\"startDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #d=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"d.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n    <!-- end date -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"end date\"\n          [(ngModel)]=\"endDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #c=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"c.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<!-- end -->\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"loading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-template [ngIf]=\"graph\">\n  <plotly-plot [data]=\"graph?.data\"\n    [layout]=\"graph?.layout\"></plotly-plot>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "directive", type: i3$1.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SubscriptionInsightRevenueComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-subscription-insight-revenue', template: "<!-- selectdate -->\n<div class=\"mb-3\">\n  <h5 class=\"mb-4\">Select date</h5>\n  <div class=\"row\">\n    <!-- startdate -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"start date\"\n          [(ngModel)]=\"startDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #d=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"d.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n    <!-- end date -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"end date\"\n          [(ngModel)]=\"endDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #c=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"c.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<!-- end -->\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"loading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-template [ngIf]=\"graph\">\n  <plotly-plot [data]=\"graph?.data\"\n    [layout]=\"graph?.layout\"></plotly-plot>\n</ng-template>\n" }]
@@ -5521,12 +5522,12 @@ class SubscriptionsListComponent extends AppBaseComponent {
         super.ngOnDestroy();
     }
 }
-SubscriptionsListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SubscriptionsListComponent, deps: [{ token: AdminService }, { token: i4.UntypedFormBuilder }, { token: i1.ProductService }, { token: i1.CommonService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SubscriptionsListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: SubscriptionsListComponent, selector: "pw-subscriptions-list", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div *ngIf=\"!showInviteForm\"\n    class=\"col-12 d-flex justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0 float-start\">Subscriptions</h2>\n    <a class=\"btn btn-sm btn-outline-primary float-end\"\n      id=\"btn-create\"\n      (click)=\"showInviteForm = !showInviteForm\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Invite\n    </a>\n  </div>\n  <div *ngIf=\"showInviteForm\"\n    class=\"col-12 justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0\">Invite new users</h2>\n    <p>Here you can send an invitation to a new user to try any of our products</p>\n  </div>\n</div>\n<form [formGroup]=\"form\"\n  *ngIf=\"showInviteForm\"\n  (ngSubmit)=\"onSave()\">\n  <div class=\"row my-4\">\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container [label]=\"'Label.FirstName' | transloco\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.FirstName' | transloco\"\n        class=\"col-md-6 p-0\"\n        name=\"first_name\"\n        [errorMsg]=\"'Admin.Subscriptions.Validation.FirstName' | transloco\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"first_name\"\n          [ngClass]=\"{\n                        'is-invalid':\n                            form.get('first_name').touched && form.get('first_name').invalid\n                    }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container [label]=\"'Label.LastName' | transloco\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.LastName' | transloco\"\n        class=\"col-md-6 p-0\"\n        name=\"last_name\"\n        [errorMsg]=\"'Admin.Subscriptions.Validation.LastName' | transloco\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"last_name\"\n          [ngClass]=\"{\n                        'is-invalid': form.get('last_name').touched && form.get('last_name').invalid\n                    }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container [label]=\"'Label.Email' | transloco\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.Email' | transloco\"\n        class=\"col-md-6 p-0\"\n        name=\"email\"\n        [errorMsg]=\"'Admin.Subscriptions.Validation.Email' | transloco\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"email\"\n          [ngClass]=\"{\n                        'is-invalid': form.get('email').touched && form.get('email').invalid\n                    }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container [label]=\"'Label.Product' | transloco\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.SubscriptionProduct' | transloco\"\n        name=\"product_id\"\n        [errorMsg]=\"'Admin.Subscriptions.Validation.Product' | transloco\">\n        <p-autoComplete [suggestions]=\"filteredProducts\"\n          formControlName=\"product_id\"\n          dataKey=\"value\"\n          field=\"label\"\n          [dropdown]=\"true\"\n          [delay]=\"1000\"\n          (completeMethod)=\"searchProduct($event)\"\n          styleClass=\"w-100\"\n          placeholder=\"Search Product\"\n          [inputStyle]=\"\n                        form.get('product_id').touched && form.get('product_id').invalid\n                            ? { border: '1px solid #ff586b' }\n                            : { border: '1px solid gray' }\n                    \"\n          [multiple]=\"false\">\n        </p-autoComplete>\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container label=\"{{'Label.Seats' | transloco}}{{unitsText}}\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.Units' | transloco\"\n        class=\"col-md-6 p-0\"\n        name=\"units\"\n        [errorMsg]=\"'Admin.Subscriptions.Validation.Units' | transloco\">\n        <input type=\"number\"\n          class=\"form-control\"\n          formControlName=\"units\"\n          [ngClass]=\"{\n                        'is-invalid': form.get('units').touched && form.get('units').invalid\n                    }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container [label]=\"'Admin.Subscriptions.MinUnits' | transloco\"\n        [showTooltip]=\"true\"\n        name=\"min_units\"\n        [errorMsg]=\"'Admin.Subscriptions.Validation.MinUnits' | transloco\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.MinUnits' | transloco\">\n        <input type=\"number\"\n          min=\"0\"\n          [max]=\"form.get('units').value\"\n          class=\"form-control\"\n          formControlName=\"min_units\" />\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\"\n      *ngIf=\"organizationIndustries$ | async as industries\">\n      <pw-input-container [label]=\"'Organization.OrganizationIndustry' | transloco\"\n        name=\"organization_industry_id\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationIndustry'| transloco\">\n        <select formControlName=\"organization_industry_id\"\n          class=\"form-control form-select\">\n          <option *ngFor=\"let option of industries['organization_industries']\"\n            [value]=\"option.id\">\n            {{ option.name }}\n          </option>\n        </select>\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container [label]=\"'Organization.OrganizationName' | transloco\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationName'| transloco\"\n        class=\"col-md-6 p-0\"\n        name=\"name\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"name\"\n          [ngClass]=\"{\n                        'is-invalid': form.get('name').touched && form.get('name').invalid\n                    }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\"\n      *ngIf=\"organizationTypes$ | async as types\">\n      <pw-input-container [label]=\"'Organization.OrganizationType' | transloco\"\n        name=\"organization_type_id\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationType'| transloco\">\n        <select formControlName=\"organization_type_id\"\n          class=\"form-control form-select\">\n          <option *ngFor=\"let option of types['organization_types']\"\n            [value]=\"option.id\">\n            {{ option.name }}\n          </option>\n        </select>\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\"\n      *ngIf=\"organizationSizes$ | async as sizes\">\n      <pw-input-container [label]=\"'Organization.OrganizationSize' | transloco\"\n        name=\"organization_size_id\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationSize'| transloco\">\n        <select formControlName=\"organization_size_id\"\n          class=\"form-control form-select\">\n          <option *ngFor=\"let option of sizes['organization_sizes']\"\n            [value]=\"option.id\">\n            {{ option.name }}\n          </option>\n        </select>\n      </pw-input-container>\n    </div>\n  </div>\n  <div class=\"row\">\n    <div class=\"col-12 text-end\">\n      <input type=\"button\"\n        class=\"btn btn-outline-primary me-3\"\n        value=\"Cancel\"\n        (click)=\"showInviteForm = !showInviteForm; form.reset()\" />\n      <button type=\"submit\"\n        [buttonBusy]=\"buttonBusy\"\n        [disabled]=\"buttonBusy\"\n        class=\"btn btn-primary\">Invite</button>\n    </div>\n  </div>\n</form>\n<div class=\"w-100 text-center mt-3\">\n  <ng-template [ngIf]=\"!isLoaded && !showInviteForm\">\n    <p-progressSpinner> </p-progressSpinner>\n  </ng-template>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"showInviteForm\">\n  <p-table #dt\n    [value]=\"subscriptions\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [lazy]=\"true\"\n    [totalRecords]=\"totalRecords\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <ng-container *ngIf=\"subscriptionInsights\">\n        <div class=\"row mb-4\">\n          <ng-container *ngFor=\"let temp of objectKeys(subscriptionInsights)\">\n            <div class=\"col-12 col-lg-3 mt-2 summary\">\n              <div class=\"card\">\n                <div class=\"card-body\">\n                  <ng-container *ngFor=\"let item of subscriptionInsights[temp]\">\n                    <div>\n                      <p class=\"mb-0 px-2\">{{ item?.title }}\n                        <span *ngIf=\"item?.info\"\n                          [pTooltip]=\"item?.info\">\n                          <i class=\"fas fa-info-circle\"></i>\n                        </span>\n                      </p>\n                      <h4 class=\"fw-bold mt-2 mb-2\">\n                        {{ item?.value }}\n                      </h4>\n                    </div>\n                  </ng-container>\n                </div>\n              </div>\n            </div>\n          </ng-container>\n        </div>\n      </ng-container>\n      <div class=\"search-filter\">\n        <div class=\"col-12 col-sm-4\">\n          <p-multiSelect defaultLabel=\"Select Feature Keys\"\n            [showToggleAll]=\"true\"\n            [showHeader]=\"true\"\n            [(ngModel)]=\"selectedFeatureKeys\"\n            [options]=\"searchOptions\"\n            (onChange)=\"onSearchOptionChange($event)\"\n            appendTo=\"body\">\n          </p-multiSelect>\n        </div>\n        <div class=\"col-12 col-sm-4\">\n          <select class=\"form-select\"\n            (change)=\"filterByStatus($event)\">\n            <option [value]=\"\">Select status</option>\n            <option *ngFor=\"let option of subscriptionStatus\"\n              [value]=\"option\"\n              [selected]=\"option === status\">\n              {{ option }}\n            </option>\n          </select>\n        </div>\n        <div class=\"text-end\">\n          <i class=\"fa fa-search mt-2 me-2 d-none\" aria-hidden=\"true\"></i>\n          <input type=\"text\"\n            [(ngModel)]=\"searchText\"\n            pInputText\n            size=\"30\"\n            placeholder=\"Search Subscription...\"\n            class=\"mw-90\"\n            (input)=\"dt.filterGlobal($event.target.value, 'contains')\" />\n        </div>\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"id\">\n          {{ 'Admin.Subscriptions.Id' | transloco }}\n          <p-sortIcon field=\"id\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"organisation\">\n          {{ 'Admin.Subscriptions.Organization' | transloco }}\n          <p-sortIcon field=\"organisation\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"contact_name\">\n          {{ 'Admin.Subscriptions.ContactName' | transloco }}\n          <p-sortIcon field=\"contact_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"contact_email\">\n          {{ 'Admin.Subscriptions.ContactEmail' | transloco }}\n          <p-sortIcon field=\"contact_email\"></p-sortIcon>\n        </th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.Product' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.Currency' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.PricePerMonth' | transloco }}</th>\n        <th scope=\"true\"\n          pSortableColumn=\"stripe_customer_id\">\n          {{ 'Admin.Subscriptions.Paid' | transloco }}\n          <p-sortIcon field=\"stripe_customer_id\"></p-sortIcon>\n        </th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.Billing' | transloco }}</th>\n        <th scope=\"true\"\n          class=\"expires-at-width\">\n          {{ 'Admin.Subscriptions.ExpiresAt' | transloco }}\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"sessions_total\">\n          {{ 'Admin.Subscriptions.SessionsTotal' | transloco }}\n          <p-sortIcon field=\"sessions_total\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"sessions_last_month\">\n          {{ 'Admin.Subscriptions.SessionsTotalLastMonth' | transloco }}\n          <p-sortIcon field=\"sessions_last_month\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"deleted_at\">\n          {{ 'Admin.Subscriptions.Deleted' | transloco }}\n          <p-sortIcon field=\"deleted_at\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"id\">{{ item.id }}</td>\n        <td data-head=\"Organization\">\n          <span class=\"cursor-pointer custom-break-word\"\n            [pTooltip]=\"item.organisation\"\n            tooltipPosition=\"top\">{{ item.organisation | textTruncate: 20 }}</span>\n        </td>\n        <td data-head=\"ContactName\"\n          class=\"custom-break-word\">\n          {{ item.contact_name }}\n        </td>\n        <td data-head=\"ContactEmail\">{{ item.contact_email }}</td>\n        <td data-head=\"Name\">\n          <span class=\"cursor-pointer custom-break-word\"\n            [pTooltip]=\"item.productName\"\n            tooltipPosition=\"top\">{{ item.productName }}</span>\n        </td>\n        <td data-head=\"Currency\">\n          <span [appDynamicBadge]=\"{ itemsArray: currency, item: item.currency }\"\n            color=\"blue-grey\"\n            class=\"badge\">{{ item.currency }}</span>\n        </td>\n        <td data-head=\"Price/M\">\n          <span>{{ (item.price / 100).toFixed(2) | currency:item.currency }}\n            <i\n                            class=\"fa fa-info-circle\"\n                            *ngIf=\"item?.discount && objectKeys(item?.discount)?.length\"\n                            aria-hidden=\"true\"\n                            [pTooltip]=\"item?.discount | json\"\n                            tooltipPosition=\"top\"\n                        ></i>\n          </span>\n        </td>\n        <td data-head=\"Paid\">\n          <ng-container *ngIf=\"item?.unsubscribed_at\">\n            <span class=\"badge bg-warning\">Unsub</span>\n          </ng-container>\n          <ng-container *ngIf=\"!item?.unsubscribed_at\">\n            <ng-template [ngIf]=\"item?.stripe_customer_id || item?.external_payment\"\n              [ngIfElse]=\"noBlock\">\n              <span class=\"badge bg-success\">Yes</span>\n            </ng-template>\n            <ng-template #noBlock>\n              <span class=\"badge bg-blue-grey\">No</span>\n            </ng-template>\n          </ng-container>\n          <span *ngIf=\"item?.pause_collection && objectKeys(item?.pause_collection)?.length\"\n            class=\"ms-2\"\n            [pTooltip]=\"item?.pause_collection | json\"\n            tooltipPosition=\"top\">\n            <i class=\"fas fa-exclamation-triangle text-warning\"></i>\n          </span>\n        </td>\n        <td data-head=\"Billing\">\n          <span class=\"badge\"\n            [appDynamicBadge]=\"{\n                            itemsArray: billingFrequency,\n                            item: item?.billingFrequency\n                        }\"\n            color=\"blue-grey\">{{ item.billingFrequency }}</span>\n        </td>\n        <td data-head=\"Expires\">\n          <span [ngClass]=\"getExpiresAtColor(item)\">{{item?.expires_at | dateFormat}}</span><br />\n          <span>{{item?.created_at | sinceAgo}}</span>\n        </td>\n        <td data-head=\"S#\">{{ item?.sessions_total }}</td>\n        <td data-head=\"S/m #\">\n          <span [ngClass]=\"{\n                            'text-danger fw-bold': item?.sessions_last_month < 3\n                        }\">{{ item?.sessions_last_month }}</span>\n        </td>\n        <td data-head=\"Deleted\">\n          <span *ngIf=\"item?.deleted_at\"\n            class=\"badge bg-danger\">Yes</span>\n          <span *ngIf=\"!item?.deleted_at\"\n            class=\"badge bg-blue-grey\">No</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.subscriptionDetails, item.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Subscription.Delete'\"\n              (click)=\"onDelete(item)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"totalRecords === 0 && totalRecordsUnFilter !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}@media (min-width: 767px){.table-responsive td,.table-responsive th{font-size:11px!important}}.expires-at-width{width:8%}.custom-break-word{word-break:break-word!important}.summary .card{padding-bottom:0}.summary .card .card-body{padding-top:20px;text-align:center}\n"], dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i4$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i4$3.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "itemSize", "suggestions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i7.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i7.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i4.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.JsonPipe, name: "json" }, { kind: "pipe", type: i2.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i11.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i11.SinceAgoPipe, name: "sinceAgo" }, { kind: "pipe", type: i11.TextTruncatePipe, name: "textTruncate" }] });
+SubscriptionsListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SubscriptionsListComponent, deps: [{ token: AdminService }, { token: i5$1.UntypedFormBuilder }, { token: i1.ProductService }, { token: i1.CommonService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+SubscriptionsListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: SubscriptionsListComponent, selector: "pw-subscriptions-list", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div *ngIf=\"!showInviteForm\"\n    class=\"col-12 d-flex justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0 float-start\">Subscriptions</h2>\n    <a class=\"btn btn-sm btn-outline-primary float-end\"\n      id=\"btn-create\"\n      (click)=\"showInviteForm = !showInviteForm\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Invite\n    </a>\n  </div>\n  <div *ngIf=\"showInviteForm\"\n    class=\"col-12 justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0\">Invite new users</h2>\n    <p>Here you can send an invitation to a new user to try any of our products</p>\n  </div>\n</div>\n<form [formGroup]=\"form\"\n  *ngIf=\"showInviteForm\"\n  (ngSubmit)=\"onSave()\">\n  <div class=\"row my-4\">\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container [label]=\"'Label.FirstName' | transloco\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.FirstName' | transloco\"\n        class=\"col-md-6 p-0\"\n        name=\"first_name\"\n        [errorMsg]=\"'Admin.Subscriptions.Validation.FirstName' | transloco\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"first_name\"\n          [ngClass]=\"{\n                        'is-invalid':\n                            form.get('first_name').touched && form.get('first_name').invalid\n                    }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container [label]=\"'Label.LastName' | transloco\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.LastName' | transloco\"\n        class=\"col-md-6 p-0\"\n        name=\"last_name\"\n        [errorMsg]=\"'Admin.Subscriptions.Validation.LastName' | transloco\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"last_name\"\n          [ngClass]=\"{\n                        'is-invalid': form.get('last_name').touched && form.get('last_name').invalid\n                    }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container [label]=\"'Label.Email' | transloco\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.Email' | transloco\"\n        class=\"col-md-6 p-0\"\n        name=\"email\"\n        [errorMsg]=\"'Admin.Subscriptions.Validation.Email' | transloco\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"email\"\n          [ngClass]=\"{\n                        'is-invalid': form.get('email').touched && form.get('email').invalid\n                    }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container [label]=\"'Label.Product' | transloco\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.SubscriptionProduct' | transloco\"\n        name=\"product_id\"\n        [errorMsg]=\"'Admin.Subscriptions.Validation.Product' | transloco\">\n        <p-autoComplete [suggestions]=\"filteredProducts\"\n          formControlName=\"product_id\"\n          dataKey=\"value\"\n          field=\"label\"\n          [dropdown]=\"true\"\n          [delay]=\"1000\"\n          (completeMethod)=\"searchProduct($event)\"\n          styleClass=\"w-100\"\n          placeholder=\"Search Product\"\n          [inputStyle]=\"\n                        form.get('product_id').touched && form.get('product_id').invalid\n                            ? { border: '1px solid #ff586b' }\n                            : { border: '1px solid gray' }\n                    \"\n          [multiple]=\"false\">\n        </p-autoComplete>\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container label=\"{{'Label.Seats' | transloco}}{{unitsText}}\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.Units' | transloco\"\n        class=\"col-md-6 p-0\"\n        name=\"units\"\n        [errorMsg]=\"'Admin.Subscriptions.Validation.Units' | transloco\">\n        <input type=\"number\"\n          class=\"form-control\"\n          formControlName=\"units\"\n          [ngClass]=\"{\n                        'is-invalid': form.get('units').touched && form.get('units').invalid\n                    }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container [label]=\"'Admin.Subscriptions.MinUnits' | transloco\"\n        [showTooltip]=\"true\"\n        name=\"min_units\"\n        [errorMsg]=\"'Admin.Subscriptions.Validation.MinUnits' | transloco\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.MinUnits' | transloco\">\n        <input type=\"number\"\n          min=\"0\"\n          [max]=\"form.get('units').value\"\n          class=\"form-control\"\n          formControlName=\"min_units\" />\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\"\n      *ngIf=\"organizationIndustries$ | async as industries\">\n      <pw-input-container [label]=\"'Organization.OrganizationIndustry' | transloco\"\n        name=\"organization_industry_id\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationIndustry'| transloco\">\n        <select formControlName=\"organization_industry_id\"\n          class=\"form-control form-select\">\n          <option *ngFor=\"let option of industries['organization_industries']\"\n            [value]=\"option.id\">\n            {{ option.name }}\n          </option>\n        </select>\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container [label]=\"'Organization.OrganizationName' | transloco\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationName'| transloco\"\n        class=\"col-md-6 p-0\"\n        name=\"name\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"name\"\n          [ngClass]=\"{\n                        'is-invalid': form.get('name').touched && form.get('name').invalid\n                    }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\"\n      *ngIf=\"organizationTypes$ | async as types\">\n      <pw-input-container [label]=\"'Organization.OrganizationType' | transloco\"\n        name=\"organization_type_id\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationType'| transloco\">\n        <select formControlName=\"organization_type_id\"\n          class=\"form-control form-select\">\n          <option *ngFor=\"let option of types['organization_types']\"\n            [value]=\"option.id\">\n            {{ option.name }}\n          </option>\n        </select>\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\"\n      *ngIf=\"organizationSizes$ | async as sizes\">\n      <pw-input-container [label]=\"'Organization.OrganizationSize' | transloco\"\n        name=\"organization_size_id\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationSize'| transloco\">\n        <select formControlName=\"organization_size_id\"\n          class=\"form-control form-select\">\n          <option *ngFor=\"let option of sizes['organization_sizes']\"\n            [value]=\"option.id\">\n            {{ option.name }}\n          </option>\n        </select>\n      </pw-input-container>\n    </div>\n  </div>\n  <div class=\"row\">\n    <div class=\"col-12 text-end\">\n      <input type=\"button\"\n        class=\"btn btn-outline-primary me-3\"\n        value=\"Cancel\"\n        (click)=\"showInviteForm = !showInviteForm; form.reset()\" />\n      <button type=\"submit\"\n        [buttonBusy]=\"buttonBusy\"\n        [disabled]=\"buttonBusy\"\n        class=\"btn btn-primary\">Invite</button>\n    </div>\n  </div>\n</form>\n<div class=\"w-100 text-center mt-3\">\n  <ng-template [ngIf]=\"!isLoaded && !showInviteForm\">\n    <p-progressSpinner> </p-progressSpinner>\n  </ng-template>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"showInviteForm\">\n  <p-table #dt\n    [value]=\"subscriptions\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [lazy]=\"true\"\n    [totalRecords]=\"totalRecords\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <ng-container *ngIf=\"subscriptionInsights\">\n        <div class=\"row mb-4\">\n          <ng-container *ngFor=\"let temp of objectKeys(subscriptionInsights)\">\n            <div class=\"col-12 col-lg-3 mt-2 summary\">\n              <div class=\"card\">\n                <div class=\"card-body\">\n                  <ng-container *ngFor=\"let item of subscriptionInsights[temp]\">\n                    <div>\n                      <p class=\"mb-0 px-2\">{{ item?.title }}\n                        <span *ngIf=\"item?.info\"\n                          [pTooltip]=\"item?.info\">\n                          <i class=\"fas fa-info-circle\"></i>\n                        </span>\n                      </p>\n                      <h4 class=\"fw-bold mt-2 mb-2\">\n                        {{ item?.value }}\n                      </h4>\n                    </div>\n                  </ng-container>\n                </div>\n              </div>\n            </div>\n          </ng-container>\n        </div>\n      </ng-container>\n      <div class=\"search-filter\">\n        <div class=\"col-12 col-sm-4\">\n          <p-multiSelect defaultLabel=\"Select Feature Keys\"\n            [showToggleAll]=\"true\"\n            [showHeader]=\"true\"\n            [(ngModel)]=\"selectedFeatureKeys\"\n            [options]=\"searchOptions\"\n            (onChange)=\"onSearchOptionChange($event)\"\n            appendTo=\"body\">\n          </p-multiSelect>\n        </div>\n        <div class=\"col-12 col-sm-4\">\n          <select class=\"form-select\"\n            (change)=\"filterByStatus($event)\">\n            <option [value]=\"\">Select status</option>\n            <option *ngFor=\"let option of subscriptionStatus\"\n              [value]=\"option\"\n              [selected]=\"option === status\">\n              {{ option }}\n            </option>\n          </select>\n        </div>\n        <div class=\"text-end\">\n          <i class=\"fa fa-search mt-2 me-2 d-none\" aria-hidden=\"true\"></i>\n          <input type=\"text\"\n            [(ngModel)]=\"searchText\"\n            pInputText\n            size=\"30\"\n            placeholder=\"Search Subscription...\"\n            class=\"mw-90\"\n            (input)=\"dt.filterGlobal($event.target.value, 'contains')\" />\n        </div>\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"id\">\n          {{ 'Admin.Subscriptions.Id' | transloco }}\n          <p-sortIcon field=\"id\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"organisation\">\n          {{ 'Admin.Subscriptions.Organization' | transloco }}\n          <p-sortIcon field=\"organisation\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"contact_name\">\n          {{ 'Admin.Subscriptions.ContactName' | transloco }}\n          <p-sortIcon field=\"contact_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"contact_email\">\n          {{ 'Admin.Subscriptions.ContactEmail' | transloco }}\n          <p-sortIcon field=\"contact_email\"></p-sortIcon>\n        </th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.Product' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.Currency' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.PricePerMonth' | transloco }}</th>\n        <th scope=\"true\"\n          pSortableColumn=\"stripe_customer_id\">\n          {{ 'Admin.Subscriptions.Paid' | transloco }}\n          <p-sortIcon field=\"stripe_customer_id\"></p-sortIcon>\n        </th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.Billing' | transloco }}</th>\n        <th scope=\"true\"\n          class=\"expires-at-width\">\n          {{ 'Admin.Subscriptions.ExpiresAt' | transloco }}\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"sessions_total\">\n          {{ 'Admin.Subscriptions.SessionsTotal' | transloco }}\n          <p-sortIcon field=\"sessions_total\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"sessions_last_month\">\n          {{ 'Admin.Subscriptions.SessionsTotalLastMonth' | transloco }}\n          <p-sortIcon field=\"sessions_last_month\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"deleted_at\">\n          {{ 'Admin.Subscriptions.Deleted' | transloco }}\n          <p-sortIcon field=\"deleted_at\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"id\">{{ item.id }}</td>\n        <td data-head=\"Organization\">\n          <span class=\"cursor-pointer custom-break-word\"\n            [pTooltip]=\"item.organisation\"\n            tooltipPosition=\"top\">{{ item.organisation | textTruncate: 20 }}</span>\n        </td>\n        <td data-head=\"ContactName\"\n          class=\"custom-break-word\">\n          {{ item.contact_name }}\n        </td>\n        <td data-head=\"ContactEmail\">{{ item.contact_email }}</td>\n        <td data-head=\"Name\">\n          <span class=\"cursor-pointer custom-break-word\"\n            [pTooltip]=\"item.productName\"\n            tooltipPosition=\"top\">{{ item.productName }}</span>\n        </td>\n        <td data-head=\"Currency\">\n          <span [appDynamicBadge]=\"{ itemsArray: currency, item: item.currency }\"\n            color=\"blue-grey\"\n            class=\"badge\">{{ item.currency }}</span>\n        </td>\n        <td data-head=\"Price/M\">\n          <span>{{ (item.price / 100).toFixed(2) | currency:item.currency }}\n            <i\n                            class=\"fa fa-info-circle\"\n                            *ngIf=\"item?.discount && objectKeys(item?.discount)?.length\"\n                            aria-hidden=\"true\"\n                            [pTooltip]=\"item?.discount | json\"\n                            tooltipPosition=\"top\"\n                        ></i>\n          </span>\n        </td>\n        <td data-head=\"Paid\">\n          <ng-container *ngIf=\"item?.unsubscribed_at\">\n            <span class=\"badge bg-warning\">Unsub</span>\n          </ng-container>\n          <ng-container *ngIf=\"!item?.unsubscribed_at\">\n            <ng-template [ngIf]=\"item?.stripe_customer_id || item?.external_payment\"\n              [ngIfElse]=\"noBlock\">\n              <span class=\"badge bg-success\">Yes</span>\n            </ng-template>\n            <ng-template #noBlock>\n              <span class=\"badge bg-blue-grey\">No</span>\n            </ng-template>\n          </ng-container>\n          <span *ngIf=\"item?.pause_collection && objectKeys(item?.pause_collection)?.length\"\n            class=\"ms-2\"\n            [pTooltip]=\"item?.pause_collection | json\"\n            tooltipPosition=\"top\">\n            <i class=\"fas fa-exclamation-triangle text-warning\"></i>\n          </span>\n        </td>\n        <td data-head=\"Billing\">\n          <span class=\"badge\"\n            [appDynamicBadge]=\"{\n                            itemsArray: billingFrequency,\n                            item: item?.billingFrequency\n                        }\"\n            color=\"blue-grey\">{{ item.billingFrequency }}</span>\n        </td>\n        <td data-head=\"Expires\">\n          <span [ngClass]=\"getExpiresAtColor(item)\">{{item?.expires_at | dateFormat}}</span><br />\n          <span>{{item?.created_at | sinceAgo}}</span>\n        </td>\n        <td data-head=\"S#\">{{ item?.sessions_total }}</td>\n        <td data-head=\"S/m #\">\n          <span [ngClass]=\"{\n                            'text-danger fw-bold': item?.sessions_last_month < 3\n                        }\">{{ item?.sessions_last_month }}</span>\n        </td>\n        <td data-head=\"Deleted\">\n          <span *ngIf=\"item?.deleted_at\"\n            class=\"badge bg-danger\">Yes</span>\n          <span *ngIf=\"!item?.deleted_at\"\n            class=\"badge bg-blue-grey\">No</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.subscriptionDetails, item.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Subscription.Delete'\"\n              (click)=\"onDelete(item)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"totalRecords === 0 && totalRecordsUnFilter !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}@media (min-width: 767px){.table-responsive td,.table-responsive th{font-size:11px!important}}.expires-at-width{width:8%}.custom-break-word{word-break:break-word!important}.summary .card{padding-bottom:0}.summary .card .card-body{padding-top:20px;text-align:center}\n"], dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i4$2.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "itemSize", "suggestions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i8.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i8.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i5$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.JsonPipe, name: "json" }, { kind: "pipe", type: i2.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i12.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i12.SinceAgoPipe, name: "sinceAgo" }, { kind: "pipe", type: i12.TextTruncatePipe, name: "textTruncate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SubscriptionsListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-subscriptions-list', template: "<div class=\"row\">\n  <div *ngIf=\"!showInviteForm\"\n    class=\"col-12 d-flex justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0 float-start\">Subscriptions</h2>\n    <a class=\"btn btn-sm btn-outline-primary float-end\"\n      id=\"btn-create\"\n      (click)=\"showInviteForm = !showInviteForm\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Invite\n    </a>\n  </div>\n  <div *ngIf=\"showInviteForm\"\n    class=\"col-12 justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0\">Invite new users</h2>\n    <p>Here you can send an invitation to a new user to try any of our products</p>\n  </div>\n</div>\n<form [formGroup]=\"form\"\n  *ngIf=\"showInviteForm\"\n  (ngSubmit)=\"onSave()\">\n  <div class=\"row my-4\">\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container [label]=\"'Label.FirstName' | transloco\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.FirstName' | transloco\"\n        class=\"col-md-6 p-0\"\n        name=\"first_name\"\n        [errorMsg]=\"'Admin.Subscriptions.Validation.FirstName' | transloco\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"first_name\"\n          [ngClass]=\"{\n                        'is-invalid':\n                            form.get('first_name').touched && form.get('first_name').invalid\n                    }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container [label]=\"'Label.LastName' | transloco\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.LastName' | transloco\"\n        class=\"col-md-6 p-0\"\n        name=\"last_name\"\n        [errorMsg]=\"'Admin.Subscriptions.Validation.LastName' | transloco\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"last_name\"\n          [ngClass]=\"{\n                        'is-invalid': form.get('last_name').touched && form.get('last_name').invalid\n                    }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container [label]=\"'Label.Email' | transloco\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.Email' | transloco\"\n        class=\"col-md-6 p-0\"\n        name=\"email\"\n        [errorMsg]=\"'Admin.Subscriptions.Validation.Email' | transloco\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"email\"\n          [ngClass]=\"{\n                        'is-invalid': form.get('email').touched && form.get('email').invalid\n                    }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container [label]=\"'Label.Product' | transloco\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.SubscriptionProduct' | transloco\"\n        name=\"product_id\"\n        [errorMsg]=\"'Admin.Subscriptions.Validation.Product' | transloco\">\n        <p-autoComplete [suggestions]=\"filteredProducts\"\n          formControlName=\"product_id\"\n          dataKey=\"value\"\n          field=\"label\"\n          [dropdown]=\"true\"\n          [delay]=\"1000\"\n          (completeMethod)=\"searchProduct($event)\"\n          styleClass=\"w-100\"\n          placeholder=\"Search Product\"\n          [inputStyle]=\"\n                        form.get('product_id').touched && form.get('product_id').invalid\n                            ? { border: '1px solid #ff586b' }\n                            : { border: '1px solid gray' }\n                    \"\n          [multiple]=\"false\">\n        </p-autoComplete>\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container label=\"{{'Label.Seats' | transloco}}{{unitsText}}\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.Units' | transloco\"\n        class=\"col-md-6 p-0\"\n        name=\"units\"\n        [errorMsg]=\"'Admin.Subscriptions.Validation.Units' | transloco\">\n        <input type=\"number\"\n          class=\"form-control\"\n          formControlName=\"units\"\n          [ngClass]=\"{\n                        'is-invalid': form.get('units').touched && form.get('units').invalid\n                    }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container [label]=\"'Admin.Subscriptions.MinUnits' | transloco\"\n        [showTooltip]=\"true\"\n        name=\"min_units\"\n        [errorMsg]=\"'Admin.Subscriptions.Validation.MinUnits' | transloco\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.MinUnits' | transloco\">\n        <input type=\"number\"\n          min=\"0\"\n          [max]=\"form.get('units').value\"\n          class=\"form-control\"\n          formControlName=\"min_units\" />\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\"\n      *ngIf=\"organizationIndustries$ | async as industries\">\n      <pw-input-container [label]=\"'Organization.OrganizationIndustry' | transloco\"\n        name=\"organization_industry_id\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationIndustry'| transloco\">\n        <select formControlName=\"organization_industry_id\"\n          class=\"form-control form-select\">\n          <option *ngFor=\"let option of industries['organization_industries']\"\n            [value]=\"option.id\">\n            {{ option.name }}\n          </option>\n        </select>\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\">\n      <pw-input-container [label]=\"'Organization.OrganizationName' | transloco\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationName'| transloco\"\n        class=\"col-md-6 p-0\"\n        name=\"name\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"name\"\n          [ngClass]=\"{\n                        'is-invalid': form.get('name').touched && form.get('name').invalid\n                    }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\"\n      *ngIf=\"organizationTypes$ | async as types\">\n      <pw-input-container [label]=\"'Organization.OrganizationType' | transloco\"\n        name=\"organization_type_id\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationType'| transloco\">\n        <select formControlName=\"organization_type_id\"\n          class=\"form-control form-select\">\n          <option *ngFor=\"let option of types['organization_types']\"\n            [value]=\"option.id\">\n            {{ option.name }}\n          </option>\n        </select>\n      </pw-input-container>\n    </div>\n    <div class=\"mb-3 col-sm-4\"\n      *ngIf=\"organizationSizes$ | async as sizes\">\n      <pw-input-container [label]=\"'Organization.OrganizationSize' | transloco\"\n        name=\"organization_size_id\"\n        [showTooltip]=\"true\"\n        [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationSize'| transloco\">\n        <select formControlName=\"organization_size_id\"\n          class=\"form-control form-select\">\n          <option *ngFor=\"let option of sizes['organization_sizes']\"\n            [value]=\"option.id\">\n            {{ option.name }}\n          </option>\n        </select>\n      </pw-input-container>\n    </div>\n  </div>\n  <div class=\"row\">\n    <div class=\"col-12 text-end\">\n      <input type=\"button\"\n        class=\"btn btn-outline-primary me-3\"\n        value=\"Cancel\"\n        (click)=\"showInviteForm = !showInviteForm; form.reset()\" />\n      <button type=\"submit\"\n        [buttonBusy]=\"buttonBusy\"\n        [disabled]=\"buttonBusy\"\n        class=\"btn btn-primary\">Invite</button>\n    </div>\n  </div>\n</form>\n<div class=\"w-100 text-center mt-3\">\n  <ng-template [ngIf]=\"!isLoaded && !showInviteForm\">\n    <p-progressSpinner> </p-progressSpinner>\n  </ng-template>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"showInviteForm\">\n  <p-table #dt\n    [value]=\"subscriptions\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    [lazy]=\"true\"\n    [totalRecords]=\"totalRecords\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <ng-container *ngIf=\"subscriptionInsights\">\n        <div class=\"row mb-4\">\n          <ng-container *ngFor=\"let temp of objectKeys(subscriptionInsights)\">\n            <div class=\"col-12 col-lg-3 mt-2 summary\">\n              <div class=\"card\">\n                <div class=\"card-body\">\n                  <ng-container *ngFor=\"let item of subscriptionInsights[temp]\">\n                    <div>\n                      <p class=\"mb-0 px-2\">{{ item?.title }}\n                        <span *ngIf=\"item?.info\"\n                          [pTooltip]=\"item?.info\">\n                          <i class=\"fas fa-info-circle\"></i>\n                        </span>\n                      </p>\n                      <h4 class=\"fw-bold mt-2 mb-2\">\n                        {{ item?.value }}\n                      </h4>\n                    </div>\n                  </ng-container>\n                </div>\n              </div>\n            </div>\n          </ng-container>\n        </div>\n      </ng-container>\n      <div class=\"search-filter\">\n        <div class=\"col-12 col-sm-4\">\n          <p-multiSelect defaultLabel=\"Select Feature Keys\"\n            [showToggleAll]=\"true\"\n            [showHeader]=\"true\"\n            [(ngModel)]=\"selectedFeatureKeys\"\n            [options]=\"searchOptions\"\n            (onChange)=\"onSearchOptionChange($event)\"\n            appendTo=\"body\">\n          </p-multiSelect>\n        </div>\n        <div class=\"col-12 col-sm-4\">\n          <select class=\"form-select\"\n            (change)=\"filterByStatus($event)\">\n            <option [value]=\"\">Select status</option>\n            <option *ngFor=\"let option of subscriptionStatus\"\n              [value]=\"option\"\n              [selected]=\"option === status\">\n              {{ option }}\n            </option>\n          </select>\n        </div>\n        <div class=\"text-end\">\n          <i class=\"fa fa-search mt-2 me-2 d-none\" aria-hidden=\"true\"></i>\n          <input type=\"text\"\n            [(ngModel)]=\"searchText\"\n            pInputText\n            size=\"30\"\n            placeholder=\"Search Subscription...\"\n            class=\"mw-90\"\n            (input)=\"dt.filterGlobal($event.target.value, 'contains')\" />\n        </div>\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"id\">\n          {{ 'Admin.Subscriptions.Id' | transloco }}\n          <p-sortIcon field=\"id\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"organisation\">\n          {{ 'Admin.Subscriptions.Organization' | transloco }}\n          <p-sortIcon field=\"organisation\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"contact_name\">\n          {{ 'Admin.Subscriptions.ContactName' | transloco }}\n          <p-sortIcon field=\"contact_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"contact_email\">\n          {{ 'Admin.Subscriptions.ContactEmail' | transloco }}\n          <p-sortIcon field=\"contact_email\"></p-sortIcon>\n        </th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.Product' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.Currency' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.PricePerMonth' | transloco }}</th>\n        <th scope=\"true\"\n          pSortableColumn=\"stripe_customer_id\">\n          {{ 'Admin.Subscriptions.Paid' | transloco }}\n          <p-sortIcon field=\"stripe_customer_id\"></p-sortIcon>\n        </th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.Billing' | transloco }}</th>\n        <th scope=\"true\"\n          class=\"expires-at-width\">\n          {{ 'Admin.Subscriptions.ExpiresAt' | transloco }}\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"sessions_total\">\n          {{ 'Admin.Subscriptions.SessionsTotal' | transloco }}\n          <p-sortIcon field=\"sessions_total\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"sessions_last_month\">\n          {{ 'Admin.Subscriptions.SessionsTotalLastMonth' | transloco }}\n          <p-sortIcon field=\"sessions_last_month\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"deleted_at\">\n          {{ 'Admin.Subscriptions.Deleted' | transloco }}\n          <p-sortIcon field=\"deleted_at\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"id\">{{ item.id }}</td>\n        <td data-head=\"Organization\">\n          <span class=\"cursor-pointer custom-break-word\"\n            [pTooltip]=\"item.organisation\"\n            tooltipPosition=\"top\">{{ item.organisation | textTruncate: 20 }}</span>\n        </td>\n        <td data-head=\"ContactName\"\n          class=\"custom-break-word\">\n          {{ item.contact_name }}\n        </td>\n        <td data-head=\"ContactEmail\">{{ item.contact_email }}</td>\n        <td data-head=\"Name\">\n          <span class=\"cursor-pointer custom-break-word\"\n            [pTooltip]=\"item.productName\"\n            tooltipPosition=\"top\">{{ item.productName }}</span>\n        </td>\n        <td data-head=\"Currency\">\n          <span [appDynamicBadge]=\"{ itemsArray: currency, item: item.currency }\"\n            color=\"blue-grey\"\n            class=\"badge\">{{ item.currency }}</span>\n        </td>\n        <td data-head=\"Price/M\">\n          <span>{{ (item.price / 100).toFixed(2) | currency:item.currency }}\n            <i\n                            class=\"fa fa-info-circle\"\n                            *ngIf=\"item?.discount && objectKeys(item?.discount)?.length\"\n                            aria-hidden=\"true\"\n                            [pTooltip]=\"item?.discount | json\"\n                            tooltipPosition=\"top\"\n                        ></i>\n          </span>\n        </td>\n        <td data-head=\"Paid\">\n          <ng-container *ngIf=\"item?.unsubscribed_at\">\n            <span class=\"badge bg-warning\">Unsub</span>\n          </ng-container>\n          <ng-container *ngIf=\"!item?.unsubscribed_at\">\n            <ng-template [ngIf]=\"item?.stripe_customer_id || item?.external_payment\"\n              [ngIfElse]=\"noBlock\">\n              <span class=\"badge bg-success\">Yes</span>\n            </ng-template>\n            <ng-template #noBlock>\n              <span class=\"badge bg-blue-grey\">No</span>\n            </ng-template>\n          </ng-container>\n          <span *ngIf=\"item?.pause_collection && objectKeys(item?.pause_collection)?.length\"\n            class=\"ms-2\"\n            [pTooltip]=\"item?.pause_collection | json\"\n            tooltipPosition=\"top\">\n            <i class=\"fas fa-exclamation-triangle text-warning\"></i>\n          </span>\n        </td>\n        <td data-head=\"Billing\">\n          <span class=\"badge\"\n            [appDynamicBadge]=\"{\n                            itemsArray: billingFrequency,\n                            item: item?.billingFrequency\n                        }\"\n            color=\"blue-grey\">{{ item.billingFrequency }}</span>\n        </td>\n        <td data-head=\"Expires\">\n          <span [ngClass]=\"getExpiresAtColor(item)\">{{item?.expires_at | dateFormat}}</span><br />\n          <span>{{item?.created_at | sinceAgo}}</span>\n        </td>\n        <td data-head=\"S#\">{{ item?.sessions_total }}</td>\n        <td data-head=\"S/m #\">\n          <span [ngClass]=\"{\n                            'text-danger fw-bold': item?.sessions_last_month < 3\n                        }\">{{ item?.sessions_last_month }}</span>\n        </td>\n        <td data-head=\"Deleted\">\n          <span *ngIf=\"item?.deleted_at\"\n            class=\"badge bg-danger\">Yes</span>\n          <span *ngIf=\"!item?.deleted_at\"\n            class=\"badge bg-blue-grey\">No</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.subscriptionDetails, item.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Subscription.Delete'\"\n              (click)=\"onDelete(item)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"totalRecords === 0 && totalRecordsUnFilter !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}@media (min-width: 767px){.table-responsive td,.table-responsive th{font-size:11px!important}}.expires-at-width{width:8%}.custom-break-word{word-break:break-word!important}.summary .card{padding-bottom:0}.summary .card .card-body{padding-top:20px;text-align:center}\n"] }]
-        }], ctorParameters: function () { return [{ type: AdminService }, { type: i4.UntypedFormBuilder }, { type: i1.ProductService }, { type: i1.CommonService }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }]; } });
+        }], ctorParameters: function () { return [{ type: AdminService }, { type: i5$1.UntypedFormBuilder }, { type: i1.ProductService }, { type: i1.CommonService }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }]; } });
 class SubscriptionComponent extends AppBaseComponent {
     constructor() {
@@ -5661,7 +5662,7 @@ class TagsCategoryComponent extends AppBaseComponent {
     }
 }
 TagsCategoryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: TagsCategoryComponent, deps: [{ token: i0.Injector }, { token: i1.TagService }, { token: i1.CustomToastService }, { token: i3$1.NgbModal }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-TagsCategoryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: TagsCategoryComponent, selector: "pw-admin-tags-category", usesInheritance: true, ngImport: i0, template: "<div class=\"mt-3\">\n  <h2 class=\"card-title p-0\">Categories</h2>\n  <p>Tags needs to be associated to \"categories\". You can create them here.</p>\n</div>\n<div class=\"mt-3\">\n  <div class=\"text-end\">\n    <button data-cy=\"create-category\"\n      *rbacAllow=\"'Pages.Admin.Roles.Create'\"\n      class=\"btn btn-sm btn-outline-primary\"\n      (click)=\"onCategoryEdit(tagCategoryModal, null)\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Category\n    </button>\n  </div>\n</div>\n\n<pw-no-data message=\"No tag categories found. Please consider adding some.\"\n  *ngIf=\"totalCategoryRecords === 0\">\n</pw-no-data>\n<div class=\"primeng-datatable-container table-responsive\">\n  <p-table #dt\n    [value]=\"tagCategories\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [lazy]=\"true\"\n    [totalRecords]=\"totalTagRecords\"\n    [filterDelay]=\"1000\"\n    [customSort]=\"true\"\n    [loading]=\"loading\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search Category...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Name\">{{ item?.name }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Roles.Edit'\"\n              (click)=\"onCategoryEdit(tagCategoryModal, item)\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Roles.Delete'\"\n              (click)=\"onDelete(item)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalCategoryRecords }}</span>\n</div>\n<!-- Category Template -->\n<ng-template #tagCategoryModal\n  let-modal>\n  <div class=\"modal-header\">\n    <h4 class=\"modal-title\"\n      id=\"modal-basic-title\">Category</h4>\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <form action=\"\"\n      #editForm=\"ngForm\">\n      <input type=\"text\"\n        class=\"form-control\"\n        data-cy=\"category-field\"\n        name=\"name\"\n        placeholder=\"Category Name\"\n        [(ngModel)]=\"categoryModel.name\"\n        #name=\"ngModel\"\n        required />\n    </form>\n  </div>\n  <div class=\"modal-footer\">\n    <button type=\"button\"\n      class=\"btn btn-outline-default\"\n      (click)=\"modal.close()\">\n      {{ 'Button.Cancel' | transloco }}\n    </button>\n    <button type=\"button\"\n      class=\"btn btn-primary\"\n      (click)=\"onSave()\">\n      {{ 'Button.Save' | transloco }}\n    </button>\n  </div>\n</ng-template>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}\n"], dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+TagsCategoryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: TagsCategoryComponent, selector: "pw-admin-tags-category", usesInheritance: true, ngImport: i0, template: "<div class=\"mt-3\">\n  <h2 class=\"card-title p-0\">Categories</h2>\n  <p>Tags needs to be associated to \"categories\". You can create them here.</p>\n</div>\n<div class=\"mt-3\">\n  <div class=\"text-end\">\n    <button data-cy=\"create-category\"\n      *rbacAllow=\"'Pages.Admin.Roles.Create'\"\n      class=\"btn btn-sm btn-outline-primary\"\n      (click)=\"onCategoryEdit(tagCategoryModal, null)\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Category\n    </button>\n  </div>\n</div>\n\n<pw-no-data message=\"No tag categories found. Please consider adding some.\"\n  *ngIf=\"totalCategoryRecords === 0\">\n</pw-no-data>\n<div class=\"primeng-datatable-container table-responsive\">\n  <p-table #dt\n    [value]=\"tagCategories\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [lazy]=\"true\"\n    [totalRecords]=\"totalTagRecords\"\n    [filterDelay]=\"1000\"\n    [customSort]=\"true\"\n    [loading]=\"loading\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search Category...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Name\">{{ item?.name }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Roles.Edit'\"\n              (click)=\"onCategoryEdit(tagCategoryModal, item)\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Roles.Delete'\"\n              (click)=\"onDelete(item)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalCategoryRecords }}</span>\n</div>\n<!-- Category Template -->\n<ng-template #tagCategoryModal\n  let-modal>\n  <div class=\"modal-header\">\n    <h4 class=\"modal-title\"\n      id=\"modal-basic-title\">Category</h4>\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <form action=\"\"\n      #editForm=\"ngForm\">\n      <input type=\"text\"\n        class=\"form-control\"\n        data-cy=\"category-field\"\n        name=\"name\"\n        placeholder=\"Category Name\"\n        [(ngModel)]=\"categoryModel.name\"\n        #name=\"ngModel\"\n        required />\n    </form>\n  </div>\n  <div class=\"modal-footer\">\n    <button type=\"button\"\n      class=\"btn btn-outline-default\"\n      (click)=\"modal.close()\">\n      {{ 'Button.Cancel' | transloco }}\n    </button>\n    <button type=\"button\"\n      class=\"btn btn-primary\"\n      (click)=\"onSave()\">\n      {{ 'Button.Save' | transloco }}\n    </button>\n  </div>\n</ng-template>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}\n"], dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: TagsCategoryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-admin-tags-category', template: "<div class=\"mt-3\">\n  <h2 class=\"card-title p-0\">Categories</h2>\n  <p>Tags needs to be associated to \"categories\". You can create them here.</p>\n</div>\n<div class=\"mt-3\">\n  <div class=\"text-end\">\n    <button data-cy=\"create-category\"\n      *rbacAllow=\"'Pages.Admin.Roles.Create'\"\n      class=\"btn btn-sm btn-outline-primary\"\n      (click)=\"onCategoryEdit(tagCategoryModal, null)\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Category\n    </button>\n  </div>\n</div>\n\n<pw-no-data message=\"No tag categories found. Please consider adding some.\"\n  *ngIf=\"totalCategoryRecords === 0\">\n</pw-no-data>\n<div class=\"primeng-datatable-container table-responsive\">\n  <p-table #dt\n    [value]=\"tagCategories\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [lazy]=\"true\"\n    [totalRecords]=\"totalTagRecords\"\n    [filterDelay]=\"1000\"\n    [customSort]=\"true\"\n    [loading]=\"loading\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search Category...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Name\">{{ item?.name }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Roles.Edit'\"\n              (click)=\"onCategoryEdit(tagCategoryModal, item)\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Roles.Delete'\"\n              (click)=\"onDelete(item)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalCategoryRecords }}</span>\n</div>\n<!-- Category Template -->\n<ng-template #tagCategoryModal\n  let-modal>\n  <div class=\"modal-header\">\n    <h4 class=\"modal-title\"\n      id=\"modal-basic-title\">Category</h4>\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <form action=\"\"\n      #editForm=\"ngForm\">\n      <input type=\"text\"\n        class=\"form-control\"\n        data-cy=\"category-field\"\n        name=\"name\"\n        placeholder=\"Category Name\"\n        [(ngModel)]=\"categoryModel.name\"\n        #name=\"ngModel\"\n        required />\n    </form>\n  </div>\n  <div class=\"modal-footer\">\n    <button type=\"button\"\n      class=\"btn btn-outline-default\"\n      (click)=\"modal.close()\">\n      {{ 'Button.Cancel' | transloco }}\n    </button>\n    <button type=\"button\"\n      class=\"btn btn-primary\"\n      (click)=\"onSave()\">\n      {{ 'Button.Save' | transloco }}\n    </button>\n  </div>\n</ng-template>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}\n"] }]
@@ -5782,7 +5783,7 @@ class TagsListComponent extends AppBaseComponent {
     }
 }
 TagsListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: TagsListComponent, deps: [{ token: i0.Injector }, { token: i3$1.NgbModal }, { token: i1.TagService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-TagsListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: TagsListComponent, selector: "pw-admin-tags-list", usesInheritance: true, ngImport: i0, template: "<div class=\"mt-3\">\n  <h2 class=\"card-title p-0\">Tags</h2>\n  <p>\n    Here you can define the tags to be used site-wide.<br />\n    Tags need to be associated to categories (definable in the \"category\" tab).<br />\n    Tags also need to be associated to a \"tag_type\", which is the entity you want to associate\n    the tag to, for example \"user\".\n  </p>\n</div>\n\n<div class=\"mt-3\">\n  <div class=\"text-end\">\n    <button *rbacAllow=\"'Pages.Admin.Roles.Create'\"\n      data-cy=\"create-tag\"\n      class=\"btn btn-sm btn-outline-primary\"\n      (click)=\"onTagEdit(tagModal, null)\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Tag\n    </button>\n  </div>\n</div>\n\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"loading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n\n<div class=\"primeng-datatable-container table-responsive\"\n  [class.hideTable]=\"totalTagRecordsUnFilter === 0\">\n  <p-table #dt\n    [value]=\"tags\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [lazy]=\"true\"\n    [totalRecords]=\"totalTagRecords\"\n    [filterDelay]=\"1000\"\n    [customSort]=\"true\"\n    [loading]=\"loading\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search Tag...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"tag_category_id\">\n          {{ 'Admin.Tags.Category' | transloco }}\n          <p-sortIcon field=\"tag_category_id\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Name\">{{ item?.name }}</td>\n        <td data-head=\"Category\">{{ item?.category_name }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Roles.Edit'\"\n              (click)=\"onTagEdit(tagModal, item)\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Roles.Delete'\"\n              (click)=\"onDelete(item)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"totalTagRecords === 0 && totalTagRecordsUnFilter !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalTagRecords }}</span>\n</div>\n<pw-no-data [message]=\"'Admin.Tags.Category' | transloco\"\n  *ngIf=\"totalTagRecordsUnFilter === 0 && !loading\">\n</pw-no-data>\n<!-- Tag Modal Template -->\n<ng-template #tagModal\n  let-modal>\n  <div class=\"modal-header\">\n    <h4 class=\"modal-title\"\n      id=\"modal-basic-title\">Tag</h4>\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <form [formGroup]=\"form\">\n      <div class=\"mb-3\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"name\"\n          placeholder=\"Tag Name\" />\n      </div>\n      <div class=\"mb-3\">\n        <p-dropdown [options]=\"tagTypes\"\n          formControlName=\"tag_type\"\n          placeholder=\"Tag Types\"\n          [style]=\"{ width: '100%' }\">\n        </p-dropdown>\n      </div>\n      <div class=\"mb-3\">\n        <p-dropdown [options]=\"tagCategories\"\n          formControlName=\"tag_category_id\"\n          placeholder=\"Category\"\n          [style]=\"{ width: '100%' }\">\n        </p-dropdown>\n      </div>\n    </form>\n  </div>\n  <div class=\"modal-footer\">\n    <button type=\"button\"\n      class=\"btn btn-outline-default\"\n      (click)=\"modal.close(); form.reset()\"></button>\n    <button type=\"button\"\n      class=\"btn btn-primary\"\n      (click)=\"onSave()\">\n      {{ 'Button.Save' | transloco }}\n    </button>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+TagsListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: TagsListComponent, selector: "pw-admin-tags-list", usesInheritance: true, ngImport: i0, template: "<div class=\"mt-3\">\n  <h2 class=\"card-title p-0\">Tags</h2>\n  <p>\n    Here you can define the tags to be used site-wide.<br />\n    Tags need to be associated to categories (definable in the \"category\" tab).<br />\n    Tags also need to be associated to a \"tag_type\", which is the entity you want to associate\n    the tag to, for example \"user\".\n  </p>\n</div>\n\n<div class=\"mt-3\">\n  <div class=\"text-end\">\n    <button *rbacAllow=\"'Pages.Admin.Roles.Create'\"\n      data-cy=\"create-tag\"\n      class=\"btn btn-sm btn-outline-primary\"\n      (click)=\"onTagEdit(tagModal, null)\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Tag\n    </button>\n  </div>\n</div>\n\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"loading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n\n<div class=\"primeng-datatable-container table-responsive\"\n  [class.hideTable]=\"totalTagRecordsUnFilter === 0\">\n  <p-table #dt\n    [value]=\"tags\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [lazy]=\"true\"\n    [totalRecords]=\"totalTagRecords\"\n    [filterDelay]=\"1000\"\n    [customSort]=\"true\"\n    [loading]=\"loading\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search Tag...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"tag_category_id\">\n          {{ 'Admin.Tags.Category' | transloco }}\n          <p-sortIcon field=\"tag_category_id\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Name\">{{ item?.name }}</td>\n        <td data-head=\"Category\">{{ item?.category_name }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Roles.Edit'\"\n              (click)=\"onTagEdit(tagModal, item)\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Roles.Delete'\"\n              (click)=\"onDelete(item)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"totalTagRecords === 0 && totalTagRecordsUnFilter !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalTagRecords }}</span>\n</div>\n<pw-no-data [message]=\"'Admin.Tags.Category' | transloco\"\n  *ngIf=\"totalTagRecordsUnFilter === 0 && !loading\">\n</pw-no-data>\n<!-- Tag Modal Template -->\n<ng-template #tagModal\n  let-modal>\n  <div class=\"modal-header\">\n    <h4 class=\"modal-title\"\n      id=\"modal-basic-title\">Tag</h4>\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <form [formGroup]=\"form\">\n      <div class=\"mb-3\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"name\"\n          placeholder=\"Tag Name\" />\n      </div>\n      <div class=\"mb-3\">\n        <p-dropdown [options]=\"tagTypes\"\n          formControlName=\"tag_type\"\n          placeholder=\"Tag Types\"\n          [style]=\"{ width: '100%' }\">\n        </p-dropdown>\n      </div>\n      <div class=\"mb-3\">\n        <p-dropdown [options]=\"tagCategories\"\n          formControlName=\"tag_category_id\"\n          placeholder=\"Category\"\n          [style]=\"{ width: '100%' }\">\n        </p-dropdown>\n      </div>\n    </form>\n  </div>\n  <div class=\"modal-footer\">\n    <button type=\"button\"\n      class=\"btn btn-outline-default\"\n      (click)=\"modal.close(); form.reset()\"></button>\n    <button type=\"button\"\n      class=\"btn btn-primary\"\n      (click)=\"onSave()\">\n      {{ 'Button.Save' | transloco }}\n    </button>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: TagsListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-admin-tags-list', template: "<div class=\"mt-3\">\n  <h2 class=\"card-title p-0\">Tags</h2>\n  <p>\n    Here you can define the tags to be used site-wide.<br />\n    Tags need to be associated to categories (definable in the \"category\" tab).<br />\n    Tags also need to be associated to a \"tag_type\", which is the entity you want to associate\n    the tag to, for example \"user\".\n  </p>\n</div>\n\n<div class=\"mt-3\">\n  <div class=\"text-end\">\n    <button *rbacAllow=\"'Pages.Admin.Roles.Create'\"\n      data-cy=\"create-tag\"\n      class=\"btn btn-sm btn-outline-primary\"\n      (click)=\"onTagEdit(tagModal, null)\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Tag\n    </button>\n  </div>\n</div>\n\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"loading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n\n<div class=\"primeng-datatable-container table-responsive\"\n  [class.hideTable]=\"totalTagRecordsUnFilter === 0\">\n  <p-table #dt\n    [value]=\"tags\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [responsive]=\"true\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [lazy]=\"true\"\n    [totalRecords]=\"totalTagRecords\"\n    [filterDelay]=\"1000\"\n    [customSort]=\"true\"\n    [loading]=\"loading\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search Tag...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"name\">\n          {{ 'Label.Name' | transloco }}\n          <p-sortIcon field=\"name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"tag_category_id\">\n          {{ 'Admin.Tags.Category' | transloco }}\n          <p-sortIcon field=\"tag_category_id\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Name\">{{ item?.name }}</td>\n        <td data-head=\"Category\">{{ item?.category_name }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Roles.Edit'\"\n              (click)=\"onTagEdit(tagModal, item)\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Roles.Delete'\"\n              (click)=\"onDelete(item)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"totalTagRecords === 0 && totalTagRecordsUnFilter !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalTagRecords }}</span>\n</div>\n<pw-no-data [message]=\"'Admin.Tags.Category' | transloco\"\n  *ngIf=\"totalTagRecordsUnFilter === 0 && !loading\">\n</pw-no-data>\n<!-- Tag Modal Template -->\n<ng-template #tagModal\n  let-modal>\n  <div class=\"modal-header\">\n    <h4 class=\"modal-title\"\n      id=\"modal-basic-title\">Tag</h4>\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <form [formGroup]=\"form\">\n      <div class=\"mb-3\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"name\"\n          placeholder=\"Tag Name\" />\n      </div>\n      <div class=\"mb-3\">\n        <p-dropdown [options]=\"tagTypes\"\n          formControlName=\"tag_type\"\n          placeholder=\"Tag Types\"\n          [style]=\"{ width: '100%' }\">\n        </p-dropdown>\n      </div>\n      <div class=\"mb-3\">\n        <p-dropdown [options]=\"tagCategories\"\n          formControlName=\"tag_category_id\"\n          placeholder=\"Category\"\n          [style]=\"{ width: '100%' }\">\n        </p-dropdown>\n      </div>\n    </form>\n  </div>\n  <div class=\"modal-footer\">\n    <button type=\"button\"\n      class=\"btn btn-outline-default\"\n      (click)=\"modal.close(); form.reset()\"></button>\n    <button type=\"button\"\n      class=\"btn btn-primary\"\n      (click)=\"onSave()\">\n      {{ 'Button.Save' | transloco }}\n    </button>\n  </div>\n</ng-template>\n" }]
@@ -5868,7 +5869,7 @@ class TipComponent extends AppBaseComponent {
     }
 }
 TipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: TipComponent, deps: [{ token: i1.TipsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-TipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: TipComponent, selector: "pw-admin-tip", usesInheritance: true, ngImport: i0, template: "<div class=\"px-2\">\n  <div class=\"me-auto col-xs-6\">\n    <a href=\"javascript:void(0)\"\n      (click)=\"back()\"\n      class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n    <h3 class=\"d-inline-block\">Tips</h3>\n    <p>Example of \"instructions\":</p>\n    <p>\n      {{\n                '{\"steps\":[{\"title\": \"Step 1\", \"content\":\"PosiWise welcomes you on board\", \"target\":\n      \"user-message\", \"placement\": \"bottom\"}, {\"title\":\"Step 2\",\"content\": \"We have great features\n      to showcase\", \"target\":\"cards\", \"placement\":\"bottom\", \"showPrevButton\":true}, {\"title\":\"Step\n      3\", \"content\": \"Get Help\", \"target\":\"step3\", \"placement\":\"left\",\n      \"showPrevButton\":true}]}{\"steps\":[{\"title\": \"Step 1\", \"content\":\"PosiWise welcomes you on\n      board\", \"target\": \"user-message\", \"placement\": \"bottom\"}, {\"title\":\"Step 2\",\"content\": \"We\n      have great features to showcase\", \"target\":\"cards\", \"placement\":\"bottom\",\n      \"showPrevButton\":true}, {\"title\":\"Step 3\", \"content\": \"Get Help\", \"target\":\"step3\",\n      \"placement\":\"left\", \"showPrevButton\":true}]}'\n            }}\n    </p>\n  </div>\n  <div class=\"mt-3\">\n    <form [formGroup]=\"form\"\n      (ngSubmit)=\"onSave()\">\n      <div class=\"row\">\n        <div class=\"col-12 col-sm-12\">\n          <pw-input-container label=\"Name\"\n            name=\"name\"\n            errorMsg=\"Please enter Name\">\n            <input type=\"text\"\n              class=\"form-control\"\n              formControlName=\"name\"\n              id=\"name\" />\n          </pw-input-container>\n\n          <pw-input-container label=\"Instructions\"\n            name=\"instructions\"\n            errorMsg=\"Please enter steps\">\n            <textarea type=\"text\"\n              class=\"form-control bg-transparent\"\n              formControlName=\"instructions\"\n              [rows]=\"5\"\n              [cols]=\"30\"\n              pInputTextarea\n              autoResize=\"autoResize\"></textarea>\n          </pw-input-container>\n        </div>\n      </div>\n\n      <div class=\"row\">\n        <div class=\"col-12 col-sm-12\">\n          <pw-input-container label=\"Is Active\"\n            name=\"active\">\n            <ui-switch class=\"d-block\"\n              formControlName=\"active\"\n              name=\"active\">\n            </ui-switch>\n          </pw-input-container>\n        </div>\n      </div>\n\n      <div class=\"float-end mb-3 mt-4\">\n        <button type=\"button\"\n          class=\"btn btn-outline-default me-2\"\n          (click)=\"back()\">\n          {{ 'Button.Cancel' | transloco }}\n        </button>\n        <button type=\"submit\"\n          *rbacAllow=\"'Pages.Admin.Users.Edit'\"\n          class=\"btn btn-primary\">\n          {{ 'Button.Save' | transloco }}\n        </button>\n      </div>\n    </form>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+TipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: TipComponent, selector: "pw-admin-tip", usesInheritance: true, ngImport: i0, template: "<div class=\"px-2\">\n  <div class=\"me-auto col-xs-6\">\n    <a href=\"javascript:void(0)\"\n      (click)=\"back()\"\n      class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n    <h3 class=\"d-inline-block\">Tips</h3>\n    <p>Example of \"instructions\":</p>\n    <p>\n      {{\n                '{\"steps\":[{\"title\": \"Step 1\", \"content\":\"PosiWise welcomes you on board\", \"target\":\n      \"user-message\", \"placement\": \"bottom\"}, {\"title\":\"Step 2\",\"content\": \"We have great features\n      to showcase\", \"target\":\"cards\", \"placement\":\"bottom\", \"showPrevButton\":true}, {\"title\":\"Step\n      3\", \"content\": \"Get Help\", \"target\":\"step3\", \"placement\":\"left\",\n      \"showPrevButton\":true}]}{\"steps\":[{\"title\": \"Step 1\", \"content\":\"PosiWise welcomes you on\n      board\", \"target\": \"user-message\", \"placement\": \"bottom\"}, {\"title\":\"Step 2\",\"content\": \"We\n      have great features to showcase\", \"target\":\"cards\", \"placement\":\"bottom\",\n      \"showPrevButton\":true}, {\"title\":\"Step 3\", \"content\": \"Get Help\", \"target\":\"step3\",\n      \"placement\":\"left\", \"showPrevButton\":true}]}'\n            }}\n    </p>\n  </div>\n  <div class=\"mt-3\">\n    <form [formGroup]=\"form\"\n      (ngSubmit)=\"onSave()\">\n      <div class=\"row\">\n        <div class=\"col-12 col-sm-12\">\n          <pw-input-container label=\"Name\"\n            name=\"name\"\n            errorMsg=\"Please enter Name\">\n            <input type=\"text\"\n              class=\"form-control\"\n              formControlName=\"name\"\n              id=\"name\" />\n          </pw-input-container>\n\n          <pw-input-container label=\"Instructions\"\n            name=\"instructions\"\n            errorMsg=\"Please enter steps\">\n            <textarea type=\"text\"\n              class=\"form-control bg-transparent\"\n              formControlName=\"instructions\"\n              [rows]=\"5\"\n              [cols]=\"30\"\n              pInputTextarea\n              autoResize=\"autoResize\"></textarea>\n          </pw-input-container>\n        </div>\n      </div>\n\n      <div class=\"row\">\n        <div class=\"col-12 col-sm-12\">\n          <pw-input-container label=\"Is Active\"\n            name=\"active\">\n            <ui-switch class=\"d-block\"\n              formControlName=\"active\"\n              name=\"active\">\n            </ui-switch>\n          </pw-input-container>\n        </div>\n      </div>\n\n      <div class=\"float-end mb-3 mt-4\">\n        <button type=\"button\"\n          class=\"btn btn-outline-default me-2\"\n          (click)=\"back()\">\n          {{ 'Button.Cancel' | transloco }}\n        </button>\n        <button type=\"submit\"\n          *rbacAllow=\"'Pages.Admin.Users.Edit'\"\n          class=\"btn btn-primary\">\n          {{ 'Button.Save' | transloco }}\n        </button>\n      </div>\n    </form>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 __decorate([
     ValidateForm('form'),
     __metadata("design:type", Function),
@@ -5906,7 +5907,7 @@ class TipsComponent extends AppBaseComponent {
     }
 }
 TipsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: TipsComponent, deps: [{ token: i1.TipsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-TipsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: TipsComponent, selector: "pw-tips-list", usesInheritance: true, ngImport: i0, template: "<div class=\"col-xs-12 text-end my-3\">\n  <h2 class=\"card-title float-start\">Tips</h2>\n  <a data-cy=\"create-tip\"\n    *rbacAllow=\"'Pages.Admin.Product.Create'\"\n    class=\"btn btn-sm btn-outline-primary\"\n    [routerLink]=\"[routers.tipsDetails + '/add']\">\n    <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Tip\n  </a>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  *ngIf=\"isLoaded\">\n  <p-table [value]=\"data.tips\"\n    [responsive]=\"true\">\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\">{{ 'Label.Name' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Tips.Instructions' | transloco }}</th>\n        <th scope=\"true\">{{ 'Label.IsActive' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Tips.Updated' | transloco }}</th>\n        <th scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-tip>\n      <tr>\n        <td data-head=\"Name\">{{ tip.name }}</td>\n        <td data-head=\"Instructions\"\n          class=\"w-md-50\">{{ tip.instructions }}</td>\n        <td data-head=\"Active\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: tip?.active }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ tip?.active }}</span>\n        </td>\n        <td data-head=\"Updated On\">{{ tip.updated_at | dateFormat }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Users.Edit'\"\n              [routerLink]=\"[routers.tipsDetails + tip.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n</div>\n<pw-no-data [message]=\"'Admin.Tips.NoDataMessage' | transloco\"\n  *ngIf=\"data.tips.length === 0\">\n</pw-no-data>\n", dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i7.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i11.DateFormatPipe, name: "dateFormat" }] });
+TipsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: TipsComponent, selector: "pw-tips-list", usesInheritance: true, ngImport: i0, template: "<div class=\"col-xs-12 text-end my-3\">\n  <h2 class=\"card-title float-start\">Tips</h2>\n  <a data-cy=\"create-tip\"\n    *rbacAllow=\"'Pages.Admin.Product.Create'\"\n    class=\"btn btn-sm btn-outline-primary\"\n    [routerLink]=\"[routers.tipsDetails + '/add']\">\n    <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Tip\n  </a>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  *ngIf=\"isLoaded\">\n  <p-table [value]=\"data.tips\"\n    [responsive]=\"true\">\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\">{{ 'Label.Name' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Tips.Instructions' | transloco }}</th>\n        <th scope=\"true\">{{ 'Label.IsActive' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Tips.Updated' | transloco }}</th>\n        <th scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-tip>\n      <tr>\n        <td data-head=\"Name\">{{ tip.name }}</td>\n        <td data-head=\"Instructions\"\n          class=\"w-md-50\">{{ tip.instructions }}</td>\n        <td data-head=\"Active\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: tip?.active }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ tip?.active }}</span>\n        </td>\n        <td data-head=\"Updated On\">{{ tip.updated_at | dateFormat }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Users.Edit'\"\n              [routerLink]=\"[routers.tipsDetails + tip.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n</div>\n<pw-no-data [message]=\"'Admin.Tips.NoDataMessage' | transloco\"\n  *ngIf=\"data.tips.length === 0\">\n</pw-no-data>\n", dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i1$1.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i8.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i12.DateFormatPipe, name: "dateFormat" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: TipsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-tips-list', template: "<div class=\"col-xs-12 text-end my-3\">\n  <h2 class=\"card-title float-start\">Tips</h2>\n  <a data-cy=\"create-tip\"\n    *rbacAllow=\"'Pages.Admin.Product.Create'\"\n    class=\"btn btn-sm btn-outline-primary\"\n    [routerLink]=\"[routers.tipsDetails + '/add']\">\n    <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Tip\n  </a>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  *ngIf=\"isLoaded\">\n  <p-table [value]=\"data.tips\"\n    [responsive]=\"true\">\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\">{{ 'Label.Name' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Tips.Instructions' | transloco }}</th>\n        <th scope=\"true\">{{ 'Label.IsActive' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Tips.Updated' | transloco }}</th>\n        <th scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-tip>\n      <tr>\n        <td data-head=\"Name\">{{ tip.name }}</td>\n        <td data-head=\"Instructions\"\n          class=\"w-md-50\">{{ tip.instructions }}</td>\n        <td data-head=\"Active\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: tip?.active }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ tip?.active }}</span>\n        </td>\n        <td data-head=\"Updated On\">{{ tip.updated_at | dateFormat }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              *rbacAllow=\"'Pages.Admin.Users.Edit'\"\n              [routerLink]=\"[routers.tipsDetails + tip.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n</div>\n<pw-no-data [message]=\"'Admin.Tips.NoDataMessage' | transloco\"\n  *ngIf=\"data.tips.length === 0\">\n</pw-no-data>\n" }]
@@ -6013,7 +6014,7 @@ class AhoyEventsComponent extends AppBaseComponent {
     }
 }
 AhoyEventsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AhoyEventsComponent, deps: [{ token: i0.Injector }, { token: i1.AhoyService }, { token: i3$1.NgbModal }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AhoyEventsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: AhoyEventsComponent, selector: "pw-ahoy-events", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 create-user d-flex justify-content-between align-items-center my-3\">\n    <h2 class=\"card-title p-0 float-start\">Ahoy Events</h2>\n  </div>\n</div>\n\n<div class=\"primeng-datatable-container mt-0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"data.events\"\n      [paginator]=\"true\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [responsive]=\"true\"\n      [totalRecords]=\"data.object_count\"\n      [loading]=\"loading\"\n      [sortField]=\"defaultSortField\"\n      [sortOrder]=\"defaultSortOrder\"\n      [filterDelay]=\"1000\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"d-flex\">\n          <div *rbacAllow=\"'SuperAdmin'\"\n            class=\"col-sm-3 mb-2 mb-md-0\">\n            <select (change)=\"onServiceChange($event.target.value)\"\n              class=\"form-control form-select\">\n              <option *ngFor=\"let item of microServices\"\n                [value]=\"item.name\">\n                {{ item.name }}\n              </option>\n            </select>\n          </div>\n          <div class=\"col-sm-2 \">\n            <p-calendar [showTime]=\"true\"\n              [appendTo]=\"'body'\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'start date'\"\n              [(ngModel)]=\"startDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"col-sm-2\">\n            <p-calendar [appendTo]=\"'body'\"\n              [showTime]=\"true\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'end date'\"\n              [(ngModel)]=\"endDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"text-end ms-auto\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search Events...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\"\n            pSortableColumn=\"name\">\n            {{ 'Label.Name' | transloco }}\n            <p-sortIcon field=\"name\"></p-sortIcon>\n          </th>\n          <th scope=\"true\">\n            {{ 'Admin.Tracking.Properties' | transloco }}\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"time\">\n            {{ 'Admin.Tracking.Time' | transloco }}\n            <p-sortIcon field=\"time\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"user_id\">\n            {{ 'Admin.Tracking.User' | transloco }}\n            <p-sortIcon field=\"user_id\"></p-sortIcon>\n          </th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-event>\n        <tr [class.d-none]=\"loading\">\n          <td data-head=\"Name\">{{ event.name }}</td>\n          <td data-head=\"Properties\"><span class=\"badge bg-info cursor-pointer\"\n              (click)=\"revealProp(objModal,event?.properties)\">Reveal properties</span></td>\n          <td data-head=\"Time\">{{ event.time }}</td>\n          <td data-head=\"User\">\n            <span *ngIf=\"event?.user_id\">\n              <span *ngIf=\"event?.user\"><a [routerLink]=\"['/members', event?.user?.slug]\">{{ event?.user?.first_name }} {{ event?.user?.last_name }}</a></span>\n              <span *ngIf=\"!event?.user\">{{ event?.user_id }}</span>\n            </span>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n  </div>\n</div>\n\n<!-- Object Modal -->\n<ng-template #objModal\n  let-modal>\n  <div class=\"modal-header\">\n    <h4 class=\"modal-title\">{{ 'Admin.Tracking.Properties' | transloco }}</h4>\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <div *ngIf=\"activeObject\">\n      <ngx-json-viewer [json]=\"activeObject\"\n        [expanded]=\"false\"></ngx-json-viewer>\n    </div>\n  </div>\n</ng-template>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}@media (min-width: 767px){.table-responsive td,.table-responsive th{font-size:11px!important}}\n"], dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+AhoyEventsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: AhoyEventsComponent, selector: "pw-ahoy-events", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 create-user d-flex justify-content-between align-items-center my-3\">\n    <h2 class=\"card-title p-0 float-start\">Ahoy Events</h2>\n  </div>\n</div>\n\n<div class=\"primeng-datatable-container mt-0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"data.events\"\n      [paginator]=\"true\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [responsive]=\"true\"\n      [totalRecords]=\"data.object_count\"\n      [loading]=\"loading\"\n      [sortField]=\"defaultSortField\"\n      [sortOrder]=\"defaultSortOrder\"\n      [filterDelay]=\"1000\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"d-flex\">\n          <div *rbacAllow=\"'SuperAdmin'\"\n            class=\"col-sm-3 mb-2 mb-md-0\">\n            <select (change)=\"onServiceChange($event.target.value)\"\n              class=\"form-control form-select\">\n              <option *ngFor=\"let item of microServices\"\n                [value]=\"item.name\">\n                {{ item.name }}\n              </option>\n            </select>\n          </div>\n          <div class=\"col-sm-2 \">\n            <p-calendar [showTime]=\"true\"\n              [appendTo]=\"'body'\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'start date'\"\n              [(ngModel)]=\"startDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"col-sm-2\">\n            <p-calendar [appendTo]=\"'body'\"\n              [showTime]=\"true\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'end date'\"\n              [(ngModel)]=\"endDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"text-end ms-auto\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search Events...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\"\n            pSortableColumn=\"name\">\n            {{ 'Label.Name' | transloco }}\n            <p-sortIcon field=\"name\"></p-sortIcon>\n          </th>\n          <th scope=\"true\">\n            {{ 'Admin.Tracking.Properties' | transloco }}\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"time\">\n            {{ 'Admin.Tracking.Time' | transloco }}\n            <p-sortIcon field=\"time\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"user_id\">\n            {{ 'Admin.Tracking.User' | transloco }}\n            <p-sortIcon field=\"user_id\"></p-sortIcon>\n          </th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-event>\n        <tr [class.d-none]=\"loading\">\n          <td data-head=\"Name\">{{ event.name }}</td>\n          <td data-head=\"Properties\"><span class=\"badge bg-info cursor-pointer\"\n              (click)=\"revealProp(objModal,event?.properties)\">Reveal properties</span></td>\n          <td data-head=\"Time\">{{ event.time }}</td>\n          <td data-head=\"User\">\n            <span *ngIf=\"event?.user_id\">\n              <span *ngIf=\"event?.user\"><a [routerLink]=\"['/members', event?.user?.slug]\">{{ event?.user?.first_name }} {{ event?.user?.last_name }}</a></span>\n              <span *ngIf=\"!event?.user\">{{ event?.user_id }}</span>\n            </span>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n  </div>\n</div>\n\n<!-- Object Modal -->\n<ng-template #objModal\n  let-modal>\n  <div class=\"modal-header\">\n    <h4 class=\"modal-title\">{{ 'Admin.Tracking.Properties' | transloco }}</h4>\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <div *ngIf=\"activeObject\">\n      <ngx-json-viewer [json]=\"activeObject\"\n        [expanded]=\"false\"></ngx-json-viewer>\n    </div>\n  </div>\n</ng-template>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}@media (min-width: 767px){.table-responsive td,.table-responsive th{font-size:11px!important}}\n"], dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i5$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AhoyEventsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-ahoy-events', template: "<div class=\"row\">\n  <div class=\"col-12 create-user d-flex justify-content-between align-items-center my-3\">\n    <h2 class=\"card-title p-0 float-start\">Ahoy Events</h2>\n  </div>\n</div>\n\n<div class=\"primeng-datatable-container mt-0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"data.events\"\n      [paginator]=\"true\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [responsive]=\"true\"\n      [totalRecords]=\"data.object_count\"\n      [loading]=\"loading\"\n      [sortField]=\"defaultSortField\"\n      [sortOrder]=\"defaultSortOrder\"\n      [filterDelay]=\"1000\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"d-flex\">\n          <div *rbacAllow=\"'SuperAdmin'\"\n            class=\"col-sm-3 mb-2 mb-md-0\">\n            <select (change)=\"onServiceChange($event.target.value)\"\n              class=\"form-control form-select\">\n              <option *ngFor=\"let item of microServices\"\n                [value]=\"item.name\">\n                {{ item.name }}\n              </option>\n            </select>\n          </div>\n          <div class=\"col-sm-2 \">\n            <p-calendar [showTime]=\"true\"\n              [appendTo]=\"'body'\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'start date'\"\n              [(ngModel)]=\"startDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"col-sm-2\">\n            <p-calendar [appendTo]=\"'body'\"\n              [showTime]=\"true\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'end date'\"\n              [(ngModel)]=\"endDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"text-end ms-auto\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search Events...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\"\n            pSortableColumn=\"name\">\n            {{ 'Label.Name' | transloco }}\n            <p-sortIcon field=\"name\"></p-sortIcon>\n          </th>\n          <th scope=\"true\">\n            {{ 'Admin.Tracking.Properties' | transloco }}\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"time\">\n            {{ 'Admin.Tracking.Time' | transloco }}\n            <p-sortIcon field=\"time\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"user_id\">\n            {{ 'Admin.Tracking.User' | transloco }}\n            <p-sortIcon field=\"user_id\"></p-sortIcon>\n          </th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-event>\n        <tr [class.d-none]=\"loading\">\n          <td data-head=\"Name\">{{ event.name }}</td>\n          <td data-head=\"Properties\"><span class=\"badge bg-info cursor-pointer\"\n              (click)=\"revealProp(objModal,event?.properties)\">Reveal properties</span></td>\n          <td data-head=\"Time\">{{ event.time }}</td>\n          <td data-head=\"User\">\n            <span *ngIf=\"event?.user_id\">\n              <span *ngIf=\"event?.user\"><a [routerLink]=\"['/members', event?.user?.slug]\">{{ event?.user?.first_name }} {{ event?.user?.last_name }}</a></span>\n              <span *ngIf=\"!event?.user\">{{ event?.user_id }}</span>\n            </span>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n  </div>\n</div>\n\n<!-- Object Modal -->\n<ng-template #objModal\n  let-modal>\n  <div class=\"modal-header\">\n    <h4 class=\"modal-title\">{{ 'Admin.Tracking.Properties' | transloco }}</h4>\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <div *ngIf=\"activeObject\">\n      <ngx-json-viewer [json]=\"activeObject\"\n        [expanded]=\"false\"></ngx-json-viewer>\n    </div>\n  </div>\n</ng-template>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}@media (min-width: 767px){.table-responsive td,.table-responsive th{font-size:11px!important}}\n"] }]
@@ -6091,7 +6092,7 @@ class AhoyMessagesComponent extends AppBaseComponent {
     }
 }
 AhoyMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AhoyMessagesComponent, deps: [{ token: i0.Injector }, { token: i1.AhoyService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AhoyMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: AhoyMessagesComponent, selector: "pw-ahoy-messages", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 create-user d-flex justify-content-between align-items-center my-3\">\n    <h2 class=\"card-title p-0 float-start\">Ahoy Messages</h2>\n  </div>\n</div>\n\n<div class=\"primeng-datatable-container mt-0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"data.messages\"\n      [paginator]=\"true\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [responsive]=\"true\"\n      [totalRecords]=\"data.object_count\"\n      [loading]=\"loading\"\n      [sortField]=\"'sent_at'\"\n      [sortOrder]=\"-1\"\n      [filterDelay]=\"1000\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"d-flex\">\n          <div *rbacAllow=\"'SuperAdmin'\"\n            class=\"col-sm-3 mb-2 mb-md-0\">\n            <select (change)=\"onServiceChange($event.target.value)\"\n              class=\"form-control form-select\">\n              <option *ngFor=\"let item of microServices\"\n                [value]=\"item.name\">\n                {{ item.name }}\n              </option>\n            </select>\n          </div>\n          <div class=\"col-sm-2 \">\n            <p-calendar [showTime]=\"true\"\n              [appendTo]=\"'body'\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'start date'\"\n              [(ngModel)]=\"startDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"col-sm-2\">\n            <p-calendar [appendTo]=\"'body'\"\n              [showTime]=\"true\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'end date'\"\n              [(ngModel)]=\"endDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"text-end ms-auto\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search Messages...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\"\n            pSortableColumn=\"mailer\">\n            {{ 'Admin.Tracking.Mailer' | transloco }}\n            <p-sortIcon field=\"mailer\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"sent_at\">\n            {{ 'Admin.Tracking.SentAt' | transloco }}\n            <p-sortIcon field=\"sent_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"subject\">\n            {{ 'Admin.Tracking.Subject' | transloco }}\n            <p-sortIcon field=\"subject\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"to\">\n            {{ 'Admin.Tracking.To' | transloco }}\n            <p-sortIcon field=\"to\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"user_id\">\n            {{ 'Admin.Tracking.User' | transloco }}\n            <p-sortIcon field=\"user_id\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"clicked_at\">\n            {{ 'Admin.Tracking.LastClickedAt' | transloco }}\n            <p-sortIcon field=\"clicked_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"opened_at\">\n            {{ 'Admin.Tracking.LastOpenedAt' | transloco }}\n            <p-sortIcon field=\"opened_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"click_count\">\n            {{ 'Admin.Tracking.ClickCount' | transloco }}\n            <p-sortIcon field=\"click_count\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"open_count\">\n            {{ 'Admin.Tracking.OpenCount' | transloco }}\n            <p-sortIcon field=\"open_count\"></p-sortIcon>\n          </th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-messages>\n        <tr [class.d-none]=\"loading\">\n          <td data-head=\"Mailer\">{{ messages.mailer }}</td>\n          <td data-head=\"Sent At\">{{ messages.sent_at | dateFormat: 'datetime' }}</td>\n          <td data-head=\"Subject\">{{ messages.subject | textTruncate: 30 }}</td>\n          <td data-head=\"To\">{{ messages.to }}</td>\n          <td data-head=\"User\">\n            <span *ngIf=\"messages?.user_id\">\n              <span *ngIf=\"messages?.user\"><a [routerLink]=\"['/members', messages?.user?.slug]\">{{ messages?.user?.first_name }} {{ messages?.user?.last_name }}</a></span>\n              <span *ngIf=\"!messages?.user\">{{ messages?.user_id }}</span>\n            </span>\n          </td>\n          <td data-head=\"Last Clicked At\">\n            {{ messages?.clicked_at | dateFormat: 'datetime' }}\n          </td>\n          <td data-head=\"Last Opened At\">\n            {{ messages?.opened_at | dateFormat: 'datetime' }}\n          </td>\n          <td data-head=\"Click Count\">{{ messages?.click_count }}</td>\n          <td data-head=\"Open Count\">{{ messages?.open_count }}</td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n  </div>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}@media (min-width: 767px){.table-responsive td,.table-responsive th{font-size:11px!important}}\n"], dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i11.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i11.TextTruncatePipe, name: "textTruncate" }] });
+AhoyMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: AhoyMessagesComponent, selector: "pw-ahoy-messages", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 create-user d-flex justify-content-between align-items-center my-3\">\n    <h2 class=\"card-title p-0 float-start\">Ahoy Messages</h2>\n  </div>\n</div>\n\n<div class=\"primeng-datatable-container mt-0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"data.messages\"\n      [paginator]=\"true\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [responsive]=\"true\"\n      [totalRecords]=\"data.object_count\"\n      [loading]=\"loading\"\n      [sortField]=\"'sent_at'\"\n      [sortOrder]=\"-1\"\n      [filterDelay]=\"1000\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"d-flex\">\n          <div *rbacAllow=\"'SuperAdmin'\"\n            class=\"col-sm-3 mb-2 mb-md-0\">\n            <select (change)=\"onServiceChange($event.target.value)\"\n              class=\"form-control form-select\">\n              <option *ngFor=\"let item of microServices\"\n                [value]=\"item.name\">\n                {{ item.name }}\n              </option>\n            </select>\n          </div>\n          <div class=\"col-sm-2 \">\n            <p-calendar [showTime]=\"true\"\n              [appendTo]=\"'body'\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'start date'\"\n              [(ngModel)]=\"startDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"col-sm-2\">\n            <p-calendar [appendTo]=\"'body'\"\n              [showTime]=\"true\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'end date'\"\n              [(ngModel)]=\"endDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"text-end ms-auto\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search Messages...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\"\n            pSortableColumn=\"mailer\">\n            {{ 'Admin.Tracking.Mailer' | transloco }}\n            <p-sortIcon field=\"mailer\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"sent_at\">\n            {{ 'Admin.Tracking.SentAt' | transloco }}\n            <p-sortIcon field=\"sent_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"subject\">\n            {{ 'Admin.Tracking.Subject' | transloco }}\n            <p-sortIcon field=\"subject\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"to\">\n            {{ 'Admin.Tracking.To' | transloco }}\n            <p-sortIcon field=\"to\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"user_id\">\n            {{ 'Admin.Tracking.User' | transloco }}\n            <p-sortIcon field=\"user_id\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"clicked_at\">\n            {{ 'Admin.Tracking.LastClickedAt' | transloco }}\n            <p-sortIcon field=\"clicked_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"opened_at\">\n            {{ 'Admin.Tracking.LastOpenedAt' | transloco }}\n            <p-sortIcon field=\"opened_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"click_count\">\n            {{ 'Admin.Tracking.ClickCount' | transloco }}\n            <p-sortIcon field=\"click_count\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"open_count\">\n            {{ 'Admin.Tracking.OpenCount' | transloco }}\n            <p-sortIcon field=\"open_count\"></p-sortIcon>\n          </th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-messages>\n        <tr [class.d-none]=\"loading\">\n          <td data-head=\"Mailer\">{{ messages.mailer }}</td>\n          <td data-head=\"Sent At\">{{ messages.sent_at | dateFormat: 'datetime' }}</td>\n          <td data-head=\"Subject\">{{ messages.subject | textTruncate: 30 }}</td>\n          <td data-head=\"To\">{{ messages.to }}</td>\n          <td data-head=\"User\">\n            <span *ngIf=\"messages?.user_id\">\n              <span *ngIf=\"messages?.user\"><a [routerLink]=\"['/members', messages?.user?.slug]\">{{ messages?.user?.first_name }} {{ messages?.user?.last_name }}</a></span>\n              <span *ngIf=\"!messages?.user\">{{ messages?.user_id }}</span>\n            </span>\n          </td>\n          <td data-head=\"Last Clicked At\">\n            {{ messages?.clicked_at | dateFormat: 'datetime' }}\n          </td>\n          <td data-head=\"Last Opened At\">\n            {{ messages?.opened_at | dateFormat: 'datetime' }}\n          </td>\n          <td data-head=\"Click Count\">{{ messages?.click_count }}</td>\n          <td data-head=\"Open Count\">{{ messages?.open_count }}</td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n  </div>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}@media (min-width: 767px){.table-responsive td,.table-responsive th{font-size:11px!important}}\n"], dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i5$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i12.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i12.TextTruncatePipe, name: "textTruncate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AhoyMessagesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-ahoy-messages', template: "<div class=\"row\">\n  <div class=\"col-12 create-user d-flex justify-content-between align-items-center my-3\">\n    <h2 class=\"card-title p-0 float-start\">Ahoy Messages</h2>\n  </div>\n</div>\n\n<div class=\"primeng-datatable-container mt-0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"data.messages\"\n      [paginator]=\"true\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [responsive]=\"true\"\n      [totalRecords]=\"data.object_count\"\n      [loading]=\"loading\"\n      [sortField]=\"'sent_at'\"\n      [sortOrder]=\"-1\"\n      [filterDelay]=\"1000\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"d-flex\">\n          <div *rbacAllow=\"'SuperAdmin'\"\n            class=\"col-sm-3 mb-2 mb-md-0\">\n            <select (change)=\"onServiceChange($event.target.value)\"\n              class=\"form-control form-select\">\n              <option *ngFor=\"let item of microServices\"\n                [value]=\"item.name\">\n                {{ item.name }}\n              </option>\n            </select>\n          </div>\n          <div class=\"col-sm-2 \">\n            <p-calendar [showTime]=\"true\"\n              [appendTo]=\"'body'\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'start date'\"\n              [(ngModel)]=\"startDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"col-sm-2\">\n            <p-calendar [appendTo]=\"'body'\"\n              [showTime]=\"true\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'end date'\"\n              [(ngModel)]=\"endDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"text-end ms-auto\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search Messages...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\"\n            pSortableColumn=\"mailer\">\n            {{ 'Admin.Tracking.Mailer' | transloco }}\n            <p-sortIcon field=\"mailer\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"sent_at\">\n            {{ 'Admin.Tracking.SentAt' | transloco }}\n            <p-sortIcon field=\"sent_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"subject\">\n            {{ 'Admin.Tracking.Subject' | transloco }}\n            <p-sortIcon field=\"subject\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"to\">\n            {{ 'Admin.Tracking.To' | transloco }}\n            <p-sortIcon field=\"to\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"user_id\">\n            {{ 'Admin.Tracking.User' | transloco }}\n            <p-sortIcon field=\"user_id\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"clicked_at\">\n            {{ 'Admin.Tracking.LastClickedAt' | transloco }}\n            <p-sortIcon field=\"clicked_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"opened_at\">\n            {{ 'Admin.Tracking.LastOpenedAt' | transloco }}\n            <p-sortIcon field=\"opened_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"click_count\">\n            {{ 'Admin.Tracking.ClickCount' | transloco }}\n            <p-sortIcon field=\"click_count\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"open_count\">\n            {{ 'Admin.Tracking.OpenCount' | transloco }}\n            <p-sortIcon field=\"open_count\"></p-sortIcon>\n          </th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-messages>\n        <tr [class.d-none]=\"loading\">\n          <td data-head=\"Mailer\">{{ messages.mailer }}</td>\n          <td data-head=\"Sent At\">{{ messages.sent_at | dateFormat: 'datetime' }}</td>\n          <td data-head=\"Subject\">{{ messages.subject | textTruncate: 30 }}</td>\n          <td data-head=\"To\">{{ messages.to }}</td>\n          <td data-head=\"User\">\n            <span *ngIf=\"messages?.user_id\">\n              <span *ngIf=\"messages?.user\"><a [routerLink]=\"['/members', messages?.user?.slug]\">{{ messages?.user?.first_name }} {{ messages?.user?.last_name }}</a></span>\n              <span *ngIf=\"!messages?.user\">{{ messages?.user_id }}</span>\n            </span>\n          </td>\n          <td data-head=\"Last Clicked At\">\n            {{ messages?.clicked_at | dateFormat: 'datetime' }}\n          </td>\n          <td data-head=\"Last Opened At\">\n            {{ messages?.opened_at | dateFormat: 'datetime' }}\n          </td>\n          <td data-head=\"Click Count\">{{ messages?.click_count }}</td>\n          <td data-head=\"Open Count\">{{ messages?.open_count }}</td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n  </div>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}@media (min-width: 767px){.table-responsive td,.table-responsive th{font-size:11px!important}}\n"] }]
@@ -6166,7 +6167,7 @@ class AhoyVisitsComponent extends AppBaseComponent {
     }
 }
 AhoyVisitsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AhoyVisitsComponent, deps: [{ token: i0.Injector }, { token: i1.AhoyService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AhoyVisitsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: AhoyVisitsComponent, selector: "pw-ahoy-visits", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 create-user d-flex justify-content-between align-items-center my-3\">\n    <h2 class=\"card-title p-0 float-start\">Ahoy Visits</h2>\n  </div>\n</div>\n\n<div class=\"primeng-datatable-container mt-0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"data.visits\"\n      [paginator]=\"true\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [responsive]=\"true\"\n      [totalRecords]=\"data.object_count\"\n      [loading]=\"loading\"\n      [sortField]=\"'started_at'\"\n      [sortOrder]=\"-1\"\n      [filterDelay]=\"1000\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"d-flex\">\n          <div *rbacAllow=\"'SuperAdmin'\"\n            class=\"col-sm-3 mb-2 mb-md-0\">\n            <select (change)=\"onServiceChange($event.target.value)\"\n              class=\"form-control form-select\">\n              <option *ngFor=\"let item of microServices\"\n                [value]=\"item.name\">\n                {{ item.name }}\n              </option>\n            </select>\n          </div>\n          <div class=\"col-sm-2 \">\n            <p-calendar [showTime]=\"true\"\n              [appendTo]=\"'body'\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'start date'\"\n              [(ngModel)]=\"startDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"col-sm-2\">\n            <p-calendar [appendTo]=\"'body'\"\n              [showTime]=\"true\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'end date'\"\n              [(ngModel)]=\"endDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"text-end ms-auto\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search Visits...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\"\n            pSortableColumn=\"browser\">\n            {{ 'Admin.Tracking.Browser' | transloco }}\n            <p-sortIcon field=\"browser\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"device_type\">\n            {{ 'Admin.Tracking.DeviceType' | transloco }}\n            <p-sortIcon field=\"device_type\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"ip\">\n            {{ 'Admin.Tracking.Ip' | transloco }}\n            <p-sortIcon field=\"ip\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"os\">\n            {{ 'Admin.Tracking.Os' | transloco }}\n            <p-sortIcon field=\"os\"></p-sortIcon>\n          </th>\n          <th scope=\"true\">\n            {{ 'Admin.Tracking.User' | transloco }}\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"started_at\">\n            {{ 'Admin.Tracking.StartedAt' | transloco }}\n            <p-sortIcon field=\"started_at\"></p-sortIcon>\n          </th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-visits>\n        <tr [class.d-none]=\"loading\">\n          <td data-head=\"Browser\">{{ visits.browser }}</td>\n          <td data-head=\"Device Type\">{{ visits.device_type }}</td>\n          <td data-head=\"IP\">{{ visits.ip }}</td>\n          <td data-head=\"OS\">{{ visits.os }}</td>\n          <td data-head=\"User\">\n            <span *ngIf=\"visits?.user_id\">\n              <span *ngIf=\"visits?.user\"><a [routerLink]=\"['/members', visits?.user?.slug]\">{{ visits?.user?.first_name }} {{ visits?.user?.last_name }}</a></span>\n              <span *ngIf=\"!visits?.user\">{{ visits?.user_id }}</span>\n            </span>\n          </td>\n          <td data-head=\"Started At\">{{ visits.started_at }}</td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n  </div>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.table-responsive td,.table-responsive th{font-size:11px!important}\n"], dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+AhoyVisitsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: AhoyVisitsComponent, selector: "pw-ahoy-visits", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 create-user d-flex justify-content-between align-items-center my-3\">\n    <h2 class=\"card-title p-0 float-start\">Ahoy Visits</h2>\n  </div>\n</div>\n\n<div class=\"primeng-datatable-container mt-0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"data.visits\"\n      [paginator]=\"true\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [responsive]=\"true\"\n      [totalRecords]=\"data.object_count\"\n      [loading]=\"loading\"\n      [sortField]=\"'started_at'\"\n      [sortOrder]=\"-1\"\n      [filterDelay]=\"1000\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"d-flex\">\n          <div *rbacAllow=\"'SuperAdmin'\"\n            class=\"col-sm-3 mb-2 mb-md-0\">\n            <select (change)=\"onServiceChange($event.target.value)\"\n              class=\"form-control form-select\">\n              <option *ngFor=\"let item of microServices\"\n                [value]=\"item.name\">\n                {{ item.name }}\n              </option>\n            </select>\n          </div>\n          <div class=\"col-sm-2 \">\n            <p-calendar [showTime]=\"true\"\n              [appendTo]=\"'body'\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'start date'\"\n              [(ngModel)]=\"startDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"col-sm-2\">\n            <p-calendar [appendTo]=\"'body'\"\n              [showTime]=\"true\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'end date'\"\n              [(ngModel)]=\"endDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"text-end ms-auto\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search Visits...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\"\n            pSortableColumn=\"browser\">\n            {{ 'Admin.Tracking.Browser' | transloco }}\n            <p-sortIcon field=\"browser\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"device_type\">\n            {{ 'Admin.Tracking.DeviceType' | transloco }}\n            <p-sortIcon field=\"device_type\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"ip\">\n            {{ 'Admin.Tracking.Ip' | transloco }}\n            <p-sortIcon field=\"ip\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"os\">\n            {{ 'Admin.Tracking.Os' | transloco }}\n            <p-sortIcon field=\"os\"></p-sortIcon>\n          </th>\n          <th scope=\"true\">\n            {{ 'Admin.Tracking.User' | transloco }}\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"started_at\">\n            {{ 'Admin.Tracking.StartedAt' | transloco }}\n            <p-sortIcon field=\"started_at\"></p-sortIcon>\n          </th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-visits>\n        <tr [class.d-none]=\"loading\">\n          <td data-head=\"Browser\">{{ visits.browser }}</td>\n          <td data-head=\"Device Type\">{{ visits.device_type }}</td>\n          <td data-head=\"IP\">{{ visits.ip }}</td>\n          <td data-head=\"OS\">{{ visits.os }}</td>\n          <td data-head=\"User\">\n            <span *ngIf=\"visits?.user_id\">\n              <span *ngIf=\"visits?.user\"><a [routerLink]=\"['/members', visits?.user?.slug]\">{{ visits?.user?.first_name }} {{ visits?.user?.last_name }}</a></span>\n              <span *ngIf=\"!visits?.user\">{{ visits?.user_id }}</span>\n            </span>\n          </td>\n          <td data-head=\"Started At\">{{ visits.started_at }}</td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n  </div>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.table-responsive td,.table-responsive th{font-size:11px!important}\n"], dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i5$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AhoyVisitsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-ahoy-visits', template: "<div class=\"row\">\n  <div class=\"col-12 create-user d-flex justify-content-between align-items-center my-3\">\n    <h2 class=\"card-title p-0 float-start\">Ahoy Visits</h2>\n  </div>\n</div>\n\n<div class=\"primeng-datatable-container mt-0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"data.visits\"\n      [paginator]=\"true\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [responsive]=\"true\"\n      [totalRecords]=\"data.object_count\"\n      [loading]=\"loading\"\n      [sortField]=\"'started_at'\"\n      [sortOrder]=\"-1\"\n      [filterDelay]=\"1000\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"d-flex\">\n          <div *rbacAllow=\"'SuperAdmin'\"\n            class=\"col-sm-3 mb-2 mb-md-0\">\n            <select (change)=\"onServiceChange($event.target.value)\"\n              class=\"form-control form-select\">\n              <option *ngFor=\"let item of microServices\"\n                [value]=\"item.name\">\n                {{ item.name }}\n              </option>\n            </select>\n          </div>\n          <div class=\"col-sm-2 \">\n            <p-calendar [showTime]=\"true\"\n              [appendTo]=\"'body'\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'start date'\"\n              [(ngModel)]=\"startDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"col-sm-2\">\n            <p-calendar [appendTo]=\"'body'\"\n              [showTime]=\"true\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'end date'\"\n              [(ngModel)]=\"endDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"text-end ms-auto\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search Visits...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\"\n            pSortableColumn=\"browser\">\n            {{ 'Admin.Tracking.Browser' | transloco }}\n            <p-sortIcon field=\"browser\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"device_type\">\n            {{ 'Admin.Tracking.DeviceType' | transloco }}\n            <p-sortIcon field=\"device_type\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"ip\">\n            {{ 'Admin.Tracking.Ip' | transloco }}\n            <p-sortIcon field=\"ip\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"os\">\n            {{ 'Admin.Tracking.Os' | transloco }}\n            <p-sortIcon field=\"os\"></p-sortIcon>\n          </th>\n          <th scope=\"true\">\n            {{ 'Admin.Tracking.User' | transloco }}\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"started_at\">\n            {{ 'Admin.Tracking.StartedAt' | transloco }}\n            <p-sortIcon field=\"started_at\"></p-sortIcon>\n          </th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-visits>\n        <tr [class.d-none]=\"loading\">\n          <td data-head=\"Browser\">{{ visits.browser }}</td>\n          <td data-head=\"Device Type\">{{ visits.device_type }}</td>\n          <td data-head=\"IP\">{{ visits.ip }}</td>\n          <td data-head=\"OS\">{{ visits.os }}</td>\n          <td data-head=\"User\">\n            <span *ngIf=\"visits?.user_id\">\n              <span *ngIf=\"visits?.user\"><a [routerLink]=\"['/members', visits?.user?.slug]\">{{ visits?.user?.first_name }} {{ visits?.user?.last_name }}</a></span>\n              <span *ngIf=\"!visits?.user\">{{ visits?.user_id }}</span>\n            </span>\n          </td>\n          <td data-head=\"Started At\">{{ visits.started_at }}</td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n  </div>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.table-responsive td,.table-responsive th{font-size:11px!important}\n"] }]
@@ -6241,7 +6242,7 @@ class EventsComponent extends AppBaseComponent {
     }
 }
 EventsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: EventsComponent, deps: [{ token: i0.Injector }, { token: i1.AhoyService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-EventsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: EventsComponent, selector: "pw-events", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 create-user d-flex justify-content-between align-items-center my-3\">\n    <h2 class=\"card-title p-0 float-start\">Events</h2>\n  </div>\n</div>\n\n<div class=\"primeng-datatable-container mt-0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"data.events\"\n      [paginator]=\"true\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [responsive]=\"true\"\n      [totalRecords]=\"data.object_count\"\n      [loading]=\"loading\"\n      [filterDelay]=\"1000\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"d-flex\">\n          <div *rbacAllow=\"'SuperAdmin'\"\n            class=\"col-sm-3 mb-2 mb-md-0\">\n            <select (change)=\"onServiceChange($event.target.value)\"\n              class=\"form-control form-select\">\n              <option *ngFor=\"let item of microServices\"\n                [value]=\"item.name\">\n                {{ item.name }}\n              </option>\n            </select>\n          </div>\n          <div class=\"col-sm-2 \">\n            <p-calendar [showTime]=\"true\"\n              [appendTo]=\"'body'\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'start date'\"\n              [(ngModel)]=\"startDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"col-sm-2\">\n            <p-calendar [appendTo]=\"'body'\"\n              [showTime]=\"true\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'end date'\"\n              [(ngModel)]=\"endDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"text-end ms-auto\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search Events...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\"\n            pSortableColumn=\"created_at\">\n            {{ 'Admin.Tracking.CreatedAt' | transloco }}\n            <p-sortIcon field=\"created_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"event_type\">\n            {{ 'Admin.Tracking.EventType' | transloco }}\n            <p-sortIcon field=\"event_type\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"related_entity_type\">\n            {{ 'Admin.Tracking.EntityType' | transloco }}\n            <p-sortIcon field=\"related_entity_type\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"updated_at\">\n            {{ 'Admin.Tracking.UpdatedAt' | transloco }}\n            <p-sortIcon field=\"updated_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"user_id\">\n            {{ 'Admin.Tracking.User' | transloco }}\n            <p-sortIcon field=\"user_id\"></p-sortIcon>\n          </th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-events>\n        <tr [class.d-none]=\"loading\">\n          <td data-head=\"Created At\">{{ events.created_at }}</td>\n          <td data-head=\"Event Type\">{{ events.event_type }}</td>\n          <td data-head=\"Entity Type\">{{ events.related_entity_type }}</td>\n          <td data-head=\"Updated At\">{{ events.updated_at }}</td>\n          <td data-head=\"User\">\n            <span *ngIf=\"events?.user_id\">\n              <span *ngIf=\"events?.user\"><a [routerLink]=\"['/members', events?.user?.slug]\">{{ events?.user?.first_name }} {{ events?.user?.last_name }}</a></span>\n              <span *ngIf=\"!events?.user\">{{ events?.user_id }}</span>\n            </span>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n  </div>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}@media (min-width: 767px){.table-responsive td,.table-responsive th{font-size:11px!important}}\n"], dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+EventsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: EventsComponent, selector: "pw-events", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 create-user d-flex justify-content-between align-items-center my-3\">\n    <h2 class=\"card-title p-0 float-start\">Events</h2>\n  </div>\n</div>\n\n<div class=\"primeng-datatable-container mt-0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"data.events\"\n      [paginator]=\"true\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [responsive]=\"true\"\n      [totalRecords]=\"data.object_count\"\n      [loading]=\"loading\"\n      [filterDelay]=\"1000\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"d-flex\">\n          <div *rbacAllow=\"'SuperAdmin'\"\n            class=\"col-sm-3 mb-2 mb-md-0\">\n            <select (change)=\"onServiceChange($event.target.value)\"\n              class=\"form-control form-select\">\n              <option *ngFor=\"let item of microServices\"\n                [value]=\"item.name\">\n                {{ item.name }}\n              </option>\n            </select>\n          </div>\n          <div class=\"col-sm-2 \">\n            <p-calendar [showTime]=\"true\"\n              [appendTo]=\"'body'\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'start date'\"\n              [(ngModel)]=\"startDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"col-sm-2\">\n            <p-calendar [appendTo]=\"'body'\"\n              [showTime]=\"true\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'end date'\"\n              [(ngModel)]=\"endDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"text-end ms-auto\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search Events...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\"\n            pSortableColumn=\"created_at\">\n            {{ 'Admin.Tracking.CreatedAt' | transloco }}\n            <p-sortIcon field=\"created_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"event_type\">\n            {{ 'Admin.Tracking.EventType' | transloco }}\n            <p-sortIcon field=\"event_type\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"related_entity_type\">\n            {{ 'Admin.Tracking.EntityType' | transloco }}\n            <p-sortIcon field=\"related_entity_type\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"updated_at\">\n            {{ 'Admin.Tracking.UpdatedAt' | transloco }}\n            <p-sortIcon field=\"updated_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"user_id\">\n            {{ 'Admin.Tracking.User' | transloco }}\n            <p-sortIcon field=\"user_id\"></p-sortIcon>\n          </th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-events>\n        <tr [class.d-none]=\"loading\">\n          <td data-head=\"Created At\">{{ events.created_at }}</td>\n          <td data-head=\"Event Type\">{{ events.event_type }}</td>\n          <td data-head=\"Entity Type\">{{ events.related_entity_type }}</td>\n          <td data-head=\"Updated At\">{{ events.updated_at }}</td>\n          <td data-head=\"User\">\n            <span *ngIf=\"events?.user_id\">\n              <span *ngIf=\"events?.user\"><a [routerLink]=\"['/members', events?.user?.slug]\">{{ events?.user?.first_name }} {{ events?.user?.last_name }}</a></span>\n              <span *ngIf=\"!events?.user\">{{ events?.user_id }}</span>\n            </span>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n  </div>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}@media (min-width: 767px){.table-responsive td,.table-responsive th{font-size:11px!important}}\n"], dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i5$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: EventsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-events', template: "<div class=\"row\">\n  <div class=\"col-12 create-user d-flex justify-content-between align-items-center my-3\">\n    <h2 class=\"card-title p-0 float-start\">Events</h2>\n  </div>\n</div>\n\n<div class=\"primeng-datatable-container mt-0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"data.events\"\n      [paginator]=\"true\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [responsive]=\"true\"\n      [totalRecords]=\"data.object_count\"\n      [loading]=\"loading\"\n      [filterDelay]=\"1000\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"d-flex\">\n          <div *rbacAllow=\"'SuperAdmin'\"\n            class=\"col-sm-3 mb-2 mb-md-0\">\n            <select (change)=\"onServiceChange($event.target.value)\"\n              class=\"form-control form-select\">\n              <option *ngFor=\"let item of microServices\"\n                [value]=\"item.name\">\n                {{ item.name }}\n              </option>\n            </select>\n          </div>\n          <div class=\"col-sm-2 \">\n            <p-calendar [showTime]=\"true\"\n              [appendTo]=\"'body'\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'start date'\"\n              [(ngModel)]=\"startDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"col-sm-2\">\n            <p-calendar [appendTo]=\"'body'\"\n              [showTime]=\"true\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'end date'\"\n              [(ngModel)]=\"endDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"text-end ms-auto\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search Events...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\"\n            pSortableColumn=\"created_at\">\n            {{ 'Admin.Tracking.CreatedAt' | transloco }}\n            <p-sortIcon field=\"created_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"event_type\">\n            {{ 'Admin.Tracking.EventType' | transloco }}\n            <p-sortIcon field=\"event_type\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"related_entity_type\">\n            {{ 'Admin.Tracking.EntityType' | transloco }}\n            <p-sortIcon field=\"related_entity_type\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"updated_at\">\n            {{ 'Admin.Tracking.UpdatedAt' | transloco }}\n            <p-sortIcon field=\"updated_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"user_id\">\n            {{ 'Admin.Tracking.User' | transloco }}\n            <p-sortIcon field=\"user_id\"></p-sortIcon>\n          </th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-events>\n        <tr [class.d-none]=\"loading\">\n          <td data-head=\"Created At\">{{ events.created_at }}</td>\n          <td data-head=\"Event Type\">{{ events.event_type }}</td>\n          <td data-head=\"Entity Type\">{{ events.related_entity_type }}</td>\n          <td data-head=\"Updated At\">{{ events.updated_at }}</td>\n          <td data-head=\"User\">\n            <span *ngIf=\"events?.user_id\">\n              <span *ngIf=\"events?.user\"><a [routerLink]=\"['/members', events?.user?.slug]\">{{ events?.user?.first_name }} {{ events?.user?.last_name }}</a></span>\n              <span *ngIf=\"!events?.user\">{{ events?.user_id }}</span>\n            </span>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n  </div>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}@media (min-width: 767px){.table-responsive td,.table-responsive th{font-size:11px!important}}\n"] }]
@@ -6371,7 +6372,7 @@ class VersionsComponent extends AppBaseComponent {
     }
 }
 VersionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: VersionsComponent, deps: [{ token: i0.Injector }, { token: i1.AhoyService }, { token: i3$1.NgbModal }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-VersionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: VersionsComponent, selector: "pw-versions", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 create-user d-flex justify-content-between align-items-center my-3\">\n    <h2 class=\"card-title p-0 float-start\">Versions</h2>\n  </div>\n</div>\n\n<div class=\"primeng-datatable-container mt-0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"data.versions\"\n      [paginator]=\"true\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [responsive]=\"true\"\n      [totalRecords]=\"data.object_count\"\n      [loading]=\"loading\"\n      [filterDelay]=\"1000\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"d-flex\">\n          <div *rbacAllow=\"'SuperAdmin'\"\n            class=\"col-sm-3 mb-2 mb-md-0\">\n            <select (change)=\"onServiceChange($event.target.value)\"\n              class=\"form-control form-select\">\n              <option *ngFor=\"let item of microServices\"\n                [value]=\"item.name\">\n                {{ item.name }}\n              </option>\n            </select>\n          </div>\n          <div class=\"col-sm-2 \">\n            <p-calendar [showTime]=\"true\"\n              [appendTo]=\"'body'\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'start date'\"\n              [(ngModel)]=\"startDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"col-sm-2\">\n            <p-calendar [appendTo]=\"'body'\"\n              [showTime]=\"true\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'end date'\"\n              [(ngModel)]=\"endDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"text-end ms-auto\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search Versions...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\"\n            pSortableColumn=\"author\">\n            {{ 'Admin.Tracking.User' | transloco }}\n            <p-sortIcon field=\"author\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"created_at\">\n            {{ 'Admin.Tracking.CreatedAt' | transloco }}\n            <p-sortIcon field=\"created_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"event\">\n            {{ 'Admin.Tracking.Event' | transloco }}\n            <p-sortIcon field=\"event\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"item_type\">\n            {{ 'Admin.Tracking.ItemType' | transloco }}\n            <p-sortIcon field=\"item_type\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"item_id\">\n            {{ 'Admin.Tracking.ItemId' | transloco }}\n            <p-sortIcon field=\"item_id\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"object\">\n            {{ 'Admin.Tracking.Object' | transloco }}\n            <p-sortIcon field=\"object\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"updated_at\">\n            {{ 'Admin.Tracking.UpdatedAt' | transloco }}\n            <p-sortIcon field=\"updated_at\"></p-sortIcon>\n          </th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-version>\n        <tr [class.d-none]=\"loading\">\n          <td data-head=\"User\">\n            <span *ngIf=\"version?.author\"><a [routerLink]=\"['/members', version?.author?.slug]\">{{ version?.author?.first_name }}\n                {{ version?.author?.last_name }}</a></span>\n            <span *ngIf=\"!version?.author && version?.whodunnit\">{{\n                            version?.whodunnit\n                        }}</span>\n          </td>\n          <td data-head=\"Created At\">{{ version.created_at }}</td>\n          <td data-head=\"Event\">\n            <span class=\"badge\"\n              color=\"warning\"\n              [appDynamicBadge]=\"{\n                                        itemsArray: events,\n                                        item: version?.event\n                                    }\">{{version?.event}}</span>\n          </td>\n          <td data-head=\"Item Type\">{{ version.item_type }}</td>\n          <td data-head=\"Item Id\">{{ version.item_id }}</td>\n          <td data-head=\"Object\">\n            <span (click)=\"openObjectModal(objModal, version?.object)\"\n              class=\"badge bg-info cursor-pointer\">Open Object</span>\n          </td>\n          <td data-head=\"Updated At\">{{ version.updated_at }}</td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n  </div>\n</div>\n<!-- Object Modal -->\n<ng-template #objModal\n  let-modal>\n  <div class=\"modal-header\">\n    <h4 class=\"modal-title\">{{ 'Admin.Tracking.Object' | transloco }}</h4>\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <div *ngIf=\"activeObject\">\n      <ngx-json-viewer [json]=\"activeObject\"\n        [expanded]=\"false\"></ngx-json-viewer>\n    </div>\n  </div>\n</ng-template>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}@media (min-width: 767px){.table-responsive td,.table-responsive th{font-size:11px!important}}\n"], dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i7.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+VersionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: VersionsComponent, selector: "pw-versions", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 create-user d-flex justify-content-between align-items-center my-3\">\n    <h2 class=\"card-title p-0 float-start\">Versions</h2>\n  </div>\n</div>\n\n<div class=\"primeng-datatable-container mt-0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"data.versions\"\n      [paginator]=\"true\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [responsive]=\"true\"\n      [totalRecords]=\"data.object_count\"\n      [loading]=\"loading\"\n      [filterDelay]=\"1000\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"d-flex\">\n          <div *rbacAllow=\"'SuperAdmin'\"\n            class=\"col-sm-3 mb-2 mb-md-0\">\n            <select (change)=\"onServiceChange($event.target.value)\"\n              class=\"form-control form-select\">\n              <option *ngFor=\"let item of microServices\"\n                [value]=\"item.name\">\n                {{ item.name }}\n              </option>\n            </select>\n          </div>\n          <div class=\"col-sm-2 \">\n            <p-calendar [showTime]=\"true\"\n              [appendTo]=\"'body'\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'start date'\"\n              [(ngModel)]=\"startDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"col-sm-2\">\n            <p-calendar [appendTo]=\"'body'\"\n              [showTime]=\"true\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'end date'\"\n              [(ngModel)]=\"endDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"text-end ms-auto\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search Versions...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\"\n            pSortableColumn=\"author\">\n            {{ 'Admin.Tracking.User' | transloco }}\n            <p-sortIcon field=\"author\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"created_at\">\n            {{ 'Admin.Tracking.CreatedAt' | transloco }}\n            <p-sortIcon field=\"created_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"event\">\n            {{ 'Admin.Tracking.Event' | transloco }}\n            <p-sortIcon field=\"event\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"item_type\">\n            {{ 'Admin.Tracking.ItemType' | transloco }}\n            <p-sortIcon field=\"item_type\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"item_id\">\n            {{ 'Admin.Tracking.ItemId' | transloco }}\n            <p-sortIcon field=\"item_id\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"object\">\n            {{ 'Admin.Tracking.Object' | transloco }}\n            <p-sortIcon field=\"object\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"updated_at\">\n            {{ 'Admin.Tracking.UpdatedAt' | transloco }}\n            <p-sortIcon field=\"updated_at\"></p-sortIcon>\n          </th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-version>\n        <tr [class.d-none]=\"loading\">\n          <td data-head=\"User\">\n            <span *ngIf=\"version?.author\"><a [routerLink]=\"['/members', version?.author?.slug]\">{{ version?.author?.first_name }}\n                {{ version?.author?.last_name }}</a></span>\n            <span *ngIf=\"!version?.author && version?.whodunnit\">{{\n                            version?.whodunnit\n                        }}</span>\n          </td>\n          <td data-head=\"Created At\">{{ version.created_at }}</td>\n          <td data-head=\"Event\">\n            <span class=\"badge\"\n              color=\"warning\"\n              [appDynamicBadge]=\"{\n                                        itemsArray: events,\n                                        item: version?.event\n                                    }\">{{version?.event}}</span>\n          </td>\n          <td data-head=\"Item Type\">{{ version.item_type }}</td>\n          <td data-head=\"Item Id\">{{ version.item_id }}</td>\n          <td data-head=\"Object\">\n            <span (click)=\"openObjectModal(objModal, version?.object)\"\n              class=\"badge bg-info cursor-pointer\">Open Object</span>\n          </td>\n          <td data-head=\"Updated At\">{{ version.updated_at }}</td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n  </div>\n</div>\n<!-- Object Modal -->\n<ng-template #objModal\n  let-modal>\n  <div class=\"modal-header\">\n    <h4 class=\"modal-title\">{{ 'Admin.Tracking.Object' | transloco }}</h4>\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <div *ngIf=\"activeObject\">\n      <ngx-json-viewer [json]=\"activeObject\"\n        [expanded]=\"false\"></ngx-json-viewer>\n    </div>\n  </div>\n</ng-template>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}@media (min-width: 767px){.table-responsive td,.table-responsive th{font-size:11px!important}}\n"], dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i8.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i5$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: VersionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-versions', template: "<div class=\"row\">\n  <div class=\"col-12 create-user d-flex justify-content-between align-items-center my-3\">\n    <h2 class=\"card-title p-0 float-start\">Versions</h2>\n  </div>\n</div>\n\n<div class=\"primeng-datatable-container mt-0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"data.versions\"\n      [paginator]=\"true\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [responsive]=\"true\"\n      [totalRecords]=\"data.object_count\"\n      [loading]=\"loading\"\n      [filterDelay]=\"1000\"\n      (onLazyLoad)=\"onLazyLoad($event)\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"d-flex\">\n          <div *rbacAllow=\"'SuperAdmin'\"\n            class=\"col-sm-3 mb-2 mb-md-0\">\n            <select (change)=\"onServiceChange($event.target.value)\"\n              class=\"form-control form-select\">\n              <option *ngFor=\"let item of microServices\"\n                [value]=\"item.name\">\n                {{ item.name }}\n              </option>\n            </select>\n          </div>\n          <div class=\"col-sm-2 \">\n            <p-calendar [showTime]=\"true\"\n              [appendTo]=\"'body'\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'start date'\"\n              [(ngModel)]=\"startDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"col-sm-2\">\n            <p-calendar [appendTo]=\"'body'\"\n              [showTime]=\"true\"\n              (onSelect)=\"onDateSelection()\"\n              [placeholder]=\"'end date'\"\n              [(ngModel)]=\"endDate\"\n              [showIcon]=\"true\"\n              dateFormat=\"yy-mm-dd\">\n            </p-calendar>\n          </div>\n          <div class=\"text-end ms-auto\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search Versions...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\"\n            pSortableColumn=\"author\">\n            {{ 'Admin.Tracking.User' | transloco }}\n            <p-sortIcon field=\"author\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"created_at\">\n            {{ 'Admin.Tracking.CreatedAt' | transloco }}\n            <p-sortIcon field=\"created_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"event\">\n            {{ 'Admin.Tracking.Event' | transloco }}\n            <p-sortIcon field=\"event\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"item_type\">\n            {{ 'Admin.Tracking.ItemType' | transloco }}\n            <p-sortIcon field=\"item_type\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"item_id\">\n            {{ 'Admin.Tracking.ItemId' | transloco }}\n            <p-sortIcon field=\"item_id\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"object\">\n            {{ 'Admin.Tracking.Object' | transloco }}\n            <p-sortIcon field=\"object\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"updated_at\">\n            {{ 'Admin.Tracking.UpdatedAt' | transloco }}\n            <p-sortIcon field=\"updated_at\"></p-sortIcon>\n          </th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-version>\n        <tr [class.d-none]=\"loading\">\n          <td data-head=\"User\">\n            <span *ngIf=\"version?.author\"><a [routerLink]=\"['/members', version?.author?.slug]\">{{ version?.author?.first_name }}\n                {{ version?.author?.last_name }}</a></span>\n            <span *ngIf=\"!version?.author && version?.whodunnit\">{{\n                            version?.whodunnit\n                        }}</span>\n          </td>\n          <td data-head=\"Created At\">{{ version.created_at }}</td>\n          <td data-head=\"Event\">\n            <span class=\"badge\"\n              color=\"warning\"\n              [appDynamicBadge]=\"{\n                                        itemsArray: events,\n                                        item: version?.event\n                                    }\">{{version?.event}}</span>\n          </td>\n          <td data-head=\"Item Type\">{{ version.item_type }}</td>\n          <td data-head=\"Item Id\">{{ version.item_id }}</td>\n          <td data-head=\"Object\">\n            <span (click)=\"openObjectModal(objModal, version?.object)\"\n              class=\"badge bg-info cursor-pointer\">Open Object</span>\n          </td>\n          <td data-head=\"Updated At\">{{ version.updated_at }}</td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n  </div>\n</div>\n<!-- Object Modal -->\n<ng-template #objModal\n  let-modal>\n  <div class=\"modal-header\">\n    <h4 class=\"modal-title\">{{ 'Admin.Tracking.Object' | transloco }}</h4>\n    <button type=\"button\"\n      class=\"btn-close float-end\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss()\">\n\n    </button>\n  </div>\n  <div class=\"modal-body\">\n    <div *ngIf=\"activeObject\">\n      <ngx-json-viewer [json]=\"activeObject\"\n        [expanded]=\"false\"></ngx-json-viewer>\n    </div>\n  </div>\n</ng-template>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}@media (min-width: 767px){.table-responsive td,.table-responsive th{font-size:11px!important}}\n"] }]
@@ -6499,7 +6500,7 @@ class UserDetailsComponent extends AppBaseComponent {
     }
 }
 UserDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: UserDetailsComponent, deps: [{ token: AdminService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-UserDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: UserDetailsComponent, selector: "pw-user-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard user-details\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          (click)=\"back()\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"\">User: {{ user?.first_name || user?.email }}</h3>\n      </div>\n\n      <div class=\"mt-3\">\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSave()\">\n          <div class=\"row\">\n            <div class=\"col-12 col-sm-6\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Users.Tooltip.FirstName'|transloco\"\n                [label]=\"'Label.FirstName' | transloco\"\n                name=\"first_name\"\n                [errorMsg]=\"'Admin.Users.Validation.FirstName' | transloco\">\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"first_name\"\n                  id=\"first_name\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['first_name'].errors }\" />\n              </pw-input-container>\n\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Users.Tooltip.PreferredName'|transloco\"\n                label=\"Preferred Name\"\n                name=\"preferred_name\">\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"preferred_name\"\n                  id=\"preferred_name\"\n                  [ngClass]=\"{\n                                        'is-invalid': submitted && f['preferred_name'].errors\n                                    }\" />\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 col-sm-6\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Users.Tooltip.LastName'|transloco\"\n                [label]=\"'Label.LastName' | transloco\"\n                name=\"last_name\"\n                [errorMsg]=\"'Admin.Users.Validation.LastName' | transloco\">\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"last_name\"\n                  id=\"last_name\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['last_name'].errors }\" />\n              </pw-input-container>\n\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Users.Tooltip.Email'|transloco\"\n                [label]=\"'Label.Email' | transloco\"\n                name=\"email\"\n                [errorMsg]=\"'Admin.Users.Validation.Email' | transloco\">\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"email\"\n                  id=\"email\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['email'].errors }\" />\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 col-sm-6\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Users.Tooltip.PhoneNumber'|transloco\"\n                [label]=\"'Admin.Users.PhoneNumber' | transloco\"\n                name=\"phone_number\">\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"phone_number\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['phone_number'].errors }\" />\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 col-sm-6\"\n              *ngIf=\"id\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Users.Tooltip.UserRoles'|transloco\"\n                [label]=\"'Admin.Users.UserRoles' | transloco\"\n                name=\"roles\"\n                [errorMsg]=\"'Admin.Users.Validation.UserRole' | transloco\">\n                <p-multiSelect [options]=\"allRoles\"\n                  formControlName=\"roles\"\n                  (onChange)=\"onRoleChange($event)\"\n                  appendTo=\"body\"></p-multiSelect>\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 col-sm-2\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Users.Tooltip.MarketingEmails'|transloco\"\n                [label]=\"'Admin.Users.MarketingEmails' | transloco\"\n                name=\"send_marketing_emails\">\n                <ui-switch formControlName=\"send_marketing_emails\"\n                  name=\"send_marketing_emails\"\n                  [ngClass]=\"{\n                                        'is-invalid': submitted && f['send_marketing_emails'].errors\n                                    }\">\n                </ui-switch>\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 col-sm-2\"\n              *rbacAllow=\"'SuperAdmin'\">\n              <pw-input-container [showTooltip]=\"true\"\n                [labelClass]=\"'text-warning'\"\n                [tooltipText]=\"'Admin.Users.Tooltip.Alpha'|transloco\"\n                [label]=\"'Admin.Users.Alpha' | transloco\"\n                name=\"alpha\">\n                <ui-switch formControlName=\"alpha\"\n                  name=\"alpha\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['alpha'].errors }\">\n                </ui-switch>\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 col-sm-2\">\n              <pw-input-container [showTooltip]=\"true\"\n                [labelClass]=\"'text-warning'\"\n                [tooltipText]=\"'Admin.Users.Tooltip.Beta'|transloco\"\n                [label]=\"'Admin.Users.Beta' | transloco\"\n                name=\"beta\">\n                <ui-switch formControlName=\"beta\"\n                  name=\"beta\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['beta'].errors }\">\n                </ui-switch>\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 col-sm-2\"\n              *rbacAllow=\"'SubscriptionSuperAdmin'\">\n              <pw-input-container [showTooltip]=\"true\"\n                [labelClass]=\"'text-warning'\"\n                [tooltipText]=\"'Admin.Users.Tooltip.Blocked'|transloco\"\n                [label]=\"'Admin.Users.Blocked' | transloco\"\n                name=\"blocked\">\n                <ui-switch formControlName=\"blocked\"\n                  name=\"blocked\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['blocked'].errors }\">\n                </ui-switch>\n              </pw-input-container>\n            </div>\n          </div>\n\n          <div class=\"float-end mb-3 mt-4\">\n            <button type=\"button\"\n              class=\"btn btn-outline-default me-2\"\n              (click)=\"onDiscard()\">\n              {{ 'Button.Cancel' | transloco }}\n            </button>\n            <button type=\"submit\"\n              *rbacAllow=\"'Pages.Admin.Users.Edit'\"\n              class=\"btn btn-primary\">\n              {{ 'Button.Save' | transloco }}\n            </button>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] });
+UserDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: UserDetailsComponent, selector: "pw-user-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard user-details\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          (click)=\"back()\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"\">User: {{ user?.first_name || user?.email }}</h3>\n      </div>\n\n      <div class=\"mt-3\">\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSave()\">\n          <div class=\"row\">\n            <div class=\"col-12 col-sm-6\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Users.Tooltip.FirstName'|transloco\"\n                [label]=\"'Label.FirstName' | transloco\"\n                name=\"first_name\"\n                [errorMsg]=\"'Admin.Users.Validation.FirstName' | transloco\">\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"first_name\"\n                  id=\"first_name\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['first_name'].errors }\" />\n              </pw-input-container>\n\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Users.Tooltip.PreferredName'|transloco\"\n                label=\"Preferred Name\"\n                name=\"preferred_name\">\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"preferred_name\"\n                  id=\"preferred_name\"\n                  [ngClass]=\"{\n                                        'is-invalid': submitted && f['preferred_name'].errors\n                                    }\" />\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 col-sm-6\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Users.Tooltip.LastName'|transloco\"\n                [label]=\"'Label.LastName' | transloco\"\n                name=\"last_name\"\n                [errorMsg]=\"'Admin.Users.Validation.LastName' | transloco\">\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"last_name\"\n                  id=\"last_name\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['last_name'].errors }\" />\n              </pw-input-container>\n\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Users.Tooltip.Email'|transloco\"\n                [label]=\"'Label.Email' | transloco\"\n                name=\"email\"\n                [errorMsg]=\"'Admin.Users.Validation.Email' | transloco\">\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"email\"\n                  id=\"email\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['email'].errors }\" />\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 col-sm-6\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Users.Tooltip.PhoneNumber'|transloco\"\n                [label]=\"'Admin.Users.PhoneNumber' | transloco\"\n                name=\"phone_number\">\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"phone_number\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['phone_number'].errors }\" />\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 col-sm-6\"\n              *ngIf=\"id\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Users.Tooltip.UserRoles'|transloco\"\n                [label]=\"'Admin.Users.UserRoles' | transloco\"\n                name=\"roles\"\n                [errorMsg]=\"'Admin.Users.Validation.UserRole' | transloco\">\n                <p-multiSelect [options]=\"allRoles\"\n                  formControlName=\"roles\"\n                  (onChange)=\"onRoleChange($event)\"\n                  appendTo=\"body\"></p-multiSelect>\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 col-sm-2\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Users.Tooltip.MarketingEmails'|transloco\"\n                [label]=\"'Admin.Users.MarketingEmails' | transloco\"\n                name=\"send_marketing_emails\">\n                <ui-switch formControlName=\"send_marketing_emails\"\n                  name=\"send_marketing_emails\"\n                  [ngClass]=\"{\n                                        'is-invalid': submitted && f['send_marketing_emails'].errors\n                                    }\">\n                </ui-switch>\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 col-sm-2\"\n              *rbacAllow=\"'SuperAdmin'\">\n              <pw-input-container [showTooltip]=\"true\"\n                [labelClass]=\"'text-warning'\"\n                [tooltipText]=\"'Admin.Users.Tooltip.Alpha'|transloco\"\n                [label]=\"'Admin.Users.Alpha' | transloco\"\n                name=\"alpha\">\n                <ui-switch formControlName=\"alpha\"\n                  name=\"alpha\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['alpha'].errors }\">\n                </ui-switch>\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 col-sm-2\">\n              <pw-input-container [showTooltip]=\"true\"\n                [labelClass]=\"'text-warning'\"\n                [tooltipText]=\"'Admin.Users.Tooltip.Beta'|transloco\"\n                [label]=\"'Admin.Users.Beta' | transloco\"\n                name=\"beta\">\n                <ui-switch formControlName=\"beta\"\n                  name=\"beta\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['beta'].errors }\">\n                </ui-switch>\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 col-sm-2\"\n              *rbacAllow=\"'SubscriptionSuperAdmin'\">\n              <pw-input-container [showTooltip]=\"true\"\n                [labelClass]=\"'text-warning'\"\n                [tooltipText]=\"'Admin.Users.Tooltip.Blocked'|transloco\"\n                [label]=\"'Admin.Users.Blocked' | transloco\"\n                name=\"blocked\">\n                <ui-switch formControlName=\"blocked\"\n                  name=\"blocked\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['blocked'].errors }\">\n                </ui-switch>\n              </pw-input-container>\n            </div>\n          </div>\n\n          <div class=\"float-end mb-3 mt-4\">\n            <button type=\"button\"\n              class=\"btn btn-outline-default me-2\"\n              (click)=\"onDiscard()\">\n              {{ 'Button.Cancel' | transloco }}\n            </button>\n            <button type=\"submit\"\n              *rbacAllow=\"'Pages.Admin.Users.Edit'\"\n              class=\"btn btn-primary\">\n              {{ 'Button.Save' | transloco }}\n            </button>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }] });
 __decorate([
     ValidateForm('form'),
     __metadata("design:type", Function),
@@ -6536,7 +6537,7 @@ class UserInsightComponent extends AppBaseComponent {
     }
 }
 UserInsightComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: UserInsightComponent, deps: [{ token: AdminService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-UserInsightComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: UserInsightComponent, selector: "pw-admin-user-insight", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-sm-12 mt-3\">\n    <h2 class=\"card-title\">User Statistics</h2>\n    <ng-template [ngIf]=\"graph\">\n      <plotly-plot [data]=\"graph?.data\"\n        [layout]=\"graph?.layout\"></plotly-plot>\n    </ng-template>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+UserInsightComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: UserInsightComponent, selector: "pw-admin-user-insight", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-sm-12 mt-3\">\n    <h2 class=\"card-title\">User Statistics</h2>\n    <ng-template [ngIf]=\"graph\">\n      <plotly-plot [data]=\"graph?.data\"\n        [layout]=\"graph?.layout\"></plotly-plot>\n    </ng-template>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["style", "styleClass", "strokeWidth", "fill", "animationDuration"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: UserInsightComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-admin-user-insight', template: "<div class=\"row\">\n  <div class=\"col-sm-12 mt-3\">\n    <h2 class=\"card-title\">User Statistics</h2>\n    <ng-template [ngIf]=\"graph\">\n      <plotly-plot [data]=\"graph?.data\"\n        [layout]=\"graph?.layout\"></plotly-plot>\n    </ng-template>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n" }]
@@ -6815,7 +6816,7 @@ class UserListComponent extends AppBaseComponent {
     }
 }
 UserListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: UserListComponent, deps: [{ token: AdminService }, { token: i1.CustomToastService }, { token: i1.ProductService }, { token: i0.Injector }, { token: i1.AuthService }, { token: i0.ChangeDetectorRef }, { token: i1.WindowService }], target: i0.ɵɵFactoryTarget.Component });
-UserListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: UserListComponent, selector: "pw-admin-user-list", viewQueries: [{ propertyName: "passwordValidationModalForUserDelete", first: true, predicate: ["passwordValidationModalForUserDelete"], descendants: true }, { propertyName: "passwordValidationModalForImpersonate", first: true, predicate: ["passwordValidationModalForImpersonate"], descendants: true }, { propertyName: "passwordValidationModalForRemove2fa", first: true, predicate: ["passwordValidationModalForRemove2fa"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 create-user d-flex justify-content-between align-items-center my-3\">\n    <h2 class=\"card-title p-0 float-start\">Users</h2>\n    <a class=\"btn btn-sm btn-outline-primary float-end\"\n      id=\"btn-create\"\n      *rbacAllow=\"'SuperAdmin'\"\n      [routerLink]=\"[routers.usersDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create User\n    </a>\n  </div>\n</div>\n<div class=\"primeng-datatable-container mt-0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"users\"\n      [paginator]=\"true\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [responsive]=\"true\"\n      [totalRecords]=\"totalRecords\"\n      [loading]=\"loading\"\n      [filterDelay]=\"1000\"\n      (onLazyLoad)=\"onLazyLoad($event)\"\n      [customSort]=\"true\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"search-filter\">\n          <div class=\"col-sm-4\">\n            <p-multiSelect [options]=\"searchOptions\"\n              (onChange)=\"onSearchOptionChange($event)\"\n              placeholder=\"Filter users by role, product, or feature\"\n              [selectionLimit]=\"1\"\n              [(ngModel)]=\"filterSource\"\n              [showToggleAll]=\"true\"\n              [showHeader]=\"true\"\n              appendTo=\"body\">\n            </p-multiSelect>\n          </div>\n          <div class=\"col-4\"\n            *ngIf=\"selectedOption\">\n            <p-multiSelect [options]=\"searchDataSource\"\n              (onChange)=\"onSearchCriteria($event)\"\n              [showToggleAll]=\"true\"\n              [(ngModel)]=\"criteria\"\n              [showHeader]=\"true\"\n              placeholder=\"Select {{ selectedOption.value }}s\"\n              maxSelectedLabels=\"2\"\n              appendTo=\"body\">\n            </p-multiSelect>\n          </div>\n          <div class=\"text-end\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search User...\"\n              data-cy=\"user-search\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"wd-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\"\n            pSortableColumn=\"id\">\n            {{ 'Admin.Users.Id' | transloco }}\n            <p-sortIcon field=\"id\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"first_name\">\n            {{ 'Label.FirstName' | transloco }}\n            <p-sortIcon field=\"first_name\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"last_name\">\n            {{ 'Label.LastName' | transloco }}\n            <p-sortIcon field=\"last_name\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"email\">\n            {{ 'Label.Email' | transloco }}\n            <p-sortIcon field=\"email\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"slug\">\n            {{ 'Admin.Users.Slug' | transloco }}\n            <p-sortIcon field=\"slug\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"encrypted_password\">\n            {{ 'Admin.Users.EmailConfirm' | transloco }}\n            <p-sortIcon field=\"encrypted_password\"></p-sortIcon>\n          </th>\n\n          <th scope=\"true\"\n            pSortableColumn=\"sessions_last_month\">\n            {{ 'Admin.Subscriptions.SessionsTotalLastMonth' | transloco }}\n            <p-sortIcon field=\"sessions_last_month\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"last_sign_in_at\">\n            {{ 'Admin.Users.LastLogin' | transloco }}\n            <p-sortIcon field=\"last_sign_in_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"signed_up_at\">\n            {{ 'Admin.Users.RegisteredOn' | transloco }}\n            <p-sortIcon field=\"signed_up_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            class=\"actions-list-four\">\n            {{ 'Label.Actions' | transloco }}\n          </th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-user>\n        <tr>\n          <td data-head=\"id\"> {{ user.id }}</td>\n          <td data-head=\"First Name\"><a [routerLink]=\"['/members', user.slug]\">{{ user.first_name }}</a></td>\n          <td data-head=\"Last Name\">{{ user.last_name }}\n            <span *ngIf=\"user?.alpha\"\n              [pTooltip]=\"'Admin.Users.Tooltip.AlphaIcon'|transloco\"\n              tooltipPosition=\"top\">\n              <i class=\"fa-regular fa-square-a alpha-beta text-warning\"></i>\n            </span>\n            <span class=\"ms-2\"\n              *ngIf=\"user?.beta\"\n              [pTooltip]=\"'Admin.Users.Tooltip.BetaIcon'|transloco\"\n              tooltipPosition=\"top\">\n              <i class=\"fa-regular fa-square-b alpha-beta text-primary\" ></i>\n            </span>\n          </td>\n          <td data-head=\"Email\">{{ user.email }}</td>\n          <td data-head=\"Slug\">{{ user.slug }}</td>\n          <td data-head=\"Email Confirm\">\n            <span [appDynamicBadge]=\"{\n                                itemsArray: [true, false],\n                                item: user?.has_password\n                            }\"\n              color=\"success-danger\"\n              class=\"badge\">{{ user?.has_password ? 'Yes' : 'No' }}</span>\n          </td>\n          <td data-head=\"S/m #\">\n            <span [ngClass]=\"{\n                              'text-danger fw-bold': user?.sessions_last_month < 3\n                          }\">{{ user?.sessions_last_month }}</span>\n          </td>\n          <td data-head=\"Last Login\">\n            <span *ngIf=\"user?.current_sign_in_at;else lastSignin\">\n              {{ user.current_sign_in_at  | dateFormat }}\n            </span>\n            <ng-template #lastSignin>\n              {{ user.last_sign_in_at | dateFormat }}\n            </ng-template>\n          </td>\n          <td data-head=\"Registered On\">{{ user.signed_up_at | dateFormat }}</td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline\">\n              <li ngbTooltip=\"Impersonate this user\"\n                *rbacAllow=\"'Pages.Alpha'\"\n                class=\"me-2 me-sm-3\">\n                <i\n                                  class=\"fas fa-people-arrows\"\n                                  (click)=\"onImpersonate(user)\"\n                                  aria-hidden=\"true\"\n                              ></i>\n              </li>\n              <ng-template [ngIf]=\"user?.enable_two_factor_authenticator\">\n                <li ngbTooltip=\"Disable 2fa\"\n                  (click)=\"disable2fa(user?.id)\"\n                  *rbacAllow=\"'Pages.Alpha'\"\n                  class=\"me-2 me-sm-3\">\n                  <i class=\"fa fa-lock\" aria-hidden=\"true\"></i>\n                </li>\n              </ng-template>\n              <ng-template [ngIf]=\"currentUser && user.id !== currentUser.id\">\n                <li ngbTooltip=\"Message\"\n                  *rbacAllow=\"chatPermission\"\n                  class=\"me-2 me-sm-3\"\n                  [routerLink]=\"['/message']\"\n                  [fragment]=\"user.slug\">\n                  <i class=\"fa fa-comments cta1-icon\" aria-hidden=\"true\"></i>\n                </li>\n              </ng-template>\n              <li ngbTooltip=\"Edit\"\n                *rbacAllow=\"'Pages.Admin.Users.Edit'\"\n                class=\"me-2 me-sm-3\"\n                [routerLink]=\"[routers.usersDetails + user.id]\">\n                <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n              </li>\n              <li ngbTooltip=\"Delete\"\n                *rbacAllow=\"'Pages.Admin.Users.Delete'\"\n                class=\"me-2 me-sm-3\">\n                <i\n                                    class=\"fa fa-trash delete-icon\"\n                                    (click)=\"onDelete(user)\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </li>\n            </ul>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n  </div>\n</div>\n<!-- password validation modal for delete user -->\n<pw-password-validation #passwordValidationModalForUserDelete\n  (successEvent)=\"deleteUser($event)\">\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <p>{{ 'User.Account.Message.ActionCanNotUndone' | transloco }}</p>\n      <p>{{ 'User.Account.Message.ConfirmPassword' | transloco }}</p>\n    </div>\n  </div>\n</pw-password-validation>\n<!-- password validaton modal for impersonate -->\n<pw-password-validation #passwordValidationModalForImpersonate\n  (successEvent)=\"onUserImpersonation($event)\">\n</pw-password-validation>\n<!-- password validaton modal for remove2fa -->\n<pw-password-validation #passwordValidationModalForRemove2fa\n  (successEvent)=\"remove2fa($event)\">\n</pw-password-validation>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.search-input input{width:100%}.w-150{width:150px}@media (min-width: 767px){.table-responsive td,.table-responsive th{font-size:11px!important}}.alpha-beta{font-size:14px}\n"], dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i4$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.PasswordValidationComponent, selector: "pw-password-validation", outputs: ["successEvent"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i7.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i11.DateFormatPipe, name: "dateFormat" }] });
+UserListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: UserListComponent, selector: "pw-admin-user-list", viewQueries: [{ propertyName: "passwordValidationModalForUserDelete", first: true, predicate: ["passwordValidationModalForUserDelete"], descendants: true }, { propertyName: "passwordValidationModalForImpersonate", first: true, predicate: ["passwordValidationModalForImpersonate"], descendants: true }, { propertyName: "passwordValidationModalForRemove2fa", first: true, predicate: ["passwordValidationModalForRemove2fa"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 create-user d-flex justify-content-between align-items-center my-3\">\n    <h2 class=\"card-title p-0 float-start\">Users</h2>\n    <a class=\"btn btn-sm btn-outline-primary float-end\"\n      id=\"btn-create\"\n      *rbacAllow=\"'SuperAdmin'\"\n      [routerLink]=\"[routers.usersDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create User\n    </a>\n  </div>\n</div>\n<div class=\"primeng-datatable-container mt-0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"users\"\n      [paginator]=\"true\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [responsive]=\"true\"\n      [totalRecords]=\"totalRecords\"\n      [loading]=\"loading\"\n      [filterDelay]=\"1000\"\n      (onLazyLoad)=\"onLazyLoad($event)\"\n      [customSort]=\"true\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"search-filter\">\n          <div class=\"col-sm-4\">\n            <p-multiSelect [options]=\"searchOptions\"\n              (onChange)=\"onSearchOptionChange($event)\"\n              placeholder=\"Filter users by role, product, or feature\"\n              [selectionLimit]=\"1\"\n              [(ngModel)]=\"filterSource\"\n              [showToggleAll]=\"true\"\n              [showHeader]=\"true\"\n              appendTo=\"body\">\n            </p-multiSelect>\n          </div>\n          <div class=\"col-4\"\n            *ngIf=\"selectedOption\">\n            <p-multiSelect [options]=\"searchDataSource\"\n              (onChange)=\"onSearchCriteria($event)\"\n              [showToggleAll]=\"true\"\n              [(ngModel)]=\"criteria\"\n              [showHeader]=\"true\"\n              placeholder=\"Select {{ selectedOption.value }}s\"\n              maxSelectedLabels=\"2\"\n              appendTo=\"body\">\n            </p-multiSelect>\n          </div>\n          <div class=\"text-end\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search User...\"\n              data-cy=\"user-search\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"wd-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\"\n            pSortableColumn=\"id\">\n            {{ 'Admin.Users.Id' | transloco }}\n            <p-sortIcon field=\"id\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"first_name\">\n            {{ 'Label.FirstName' | transloco }}\n            <p-sortIcon field=\"first_name\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"last_name\">\n            {{ 'Label.LastName' | transloco }}\n            <p-sortIcon field=\"last_name\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"email\">\n            {{ 'Label.Email' | transloco }}\n            <p-sortIcon field=\"email\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"slug\">\n            {{ 'Admin.Users.Slug' | transloco }}\n            <p-sortIcon field=\"slug\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"encrypted_password\">\n            {{ 'Admin.Users.EmailConfirm' | transloco }}\n            <p-sortIcon field=\"encrypted_password\"></p-sortIcon>\n          </th>\n\n          <th scope=\"true\"\n            pSortableColumn=\"sessions_last_month\">\n            {{ 'Admin.Subscriptions.SessionsTotalLastMonth' | transloco }}\n            <p-sortIcon field=\"sessions_last_month\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"last_sign_in_at\">\n            {{ 'Admin.Users.LastLogin' | transloco }}\n            <p-sortIcon field=\"last_sign_in_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"signed_up_at\">\n            {{ 'Admin.Users.RegisteredOn' | transloco }}\n            <p-sortIcon field=\"signed_up_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            class=\"actions-list-four\">\n            {{ 'Label.Actions' | transloco }}\n          </th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-user>\n        <tr>\n          <td data-head=\"id\"> {{ user.id }}</td>\n          <td data-head=\"First Name\"><a [routerLink]=\"['/members', user.slug]\">{{ user.first_name }}</a></td>\n          <td data-head=\"Last Name\">{{ user.last_name }}\n            <span *ngIf=\"user?.alpha\"\n              [pTooltip]=\"'Admin.Users.Tooltip.AlphaIcon'|transloco\"\n              tooltipPosition=\"top\">\n              <i class=\"fa-regular fa-square-a alpha-beta text-warning\"></i>\n            </span>\n            <span class=\"ms-2\"\n              *ngIf=\"user?.beta\"\n              [pTooltip]=\"'Admin.Users.Tooltip.BetaIcon'|transloco\"\n              tooltipPosition=\"top\">\n              <i class=\"fa-regular fa-square-b alpha-beta text-primary\" ></i>\n            </span>\n          </td>\n          <td data-head=\"Email\">{{ user.email }}</td>\n          <td data-head=\"Slug\">{{ user.slug }}</td>\n          <td data-head=\"Email Confirm\">\n            <span [appDynamicBadge]=\"{\n                                itemsArray: [true, false],\n                                item: user?.has_password\n                            }\"\n              color=\"success-danger\"\n              class=\"badge\">{{ user?.has_password ? 'Yes' : 'No' }}</span>\n          </td>\n          <td data-head=\"S/m #\">\n            <span [ngClass]=\"{\n                              'text-danger fw-bold': user?.sessions_last_month < 3\n                          }\">{{ user?.sessions_last_month }}</span>\n          </td>\n          <td data-head=\"Last Login\">\n            <span *ngIf=\"user?.current_sign_in_at;else lastSignin\">\n              {{ user.current_sign_in_at  | dateFormat }}\n            </span>\n            <ng-template #lastSignin>\n              {{ user.last_sign_in_at | dateFormat }}\n            </ng-template>\n          </td>\n          <td data-head=\"Registered On\">{{ user.signed_up_at | dateFormat }}</td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline\">\n              <li ngbTooltip=\"Impersonate this user\"\n                *rbacAllow=\"'Pages.Alpha'\"\n                class=\"me-2 me-sm-3\">\n                <i\n                                  class=\"fas fa-people-arrows\"\n                                  (click)=\"onImpersonate(user)\"\n                                  aria-hidden=\"true\"\n                              ></i>\n              </li>\n              <ng-template [ngIf]=\"user?.enable_two_factor_authenticator\">\n                <li ngbTooltip=\"Disable 2fa\"\n                  (click)=\"disable2fa(user?.id)\"\n                  *rbacAllow=\"'Pages.Alpha'\"\n                  class=\"me-2 me-sm-3\">\n                  <i class=\"fa fa-lock\" aria-hidden=\"true\"></i>\n                </li>\n              </ng-template>\n              <ng-template [ngIf]=\"currentUser && user.id !== currentUser.id\">\n                <li ngbTooltip=\"Message\"\n                  *rbacAllow=\"chatPermission\"\n                  class=\"me-2 me-sm-3\"\n                  [routerLink]=\"['/message']\"\n                  [fragment]=\"user.slug\">\n                  <i class=\"fa fa-comments cta1-icon\" aria-hidden=\"true\"></i>\n                </li>\n              </ng-template>\n              <li ngbTooltip=\"Edit\"\n                *rbacAllow=\"'Pages.Admin.Users.Edit'\"\n                class=\"me-2 me-sm-3\"\n                [routerLink]=\"[routers.usersDetails + user.id]\">\n                <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n              </li>\n              <li ngbTooltip=\"Delete\"\n                *rbacAllow=\"'Pages.Admin.Users.Delete'\"\n                class=\"me-2 me-sm-3\">\n                <i\n                                    class=\"fa fa-trash delete-icon\"\n                                    (click)=\"onDelete(user)\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </li>\n            </ul>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n  </div>\n</div>\n<!-- password validation modal for delete user -->\n<pw-password-validation #passwordValidationModalForUserDelete\n  (successEvent)=\"deleteUser($event)\">\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <p>{{ 'User.Account.Message.ActionCanNotUndone' | transloco }}</p>\n      <p>{{ 'User.Account.Message.ConfirmPassword' | transloco }}</p>\n    </div>\n  </div>\n</pw-password-validation>\n<!-- password validaton modal for impersonate -->\n<pw-password-validation #passwordValidationModalForImpersonate\n  (successEvent)=\"onUserImpersonation($event)\">\n</pw-password-validation>\n<!-- password validaton modal for remove2fa -->\n<pw-password-validation #passwordValidationModalForRemove2fa\n  (successEvent)=\"remove2fa($event)\">\n</pw-password-validation>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.search-input input{width:100%}.w-150{width:150px}@media (min-width: 767px){.table-responsive td,.table-responsive th{font-size:11px!important}}.alpha-beta{font-size:14px}\n"], dependencies: [{ kind: "component", type: i2$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.PasswordValidationComponent, selector: "pw-password-validation", outputs: ["successEvent"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i8.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i8.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i6$1.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i12.DateFormatPipe, name: "dateFormat" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: UserListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-admin-user-list', template: "<div class=\"row\">\n  <div class=\"col-12 create-user d-flex justify-content-between align-items-center my-3\">\n    <h2 class=\"card-title p-0 float-start\">Users</h2>\n    <a class=\"btn btn-sm btn-outline-primary float-end\"\n      id=\"btn-create\"\n      *rbacAllow=\"'SuperAdmin'\"\n      [routerLink]=\"[routers.usersDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create User\n    </a>\n  </div>\n</div>\n<div class=\"primeng-datatable-container mt-0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"users\"\n      [paginator]=\"true\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\n      [responsive]=\"true\"\n      [totalRecords]=\"totalRecords\"\n      [loading]=\"loading\"\n      [filterDelay]=\"1000\"\n      (onLazyLoad)=\"onLazyLoad($event)\"\n      [customSort]=\"true\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"search-filter\">\n          <div class=\"col-sm-4\">\n            <p-multiSelect [options]=\"searchOptions\"\n              (onChange)=\"onSearchOptionChange($event)\"\n              placeholder=\"Filter users by role, product, or feature\"\n              [selectionLimit]=\"1\"\n              [(ngModel)]=\"filterSource\"\n              [showToggleAll]=\"true\"\n              [showHeader]=\"true\"\n              appendTo=\"body\">\n            </p-multiSelect>\n          </div>\n          <div class=\"col-4\"\n            *ngIf=\"selectedOption\">\n            <p-multiSelect [options]=\"searchDataSource\"\n              (onChange)=\"onSearchCriteria($event)\"\n              [showToggleAll]=\"true\"\n              [(ngModel)]=\"criteria\"\n              [showHeader]=\"true\"\n              placeholder=\"Select {{ selectedOption.value }}s\"\n              maxSelectedLabels=\"2\"\n              appendTo=\"body\">\n            </p-multiSelect>\n          </div>\n          <div class=\"text-end\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search User...\"\n              data-cy=\"user-search\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"wd-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\"\n            pSortableColumn=\"id\">\n            {{ 'Admin.Users.Id' | transloco }}\n            <p-sortIcon field=\"id\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"first_name\">\n            {{ 'Label.FirstName' | transloco }}\n            <p-sortIcon field=\"first_name\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"last_name\">\n            {{ 'Label.LastName' | transloco }}\n            <p-sortIcon field=\"last_name\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"email\">\n            {{ 'Label.Email' | transloco }}\n            <p-sortIcon field=\"email\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"slug\">\n            {{ 'Admin.Users.Slug' | transloco }}\n            <p-sortIcon field=\"slug\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"encrypted_password\">\n            {{ 'Admin.Users.EmailConfirm' | transloco }}\n            <p-sortIcon field=\"encrypted_password\"></p-sortIcon>\n          </th>\n\n          <th scope=\"true\"\n            pSortableColumn=\"sessions_last_month\">\n            {{ 'Admin.Subscriptions.SessionsTotalLastMonth' | transloco }}\n            <p-sortIcon field=\"sessions_last_month\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"last_sign_in_at\">\n            {{ 'Admin.Users.LastLogin' | transloco }}\n            <p-sortIcon field=\"last_sign_in_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            pSortableColumn=\"signed_up_at\">\n            {{ 'Admin.Users.RegisteredOn' | transloco }}\n            <p-sortIcon field=\"signed_up_at\"></p-sortIcon>\n          </th>\n          <th scope=\"true\"\n            class=\"actions-list-four\">\n            {{ 'Label.Actions' | transloco }}\n          </th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-user>\n        <tr>\n          <td data-head=\"id\"> {{ user.id }}</td>\n          <td data-head=\"First Name\"><a [routerLink]=\"['/members', user.slug]\">{{ user.first_name }}</a></td>\n          <td data-head=\"Last Name\">{{ user.last_name }}\n            <span *ngIf=\"user?.alpha\"\n              [pTooltip]=\"'Admin.Users.Tooltip.AlphaIcon'|transloco\"\n              tooltipPosition=\"top\">\n              <i class=\"fa-regular fa-square-a alpha-beta text-warning\"></i>\n            </span>\n            <span class=\"ms-2\"\n              *ngIf=\"user?.beta\"\n              [pTooltip]=\"'Admin.Users.Tooltip.BetaIcon'|transloco\"\n              tooltipPosition=\"top\">\n              <i class=\"fa-regular fa-square-b alpha-beta text-primary\" ></i>\n            </span>\n          </td>\n          <td data-head=\"Email\">{{ user.email }}</td>\n          <td data-head=\"Slug\">{{ user.slug }}</td>\n          <td data-head=\"Email Confirm\">\n            <span [appDynamicBadge]=\"{\n                                itemsArray: [true, false],\n                                item: user?.has_password\n                            }\"\n              color=\"success-danger\"\n              class=\"badge\">{{ user?.has_password ? 'Yes' : 'No' }}</span>\n          </td>\n          <td data-head=\"S/m #\">\n            <span [ngClass]=\"{\n                              'text-danger fw-bold': user?.sessions_last_month < 3\n                          }\">{{ user?.sessions_last_month }}</span>\n          </td>\n          <td data-head=\"Last Login\">\n            <span *ngIf=\"user?.current_sign_in_at;else lastSignin\">\n              {{ user.current_sign_in_at  | dateFormat }}\n            </span>\n            <ng-template #lastSignin>\n              {{ user.last_sign_in_at | dateFormat }}\n            </ng-template>\n          </td>\n          <td data-head=\"Registered On\">{{ user.signed_up_at | dateFormat }}</td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline\">\n              <li ngbTooltip=\"Impersonate this user\"\n                *rbacAllow=\"'Pages.Alpha'\"\n                class=\"me-2 me-sm-3\">\n                <i\n                                  class=\"fas fa-people-arrows\"\n                                  (click)=\"onImpersonate(user)\"\n                                  aria-hidden=\"true\"\n                              ></i>\n              </li>\n              <ng-template [ngIf]=\"user?.enable_two_factor_authenticator\">\n                <li ngbTooltip=\"Disable 2fa\"\n                  (click)=\"disable2fa(user?.id)\"\n                  *rbacAllow=\"'Pages.Alpha'\"\n                  class=\"me-2 me-sm-3\">\n                  <i class=\"fa fa-lock\" aria-hidden=\"true\"></i>\n                </li>\n              </ng-template>\n              <ng-template [ngIf]=\"currentUser && user.id !== currentUser.id\">\n                <li ngbTooltip=\"Message\"\n                  *rbacAllow=\"chatPermission\"\n                  class=\"me-2 me-sm-3\"\n                  [routerLink]=\"['/message']\"\n                  [fragment]=\"user.slug\">\n                  <i class=\"fa fa-comments cta1-icon\" aria-hidden=\"true\"></i>\n                </li>\n              </ng-template>\n              <li ngbTooltip=\"Edit\"\n                *rbacAllow=\"'Pages.Admin.Users.Edit'\"\n                class=\"me-2 me-sm-3\"\n                [routerLink]=\"[routers.usersDetails + user.id]\">\n                <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n              </li>\n              <li ngbTooltip=\"Delete\"\n                *rbacAllow=\"'Pages.Admin.Users.Delete'\"\n                class=\"me-2 me-sm-3\">\n                <i\n                                    class=\"fa fa-trash delete-icon\"\n                                    (click)=\"onDelete(user)\"\n                                    aria-hidden=\"true\"\n                                ></i>\n              </li>\n            </ul>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n  </div>\n</div>\n<!-- password validation modal for delete user -->\n<pw-password-validation #passwordValidationModalForUserDelete\n  (successEvent)=\"deleteUser($event)\">\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <p>{{ 'User.Account.Message.ActionCanNotUndone' | transloco }}</p>\n      <p>{{ 'User.Account.Message.ConfirmPassword' | transloco }}</p>\n    </div>\n  </div>\n</pw-password-validation>\n<!-- password validaton modal for impersonate -->\n<pw-password-validation #passwordValidationModalForImpersonate\n  (successEvent)=\"onUserImpersonation($event)\">\n</pw-password-validation>\n<!-- password validaton modal for remove2fa -->\n<pw-password-validation #passwordValidationModalForRemove2fa\n  (successEvent)=\"remove2fa($event)\">\n</pw-password-validation>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.search-input input{width:100%}.w-150{width:150px}@media (min-width: 767px){.table-responsive td,.table-responsive th{font-size:11px!important}}.alpha-beta{font-size:14px}\n"] }]