@posiwise/admin-module 0.0.246 → 0.0.247

package/fesm2022/posiwise-admin-module.mjs

@@ -4846,11 +4846,11 @@ class NewsletterUsersListComponent extends AppBaseComponent {
         super.ngOnDestroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: NewsletterUsersListComponent, deps: [{ token: i0.Injector }, { token: i1.AdminService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: NewsletterUsersListComponent, isStandalone: false, 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 mt-4\">\n      <a aria-label=\"Navigate to Target\"\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  @if (!isLoaded) {\n    <div class=\"w-100 text-center mt-3\"\n      >\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n  }\n\n  <div class=\"primeng-datatable-container actions-collapsed table-responsive\"\n    [class.hideTable]=\"data.unfiltered_count === 0\">\n    <p-table #dt\n      [value]=\"data.newsletter_users\"\n      [paginator]=\"data.object_count !== 0\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\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          <label for=\"newsletter-users-list-search\" class=\"visually-hidden\">Search users</label>\n          <p-iconfield iconPosition=\"left\">\n            <p-inputicon><i class=\"fa fa-search\" aria-hidden=\"true\"></i></p-inputicon>\n            <input type=\"text\"\n              id=\"newsletter-users-list-search\"\n              name=\"newsletter-users-list-search\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              placeholder=\"Search users...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              aria-label=\"Search users...\" />\n          </p-iconfield>\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    @if (data.object_count === 0 && data.unfiltered_count !== 0) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n        </pw-no-data>\n      </div>\n    }\n    @if (data.object_count !== 0) {\n      <pw-records-summary [showing]=\"dt?.value?.length ?? 0\" [total]=\"data.object_count\" />\n    }\n  </div>\n  @if (data.unfiltered_count === 0 && isLoaded) {\n    <div>\n      <pw-no-data [withImage]=\"true\" [message]=\"'Admin.NewsletterItem.NewsLetterRecipientsNoDataMessage' | transloco\">\n      </pw-no-data>\n    </div>\n  }\n", dependencies: [{ kind: "component", type: i3.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "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", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i3.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: i7$1.IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "styleClass"] }, { kind: "component", type: i8.InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }, { kind: "directive", type: i9.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: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$1.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i3$2.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "component", type: i3$2.RecordsSummaryComponent, selector: "pw-records-summary", inputs: ["showing", "total"] }, { kind: "directive", type: i12.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i13.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i17.DateFormatPipe, name: "dateFormat" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: NewsletterUsersListComponent, isStandalone: false, 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 mt-4\">\n      <a aria-label=\"Navigate to Target\"\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  @if (!isLoaded) {\n    <div class=\"w-100 text-center mt-3\"\n      >\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n  }\n\n  <div class=\"primeng-datatable-container actions-collapsed table-responsive\"\n    [class.hideTable]=\"data.unfiltered_count === 0\">\n    <p-table #dt\n      [value]=\"data.newsletter_users\"\n      [paginator]=\"data.object_count !== 0\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\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          <label for=\"newsletter-users-list-search\" class=\"visually-hidden\">Search users</label>\n          <p-iconfield iconPosition=\"left\">\n            <p-inputicon><i class=\"fa fa-search\" aria-hidden=\"true\"></i></p-inputicon>\n            <input type=\"text\"\n              id=\"newsletter-users-list-search\"\n              name=\"newsletter-users-list-search\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              placeholder=\"Search users...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              aria-label=\"Search users...\" />\n          </p-iconfield>\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            \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\">\n            @if (user?.current_sign_in_at | isOnline) {\n              <pw-online-indicator [lastSeen]=\"user.current_sign_in_at\" />\n            } @else {\n              {{ user?.last_sign_in_at | dateFormat }}\n            }\n          </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    @if (data.object_count === 0 && data.unfiltered_count !== 0) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n        </pw-no-data>\n      </div>\n    }\n    @if (data.object_count !== 0) {\n      <pw-records-summary [showing]=\"dt?.value?.length ?? 0\" [total]=\"data.object_count\" />\n    }\n  </div>\n  @if (data.unfiltered_count === 0 && isLoaded) {\n    <div>\n      <pw-no-data [withImage]=\"true\" [message]=\"'Admin.NewsletterItem.NewsLetterRecipientsNoDataMessage' | transloco\">\n      </pw-no-data>\n    </div>\n  }\n", dependencies: [{ kind: "component", type: i3.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "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", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i3.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: i7$1.IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "styleClass"] }, { kind: "component", type: i8.InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }, { kind: "directive", type: i9.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: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$1.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i3$2.OnlineIndicatorComponent, selector: "pw-online-indicator", inputs: ["lastSeen"] }, { kind: "component", type: i3$2.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "component", type: i3$2.RecordsSummaryComponent, selector: "pw-records-summary", inputs: ["showing", "total"] }, { kind: "directive", type: i12.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i13.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i17.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i17.IsOnlinePipe, name: "isOnline" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: NewsletterUsersListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-newsletter-users-list', standalone: false, template: "<div class=\"row\">\n  <div class=\"col-12 mb-3\">\n    <div class=\"me-auto col-xs-6 mt-4\">\n      <a aria-label=\"Navigate to Target\"\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  @if (!isLoaded) {\n    <div class=\"w-100 text-center mt-3\"\n      >\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n  }\n\n  <div class=\"primeng-datatable-container actions-collapsed table-responsive\"\n    [class.hideTable]=\"data.unfiltered_count === 0\">\n    <p-table #dt\n      [value]=\"data.newsletter_users\"\n      [paginator]=\"data.object_count !== 0\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\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          <label for=\"newsletter-users-list-search\" class=\"visually-hidden\">Search users</label>\n          <p-iconfield iconPosition=\"left\">\n            <p-inputicon><i class=\"fa fa-search\" aria-hidden=\"true\"></i></p-inputicon>\n            <input type=\"text\"\n              id=\"newsletter-users-list-search\"\n              name=\"newsletter-users-list-search\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              placeholder=\"Search users...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              aria-label=\"Search users...\" />\n          </p-iconfield>\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    @if (data.object_count === 0 && data.unfiltered_count !== 0) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n        </pw-no-data>\n      </div>\n    }\n    @if (data.object_count !== 0) {\n      <pw-records-summary [showing]=\"dt?.value?.length ?? 0\" [total]=\"data.object_count\" />\n    }\n  </div>\n  @if (data.unfiltered_count === 0 && isLoaded) {\n    <div>\n      <pw-no-data [withImage]=\"true\" [message]=\"'Admin.NewsletterItem.NewsLetterRecipientsNoDataMessage' | transloco\">\n      </pw-no-data>\n    </div>\n  }\n" }]
+            args: [{ selector: 'pw-newsletter-users-list', standalone: false, template: "<div class=\"row\">\n  <div class=\"col-12 mb-3\">\n    <div class=\"me-auto col-xs-6 mt-4\">\n      <a aria-label=\"Navigate to Target\"\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  @if (!isLoaded) {\n    <div class=\"w-100 text-center mt-3\"\n      >\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n  }\n\n  <div class=\"primeng-datatable-container actions-collapsed table-responsive\"\n    [class.hideTable]=\"data.unfiltered_count === 0\">\n    <p-table #dt\n      [value]=\"data.newsletter_users\"\n      [paginator]=\"data.object_count !== 0\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\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          <label for=\"newsletter-users-list-search\" class=\"visually-hidden\">Search users</label>\n          <p-iconfield iconPosition=\"left\">\n            <p-inputicon><i class=\"fa fa-search\" aria-hidden=\"true\"></i></p-inputicon>\n            <input type=\"text\"\n              id=\"newsletter-users-list-search\"\n              name=\"newsletter-users-list-search\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              placeholder=\"Search users...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              aria-label=\"Search users...\" />\n          </p-iconfield>\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            \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\">\n            @if (user?.current_sign_in_at | isOnline) {\n              <pw-online-indicator [lastSeen]=\"user.current_sign_in_at\" />\n            } @else {\n              {{ user?.last_sign_in_at | dateFormat }}\n            }\n          </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    @if (data.object_count === 0 && data.unfiltered_count !== 0) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n        </pw-no-data>\n      </div>\n    }\n    @if (data.object_count !== 0) {\n      <pw-records-summary [showing]=\"dt?.value?.length ?? 0\" [total]=\"data.object_count\" />\n    }\n  </div>\n  @if (data.unfiltered_count === 0 && isLoaded) {\n    <div>\n      <pw-no-data [withImage]=\"true\" [message]=\"'Admin.NewsletterItem.NewsLetterRecipientsNoDataMessage' | transloco\">\n      </pw-no-data>\n    </div>\n  }\n" }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.AdminService }, { type: i0.ChangeDetectorRef }] });
 
 class NewsletterInsightComponent extends AppBaseComponent {
@@ -6410,11 +6410,11 @@ class UsersListForProductComponent extends AppBaseComponent {
         super.ngOnDestroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: UsersListForProductComponent, deps: [{ token: i1$1.ProductService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: UsersListForProductComponent, isStandalone: false, 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 mt-4\">\n      <a aria-label=\"Navigate to Target\"\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 actions-collapsed table-responsive mt-0\">\n    <p-table #dt\n      [value]=\"users\"\n      [paginator]=\"totalRecords !== 0\"\n      [rows]=\"PAGE_SIZE\"\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          <label for=\"users-list-for-product-search\" class=\"visually-hidden\">Search User</label>\n          <p-iconfield iconPosition=\"left\">\n            <p-inputicon><i class=\"fa fa-search\" aria-hidden=\"true\"></i></p-inputicon>\n            <input type=\"text\"\n              id=\"users-list-for-product-search\"\n              name=\"users-list-for-product-search\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              placeholder=\"Search users...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              aria-label=\"Search users...\" />\n          </p-iconfield>\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\" 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\">\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 list-action\">\n              @if (currentUser && item.id !== currentUser.id) {\n                <li pTooltip=\"Message\" tooltipPosition=\"top\" appendTo=\"body\"\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              }\n            </ul>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    @if (!loading && (dt?.value?.length ?? 0) === 0) {\n      <div>\n        <pw-no-data [withImage]=\"true\"\n          [message]=\"'Search.NoDataMessage' | transloco\"\n          [description]=\"'Search.NoDataDescription' | transloco\">\n        </pw-no-data>\n      </div>\n    }\n    @if (totalRecords !== 0) {\n      <pw-records-summary [showing]=\"dt?.value?.length ?? 0\" [total]=\"totalRecords\" />\n    }\n  </div>\n", dependencies: [{ kind: "component", type: i3.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "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", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i3.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: i7$1.IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "styleClass"] }, { kind: "component", type: i8.InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }, { kind: "directive", type: i9.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: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$2.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "component", type: i3$2.RecordsSummaryComponent, selector: "pw-records-summary", inputs: ["showing", "total"] }, { kind: "directive", type: i14.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i12.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i13.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i17.DateFormatPipe, name: "dateFormat" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: UsersListForProductComponent, isStandalone: false, 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 mt-4\">\n      <a aria-label=\"Navigate to Target\"\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 actions-collapsed table-responsive mt-0\">\n    <p-table #dt\n      [value]=\"users\"\n      [paginator]=\"totalRecords !== 0\"\n      [rows]=\"PAGE_SIZE\"\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          <label for=\"users-list-for-product-search\" class=\"visually-hidden\">Search User</label>\n          <p-iconfield iconPosition=\"left\">\n            <p-inputicon><i class=\"fa fa-search\" aria-hidden=\"true\"></i></p-inputicon>\n            <input type=\"text\"\n              id=\"users-list-for-product-search\"\n              name=\"users-list-for-product-search\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              placeholder=\"Search users...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              aria-label=\"Search users...\" />\n          </p-iconfield>\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\" 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\">\n            <a [routerLink]=\"['/members', item?.slug]\">{{ item?.first_name }} {{ item?.last_name }}</a>\n            \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\">\n            @if (item?.current_sign_in_at | isOnline) {\n              <pw-online-indicator [lastSeen]=\"item.current_sign_in_at\" />\n            } @else {\n              {{ item?.last_sign_in_at | dateFormat }}\n            }\n          </td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline list-action\">\n              @if (currentUser && item.id !== currentUser.id) {\n                <li pTooltip=\"Message\" tooltipPosition=\"top\" appendTo=\"body\"\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              }\n            </ul>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    @if (!loading && (dt?.value?.length ?? 0) === 0) {\n      <div>\n        <pw-no-data [withImage]=\"true\"\n          [message]=\"'Search.NoDataMessage' | transloco\"\n          [description]=\"'Search.NoDataDescription' | transloco\">\n        </pw-no-data>\n      </div>\n    }\n    @if (totalRecords !== 0) {\n      <pw-records-summary [showing]=\"dt?.value?.length ?? 0\" [total]=\"totalRecords\" />\n    }\n  </div>\n", dependencies: [{ kind: "component", type: i3.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "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", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i3.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: i7$1.IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "styleClass"] }, { kind: "component", type: i8.InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }, { kind: "directive", type: i9.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: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$2.OnlineIndicatorComponent, selector: "pw-online-indicator", inputs: ["lastSeen"] }, { kind: "component", type: i3$2.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "component", type: i3$2.RecordsSummaryComponent, selector: "pw-records-summary", inputs: ["showing", "total"] }, { kind: "directive", type: i14.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i12.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i13.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i17.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i17.IsOnlinePipe, name: "isOnline" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: UsersListForProductComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-users-list-for-product', standalone: false, template: "<div class=\"row\">\n  <div class=\"col-12 mb-3\">\n    <div class=\"me-auto col-xs-6 mt-4\">\n      <a aria-label=\"Navigate to Target\"\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 actions-collapsed table-responsive mt-0\">\n    <p-table #dt\n      [value]=\"users\"\n      [paginator]=\"totalRecords !== 0\"\n      [rows]=\"PAGE_SIZE\"\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          <label for=\"users-list-for-product-search\" class=\"visually-hidden\">Search User</label>\n          <p-iconfield iconPosition=\"left\">\n            <p-inputicon><i class=\"fa fa-search\" aria-hidden=\"true\"></i></p-inputicon>\n            <input type=\"text\"\n              id=\"users-list-for-product-search\"\n              name=\"users-list-for-product-search\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              placeholder=\"Search users...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              aria-label=\"Search users...\" />\n          </p-iconfield>\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\" 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\">\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 list-action\">\n              @if (currentUser && item.id !== currentUser.id) {\n                <li pTooltip=\"Message\" tooltipPosition=\"top\" appendTo=\"body\"\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              }\n            </ul>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    @if (!loading && (dt?.value?.length ?? 0) === 0) {\n      <div>\n        <pw-no-data [withImage]=\"true\"\n          [message]=\"'Search.NoDataMessage' | transloco\"\n          [description]=\"'Search.NoDataDescription' | transloco\">\n        </pw-no-data>\n      </div>\n    }\n    @if (totalRecords !== 0) {\n      <pw-records-summary [showing]=\"dt?.value?.length ?? 0\" [total]=\"totalRecords\" />\n    }\n  </div>\n" }]
+            args: [{ selector: 'pw-users-list-for-product', standalone: false, template: "<div class=\"row\">\n  <div class=\"col-12 mb-3\">\n    <div class=\"me-auto col-xs-6 mt-4\">\n      <a aria-label=\"Navigate to Target\"\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 actions-collapsed table-responsive mt-0\">\n    <p-table #dt\n      [value]=\"users\"\n      [paginator]=\"totalRecords !== 0\"\n      [rows]=\"PAGE_SIZE\"\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          <label for=\"users-list-for-product-search\" class=\"visually-hidden\">Search User</label>\n          <p-iconfield iconPosition=\"left\">\n            <p-inputicon><i class=\"fa fa-search\" aria-hidden=\"true\"></i></p-inputicon>\n            <input type=\"text\"\n              id=\"users-list-for-product-search\"\n              name=\"users-list-for-product-search\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              placeholder=\"Search users...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              aria-label=\"Search users...\" />\n          </p-iconfield>\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\" 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\">\n            <a [routerLink]=\"['/members', item?.slug]\">{{ item?.first_name }} {{ item?.last_name }}</a>\n            \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\">\n            @if (item?.current_sign_in_at | isOnline) {\n              <pw-online-indicator [lastSeen]=\"item.current_sign_in_at\" />\n            } @else {\n              {{ item?.last_sign_in_at | dateFormat }}\n            }\n          </td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline list-action\">\n              @if (currentUser && item.id !== currentUser.id) {\n                <li pTooltip=\"Message\" tooltipPosition=\"top\" appendTo=\"body\"\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              }\n            </ul>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    @if (!loading && (dt?.value?.length ?? 0) === 0) {\n      <div>\n        <pw-no-data [withImage]=\"true\"\n          [message]=\"'Search.NoDataMessage' | transloco\"\n          [description]=\"'Search.NoDataDescription' | transloco\">\n        </pw-no-data>\n      </div>\n    }\n    @if (totalRecords !== 0) {\n      <pw-records-summary [showing]=\"dt?.value?.length ?? 0\" [total]=\"totalRecords\" />\n    }\n  </div>\n" }]
         }], ctorParameters: () => [{ type: i1$1.ProductService }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }] });
 
 class ResourceAdminDetailsComponent extends AppBaseComponent {
@@ -7629,11 +7629,11 @@ class SubscriptionUsersComponent extends AppBaseComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: SubscriptionUsersComponent, deps: [{ token: i1$1.SubscriptionService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }, { token: i1$1.AuthService }, { token: i1$1.WindowService }, { token: i1.AdminService }, { token: i1$1.CustomToastService }, { token: i3$2.ConfirmDialogService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: SubscriptionUsersComponent, isStandalone: false, selector: "pw-subscription-users", viewQueries: [{ propertyName: "passwordValidationModalForImpersonate", first: true, predicate: ["passwordValidationModalForImpersonate"], descendants: true }, { propertyName: "passwordValidationModalForUserDelete", first: true, predicate: ["passwordValidationModalForUserDelete"], descendants: true }, { propertyName: "passwordValidationModalForRemove2fa", first: true, predicate: ["passwordValidationModalForRemove2fa"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"w-100 text-center mt-3\">\n  @if (!isLoaded) {\n    <p-progressSpinner></p-progressSpinner>\n  }\n</div>\n@if (!isAddEnabled && canShowSubscriptionActions && isUserSubscriptionSuperAdmin) {\n  <div class=\"text-end mb-2\">\n    <button class=\"btn btn-sm btn-outline-primary\" (click)=\"isAddEnabled = true\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Add Members\n    </button>\n  </div>\n}\n@if (!isAddEnabled) {\n  <section id=\"members\"\n    >\n    <div [class.hideTable]=\"totalUnfilteredCount === 0\"\n      class=\"primeng-datatable-container actions-collapsed table-responsive mt-0\">\n      <p-table #dt\n        [value]=\"subscriptionMembers\"\n        [paginator]=\"totalRecords !== 0\"\n        [rows]=\"PAGE_SIZE\"\n        [lazy]=\"true\"\n        [totalRecords]=\"totalRecords\"\n        [loading]=\"loading\"\n        [filterDelay]=\"1000\"\n        [customSort]=\"true\"\n        (onLazyLoad)=\"onLazyLoad($event)\">\n        <ng-template pTemplate=\"caption\">\n          <div class=\"text-end\">\n            <label for=\"subscription-users-search\" class=\"visually-hidden\">Search subscription users</label>\n            <p-iconfield iconPosition=\"left\">\n              <p-inputicon><i class=\"fa fa-search\" aria-hidden=\"true\"></i></p-inputicon>\n              <input id=\"subscription-users-search\"\n                name=\"subscription-users-search\"\n                [(ngModel)]=\"searchText\"\n                (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n                type=\"text\"\n                pInputText\n                placeholder=\"Search subscription users...\"\n                aria-label=\"Search subscription users...\" />\n            </p-iconfield>\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\" class=\"actions-list-two\">\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\">\n              <span class=\"first-name\">{{ user.first_name }}</span>\n              @if (subscriptionOwnerUserId === user.id) {\n                <span *rbacAllow=\"'Pages.Alpha'\" class=\"badge bg-primary mx-1\"> Owner </span>\n              }\n              @if (subscriptionAdmins?.includes(user?.id)) {\n                <span class=\"badge bg-success mx-1 admin-badge\"> Admin </span>\n              }\n            </td>\n            <td data-head=\"Last Name\">\n              {{ user.last_name }}\n              @if (user?.alpha) {\n                <span\n                  [pTooltip]=\"'Admin.Users.Tooltip.AlphaIcon'|transloco\"\n                  tooltipPosition=\"top\"\n                  appendTo=\"body\">\n                  <i class=\"fa-regular fa-square-a alpha-beta text-warning\"></i>\n                </span>\n              }\n              @if (user?.beta) {\n                <span\n                  [pTooltip]=\"'Admin.Users.Tooltip.BetaIcon'|transloco\"\n                  class=\"ms-2\"\n                  tooltipPosition=\"top\"\n                  appendTo=\"body\">\n                  <i class=\"fa-regular fa-square-b alpha-beta text-primary\"></i>\n                </span>\n              }\n              @if (user?.cognito_sso_activated) {\n                <span\n                  class=\"ms-2\"\n                  [pTooltip]=\"'Admin.Users.Tooltip.Cognito' | transloco\"\n                  tooltipPosition=\"top\"\n                  appendTo=\"body\">\n                  <i class=\"fa fa-cloud success\" ></i>\n                </span>\n              }\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\">\n                {{ user?.has_password ? 'Yes' : 'No' }}\n              </span>\n              @if (user?.blocked) {\n                <span\n                  [pTooltip]=\"'This user has been blocked'\"\n                  class=\"ms-2\"\n                  tooltipPosition=\"top\"\n                  appendTo=\"body\">\n                  <i class=\"fa-solid fa-hexagon-exclamation text-danger hexa-warning\"></i>\n                </span>\n              }\n            </td>\n            <td data-head=\"Last Login\">\n              @if (user?.current_sign_in_at) {\n                <span>\n                  <span>\n                    {{ user.current_sign_in_at | dateFormat }}\n                  </span>\n                  @if (user.current_sign_in_at) {\n                    <span>\n                      &nbsp;({{ user.current_sign_in_at | sinceAgo }})\n                    </span>\n                  }\n                </span>\n              } @else {\n                <span>\n                  <span>\n                    {{ user.last_sign_in_at | dateFormat }}\n                  </span>\n                  @if (user.last_sign_in_at) {\n                    <span>\n                      &nbsp;({{ user.last_sign_in_at | sinceAgo }})\n                    </span>\n                  }\n                </span>\n              }\n            </td>\n            <td data-head=\"Action\">\n              <ul class=\"list-unstyled list-inline list-action\">\n                <li *rbacAllow=\"'Pages.Alpha'\" pTooltip=\"Impersonate this user\" tooltipPosition=\"top\" appendTo=\"body\" class=\"me-2 me-sm-3\">\n                  <i (click)=\"onImpersonate(user)\" (keydown.enter)=\"onImpersonate(user)\"  class=\"fas fa-people-arrows fa-lg\" aria-hidden=\"true\"></i>\n                </li>\n                @if (subscriptionOwnerUserId !== user.id) {\n                  <li *rbacAllow=\"'Pages.Alpha'\" pTooltip=\"Set this user as new owner\" tooltipPosition=\"top\" appendTo=\"body\" class=\"me-2 me-sm-3\">\n                    <i (click)=\"onChangeOwner(user)\" (keydown.enter)=\"onChangeOwner(user)\"  class=\"fa fa-key warning fa-lg\" aria-hidden=\"true\"></i>\n                  </li>\n                }\n                @if (user?.enable_two_factor_authenticator) {\n                  <li *rbacAllow=\"'Pages.Alpha'\"\n                    (click)=\"disable2fa(user?.id)\"\n                    (keydown.enter)=\"disable2fa(user?.id)\"\n                    pTooltip=\"Disable 2FA\"\n                    tooltipPosition=\"top\"\n                    appendTo=\"body\"\n                    class=\"me-2 me-sm-3 success\">\n                    <i class=\"fa fa-lock\"\n                    aria-hidden=\"true\"></i>\n                  </li>\n                }\n                @if (canShowSubscriptionActions && isUserSubscriptionSuperAdmin) {\n                  <!-- Make Admin -->\n                  @if (!subscriptionAdmins?.includes(user.id)) {\n                    <li pTooltip=\"Make Admin\"\n                      tooltipPosition=\"top\"\n                      appendTo=\"body\"\n                      class=\"me-2 me-sm-3 mx-2\"\n                      >\n                      <i\n                        class=\"fa fa-user-crown fa-lg success\"\n                        (click)=\"makeAdmin(user, true)\"\n                        (keydown.enter)=\"makeAdmin(users, true)\"\n                        aria-hidden=\"true\"\n                      ></i>\n                    </li>\n                  }\n                  <li></li>\n                  <!-- Remove Admin -->\n                  @if (subscriptionAdmins?.includes(user.id)) {\n                    <li pTooltip=\"Remove Admin\"\n                      tooltipPosition=\"top\"\n                      appendTo=\"body\"\n                      class=\"me-2 me-sm-3 mx-2\"\n                      >\n                      <i\n                        class=\"fa fa-ban warning fa-lg\"\n                        (keydown.enter)=\"makeAdmin(user, false)\"\n                        (click)=\"makeAdmin(user, false)\"\n                        aria-hidden=\"true\"\n                      ></i>\n                    </li>\n                  }\n                } @else {\n                  <li class=\"mx-3\"></li>\n                }\n                @if (canShowSubscriptionActions) {\n                  <li\n                    [routerLink]=\"[routers.usersDetails + user.id]\"\n                    pTooltip=\"Edit\"\n                    tooltipPosition=\"top\"\n                    appendTo=\"body\"\n                    class=\"me-2 me-sm-3\">\n                    <i class=\"fa fa-edit edit-icon\"\n                    aria-hidden=\"true\"></i>\n                  </li>\n                }\n                @if (canShowSubscriptionActions && isGranted('Pages.Admin.Users.Delete')) {\n                  <li\n                    pTooltip=\"Remove user from subscription\"\n                    tooltipPosition=\"top\"\n                    appendTo=\"body\"\n                    class=\"me-2 me-sm-3\">\n                    <i (click)=\"onDelete(user)\"\n                      (keydown.enter)=\"onDelete(user)\"\n                      class=\"fa fa-trash delete-icon\"\n                    aria-hidden=\"true\"></i>\n                  </li>\n                }\n              </ul>\n            </td>\n          </tr>\n        </ng-template>\n      </p-table>\n      @if (totalRecords === 0 && totalUnfilteredCount !== 0) {\n        <div>\n          <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n          </pw-no-data>\n        </div>\n      }\n      @if (totalRecords !== 0) {\n        <pw-records-summary [showing]=\"dt?.value?.length ?? 0\" [total]=\"totalRecords\" />\n      }\n    </div>\n    @if (totalUnfilteredCount === 0 && isLoaded) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Admin.Subscriptions.NoSubscriptionUsersMessage' | transloco\">\n        </pw-no-data>\n      </div>\n    }\n  </section>\n}\n\n\n@if (isAddEnabled) {\n  <section id=\"manage-members\"\n    >\n    <pw-add-members (membersAdded)=\"onMembersAdded()\"\n    ></pw-add-members>\n  </section>\n}\n\n<!-- password validation modal for impersonate -->\n<pw-password-validation #passwordValidationModalForImpersonate\n  (successEvent)=\"onUserImpersonation($event)\">\n</pw-password-validation>\n<!-- password validation modal for delete user -->\n\n<!-- password validation modal for remove2fa -->\n<pw-password-validation #passwordValidationModalForRemove2fa\n  (successEvent)=\"remove2fa($event)\">\n</pw-password-validation>\n", styles: [".hexa-warning{font-size:18px;vertical-align:middle}.alpha-beta{font-size:14px}.info-icon{vertical-align:middle;margin-left:5px}.first-name{margin-right:5px}\n"], dependencies: [{ kind: "component", type: i3.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "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", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i3.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: i7$1.IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "styleClass"] }, { kind: "component", type: i8.InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }, { kind: "directive", type: i9.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: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$2.PasswordValidationComponent, selector: "pw-password-validation", inputs: ["confirmMessage", "destructive"], outputs: ["successEvent"] }, { kind: "component", type: i4$1.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i3$2.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "component", type: i3$2.RecordsSummaryComponent, selector: "pw-records-summary", inputs: ["showing", "total"] }, { kind: "directive", type: i14.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color", "colorByName", "dataName"] }, { kind: "directive", type: i14.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i12.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: AddMembersComponent, selector: "pw-add-members", outputs: ["membersAdded"] }, { kind: "pipe", type: i13.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i17.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i17.SinceAgoPipe, name: "sinceAgo" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: SubscriptionUsersComponent, isStandalone: false, selector: "pw-subscription-users", viewQueries: [{ propertyName: "passwordValidationModalForImpersonate", first: true, predicate: ["passwordValidationModalForImpersonate"], descendants: true }, { propertyName: "passwordValidationModalForUserDelete", first: true, predicate: ["passwordValidationModalForUserDelete"], descendants: true }, { propertyName: "passwordValidationModalForRemove2fa", first: true, predicate: ["passwordValidationModalForRemove2fa"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"w-100 text-center mt-3\">\n  @if (!isLoaded) {\n    <p-progressSpinner></p-progressSpinner>\n  }\n</div>\n@if (!isAddEnabled && canShowSubscriptionActions && isUserSubscriptionSuperAdmin) {\n  <div class=\"text-end mb-2\">\n    <button class=\"btn btn-sm btn-outline-primary\" (click)=\"isAddEnabled = true\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Add Members\n    </button>\n  </div>\n}\n@if (!isAddEnabled) {\n  <section id=\"members\"\n    >\n    <div [class.hideTable]=\"totalUnfilteredCount === 0\"\n      class=\"primeng-datatable-container actions-collapsed table-responsive mt-0\">\n      <p-table #dt\n        [value]=\"subscriptionMembers\"\n        [paginator]=\"totalRecords !== 0\"\n        [rows]=\"PAGE_SIZE\"\n        [lazy]=\"true\"\n        [totalRecords]=\"totalRecords\"\n        [loading]=\"loading\"\n        [filterDelay]=\"1000\"\n        [customSort]=\"true\"\n        (onLazyLoad)=\"onLazyLoad($event)\">\n        <ng-template pTemplate=\"caption\">\n          <div class=\"text-end\">\n            <label for=\"subscription-users-search\" class=\"visually-hidden\">Search subscription users</label>\n            <p-iconfield iconPosition=\"left\">\n              <p-inputicon><i class=\"fa fa-search\" aria-hidden=\"true\"></i></p-inputicon>\n              <input id=\"subscription-users-search\"\n                name=\"subscription-users-search\"\n                [(ngModel)]=\"searchText\"\n                (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n                type=\"text\"\n                pInputText\n                placeholder=\"Search subscription users...\"\n                aria-label=\"Search subscription users...\" />\n            </p-iconfield>\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\" class=\"actions-list-two\">\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\">\n              <span class=\"first-name\">{{ user.first_name }}</span>\n              @if (subscriptionOwnerUserId === user.id) {\n                <span *rbacAllow=\"'Pages.Alpha'\" class=\"badge bg-primary mx-1\"> Owner </span>\n              }\n              @if (subscriptionAdmins?.includes(user?.id)) {\n                <span class=\"badge bg-success mx-1 admin-badge\"> Admin </span>\n              }\n              \n            </td>\n            <td data-head=\"Last Name\">\n              {{ user.last_name }}\n              @if (user?.alpha) {\n                <span\n                  [pTooltip]=\"'Admin.Users.Tooltip.AlphaIcon'|transloco\"\n                  tooltipPosition=\"top\"\n                  appendTo=\"body\">\n                  <i class=\"fa-regular fa-square-a alpha-beta text-warning\"></i>\n                </span>\n              }\n              @if (user?.beta) {\n                <span\n                  [pTooltip]=\"'Admin.Users.Tooltip.BetaIcon'|transloco\"\n                  class=\"ms-2\"\n                  tooltipPosition=\"top\"\n                  appendTo=\"body\">\n                  <i class=\"fa-regular fa-square-b alpha-beta text-primary\"></i>\n                </span>\n              }\n              @if (user?.cognito_sso_activated) {\n                <span\n                  class=\"ms-2\"\n                  [pTooltip]=\"'Admin.Users.Tooltip.Cognito' | transloco\"\n                  tooltipPosition=\"top\"\n                  appendTo=\"body\">\n                  <i class=\"fa fa-cloud success\" ></i>\n                </span>\n              }\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\">\n                {{ user?.has_password ? 'Yes' : 'No' }}\n              </span>\n              @if (user?.blocked) {\n                <span\n                  [pTooltip]=\"'This user has been blocked'\"\n                  class=\"ms-2\"\n                  tooltipPosition=\"top\"\n                  appendTo=\"body\">\n                  <i class=\"fa-solid fa-hexagon-exclamation text-danger hexa-warning\"></i>\n                </span>\n              }\n            </td>\n            <td data-head=\"Last Login\">\n              @if (user?.current_sign_in_at | isOnline) {\n                <pw-online-indicator [lastSeen]=\"user.current_sign_in_at\" />\n              } @else if (user?.current_sign_in_at) {\n                <span>\n                  <span>\n                    {{ user.current_sign_in_at | dateFormat }}\n                  </span>\n                  <span>\n                    &nbsp;({{ user.current_sign_in_at | sinceAgo }})\n                  </span>\n                </span>\n              } @else {\n                <span>\n                  <span>\n                    {{ user.last_sign_in_at | dateFormat }}\n                  </span>\n                  @if (user.last_sign_in_at) {\n                    <span>\n                      &nbsp;({{ user.last_sign_in_at | sinceAgo }})\n                    </span>\n                  }\n                </span>\n              }\n            </td>\n            <td data-head=\"Action\">\n              <ul class=\"list-unstyled list-inline list-action\">\n                <li *rbacAllow=\"'Pages.Alpha'\" pTooltip=\"Impersonate this user\" tooltipPosition=\"top\" appendTo=\"body\" class=\"me-2 me-sm-3\">\n                  <i (click)=\"onImpersonate(user)\" (keydown.enter)=\"onImpersonate(user)\"  class=\"fas fa-people-arrows fa-lg\" aria-hidden=\"true\"></i>\n                </li>\n                @if (subscriptionOwnerUserId !== user.id) {\n                  <li *rbacAllow=\"'Pages.Alpha'\" pTooltip=\"Set this user as new owner\" tooltipPosition=\"top\" appendTo=\"body\" class=\"me-2 me-sm-3\">\n                    <i (click)=\"onChangeOwner(user)\" (keydown.enter)=\"onChangeOwner(user)\"  class=\"fa fa-key warning fa-lg\" aria-hidden=\"true\"></i>\n                  </li>\n                }\n                @if (user?.enable_two_factor_authenticator) {\n                  <li *rbacAllow=\"'Pages.Alpha'\"\n                    (click)=\"disable2fa(user?.id)\"\n                    (keydown.enter)=\"disable2fa(user?.id)\"\n                    pTooltip=\"Disable 2FA\"\n                    tooltipPosition=\"top\"\n                    appendTo=\"body\"\n                    class=\"me-2 me-sm-3 success\">\n                    <i class=\"fa fa-lock\"\n                    aria-hidden=\"true\"></i>\n                  </li>\n                }\n                @if (canShowSubscriptionActions && isUserSubscriptionSuperAdmin) {\n                  <!-- Make Admin -->\n                  @if (!subscriptionAdmins?.includes(user.id)) {\n                    <li pTooltip=\"Make Admin\"\n                      tooltipPosition=\"top\"\n                      appendTo=\"body\"\n                      class=\"me-2 me-sm-3 mx-2\"\n                      >\n                      <i\n                        class=\"fa fa-user-crown fa-lg success\"\n                        (click)=\"makeAdmin(user, true)\"\n                        (keydown.enter)=\"makeAdmin(users, true)\"\n                        aria-hidden=\"true\"\n                      ></i>\n                    </li>\n                  }\n                  <li></li>\n                  <!-- Remove Admin -->\n                  @if (subscriptionAdmins?.includes(user.id)) {\n                    <li pTooltip=\"Remove Admin\"\n                      tooltipPosition=\"top\"\n                      appendTo=\"body\"\n                      class=\"me-2 me-sm-3 mx-2\"\n                      >\n                      <i\n                        class=\"fa fa-ban warning fa-lg\"\n                        (keydown.enter)=\"makeAdmin(user, false)\"\n                        (click)=\"makeAdmin(user, false)\"\n                        aria-hidden=\"true\"\n                      ></i>\n                    </li>\n                  }\n                } @else {\n                  <li class=\"mx-3\"></li>\n                }\n                @if (canShowSubscriptionActions) {\n                  <li\n                    [routerLink]=\"[routers.usersDetails + user.id]\"\n                    pTooltip=\"Edit\"\n                    tooltipPosition=\"top\"\n                    appendTo=\"body\"\n                    class=\"me-2 me-sm-3\">\n                    <i class=\"fa fa-edit edit-icon\"\n                    aria-hidden=\"true\"></i>\n                  </li>\n                }\n                @if (canShowSubscriptionActions && isGranted('Pages.Admin.Users.Delete')) {\n                  <li\n                    pTooltip=\"Remove user from subscription\"\n                    tooltipPosition=\"top\"\n                    appendTo=\"body\"\n                    class=\"me-2 me-sm-3\">\n                    <i (click)=\"onDelete(user)\"\n                      (keydown.enter)=\"onDelete(user)\"\n                      class=\"fa fa-trash delete-icon\"\n                    aria-hidden=\"true\"></i>\n                  </li>\n                }\n              </ul>\n            </td>\n          </tr>\n        </ng-template>\n      </p-table>\n      @if (totalRecords === 0 && totalUnfilteredCount !== 0) {\n        <div>\n          <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n          </pw-no-data>\n        </div>\n      }\n      @if (totalRecords !== 0) {\n        <pw-records-summary [showing]=\"dt?.value?.length ?? 0\" [total]=\"totalRecords\" />\n      }\n    </div>\n    @if (totalUnfilteredCount === 0 && isLoaded) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Admin.Subscriptions.NoSubscriptionUsersMessage' | transloco\">\n        </pw-no-data>\n      </div>\n    }\n  </section>\n}\n\n@if (isAddEnabled) {\n  <section id=\"manage-members\"\n    >\n    <pw-add-members (membersAdded)=\"onMembersAdded()\"\n    ></pw-add-members>\n  </section>\n}\n\n<!-- password validation modal for impersonate -->\n<pw-password-validation #passwordValidationModalForImpersonate\n  (successEvent)=\"onUserImpersonation($event)\">\n</pw-password-validation>\n<!-- password validation modal for delete user -->\n\n<!-- password validation modal for remove2fa -->\n<pw-password-validation #passwordValidationModalForRemove2fa\n  (successEvent)=\"remove2fa($event)\">\n</pw-password-validation>\n", styles: [".hexa-warning{font-size:18px;vertical-align:middle}.alpha-beta{font-size:14px}.info-icon{vertical-align:middle;margin-left:5px}.first-name{margin-right:5px}\n"], dependencies: [{ kind: "component", type: i3.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "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", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i3.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: i7$1.IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "styleClass"] }, { kind: "component", type: i8.InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }, { kind: "directive", type: i9.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: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$2.PasswordValidationComponent, selector: "pw-password-validation", inputs: ["confirmMessage", "destructive"], outputs: ["successEvent"] }, { kind: "component", type: i4$1.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i3$2.OnlineIndicatorComponent, selector: "pw-online-indicator", inputs: ["lastSeen"] }, { kind: "component", type: i3$2.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "component", type: i3$2.RecordsSummaryComponent, selector: "pw-records-summary", inputs: ["showing", "total"] }, { kind: "directive", type: i14.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color", "colorByName", "dataName"] }, { kind: "directive", type: i14.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i12.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: AddMembersComponent, selector: "pw-add-members", outputs: ["membersAdded"] }, { kind: "pipe", type: i13.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i17.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i17.SinceAgoPipe, name: "sinceAgo" }, { kind: "pipe", type: i17.IsOnlinePipe, name: "isOnline" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: SubscriptionUsersComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-subscription-users', standalone: false, template: "<div class=\"w-100 text-center mt-3\">\n  @if (!isLoaded) {\n    <p-progressSpinner></p-progressSpinner>\n  }\n</div>\n@if (!isAddEnabled && canShowSubscriptionActions && isUserSubscriptionSuperAdmin) {\n  <div class=\"text-end mb-2\">\n    <button class=\"btn btn-sm btn-outline-primary\" (click)=\"isAddEnabled = true\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Add Members\n    </button>\n  </div>\n}\n@if (!isAddEnabled) {\n  <section id=\"members\"\n    >\n    <div [class.hideTable]=\"totalUnfilteredCount === 0\"\n      class=\"primeng-datatable-container actions-collapsed table-responsive mt-0\">\n      <p-table #dt\n        [value]=\"subscriptionMembers\"\n        [paginator]=\"totalRecords !== 0\"\n        [rows]=\"PAGE_SIZE\"\n        [lazy]=\"true\"\n        [totalRecords]=\"totalRecords\"\n        [loading]=\"loading\"\n        [filterDelay]=\"1000\"\n        [customSort]=\"true\"\n        (onLazyLoad)=\"onLazyLoad($event)\">\n        <ng-template pTemplate=\"caption\">\n          <div class=\"text-end\">\n            <label for=\"subscription-users-search\" class=\"visually-hidden\">Search subscription users</label>\n            <p-iconfield iconPosition=\"left\">\n              <p-inputicon><i class=\"fa fa-search\" aria-hidden=\"true\"></i></p-inputicon>\n              <input id=\"subscription-users-search\"\n                name=\"subscription-users-search\"\n                [(ngModel)]=\"searchText\"\n                (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n                type=\"text\"\n                pInputText\n                placeholder=\"Search subscription users...\"\n                aria-label=\"Search subscription users...\" />\n            </p-iconfield>\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\" class=\"actions-list-two\">\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\">\n              <span class=\"first-name\">{{ user.first_name }}</span>\n              @if (subscriptionOwnerUserId === user.id) {\n                <span *rbacAllow=\"'Pages.Alpha'\" class=\"badge bg-primary mx-1\"> Owner </span>\n              }\n              @if (subscriptionAdmins?.includes(user?.id)) {\n                <span class=\"badge bg-success mx-1 admin-badge\"> Admin </span>\n              }\n            </td>\n            <td data-head=\"Last Name\">\n              {{ user.last_name }}\n              @if (user?.alpha) {\n                <span\n                  [pTooltip]=\"'Admin.Users.Tooltip.AlphaIcon'|transloco\"\n                  tooltipPosition=\"top\"\n                  appendTo=\"body\">\n                  <i class=\"fa-regular fa-square-a alpha-beta text-warning\"></i>\n                </span>\n              }\n              @if (user?.beta) {\n                <span\n                  [pTooltip]=\"'Admin.Users.Tooltip.BetaIcon'|transloco\"\n                  class=\"ms-2\"\n                  tooltipPosition=\"top\"\n                  appendTo=\"body\">\n                  <i class=\"fa-regular fa-square-b alpha-beta text-primary\"></i>\n                </span>\n              }\n              @if (user?.cognito_sso_activated) {\n                <span\n                  class=\"ms-2\"\n                  [pTooltip]=\"'Admin.Users.Tooltip.Cognito' | transloco\"\n                  tooltipPosition=\"top\"\n                  appendTo=\"body\">\n                  <i class=\"fa fa-cloud success\" ></i>\n                </span>\n              }\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\">\n                {{ user?.has_password ? 'Yes' : 'No' }}\n              </span>\n              @if (user?.blocked) {\n                <span\n                  [pTooltip]=\"'This user has been blocked'\"\n                  class=\"ms-2\"\n                  tooltipPosition=\"top\"\n                  appendTo=\"body\">\n                  <i class=\"fa-solid fa-hexagon-exclamation text-danger hexa-warning\"></i>\n                </span>\n              }\n            </td>\n            <td data-head=\"Last Login\">\n              @if (user?.current_sign_in_at) {\n                <span>\n                  <span>\n                    {{ user.current_sign_in_at | dateFormat }}\n                  </span>\n                  @if (user.current_sign_in_at) {\n                    <span>\n                      &nbsp;({{ user.current_sign_in_at | sinceAgo }})\n                    </span>\n                  }\n                </span>\n              } @else {\n                <span>\n                  <span>\n                    {{ user.last_sign_in_at | dateFormat }}\n                  </span>\n                  @if (user.last_sign_in_at) {\n                    <span>\n                      &nbsp;({{ user.last_sign_in_at | sinceAgo }})\n                    </span>\n                  }\n                </span>\n              }\n            </td>\n            <td data-head=\"Action\">\n              <ul class=\"list-unstyled list-inline list-action\">\n                <li *rbacAllow=\"'Pages.Alpha'\" pTooltip=\"Impersonate this user\" tooltipPosition=\"top\" appendTo=\"body\" class=\"me-2 me-sm-3\">\n                  <i (click)=\"onImpersonate(user)\" (keydown.enter)=\"onImpersonate(user)\"  class=\"fas fa-people-arrows fa-lg\" aria-hidden=\"true\"></i>\n                </li>\n                @if (subscriptionOwnerUserId !== user.id) {\n                  <li *rbacAllow=\"'Pages.Alpha'\" pTooltip=\"Set this user as new owner\" tooltipPosition=\"top\" appendTo=\"body\" class=\"me-2 me-sm-3\">\n                    <i (click)=\"onChangeOwner(user)\" (keydown.enter)=\"onChangeOwner(user)\"  class=\"fa fa-key warning fa-lg\" aria-hidden=\"true\"></i>\n                  </li>\n                }\n                @if (user?.enable_two_factor_authenticator) {\n                  <li *rbacAllow=\"'Pages.Alpha'\"\n                    (click)=\"disable2fa(user?.id)\"\n                    (keydown.enter)=\"disable2fa(user?.id)\"\n                    pTooltip=\"Disable 2FA\"\n                    tooltipPosition=\"top\"\n                    appendTo=\"body\"\n                    class=\"me-2 me-sm-3 success\">\n                    <i class=\"fa fa-lock\"\n                    aria-hidden=\"true\"></i>\n                  </li>\n                }\n                @if (canShowSubscriptionActions && isUserSubscriptionSuperAdmin) {\n                  <!-- Make Admin -->\n                  @if (!subscriptionAdmins?.includes(user.id)) {\n                    <li pTooltip=\"Make Admin\"\n                      tooltipPosition=\"top\"\n                      appendTo=\"body\"\n                      class=\"me-2 me-sm-3 mx-2\"\n                      >\n                      <i\n                        class=\"fa fa-user-crown fa-lg success\"\n                        (click)=\"makeAdmin(user, true)\"\n                        (keydown.enter)=\"makeAdmin(users, true)\"\n                        aria-hidden=\"true\"\n                      ></i>\n                    </li>\n                  }\n                  <li></li>\n                  <!-- Remove Admin -->\n                  @if (subscriptionAdmins?.includes(user.id)) {\n                    <li pTooltip=\"Remove Admin\"\n                      tooltipPosition=\"top\"\n                      appendTo=\"body\"\n                      class=\"me-2 me-sm-3 mx-2\"\n                      >\n                      <i\n                        class=\"fa fa-ban warning fa-lg\"\n                        (keydown.enter)=\"makeAdmin(user, false)\"\n                        (click)=\"makeAdmin(user, false)\"\n                        aria-hidden=\"true\"\n                      ></i>\n                    </li>\n                  }\n                } @else {\n                  <li class=\"mx-3\"></li>\n                }\n                @if (canShowSubscriptionActions) {\n                  <li\n                    [routerLink]=\"[routers.usersDetails + user.id]\"\n                    pTooltip=\"Edit\"\n                    tooltipPosition=\"top\"\n                    appendTo=\"body\"\n                    class=\"me-2 me-sm-3\">\n                    <i class=\"fa fa-edit edit-icon\"\n                    aria-hidden=\"true\"></i>\n                  </li>\n                }\n                @if (canShowSubscriptionActions && isGranted('Pages.Admin.Users.Delete')) {\n                  <li\n                    pTooltip=\"Remove user from subscription\"\n                    tooltipPosition=\"top\"\n                    appendTo=\"body\"\n                    class=\"me-2 me-sm-3\">\n                    <i (click)=\"onDelete(user)\"\n                      (keydown.enter)=\"onDelete(user)\"\n                      class=\"fa fa-trash delete-icon\"\n                    aria-hidden=\"true\"></i>\n                  </li>\n                }\n              </ul>\n            </td>\n          </tr>\n        </ng-template>\n      </p-table>\n      @if (totalRecords === 0 && totalUnfilteredCount !== 0) {\n        <div>\n          <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n          </pw-no-data>\n        </div>\n      }\n      @if (totalRecords !== 0) {\n        <pw-records-summary [showing]=\"dt?.value?.length ?? 0\" [total]=\"totalRecords\" />\n      }\n    </div>\n    @if (totalUnfilteredCount === 0 && isLoaded) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Admin.Subscriptions.NoSubscriptionUsersMessage' | transloco\">\n        </pw-no-data>\n      </div>\n    }\n  </section>\n}\n\n\n@if (isAddEnabled) {\n  <section id=\"manage-members\"\n    >\n    <pw-add-members (membersAdded)=\"onMembersAdded()\"\n    ></pw-add-members>\n  </section>\n}\n\n<!-- password validation modal for impersonate -->\n<pw-password-validation #passwordValidationModalForImpersonate\n  (successEvent)=\"onUserImpersonation($event)\">\n</pw-password-validation>\n<!-- password validation modal for delete user -->\n\n<!-- password validation modal for remove2fa -->\n<pw-password-validation #passwordValidationModalForRemove2fa\n  (successEvent)=\"remove2fa($event)\">\n</pw-password-validation>\n", styles: [".hexa-warning{font-size:18px;vertical-align:middle}.alpha-beta{font-size:14px}.info-icon{vertical-align:middle;margin-left:5px}.first-name{margin-right:5px}\n"] }]
+            args: [{ selector: 'pw-subscription-users', standalone: false, template: "<div class=\"w-100 text-center mt-3\">\n  @if (!isLoaded) {\n    <p-progressSpinner></p-progressSpinner>\n  }\n</div>\n@if (!isAddEnabled && canShowSubscriptionActions && isUserSubscriptionSuperAdmin) {\n  <div class=\"text-end mb-2\">\n    <button class=\"btn btn-sm btn-outline-primary\" (click)=\"isAddEnabled = true\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Add Members\n    </button>\n  </div>\n}\n@if (!isAddEnabled) {\n  <section id=\"members\"\n    >\n    <div [class.hideTable]=\"totalUnfilteredCount === 0\"\n      class=\"primeng-datatable-container actions-collapsed table-responsive mt-0\">\n      <p-table #dt\n        [value]=\"subscriptionMembers\"\n        [paginator]=\"totalRecords !== 0\"\n        [rows]=\"PAGE_SIZE\"\n        [lazy]=\"true\"\n        [totalRecords]=\"totalRecords\"\n        [loading]=\"loading\"\n        [filterDelay]=\"1000\"\n        [customSort]=\"true\"\n        (onLazyLoad)=\"onLazyLoad($event)\">\n        <ng-template pTemplate=\"caption\">\n          <div class=\"text-end\">\n            <label for=\"subscription-users-search\" class=\"visually-hidden\">Search subscription users</label>\n            <p-iconfield iconPosition=\"left\">\n              <p-inputicon><i class=\"fa fa-search\" aria-hidden=\"true\"></i></p-inputicon>\n              <input id=\"subscription-users-search\"\n                name=\"subscription-users-search\"\n                [(ngModel)]=\"searchText\"\n                (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n                type=\"text\"\n                pInputText\n                placeholder=\"Search subscription users...\"\n                aria-label=\"Search subscription users...\" />\n            </p-iconfield>\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\" class=\"actions-list-two\">\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\">\n              <span class=\"first-name\">{{ user.first_name }}</span>\n              @if (subscriptionOwnerUserId === user.id) {\n                <span *rbacAllow=\"'Pages.Alpha'\" class=\"badge bg-primary mx-1\"> Owner </span>\n              }\n              @if (subscriptionAdmins?.includes(user?.id)) {\n                <span class=\"badge bg-success mx-1 admin-badge\"> Admin </span>\n              }\n              \n            </td>\n            <td data-head=\"Last Name\">\n              {{ user.last_name }}\n              @if (user?.alpha) {\n                <span\n                  [pTooltip]=\"'Admin.Users.Tooltip.AlphaIcon'|transloco\"\n                  tooltipPosition=\"top\"\n                  appendTo=\"body\">\n                  <i class=\"fa-regular fa-square-a alpha-beta text-warning\"></i>\n                </span>\n              }\n              @if (user?.beta) {\n                <span\n                  [pTooltip]=\"'Admin.Users.Tooltip.BetaIcon'|transloco\"\n                  class=\"ms-2\"\n                  tooltipPosition=\"top\"\n                  appendTo=\"body\">\n                  <i class=\"fa-regular fa-square-b alpha-beta text-primary\"></i>\n                </span>\n              }\n              @if (user?.cognito_sso_activated) {\n                <span\n                  class=\"ms-2\"\n                  [pTooltip]=\"'Admin.Users.Tooltip.Cognito' | transloco\"\n                  tooltipPosition=\"top\"\n                  appendTo=\"body\">\n                  <i class=\"fa fa-cloud success\" ></i>\n                </span>\n              }\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\">\n                {{ user?.has_password ? 'Yes' : 'No' }}\n              </span>\n              @if (user?.blocked) {\n                <span\n                  [pTooltip]=\"'This user has been blocked'\"\n                  class=\"ms-2\"\n                  tooltipPosition=\"top\"\n                  appendTo=\"body\">\n                  <i class=\"fa-solid fa-hexagon-exclamation text-danger hexa-warning\"></i>\n                </span>\n              }\n            </td>\n            <td data-head=\"Last Login\">\n              @if (user?.current_sign_in_at | isOnline) {\n                <pw-online-indicator [lastSeen]=\"user.current_sign_in_at\" />\n              } @else if (user?.current_sign_in_at) {\n                <span>\n                  <span>\n                    {{ user.current_sign_in_at | dateFormat }}\n                  </span>\n                  <span>\n                    &nbsp;({{ user.current_sign_in_at | sinceAgo }})\n                  </span>\n                </span>\n              } @else {\n                <span>\n                  <span>\n                    {{ user.last_sign_in_at | dateFormat }}\n                  </span>\n                  @if (user.last_sign_in_at) {\n                    <span>\n                      &nbsp;({{ user.last_sign_in_at | sinceAgo }})\n                    </span>\n                  }\n                </span>\n              }\n            </td>\n            <td data-head=\"Action\">\n              <ul class=\"list-unstyled list-inline list-action\">\n                <li *rbacAllow=\"'Pages.Alpha'\" pTooltip=\"Impersonate this user\" tooltipPosition=\"top\" appendTo=\"body\" class=\"me-2 me-sm-3\">\n                  <i (click)=\"onImpersonate(user)\" (keydown.enter)=\"onImpersonate(user)\"  class=\"fas fa-people-arrows fa-lg\" aria-hidden=\"true\"></i>\n                </li>\n                @if (subscriptionOwnerUserId !== user.id) {\n                  <li *rbacAllow=\"'Pages.Alpha'\" pTooltip=\"Set this user as new owner\" tooltipPosition=\"top\" appendTo=\"body\" class=\"me-2 me-sm-3\">\n                    <i (click)=\"onChangeOwner(user)\" (keydown.enter)=\"onChangeOwner(user)\"  class=\"fa fa-key warning fa-lg\" aria-hidden=\"true\"></i>\n                  </li>\n                }\n                @if (user?.enable_two_factor_authenticator) {\n                  <li *rbacAllow=\"'Pages.Alpha'\"\n                    (click)=\"disable2fa(user?.id)\"\n                    (keydown.enter)=\"disable2fa(user?.id)\"\n                    pTooltip=\"Disable 2FA\"\n                    tooltipPosition=\"top\"\n                    appendTo=\"body\"\n                    class=\"me-2 me-sm-3 success\">\n                    <i class=\"fa fa-lock\"\n                    aria-hidden=\"true\"></i>\n                  </li>\n                }\n                @if (canShowSubscriptionActions && isUserSubscriptionSuperAdmin) {\n                  <!-- Make Admin -->\n                  @if (!subscriptionAdmins?.includes(user.id)) {\n                    <li pTooltip=\"Make Admin\"\n                      tooltipPosition=\"top\"\n                      appendTo=\"body\"\n                      class=\"me-2 me-sm-3 mx-2\"\n                      >\n                      <i\n                        class=\"fa fa-user-crown fa-lg success\"\n                        (click)=\"makeAdmin(user, true)\"\n                        (keydown.enter)=\"makeAdmin(users, true)\"\n                        aria-hidden=\"true\"\n                      ></i>\n                    </li>\n                  }\n                  <li></li>\n                  <!-- Remove Admin -->\n                  @if (subscriptionAdmins?.includes(user.id)) {\n                    <li pTooltip=\"Remove Admin\"\n                      tooltipPosition=\"top\"\n                      appendTo=\"body\"\n                      class=\"me-2 me-sm-3 mx-2\"\n                      >\n                      <i\n                        class=\"fa fa-ban warning fa-lg\"\n                        (keydown.enter)=\"makeAdmin(user, false)\"\n                        (click)=\"makeAdmin(user, false)\"\n                        aria-hidden=\"true\"\n                      ></i>\n                    </li>\n                  }\n                } @else {\n                  <li class=\"mx-3\"></li>\n                }\n                @if (canShowSubscriptionActions) {\n                  <li\n                    [routerLink]=\"[routers.usersDetails + user.id]\"\n                    pTooltip=\"Edit\"\n                    tooltipPosition=\"top\"\n                    appendTo=\"body\"\n                    class=\"me-2 me-sm-3\">\n                    <i class=\"fa fa-edit edit-icon\"\n                    aria-hidden=\"true\"></i>\n                  </li>\n                }\n                @if (canShowSubscriptionActions && isGranted('Pages.Admin.Users.Delete')) {\n                  <li\n                    pTooltip=\"Remove user from subscription\"\n                    tooltipPosition=\"top\"\n                    appendTo=\"body\"\n                    class=\"me-2 me-sm-3\">\n                    <i (click)=\"onDelete(user)\"\n                      (keydown.enter)=\"onDelete(user)\"\n                      class=\"fa fa-trash delete-icon\"\n                    aria-hidden=\"true\"></i>\n                  </li>\n                }\n              </ul>\n            </td>\n          </tr>\n        </ng-template>\n      </p-table>\n      @if (totalRecords === 0 && totalUnfilteredCount !== 0) {\n        <div>\n          <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n          </pw-no-data>\n        </div>\n      }\n      @if (totalRecords !== 0) {\n        <pw-records-summary [showing]=\"dt?.value?.length ?? 0\" [total]=\"totalRecords\" />\n      }\n    </div>\n    @if (totalUnfilteredCount === 0 && isLoaded) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Admin.Subscriptions.NoSubscriptionUsersMessage' | transloco\">\n        </pw-no-data>\n      </div>\n    }\n  </section>\n}\n\n@if (isAddEnabled) {\n  <section id=\"manage-members\"\n    >\n    <pw-add-members (membersAdded)=\"onMembersAdded()\"\n    ></pw-add-members>\n  </section>\n}\n\n<!-- password validation modal for impersonate -->\n<pw-password-validation #passwordValidationModalForImpersonate\n  (successEvent)=\"onUserImpersonation($event)\">\n</pw-password-validation>\n<!-- password validation modal for delete user -->\n\n<!-- password validation modal for remove2fa -->\n<pw-password-validation #passwordValidationModalForRemove2fa\n  (successEvent)=\"remove2fa($event)\">\n</pw-password-validation>\n", styles: [".hexa-warning{font-size:18px;vertical-align:middle}.alpha-beta{font-size:14px}.info-icon{vertical-align:middle;margin-left:5px}.first-name{margin-right:5px}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.SubscriptionService }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }, { type: i1$1.AuthService }, { type: i1$1.WindowService }, { type: i1.AdminService }, { type: i1$1.CustomToastService }, { type: i3$2.ConfirmDialogService }], propDecorators: { passwordValidationModalForImpersonate: [{
                 type: ViewChild,
                 args: ['passwordValidationModalForImpersonate', { static: false }]
@@ -11464,11 +11464,11 @@ class UserListComponent extends UsersListBaseComponent {
         this.adminService.remove2fa(this.remove2faUserId, this.subscriptionId).subscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: UserListComponent, deps: [{ token: i1.AdminService }, { token: i1$1.CustomToastService }, { token: i1$1.ProductService }, { token: i0.Injector }, { token: i1$1.AuthService }, { token: i0.ChangeDetectorRef }, { token: i1$1.WindowService }, { token: i3$2.CollapsibleSidebarService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: UserListComponent, isStandalone: false, 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 d-flex flex-wrap justify-content-between align-items-baseline\">\n    <h2 class=\"card-title p-0\">Users</h2>\n    <a class=\"btn btn-sm btn-outline-primary\"\n      id=\"btn-create\"\n      *rbacAllow=\"'SuperAdmin'\"\n      [routerLink]=\"[routers.usersDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Add User\n    </a>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\">\n  @if (!isLoaded) {\n    <p-progressSpinner> </p-progressSpinner>\n  }\n</div>\n<div class=\"primeng-datatable-container actions-collapsed mt-0\" [class.hideTable]=\"totalRecordsUnFiltered === 0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"users\"\n      [paginator]=\"totalRecords !== 0\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\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 styleClass=\"pw-filter-select\" inputId=\"users-list-filter-role-product\"\n              [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          @if (selectedOption) {\n            <div class=\"col-4\"\n              >\n              <p-multiSelect styleClass=\"pw-filter-select\" inputId=\"users-list-filter-criteria\"\n                [options]=\"searchDataSource\"\n                (onChange)=\"onSearchCriteria($event)\"\n                [showToggleAll]=\"true\"\n                [(ngModel)]=\"criteria\"\n                [showHeader]=\"true\"\n                placeholder=\"Filter by {{ selectedOption.value }}s\"\n                maxSelectedLabels=\"2\"\n                appendTo=\"body\">\n              </p-multiSelect>\n            </div>\n          }\n          <div class=\"col-auto d-flex align-items-center\">\n            <span class=\"ambassadors-only-toggle\"\n              [pTooltip]=\"'Admin.Users.AmbassadorsOnly' | transloco\"\n              tooltipPosition=\"top\" appendTo=\"body\">\n              <ui-switch\n                [checked]=\"showAmbassadorsOnly\"\n                (change)=\"showAmbassadorsOnly = $event; onAmbassadorsOnlyToggle()\"\n                [attr.aria-label]=\"'Admin.Users.AmbassadorsOnly' | transloco\">\n              </ui-switch>\n            </span>\n          </div>\n          <div class=\"text-end\">\n            <label for=\"users-list-search\" class=\"visually-hidden\">Search User</label>\n            <p-iconfield iconPosition=\"left\">\n              <p-inputicon><i class=\"fa fa-search\" aria-hidden=\"true\"></i></p-inputicon>\n              <input type=\"text\"\n                id=\"users-list-search\"\n                name=\"users-list-search\"\n                [(ngModel)]=\"searchText\"\n                pInputText\n                placeholder=\"Search users...\"\n                data-cy=\"user-search\"\n                (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n                class=\"wd-90\"\n                aria-label=\"Search users...\" />\n            </p-iconfield>\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            @if (user?.alpha) {\n              <span\n                [pTooltip]=\"'Admin.Users.Tooltip.AlphaIcon'|transloco\"\n                tooltipPosition=\"top\" appendTo=\"body\">\n                <i class=\"fa-regular fa-square-a alpha-beta text-warning\"></i>\n              </span>\n            }\n            @if (user?.beta) {\n              <span class=\"ms-2\"\n                [pTooltip]=\"'Admin.Users.Tooltip.BetaIcon'|transloco\"\n                tooltipPosition=\"top\" appendTo=\"body\">\n                <i class=\"fa-regular fa-square-b alpha-beta text-primary\" ></i>\n              </span>\n            }\n            @if (user?.cognito_sso_activated) {\n              <span\n                class=\"ms-2\"\n                [pTooltip]=\"'Admin.Users.Tooltip.Cognito' | transloco\"\n                tooltipPosition=\"top\" appendTo=\"body\">\n                <i class=\"fa fa-cloud success\" ></i>\n              </span>\n            }\n            @if (user?.ambassador_count > 0) {\n              <span\n                class=\"ms-2\"\n                [pTooltip]=\"'Admin.Users.Tooltip.Ambassador' | transloco\"\n                tooltipPosition=\"top\" appendTo=\"body\">\n                <i class=\"fa fa-handshake alpha-beta text-primary\" aria-hidden=\"true\"></i>\n              </span>\n            }\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            @if (user?.blocked) {\n              <span class=\"ms-2\" [pTooltip]=\"'This user has been blocked'\" tooltipPosition=\"top\" appendTo=\"body\">\n                <i class=\"fa-solid fa-hexagon-exclamation text-danger hexa-warning\"></i>\n              </span>\n            }\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            @if (user?.current_sign_in_at) {\n              <span>\n                {{ user.current_sign_in_at  | dateFormat }}\n              </span>\n            } @else {\n              {{ user.last_sign_in_at | dateFormat }}\n            }\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 list-action\">\n              <li pTooltip=\"Impersonate this user\" tooltipPosition=\"top\" appendTo=\"body\"\n                *rbacAllow=\"'Pages.Alpha'\"\n                class=\"me-2 me-sm-3\">\n                <i\n                  class=\"fas fa-people-arrows fa-lg\"\n                  (click)=\"onImpersonate(user)\"\n                  (keydown.enter)=\"onImpersonate(user)\"\n                  aria-hidden=\"true\"\n                ></i>\n              </li>\n              @if (user?.enable_two_factor_authenticator) {\n                <li pTooltip=\"Disable 2FA\" tooltipPosition=\"top\" appendTo=\"body\"\n                  (click)=\"disable2fa(user?.id)\"\n                  (keydown.enter)=\"disable2fa(user?.id)\"\n                  *rbacAllow=\"'Pages.Alpha'\"\n                  class=\"me-2 me-sm-3\">\n                  <i class=\"fa fa-lock fa-lg success\" aria-hidden=\"true\"></i>\n                </li>\n              }\n              @if (currentUser && user.id !== currentUser.id) {\n                <li pTooltip=\"Message\" tooltipPosition=\"top\" appendTo=\"body\"\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              }\n              <li pTooltip=\"Edit\" tooltipPosition=\"top\" appendTo=\"body\"\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 pTooltip=\"Delete\" tooltipPosition=\"top\" appendTo=\"body\"\n                *rbacAllow=\"'Pages.Admin.Users.Delete'\"\n                class=\"me-2 me-sm-3\">\n                <i\n                  class=\"fa fa-trash delete-icon\"\n                  (keydown.enter)=\"onDelete(user)\"\n                  (keydown.space)=\"onDelete(user)\"\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    @if (totalRecords === 0 && totalRecordsUnFiltered !== 0) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\" [description]=\"'Search.NoDataDescription' | transloco\">\n        </pw-no-data>\n      </div>\n    }\n    @if (totalRecords !== 0) {\n      <pw-records-summary [showing]=\"dt?.value?.length ?? 0\" [total]=\"totalRecords\" />\n    }\n  </div>\n</div>\n@if (!loading && totalRecordsUnFiltered === 0) {\n  <div>\n    <pw-no-data [withImage]=\"true\" [message]=\"'Admin.Users.NoDataMessage' | transloco\"> </pw-no-data>\n  </div>\n}\n<!-- password validation modal for delete user -->\n<pw-password-validation #passwordValidationModalForUserDelete\n  [destructive]=\"true\"\n  (successEvent)=\"deleteUser($event)\">\n</pw-password-validation>\n<!-- password validation modal for impersonate -->\n<pw-password-validation #passwordValidationModalForImpersonate\n  (successEvent)=\"onUserImpersonation($event)\">\n</pw-password-validation>\n<!-- password validation modal for remove2fa -->\n<pw-password-validation #passwordValidationModalForRemove2fa\n  (successEvent)=\"remove2fa($event)\">\n</pw-password-validation>\n", styles: ["@charset \"UTF-8\";: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_sub_bg: color-mix(in srgb, var(--first, rgb(23 105 225)) 85%, #000000);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255);--dashboard_bg: rgb(255 255 255);--public-btn-radius: 24px}.search-input input{width:100%}.w-150{width:150px}.table-responsive td[data-head=id]{font-variant-numeric:tabular-nums;color:#7c8696}.hexa-warning{font-size:18px;vertical-align:middle}.alpha-beta{font-size:14px}.ambassadors-only-toggle{display:inline-flex;align-items:center}.ambassadors-only-toggle ::ng-deep .switch small{display:flex;align-items:center;justify-content:center}.ambassadors-only-toggle ::ng-deep .switch small:after{content:\"\\f2b5\";font-family:\"Font Awesome 6 Pro\",sans-serif;font-weight:900;font-size:12px;line-height:1;color:var(--first)}\n"], dependencies: [{ kind: "component", type: i3.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "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", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i3.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: i7.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "dataKey", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "placeholder", "options", "filterValue", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect", "size", "variant", "fluid", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: i7$1.IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "styleClass"] }, { kind: "component", type: i8.InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }, { kind: "directive", type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i9.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: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i10.UiSwitchComponent, selector: "ui-switch", inputs: ["size", "color", "switchOffColor", "switchColor", "defaultBgColor", "defaultBoColor", "checkedLabel", "uncheckedLabel", "checkedTextColor", "uncheckedTextColor", "beforeChange", "ariaLabel", "checked", "disabled", "reverse", "loading"], outputs: ["change", "changeEvent", "valueChange"] }, { kind: "component", type: i3$2.PasswordValidationComponent, selector: "pw-password-validation", inputs: ["confirmMessage", "destructive"], outputs: ["successEvent"] }, { kind: "component", type: i4$1.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i3$2.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "component", type: i3$2.RecordsSummaryComponent, selector: "pw-records-summary", inputs: ["showing", "total"] }, { kind: "directive", type: i14.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color", "colorByName", "dataName"] }, { kind: "directive", type: i14.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i12.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i13.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i17.DateFormatPipe, name: "dateFormat" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: UserListComponent, isStandalone: false, 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 d-flex flex-wrap justify-content-between align-items-baseline\">\n    <h2 class=\"card-title p-0\">Users</h2>\n    <a class=\"btn btn-sm btn-outline-primary\"\n      id=\"btn-create\"\n      *rbacAllow=\"'SuperAdmin'\"\n      [routerLink]=\"[routers.usersDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Add User\n    </a>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\">\n  @if (!isLoaded) {\n    <p-progressSpinner> </p-progressSpinner>\n  }\n</div>\n<div class=\"primeng-datatable-container actions-collapsed mt-0\" [class.hideTable]=\"totalRecordsUnFiltered === 0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"users\"\n      [paginator]=\"totalRecords !== 0\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\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 styleClass=\"pw-filter-select\" inputId=\"users-list-filter-role-product\"\n              [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          @if (selectedOption) {\n            <div class=\"col-4\"\n              >\n              <p-multiSelect styleClass=\"pw-filter-select\" inputId=\"users-list-filter-criteria\"\n                [options]=\"searchDataSource\"\n                (onChange)=\"onSearchCriteria($event)\"\n                [showToggleAll]=\"true\"\n                [(ngModel)]=\"criteria\"\n                [showHeader]=\"true\"\n                placeholder=\"Filter by {{ selectedOption.value }}s\"\n                maxSelectedLabels=\"2\"\n                appendTo=\"body\">\n              </p-multiSelect>\n            </div>\n          }\n          <div class=\"col-auto d-flex align-items-center\">\n            <span class=\"ambassadors-only-toggle\"\n              [pTooltip]=\"'Admin.Users.AmbassadorsOnly' | transloco\"\n              tooltipPosition=\"top\" appendTo=\"body\">\n              <ui-switch\n                [checked]=\"showAmbassadorsOnly\"\n                (change)=\"showAmbassadorsOnly = $event; onAmbassadorsOnlyToggle()\"\n                [attr.aria-label]=\"'Admin.Users.AmbassadorsOnly' | transloco\">\n              </ui-switch>\n            </span>\n          </div>\n          <div class=\"text-end\">\n            <label for=\"users-list-search\" class=\"visually-hidden\">Search User</label>\n            <p-iconfield iconPosition=\"left\">\n              <p-inputicon><i class=\"fa fa-search\" aria-hidden=\"true\"></i></p-inputicon>\n              <input type=\"text\"\n                id=\"users-list-search\"\n                name=\"users-list-search\"\n                [(ngModel)]=\"searchText\"\n                pInputText\n                placeholder=\"Search users...\"\n                data-cy=\"user-search\"\n                (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n                class=\"wd-90\"\n                aria-label=\"Search users...\" />\n            </p-iconfield>\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            @if (user?.alpha) {\n              <span\n                [pTooltip]=\"'Admin.Users.Tooltip.AlphaIcon'|transloco\"\n                tooltipPosition=\"top\" appendTo=\"body\">\n                <i class=\"fa-regular fa-square-a alpha-beta text-warning\"></i>\n              </span>\n            }\n            @if (user?.beta) {\n              <span class=\"ms-2\"\n                [pTooltip]=\"'Admin.Users.Tooltip.BetaIcon'|transloco\"\n                tooltipPosition=\"top\" appendTo=\"body\">\n                <i class=\"fa-regular fa-square-b alpha-beta text-primary\" ></i>\n              </span>\n            }\n            @if (user?.cognito_sso_activated) {\n              <span\n                class=\"ms-2\"\n                [pTooltip]=\"'Admin.Users.Tooltip.Cognito' | transloco\"\n                tooltipPosition=\"top\" appendTo=\"body\">\n                <i class=\"fa fa-cloud success\" ></i>\n              </span>\n            }\n            @if (user?.ambassador_count > 0) {\n              <span\n                class=\"ms-2\"\n                [pTooltip]=\"'Admin.Users.Tooltip.Ambassador' | transloco\"\n                tooltipPosition=\"top\" appendTo=\"body\">\n                <i class=\"fa fa-handshake alpha-beta text-primary\" aria-hidden=\"true\"></i>\n              </span>\n            }\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            @if (user?.blocked) {\n              <span class=\"ms-2\" [pTooltip]=\"'This user has been blocked'\" tooltipPosition=\"top\" appendTo=\"body\">\n                <i class=\"fa-solid fa-hexagon-exclamation text-danger hexa-warning\"></i>\n              </span>\n            }\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            @if (user?.current_sign_in_at | isOnline) {\n              <pw-online-indicator [lastSeen]=\"user.current_sign_in_at\" />\n            } @else if (user?.current_sign_in_at) {\n              <span>\n                {{ user.current_sign_in_at  | dateFormat }}\n              </span>\n            } @else {\n              {{ user.last_sign_in_at | dateFormat }}\n            }\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 list-action\">\n              <li pTooltip=\"Impersonate this user\" tooltipPosition=\"top\" appendTo=\"body\"\n                *rbacAllow=\"'Pages.Alpha'\"\n                class=\"me-2 me-sm-3\">\n                <i\n                  class=\"fas fa-people-arrows fa-lg\"\n                  (click)=\"onImpersonate(user)\"\n                  (keydown.enter)=\"onImpersonate(user)\"\n                  aria-hidden=\"true\"\n                ></i>\n              </li>\n              @if (user?.enable_two_factor_authenticator) {\n                <li pTooltip=\"Disable 2FA\" tooltipPosition=\"top\" appendTo=\"body\"\n                  (click)=\"disable2fa(user?.id)\"\n                  (keydown.enter)=\"disable2fa(user?.id)\"\n                  *rbacAllow=\"'Pages.Alpha'\"\n                  class=\"me-2 me-sm-3\">\n                  <i class=\"fa fa-lock fa-lg success\" aria-hidden=\"true\"></i>\n                </li>\n              }\n              @if (currentUser && user.id !== currentUser.id) {\n                <li pTooltip=\"Message\" tooltipPosition=\"top\" appendTo=\"body\"\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              }\n              <li pTooltip=\"Edit\" tooltipPosition=\"top\" appendTo=\"body\"\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 pTooltip=\"Delete\" tooltipPosition=\"top\" appendTo=\"body\"\n                *rbacAllow=\"'Pages.Admin.Users.Delete'\"\n                class=\"me-2 me-sm-3\">\n                <i\n                  class=\"fa fa-trash delete-icon\"\n                  (keydown.enter)=\"onDelete(user)\"\n                  (keydown.space)=\"onDelete(user)\"\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    @if (totalRecords === 0 && totalRecordsUnFiltered !== 0) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\" [description]=\"'Search.NoDataDescription' | transloco\">\n        </pw-no-data>\n      </div>\n    }\n    @if (totalRecords !== 0) {\n      <pw-records-summary [showing]=\"dt?.value?.length ?? 0\" [total]=\"totalRecords\" />\n    }\n  </div>\n</div>\n@if (!loading && totalRecordsUnFiltered === 0) {\n  <div>\n    <pw-no-data [withImage]=\"true\" [message]=\"'Admin.Users.NoDataMessage' | transloco\"> </pw-no-data>\n  </div>\n}\n<!-- password validation modal for delete user -->\n<pw-password-validation #passwordValidationModalForUserDelete\n  [destructive]=\"true\"\n  (successEvent)=\"deleteUser($event)\">\n</pw-password-validation>\n<!-- password validation modal for impersonate -->\n<pw-password-validation #passwordValidationModalForImpersonate\n  (successEvent)=\"onUserImpersonation($event)\">\n</pw-password-validation>\n<!-- password validation modal for remove2fa -->\n<pw-password-validation #passwordValidationModalForRemove2fa\n  (successEvent)=\"remove2fa($event)\">\n</pw-password-validation>\n", styles: ["@charset \"UTF-8\";: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_sub_bg: color-mix(in srgb, var(--first, rgb(23 105 225)) 85%, #000000);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255);--dashboard_bg: rgb(255 255 255);--public-btn-radius: 24px}.search-input input{width:100%}.w-150{width:150px}.table-responsive td[data-head=id]{font-variant-numeric:tabular-nums;color:#7c8696}.hexa-warning{font-size:18px;vertical-align:middle}.alpha-beta{font-size:14px}.ambassadors-only-toggle{display:inline-flex;align-items:center}.ambassadors-only-toggle ::ng-deep .switch small{display:flex;align-items:center;justify-content:center}.ambassadors-only-toggle ::ng-deep .switch small:after{content:\"\\f2b5\";font-family:\"Font Awesome 6 Pro\",sans-serif;font-weight:900;font-size:12px;line-height:1;color:var(--first)}\n"], dependencies: [{ kind: "component", type: i3.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "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", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i3.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: i7.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "dataKey", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "placeholder", "options", "filterValue", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect", "size", "variant", "fluid", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: i7$1.IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "styleClass"] }, { kind: "component", type: i8.InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }, { kind: "directive", type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i9.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: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i10.UiSwitchComponent, selector: "ui-switch", inputs: ["size", "color", "switchOffColor", "switchColor", "defaultBgColor", "defaultBoColor", "checkedLabel", "uncheckedLabel", "checkedTextColor", "uncheckedTextColor", "beforeChange", "ariaLabel", "checked", "disabled", "reverse", "loading"], outputs: ["change", "changeEvent", "valueChange"] }, { kind: "component", type: i3$2.PasswordValidationComponent, selector: "pw-password-validation", inputs: ["confirmMessage", "destructive"], outputs: ["successEvent"] }, { kind: "component", type: i4$1.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i3$2.OnlineIndicatorComponent, selector: "pw-online-indicator", inputs: ["lastSeen"] }, { kind: "component", type: i3$2.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "component", type: i3$2.RecordsSummaryComponent, selector: "pw-records-summary", inputs: ["showing", "total"] }, { kind: "directive", type: i14.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color", "colorByName", "dataName"] }, { kind: "directive", type: i14.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i12.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i13.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i17.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i17.IsOnlinePipe, name: "isOnline" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: UserListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-admin-user-list', standalone: false, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex flex-wrap justify-content-between align-items-baseline\">\n    <h2 class=\"card-title p-0\">Users</h2>\n    <a class=\"btn btn-sm btn-outline-primary\"\n      id=\"btn-create\"\n      *rbacAllow=\"'SuperAdmin'\"\n      [routerLink]=\"[routers.usersDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Add User\n    </a>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\">\n  @if (!isLoaded) {\n    <p-progressSpinner> </p-progressSpinner>\n  }\n</div>\n<div class=\"primeng-datatable-container actions-collapsed mt-0\" [class.hideTable]=\"totalRecordsUnFiltered === 0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"users\"\n      [paginator]=\"totalRecords !== 0\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\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 styleClass=\"pw-filter-select\" inputId=\"users-list-filter-role-product\"\n              [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          @if (selectedOption) {\n            <div class=\"col-4\"\n              >\n              <p-multiSelect styleClass=\"pw-filter-select\" inputId=\"users-list-filter-criteria\"\n                [options]=\"searchDataSource\"\n                (onChange)=\"onSearchCriteria($event)\"\n                [showToggleAll]=\"true\"\n                [(ngModel)]=\"criteria\"\n                [showHeader]=\"true\"\n                placeholder=\"Filter by {{ selectedOption.value }}s\"\n                maxSelectedLabels=\"2\"\n                appendTo=\"body\">\n              </p-multiSelect>\n            </div>\n          }\n          <div class=\"col-auto d-flex align-items-center\">\n            <span class=\"ambassadors-only-toggle\"\n              [pTooltip]=\"'Admin.Users.AmbassadorsOnly' | transloco\"\n              tooltipPosition=\"top\" appendTo=\"body\">\n              <ui-switch\n                [checked]=\"showAmbassadorsOnly\"\n                (change)=\"showAmbassadorsOnly = $event; onAmbassadorsOnlyToggle()\"\n                [attr.aria-label]=\"'Admin.Users.AmbassadorsOnly' | transloco\">\n              </ui-switch>\n            </span>\n          </div>\n          <div class=\"text-end\">\n            <label for=\"users-list-search\" class=\"visually-hidden\">Search User</label>\n            <p-iconfield iconPosition=\"left\">\n              <p-inputicon><i class=\"fa fa-search\" aria-hidden=\"true\"></i></p-inputicon>\n              <input type=\"text\"\n                id=\"users-list-search\"\n                name=\"users-list-search\"\n                [(ngModel)]=\"searchText\"\n                pInputText\n                placeholder=\"Search users...\"\n                data-cy=\"user-search\"\n                (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n                class=\"wd-90\"\n                aria-label=\"Search users...\" />\n            </p-iconfield>\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            @if (user?.alpha) {\n              <span\n                [pTooltip]=\"'Admin.Users.Tooltip.AlphaIcon'|transloco\"\n                tooltipPosition=\"top\" appendTo=\"body\">\n                <i class=\"fa-regular fa-square-a alpha-beta text-warning\"></i>\n              </span>\n            }\n            @if (user?.beta) {\n              <span class=\"ms-2\"\n                [pTooltip]=\"'Admin.Users.Tooltip.BetaIcon'|transloco\"\n                tooltipPosition=\"top\" appendTo=\"body\">\n                <i class=\"fa-regular fa-square-b alpha-beta text-primary\" ></i>\n              </span>\n            }\n            @if (user?.cognito_sso_activated) {\n              <span\n                class=\"ms-2\"\n                [pTooltip]=\"'Admin.Users.Tooltip.Cognito' | transloco\"\n                tooltipPosition=\"top\" appendTo=\"body\">\n                <i class=\"fa fa-cloud success\" ></i>\n              </span>\n            }\n            @if (user?.ambassador_count > 0) {\n              <span\n                class=\"ms-2\"\n                [pTooltip]=\"'Admin.Users.Tooltip.Ambassador' | transloco\"\n                tooltipPosition=\"top\" appendTo=\"body\">\n                <i class=\"fa fa-handshake alpha-beta text-primary\" aria-hidden=\"true\"></i>\n              </span>\n            }\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            @if (user?.blocked) {\n              <span class=\"ms-2\" [pTooltip]=\"'This user has been blocked'\" tooltipPosition=\"top\" appendTo=\"body\">\n                <i class=\"fa-solid fa-hexagon-exclamation text-danger hexa-warning\"></i>\n              </span>\n            }\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            @if (user?.current_sign_in_at) {\n              <span>\n                {{ user.current_sign_in_at  | dateFormat }}\n              </span>\n            } @else {\n              {{ user.last_sign_in_at | dateFormat }}\n            }\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 list-action\">\n              <li pTooltip=\"Impersonate this user\" tooltipPosition=\"top\" appendTo=\"body\"\n                *rbacAllow=\"'Pages.Alpha'\"\n                class=\"me-2 me-sm-3\">\n                <i\n                  class=\"fas fa-people-arrows fa-lg\"\n                  (click)=\"onImpersonate(user)\"\n                  (keydown.enter)=\"onImpersonate(user)\"\n                  aria-hidden=\"true\"\n                ></i>\n              </li>\n              @if (user?.enable_two_factor_authenticator) {\n                <li pTooltip=\"Disable 2FA\" tooltipPosition=\"top\" appendTo=\"body\"\n                  (click)=\"disable2fa(user?.id)\"\n                  (keydown.enter)=\"disable2fa(user?.id)\"\n                  *rbacAllow=\"'Pages.Alpha'\"\n                  class=\"me-2 me-sm-3\">\n                  <i class=\"fa fa-lock fa-lg success\" aria-hidden=\"true\"></i>\n                </li>\n              }\n              @if (currentUser && user.id !== currentUser.id) {\n                <li pTooltip=\"Message\" tooltipPosition=\"top\" appendTo=\"body\"\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              }\n              <li pTooltip=\"Edit\" tooltipPosition=\"top\" appendTo=\"body\"\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 pTooltip=\"Delete\" tooltipPosition=\"top\" appendTo=\"body\"\n                *rbacAllow=\"'Pages.Admin.Users.Delete'\"\n                class=\"me-2 me-sm-3\">\n                <i\n                  class=\"fa fa-trash delete-icon\"\n                  (keydown.enter)=\"onDelete(user)\"\n                  (keydown.space)=\"onDelete(user)\"\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    @if (totalRecords === 0 && totalRecordsUnFiltered !== 0) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\" [description]=\"'Search.NoDataDescription' | transloco\">\n        </pw-no-data>\n      </div>\n    }\n    @if (totalRecords !== 0) {\n      <pw-records-summary [showing]=\"dt?.value?.length ?? 0\" [total]=\"totalRecords\" />\n    }\n  </div>\n</div>\n@if (!loading && totalRecordsUnFiltered === 0) {\n  <div>\n    <pw-no-data [withImage]=\"true\" [message]=\"'Admin.Users.NoDataMessage' | transloco\"> </pw-no-data>\n  </div>\n}\n<!-- password validation modal for delete user -->\n<pw-password-validation #passwordValidationModalForUserDelete\n  [destructive]=\"true\"\n  (successEvent)=\"deleteUser($event)\">\n</pw-password-validation>\n<!-- password validation modal for impersonate -->\n<pw-password-validation #passwordValidationModalForImpersonate\n  (successEvent)=\"onUserImpersonation($event)\">\n</pw-password-validation>\n<!-- password validation modal for remove2fa -->\n<pw-password-validation #passwordValidationModalForRemove2fa\n  (successEvent)=\"remove2fa($event)\">\n</pw-password-validation>\n", styles: ["@charset \"UTF-8\";: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_sub_bg: color-mix(in srgb, var(--first, rgb(23 105 225)) 85%, #000000);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255);--dashboard_bg: rgb(255 255 255);--public-btn-radius: 24px}.search-input input{width:100%}.w-150{width:150px}.table-responsive td[data-head=id]{font-variant-numeric:tabular-nums;color:#7c8696}.hexa-warning{font-size:18px;vertical-align:middle}.alpha-beta{font-size:14px}.ambassadors-only-toggle{display:inline-flex;align-items:center}.ambassadors-only-toggle ::ng-deep .switch small{display:flex;align-items:center;justify-content:center}.ambassadors-only-toggle ::ng-deep .switch small:after{content:\"\\f2b5\";font-family:\"Font Awesome 6 Pro\",sans-serif;font-weight:900;font-size:12px;line-height:1;color:var(--first)}\n"] }]
+            args: [{ selector: 'pw-admin-user-list', standalone: false, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex flex-wrap justify-content-between align-items-baseline\">\n    <h2 class=\"card-title p-0\">Users</h2>\n    <a class=\"btn btn-sm btn-outline-primary\"\n      id=\"btn-create\"\n      *rbacAllow=\"'SuperAdmin'\"\n      [routerLink]=\"[routers.usersDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Add User\n    </a>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\">\n  @if (!isLoaded) {\n    <p-progressSpinner> </p-progressSpinner>\n  }\n</div>\n<div class=\"primeng-datatable-container actions-collapsed mt-0\" [class.hideTable]=\"totalRecordsUnFiltered === 0\">\n  <div class=\"user-management-table table-responsive\">\n    <p-table #dt\n      [value]=\"users\"\n      [paginator]=\"totalRecords !== 0\"\n      [lazy]=\"true\"\n      [rows]=\"PAGE_SIZE\"\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 styleClass=\"pw-filter-select\" inputId=\"users-list-filter-role-product\"\n              [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          @if (selectedOption) {\n            <div class=\"col-4\"\n              >\n              <p-multiSelect styleClass=\"pw-filter-select\" inputId=\"users-list-filter-criteria\"\n                [options]=\"searchDataSource\"\n                (onChange)=\"onSearchCriteria($event)\"\n                [showToggleAll]=\"true\"\n                [(ngModel)]=\"criteria\"\n                [showHeader]=\"true\"\n                placeholder=\"Filter by {{ selectedOption.value }}s\"\n                maxSelectedLabels=\"2\"\n                appendTo=\"body\">\n              </p-multiSelect>\n            </div>\n          }\n          <div class=\"col-auto d-flex align-items-center\">\n            <span class=\"ambassadors-only-toggle\"\n              [pTooltip]=\"'Admin.Users.AmbassadorsOnly' | transloco\"\n              tooltipPosition=\"top\" appendTo=\"body\">\n              <ui-switch\n                [checked]=\"showAmbassadorsOnly\"\n                (change)=\"showAmbassadorsOnly = $event; onAmbassadorsOnlyToggle()\"\n                [attr.aria-label]=\"'Admin.Users.AmbassadorsOnly' | transloco\">\n              </ui-switch>\n            </span>\n          </div>\n          <div class=\"text-end\">\n            <label for=\"users-list-search\" class=\"visually-hidden\">Search User</label>\n            <p-iconfield iconPosition=\"left\">\n              <p-inputicon><i class=\"fa fa-search\" aria-hidden=\"true\"></i></p-inputicon>\n              <input type=\"text\"\n                id=\"users-list-search\"\n                name=\"users-list-search\"\n                [(ngModel)]=\"searchText\"\n                pInputText\n                placeholder=\"Search users...\"\n                data-cy=\"user-search\"\n                (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n                class=\"wd-90\"\n                aria-label=\"Search users...\" />\n            </p-iconfield>\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            @if (user?.alpha) {\n              <span\n                [pTooltip]=\"'Admin.Users.Tooltip.AlphaIcon'|transloco\"\n                tooltipPosition=\"top\" appendTo=\"body\">\n                <i class=\"fa-regular fa-square-a alpha-beta text-warning\"></i>\n              </span>\n            }\n            @if (user?.beta) {\n              <span class=\"ms-2\"\n                [pTooltip]=\"'Admin.Users.Tooltip.BetaIcon'|transloco\"\n                tooltipPosition=\"top\" appendTo=\"body\">\n                <i class=\"fa-regular fa-square-b alpha-beta text-primary\" ></i>\n              </span>\n            }\n            @if (user?.cognito_sso_activated) {\n              <span\n                class=\"ms-2\"\n                [pTooltip]=\"'Admin.Users.Tooltip.Cognito' | transloco\"\n                tooltipPosition=\"top\" appendTo=\"body\">\n                <i class=\"fa fa-cloud success\" ></i>\n              </span>\n            }\n            @if (user?.ambassador_count > 0) {\n              <span\n                class=\"ms-2\"\n                [pTooltip]=\"'Admin.Users.Tooltip.Ambassador' | transloco\"\n                tooltipPosition=\"top\" appendTo=\"body\">\n                <i class=\"fa fa-handshake alpha-beta text-primary\" aria-hidden=\"true\"></i>\n              </span>\n            }\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            @if (user?.blocked) {\n              <span class=\"ms-2\" [pTooltip]=\"'This user has been blocked'\" tooltipPosition=\"top\" appendTo=\"body\">\n                <i class=\"fa-solid fa-hexagon-exclamation text-danger hexa-warning\"></i>\n              </span>\n            }\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            @if (user?.current_sign_in_at | isOnline) {\n              <pw-online-indicator [lastSeen]=\"user.current_sign_in_at\" />\n            } @else if (user?.current_sign_in_at) {\n              <span>\n                {{ user.current_sign_in_at  | dateFormat }}\n              </span>\n            } @else {\n              {{ user.last_sign_in_at | dateFormat }}\n            }\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 list-action\">\n              <li pTooltip=\"Impersonate this user\" tooltipPosition=\"top\" appendTo=\"body\"\n                *rbacAllow=\"'Pages.Alpha'\"\n                class=\"me-2 me-sm-3\">\n                <i\n                  class=\"fas fa-people-arrows fa-lg\"\n                  (click)=\"onImpersonate(user)\"\n                  (keydown.enter)=\"onImpersonate(user)\"\n                  aria-hidden=\"true\"\n                ></i>\n              </li>\n              @if (user?.enable_two_factor_authenticator) {\n                <li pTooltip=\"Disable 2FA\" tooltipPosition=\"top\" appendTo=\"body\"\n                  (click)=\"disable2fa(user?.id)\"\n                  (keydown.enter)=\"disable2fa(user?.id)\"\n                  *rbacAllow=\"'Pages.Alpha'\"\n                  class=\"me-2 me-sm-3\">\n                  <i class=\"fa fa-lock fa-lg success\" aria-hidden=\"true\"></i>\n                </li>\n              }\n              @if (currentUser && user.id !== currentUser.id) {\n                <li pTooltip=\"Message\" tooltipPosition=\"top\" appendTo=\"body\"\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              }\n              <li pTooltip=\"Edit\" tooltipPosition=\"top\" appendTo=\"body\"\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 pTooltip=\"Delete\" tooltipPosition=\"top\" appendTo=\"body\"\n                *rbacAllow=\"'Pages.Admin.Users.Delete'\"\n                class=\"me-2 me-sm-3\">\n                <i\n                  class=\"fa fa-trash delete-icon\"\n                  (keydown.enter)=\"onDelete(user)\"\n                  (keydown.space)=\"onDelete(user)\"\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    @if (totalRecords === 0 && totalRecordsUnFiltered !== 0) {\n      <div>\n        <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\" [description]=\"'Search.NoDataDescription' | transloco\">\n        </pw-no-data>\n      </div>\n    }\n    @if (totalRecords !== 0) {\n      <pw-records-summary [showing]=\"dt?.value?.length ?? 0\" [total]=\"totalRecords\" />\n    }\n  </div>\n</div>\n@if (!loading && totalRecordsUnFiltered === 0) {\n  <div>\n    <pw-no-data [withImage]=\"true\" [message]=\"'Admin.Users.NoDataMessage' | transloco\"> </pw-no-data>\n  </div>\n}\n<!-- password validation modal for delete user -->\n<pw-password-validation #passwordValidationModalForUserDelete\n  [destructive]=\"true\"\n  (successEvent)=\"deleteUser($event)\">\n</pw-password-validation>\n<!-- password validation modal for impersonate -->\n<pw-password-validation #passwordValidationModalForImpersonate\n  (successEvent)=\"onUserImpersonation($event)\">\n</pw-password-validation>\n<!-- password validation modal for remove2fa -->\n<pw-password-validation #passwordValidationModalForRemove2fa\n  (successEvent)=\"remove2fa($event)\">\n</pw-password-validation>\n", styles: ["@charset \"UTF-8\";: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_sub_bg: color-mix(in srgb, var(--first, rgb(23 105 225)) 85%, #000000);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255);--dashboard_bg: rgb(255 255 255);--public-btn-radius: 24px}.search-input input{width:100%}.w-150{width:150px}.table-responsive td[data-head=id]{font-variant-numeric:tabular-nums;color:#7c8696}.hexa-warning{font-size:18px;vertical-align:middle}.alpha-beta{font-size:14px}.ambassadors-only-toggle{display:inline-flex;align-items:center}.ambassadors-only-toggle ::ng-deep .switch small{display:flex;align-items:center;justify-content:center}.ambassadors-only-toggle ::ng-deep .switch small:after{content:\"\\f2b5\";font-family:\"Font Awesome 6 Pro\",sans-serif;font-weight:900;font-size:12px;line-height:1;color:var(--first)}\n"] }]
         }], ctorParameters: () => [{ type: i1.AdminService }, { type: i1$1.CustomToastService }, { type: i1$1.ProductService }, { type: i0.Injector }, { type: i1$1.AuthService }, { type: i0.ChangeDetectorRef }, { type: i1$1.WindowService }, { type: i3$2.CollapsibleSidebarService }], propDecorators: { passwordValidationModalForUserDelete: [{
                 type: ViewChild,
                 args: ['passwordValidationModalForUserDelete', { static: false }]