@posiwise/admin-module 0.0.106 → 0.0.108

package/fesm2022/posiwise-admin-module.mjs

@@ -70,9 +70,9 @@ class TermsOfServiceDetailsComponent extends AppBaseComponent {
     constructor(adminService, injector) {
         super(injector);
         this.adminService = adminService;
-        this.editorConfig = QuillHelper.getEditorConfig();
         this.submitted = false;
         this.form = AppAdmin.getTosForm();
+        this.editorConfig = QuillHelper.getEditorConfig();
     }
     ngOnInit() {
         this.route.params.subscribe(params => {
@@ -147,37 +147,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
-const baseUrl = '/admin/';
+const baseUrl = '/admin';
 const ROUTERS = {
-    globalConfigDetails: `${baseUrl}global-config/list/details/`,
-    adminCredentialsDetails: `${baseUrl}credentials-details/`,
-    subscriptionCredentialDetails: `${baseUrl}subscription-credentials-details/`,
-    newsletter: `${baseUrl}newsletter`,
-    newsletterItemDetails: `${baseUrl}newsletter-item/`,
-    newslettersUserList: `${baseUrl}newsletter/items/users-list/`,
-    newsletterDetails: `${baseUrl}newsletter-details/`,
-    permissionsList: `${baseUrl}permissions/list`,
-    permissionsDetails: `${baseUrl}permissions-details/`,
-    rolesDetails: `${baseUrl}role-details/`,
-    productDetails: `${baseUrl}products/list/product-details/`,
-    productsUserList: `${baseUrl}products/list/users/`,
-    feedbackQuestions: `${baseUrl}products/list/feedback-questions-list`,
-    feedbackQuestionsDetails: `${baseUrl}products/list/feedback-questions-details/`,
-    subscriptionDetails: `${baseUrl}subscription/`,
-    subscriptionProductDetails: `${baseUrl}/subscription-product-details/`,
-    tipsDetails: `${baseUrl}tips/`,
-    tosAndPrivacyDetails: `${baseUrl}tos-details/`,
-    usersDetails: `${baseUrl}user-details/`,
-    domainConfig: `${baseUrl}domain-config/`,
-    domainConfigDetails: `${baseUrl}domain-config/details/`,
-    loginNotifications: `${baseUrl}login-notifications/`,
-    loginNotificationDetails: `${baseUrl}login-notification-details/`,
-    incidentDetails: `${baseUrl}incident/list/`,
-    faqDetails: `${baseUrl}faq/list/`,
-    faqEdit: `${baseUrl}faq/edit/`,
-    faqAddDetails: `${baseUrl}faq/add`,
-    inviteUsers: `${baseUrl}subscriptions/invite-user/`,
-    subscriptionList: `${baseUrl}subscriptions/list/`
+    globalConfigDetails: `${baseUrl}/global-config/`,
+    adminCredentialsDetails: `${baseUrl}/credentials/`,
+    subscriptionCredentialDetails: `${baseUrl}/credentials/subscription/`,
+    newsletter: `${baseUrl}/newsletter`,
+    newsletterItemDetails: `${baseUrl}/newsletter/item/`,
+    newslettersUserList: `${baseUrl}/newsletter/item/users-list/`,
+    newsletterDetails: `${baseUrl}/newsletter/`,
+    permissionsList: `${baseUrl}/permissions/list`,
+    permissionsDetails: `${baseUrl}/permissions/`,
+    rolesDetails: `${baseUrl}/permissions/role/`,
+    productDetails: `${baseUrl}/products/`,
+    productsUserList: `${baseUrl}/products/list/users/`,
+    feedbackQuestions: `${baseUrl}/products/list/feedback-questions-list`,
+    feedbackQuestionsDetails: `${baseUrl}/products/list/feedback-questions-details/`,
+    subscriptionDetails: `${baseUrl}/subscription/`,
+    subscriptionProductDetails: `${baseUrl}/products/subscription/`,
+    tipsDetails: `${baseUrl}/tips/`,
+    tosAndPrivacyDetails: `${baseUrl}/tos/`,
+    usersDetails: `${baseUrl}/users/`,
+    domainConfig: `${baseUrl}/domain-config/`,
+    domainConfigDetails: `${baseUrl}/domain-config/`,
+    loginNotifications: `${baseUrl}/login-notifications/`,
+    incidentConfig: `${baseUrl}/incident/list/`,
+    incidentDetails: `${baseUrl}/incident/`,
+    faqConfig: `${baseUrl}/faq/list/`,
+    faqDetails: `${baseUrl}/faq/`,
+    inviteUsers: `${baseUrl}/subscriptions/invite-user/`,
+    subscriptionList: `${baseUrl}/subscriptions/list/`
 };
 
 class TermsOfServiceComponent extends AppBaseComponent {
@@ -567,7 +566,7 @@ class CredentialsTabComponent {
                 id: 'subscription-credentials',
                 label: 'Subscription-Credentials',
                 icon: 'fa fa-fw fa-tag',
-                routerLink: ['/admin/credentials/subscription-credentials']
+                routerLink: ['/admin/credentials/subscription']
             }
         ];
     }
@@ -1666,7 +1665,7 @@ class FaqListComponent extends AppBaseComponent {
         }
     }
     navigateToEdit(faq) {
-        this.router.navigate([this.routers.faqEdit + faq?.id], {
+        this.router.navigate([this.routers.faqDetails + faq?.id], {
             state: { data: faq }
         });
     }
@@ -1796,11 +1795,11 @@ class FaqListComponent extends AppBaseComponent {
         super.ngOnDestroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: FaqListComponent, deps: [{ token: i1$1.CommonService }, { token: i1.AdminService }, { token: i1$1.ProductService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: FaqListComponent, selector: "pw-admin-faq-list", viewQueries: [{ propertyName: "editForm", first: true, predicate: ["editForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"row\" [class.custom-disable-wrapper]=\"buttonBusy\">\n  <div class=\"col-12 d-flex flex-wrap justify-content-between align-items-center\"\n    *ngIf=\"showList\">\n    <h2 class=\"card-title p-0 float-start\">Frequently Asked Questions</h2>\n    <a href=\"javascript:void(0)\" [routerLink]=\"[routers.faqAddDetails]\"\n      class=\"btn btn-sm btn-outline-primary float-end\" role=\"button\" aria-expanded=\"false\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> {{ 'Label.AddNew' | transloco }} FAQ </a>\n  </div>\n</div>\n\n<div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"row faqlist primeng-datatable-container mt-0\" [class.custom-disable-wrapper]=\"buttonBusy\" [class.hideTable]=\"totalRecordsUnFiltered === 0 || !showList\">\n  <div class=\"col-12 px-0\">\n    <p-table #dt\n    [value]=\"faqs\"\n    [paginator]=\"totalRecords !== 0\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [totalRecords]=\"totalRecords\"\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 [showToggleAll]=\"true\" [options]=\"featureKeysList\" (onChange)=\"onProductChange($event)\"\n              placeholder=\"Search by Feature keys\" [showHeader]=\"true\" maxSelectedLabels=\"2\" appendTo=\"body\">\n            </p-multiSelect>\n          </div>\n          <div class=\"text-end\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\" [(ngModel)]=\"searchText\" pInputText size=\"50\" placeholder=\"Search FAQ...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\" class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\">{{ 'Admin.Faq.Question' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Answer' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Position' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Category' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Visible' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Public' | transloco }}</th>\n          <th scope=\"true\" class=\"actions-list-two\">{{ 'Label.Actions' | transloco }}</th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\" let-faq>\n        <tr>\n          <td data-head=\"Question\">{{ faq.question }} </td>\n          <td data-head=\"Answer\">{{(faq.answer|removeHtml)|textTruncate: 200}} </td>\n          <td data-head=\"Position\">{{faq.position}}</td>\n          <td data-head=\"Category\">\n            <span [appDynamicBadge]=\"{ itemsArray: categoryForBadges, item: faq?.category }\" color=\"cyan\"\n              class=\"badge ms-1\">\n              <span [pTooltip]=\"faq?.feature_keys?.join(',')\" tooltipPosition=\"top\">{{ faqHashMap[faq?.category]?.name\n                }}</span>\n            </span>\n            <span class=\"ms-1 badge bg-warning\" *ngIf=\"faq.is_shared_faq || faq.is_admin_faq || faq.is_build_faq\">Super\n              FAQ</span>\n          </td>\n          <td data-head=\"Visible\">\n            <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: faq?.visible }\" color=\"success-danger\"\n              class=\"badge\">{{ faq?.visible }}</span>\n          </td>\n          <td data-head=\"Public\">\n            <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: faq?.public }\" color=\"success-danger\"\n              class=\"badge\">{{ faq?.public }}</span>\n          </td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline\">\n              <li ngbTooltip=\"Edit\" class=\"me-2 me-sm-2\">\n                <i class=\"fa fa-edit edit-icon\" (click)=\"navigateToEdit(faq)\" aria-hidden=\"true\"></i>\n              </li>\n              <li ngbTooltip=\"Delete\" class=\"me-2 me-sm-2\">\n                <i class=\"fa fa-trash delete-icon\" (click)=\"onDelete(faq)\" aria-hidden=\"true\"></i>\n              </li>\n              <li ngbTooltip=\"View faq\" *ngIf=\"faq?.visible\">\n                <a [routerLink]=\"['/',slug,'faq',faq.id]\" target=\"_blank\">\n                  <i class=\"fa fa-eye\" aria-hidden=\"true\"></i>\n                </a>\n              </li>\n            </ul>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <div *ngIf=\"totalRecords === 0 && totalRecordsUnFiltered !== 0\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n      </pw-no-data>\n    </div>\n    <span *ngIf=\"totalRecords !== 0\" class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{  totalRecords }}</span>\n  </div>\n</div>\n<pw-no-data [withImage]=\"true\" [message]=\"'Admin.Faq.NoDataMessage' | transloco\" *ngIf=\"totalRecordsUnFiltered === 0 && isLoaded\">\n</pw-no-data>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.faq-item{background-color:#eee;border:1px dashed rgba(0,0,0,.1);border-radius:3px;margin-top:10px;transition:all .2s ease-in-out}.faq-item h5{padding:0 15px 0 0;position:relative}.faq-item h5 a:before{position:absolute;right:-24px;top:3px}input.warning{border-color:red}@media only screen and (max-width: 1024px){.faq-item h5 a{font-size:16px}.faq-item button.btn{font-size:14px}.panel-collapse .card-block{font-size:14px;margin-bottom:20px;padding:0 8px}}.actions{min-width:80px}@media only screen and (max-width: 768px){.faq-item h5 a{font-size:14px}.faq-item button.btn,.panel-collapse .card-block{font-size:12px}}.tooltip-wrap{vertical-align:top}.custom-dropdown,.custom-multiselect{position:absolute!important;width:inherit!important;z-index:9999!important}.p-dropdown-items-wrapper{max-height:142px}.fa-eye{font-size:15px}quill-editor,[_nghost-ng-c3617506782]{display:block!important}.quill-editor label{display:block}\n"], dependencies: [{ kind: "component", type: i2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "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", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], 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: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3$3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i6.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "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", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i8.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i9.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i10.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i3$2.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "pipe", type: i12.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i13.RemoveHtmlPipe, name: "removeHtml" }, { kind: "pipe", type: i13.TextTruncatePipe, name: "textTruncate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: FaqListComponent, selector: "pw-admin-faq-list", viewQueries: [{ propertyName: "editForm", first: true, predicate: ["editForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"row\" [class.custom-disable-wrapper]=\"buttonBusy\">\n  <div class=\"col-12 d-flex flex-wrap justify-content-between align-items-center\"\n    *ngIf=\"showList\">\n    <h2 class=\"card-title p-0 float-start\">Frequently Asked Questions</h2>\n    <a href=\"javascript:void(0)\" [routerLink]=\"[routers.faqDetails + 'add']\"\n      class=\"btn btn-sm btn-outline-primary float-end\" role=\"button\" aria-expanded=\"false\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> {{ 'Label.AddNew' | transloco }} FAQ </a>\n  </div>\n</div>\n\n<div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"row faqlist primeng-datatable-container mt-0\" [class.custom-disable-wrapper]=\"buttonBusy\" [class.hideTable]=\"totalRecordsUnFiltered === 0 || !showList\">\n  <div class=\"col-12 px-0\">\n    <p-table #dt\n    [value]=\"faqs\"\n    [paginator]=\"totalRecords !== 0\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [totalRecords]=\"totalRecords\"\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 [showToggleAll]=\"true\" [options]=\"featureKeysList\" (onChange)=\"onProductChange($event)\"\n              placeholder=\"Search by Feature keys\" [showHeader]=\"true\" maxSelectedLabels=\"2\" appendTo=\"body\">\n            </p-multiSelect>\n          </div>\n          <div class=\"text-end\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\" [(ngModel)]=\"searchText\" pInputText size=\"50\" placeholder=\"Search FAQ...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\" class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\">{{ 'Admin.Faq.Question' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Answer' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Position' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Category' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Visible' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Public' | transloco }}</th>\n          <th scope=\"true\" class=\"actions-list-two\">{{ 'Label.Actions' | transloco }}</th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\" let-faq>\n        <tr>\n          <td data-head=\"Question\">{{ faq.question }} </td>\n          <td data-head=\"Answer\">{{(faq.answer|removeHtml)|textTruncate: 200}} </td>\n          <td data-head=\"Position\">{{faq.position}}</td>\n          <td data-head=\"Category\">\n            <span [appDynamicBadge]=\"{ itemsArray: categoryForBadges, item: faq?.category }\" color=\"cyan\"\n              class=\"badge ms-1\">\n              <span [pTooltip]=\"faq?.feature_keys?.join(',')\" tooltipPosition=\"top\">{{ faqHashMap[faq?.category]?.name\n                }}</span>\n            </span>\n            <span class=\"ms-1 badge bg-warning\" *ngIf=\"faq.is_shared_faq || faq.is_admin_faq || faq.is_build_faq\">Super\n              FAQ</span>\n          </td>\n          <td data-head=\"Visible\">\n            <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: faq?.visible }\" color=\"success-danger\"\n              class=\"badge\">{{ faq?.visible }}</span>\n          </td>\n          <td data-head=\"Public\">\n            <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: faq?.public }\" color=\"success-danger\"\n              class=\"badge\">{{ faq?.public }}</span>\n          </td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline\">\n              <li ngbTooltip=\"Edit\" class=\"me-2 me-sm-2\">\n                <i class=\"fa fa-edit edit-icon\" (click)=\"navigateToEdit(faq)\" aria-hidden=\"true\"></i>\n              </li>\n              <li ngbTooltip=\"Delete\" class=\"me-2 me-sm-2\">\n                <i class=\"fa fa-trash delete-icon\" (click)=\"onDelete(faq)\" aria-hidden=\"true\"></i>\n              </li>\n              <li ngbTooltip=\"View faq\" *ngIf=\"faq?.visible\">\n                <a [routerLink]=\"['/',slug,'faq',faq.id]\" target=\"_blank\">\n                  <i class=\"fa fa-eye\" aria-hidden=\"true\"></i>\n                </a>\n              </li>\n            </ul>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <div *ngIf=\"totalRecords === 0 && totalRecordsUnFiltered !== 0\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n      </pw-no-data>\n    </div>\n    <span *ngIf=\"totalRecords !== 0\" class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{  totalRecords }}</span>\n  </div>\n</div>\n<pw-no-data [withImage]=\"true\" [message]=\"'Admin.Faq.NoDataMessage' | transloco\" *ngIf=\"totalRecordsUnFiltered === 0 && isLoaded\">\n</pw-no-data>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.faq-item{background-color:#eee;border:1px dashed rgba(0,0,0,.1);border-radius:3px;margin-top:10px;transition:all .2s ease-in-out}.faq-item h5{padding:0 15px 0 0;position:relative}.faq-item h5 a:before{position:absolute;right:-24px;top:3px}input.warning{border-color:red}@media only screen and (max-width: 1024px){.faq-item h5 a{font-size:16px}.faq-item button.btn{font-size:14px}.panel-collapse .card-block{font-size:14px;margin-bottom:20px;padding:0 8px}}.actions{min-width:80px}@media only screen and (max-width: 768px){.faq-item h5 a{font-size:14px}.faq-item button.btn,.panel-collapse .card-block{font-size:12px}}.tooltip-wrap{vertical-align:top}.custom-dropdown,.custom-multiselect{position:absolute!important;width:inherit!important;z-index:9999!important}.p-dropdown-items-wrapper{max-height:142px}.fa-eye{font-size:15px}quill-editor,[_nghost-ng-c3617506782]{display:block!important}.quill-editor label{display:block}\n"], dependencies: [{ kind: "component", type: i2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "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", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], 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: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3$3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i6.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "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", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i8.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i9.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i10.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i3$2.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "pipe", type: i12.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i13.RemoveHtmlPipe, name: "removeHtml" }, { kind: "pipe", type: i13.TextTruncatePipe, name: "textTruncate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: FaqListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-admin-faq-list', template: "<div class=\"row\" [class.custom-disable-wrapper]=\"buttonBusy\">\n  <div class=\"col-12 d-flex flex-wrap justify-content-between align-items-center\"\n    *ngIf=\"showList\">\n    <h2 class=\"card-title p-0 float-start\">Frequently Asked Questions</h2>\n    <a href=\"javascript:void(0)\" [routerLink]=\"[routers.faqAddDetails]\"\n      class=\"btn btn-sm btn-outline-primary float-end\" role=\"button\" aria-expanded=\"false\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> {{ 'Label.AddNew' | transloco }} FAQ </a>\n  </div>\n</div>\n\n<div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"row faqlist primeng-datatable-container mt-0\" [class.custom-disable-wrapper]=\"buttonBusy\" [class.hideTable]=\"totalRecordsUnFiltered === 0 || !showList\">\n  <div class=\"col-12 px-0\">\n    <p-table #dt\n    [value]=\"faqs\"\n    [paginator]=\"totalRecords !== 0\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [totalRecords]=\"totalRecords\"\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 [showToggleAll]=\"true\" [options]=\"featureKeysList\" (onChange)=\"onProductChange($event)\"\n              placeholder=\"Search by Feature keys\" [showHeader]=\"true\" maxSelectedLabels=\"2\" appendTo=\"body\">\n            </p-multiSelect>\n          </div>\n          <div class=\"text-end\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\" [(ngModel)]=\"searchText\" pInputText size=\"50\" placeholder=\"Search FAQ...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\" class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\">{{ 'Admin.Faq.Question' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Answer' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Position' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Category' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Visible' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Public' | transloco }}</th>\n          <th scope=\"true\" class=\"actions-list-two\">{{ 'Label.Actions' | transloco }}</th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\" let-faq>\n        <tr>\n          <td data-head=\"Question\">{{ faq.question }} </td>\n          <td data-head=\"Answer\">{{(faq.answer|removeHtml)|textTruncate: 200}} </td>\n          <td data-head=\"Position\">{{faq.position}}</td>\n          <td data-head=\"Category\">\n            <span [appDynamicBadge]=\"{ itemsArray: categoryForBadges, item: faq?.category }\" color=\"cyan\"\n              class=\"badge ms-1\">\n              <span [pTooltip]=\"faq?.feature_keys?.join(',')\" tooltipPosition=\"top\">{{ faqHashMap[faq?.category]?.name\n                }}</span>\n            </span>\n            <span class=\"ms-1 badge bg-warning\" *ngIf=\"faq.is_shared_faq || faq.is_admin_faq || faq.is_build_faq\">Super\n              FAQ</span>\n          </td>\n          <td data-head=\"Visible\">\n            <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: faq?.visible }\" color=\"success-danger\"\n              class=\"badge\">{{ faq?.visible }}</span>\n          </td>\n          <td data-head=\"Public\">\n            <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: faq?.public }\" color=\"success-danger\"\n              class=\"badge\">{{ faq?.public }}</span>\n          </td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline\">\n              <li ngbTooltip=\"Edit\" class=\"me-2 me-sm-2\">\n                <i class=\"fa fa-edit edit-icon\" (click)=\"navigateToEdit(faq)\" aria-hidden=\"true\"></i>\n              </li>\n              <li ngbTooltip=\"Delete\" class=\"me-2 me-sm-2\">\n                <i class=\"fa fa-trash delete-icon\" (click)=\"onDelete(faq)\" aria-hidden=\"true\"></i>\n              </li>\n              <li ngbTooltip=\"View faq\" *ngIf=\"faq?.visible\">\n                <a [routerLink]=\"['/',slug,'faq',faq.id]\" target=\"_blank\">\n                  <i class=\"fa fa-eye\" aria-hidden=\"true\"></i>\n                </a>\n              </li>\n            </ul>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <div *ngIf=\"totalRecords === 0 && totalRecordsUnFiltered !== 0\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n      </pw-no-data>\n    </div>\n    <span *ngIf=\"totalRecords !== 0\" class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{  totalRecords }}</span>\n  </div>\n</div>\n<pw-no-data [withImage]=\"true\" [message]=\"'Admin.Faq.NoDataMessage' | transloco\" *ngIf=\"totalRecordsUnFiltered === 0 && isLoaded\">\n</pw-no-data>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.faq-item{background-color:#eee;border:1px dashed rgba(0,0,0,.1);border-radius:3px;margin-top:10px;transition:all .2s ease-in-out}.faq-item h5{padding:0 15px 0 0;position:relative}.faq-item h5 a:before{position:absolute;right:-24px;top:3px}input.warning{border-color:red}@media only screen and (max-width: 1024px){.faq-item h5 a{font-size:16px}.faq-item button.btn{font-size:14px}.panel-collapse .card-block{font-size:14px;margin-bottom:20px;padding:0 8px}}.actions{min-width:80px}@media only screen and (max-width: 768px){.faq-item h5 a{font-size:14px}.faq-item button.btn,.panel-collapse .card-block{font-size:12px}}.tooltip-wrap{vertical-align:top}.custom-dropdown,.custom-multiselect{position:absolute!important;width:inherit!important;z-index:9999!important}.p-dropdown-items-wrapper{max-height:142px}.fa-eye{font-size:15px}quill-editor,[_nghost-ng-c3617506782]{display:block!important}.quill-editor label{display:block}\n"] }]
+            args: [{ selector: 'pw-admin-faq-list', template: "<div class=\"row\" [class.custom-disable-wrapper]=\"buttonBusy\">\n  <div class=\"col-12 d-flex flex-wrap justify-content-between align-items-center\"\n    *ngIf=\"showList\">\n    <h2 class=\"card-title p-0 float-start\">Frequently Asked Questions</h2>\n    <a href=\"javascript:void(0)\" [routerLink]=\"[routers.faqDetails + 'add']\"\n      class=\"btn btn-sm btn-outline-primary float-end\" role=\"button\" aria-expanded=\"false\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> {{ 'Label.AddNew' | transloco }} FAQ </a>\n  </div>\n</div>\n\n<div class=\"w-100 text-center mt-3\" *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"row faqlist primeng-datatable-container mt-0\" [class.custom-disable-wrapper]=\"buttonBusy\" [class.hideTable]=\"totalRecordsUnFiltered === 0 || !showList\">\n  <div class=\"col-12 px-0\">\n    <p-table #dt\n    [value]=\"faqs\"\n    [paginator]=\"totalRecords !== 0\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [totalRecords]=\"totalRecords\"\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 [showToggleAll]=\"true\" [options]=\"featureKeysList\" (onChange)=\"onProductChange($event)\"\n              placeholder=\"Search by Feature keys\" [showHeader]=\"true\" maxSelectedLabels=\"2\" appendTo=\"body\">\n            </p-multiSelect>\n          </div>\n          <div class=\"text-end\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\" [(ngModel)]=\"searchText\" pInputText size=\"50\" placeholder=\"Search FAQ...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\" class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\">{{ 'Admin.Faq.Question' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Answer' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Position' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Category' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Visible' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Public' | transloco }}</th>\n          <th scope=\"true\" class=\"actions-list-two\">{{ 'Label.Actions' | transloco }}</th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\" let-faq>\n        <tr>\n          <td data-head=\"Question\">{{ faq.question }} </td>\n          <td data-head=\"Answer\">{{(faq.answer|removeHtml)|textTruncate: 200}} </td>\n          <td data-head=\"Position\">{{faq.position}}</td>\n          <td data-head=\"Category\">\n            <span [appDynamicBadge]=\"{ itemsArray: categoryForBadges, item: faq?.category }\" color=\"cyan\"\n              class=\"badge ms-1\">\n              <span [pTooltip]=\"faq?.feature_keys?.join(',')\" tooltipPosition=\"top\">{{ faqHashMap[faq?.category]?.name\n                }}</span>\n            </span>\n            <span class=\"ms-1 badge bg-warning\" *ngIf=\"faq.is_shared_faq || faq.is_admin_faq || faq.is_build_faq\">Super\n              FAQ</span>\n          </td>\n          <td data-head=\"Visible\">\n            <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: faq?.visible }\" color=\"success-danger\"\n              class=\"badge\">{{ faq?.visible }}</span>\n          </td>\n          <td data-head=\"Public\">\n            <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: faq?.public }\" color=\"success-danger\"\n              class=\"badge\">{{ faq?.public }}</span>\n          </td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline\">\n              <li ngbTooltip=\"Edit\" class=\"me-2 me-sm-2\">\n                <i class=\"fa fa-edit edit-icon\" (click)=\"navigateToEdit(faq)\" aria-hidden=\"true\"></i>\n              </li>\n              <li ngbTooltip=\"Delete\" class=\"me-2 me-sm-2\">\n                <i class=\"fa fa-trash delete-icon\" (click)=\"onDelete(faq)\" aria-hidden=\"true\"></i>\n              </li>\n              <li ngbTooltip=\"View faq\" *ngIf=\"faq?.visible\">\n                <a [routerLink]=\"['/',slug,'faq',faq.id]\" target=\"_blank\">\n                  <i class=\"fa fa-eye\" aria-hidden=\"true\"></i>\n                </a>\n              </li>\n            </ul>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <div *ngIf=\"totalRecords === 0 && totalRecordsUnFiltered !== 0\">\n      <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n      </pw-no-data>\n    </div>\n    <span *ngIf=\"totalRecords !== 0\" class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{  totalRecords }}</span>\n  </div>\n</div>\n<pw-no-data [withImage]=\"true\" [message]=\"'Admin.Faq.NoDataMessage' | transloco\" *ngIf=\"totalRecordsUnFiltered === 0 && isLoaded\">\n</pw-no-data>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.faq-item{background-color:#eee;border:1px dashed rgba(0,0,0,.1);border-radius:3px;margin-top:10px;transition:all .2s ease-in-out}.faq-item h5{padding:0 15px 0 0;position:relative}.faq-item h5 a:before{position:absolute;right:-24px;top:3px}input.warning{border-color:red}@media only screen and (max-width: 1024px){.faq-item h5 a{font-size:16px}.faq-item button.btn{font-size:14px}.panel-collapse .card-block{font-size:14px;margin-bottom:20px;padding:0 8px}}.actions{min-width:80px}@media only screen and (max-width: 768px){.faq-item h5 a{font-size:14px}.faq-item button.btn,.panel-collapse .card-block{font-size:12px}}.tooltip-wrap{vertical-align:top}.custom-dropdown,.custom-multiselect{position:absolute!important;width:inherit!important;z-index:9999!important}.p-dropdown-items-wrapper{max-height:142px}.fa-eye{font-size:15px}quill-editor,[_nghost-ng-c3617506782]{display:block!important}.quill-editor label{display:block}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.CommonService }, { type: i1.AdminService }, { type: i1$1.ProductService }, { type: i0.Injector }], propDecorators: { editForm: [{
                 type: ViewChild,
                 args: ['editForm', { static: false }]
@@ -2256,11 +2255,11 @@ class LoginNotificationsListComponent extends AppBaseComponent {
         super.ngOnDestroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: LoginNotificationsListComponent, deps: [{ token: i0.Injector }, { token: i1.AdminService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: LoginNotificationsListComponent, selector: "pw-login-notifications-list", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center text-end\">\n    <h2 class=\"card-title p-0 float-start\">Login Notifications</h2>\n    <button class=\"btn btn-outline-primary btn-sm float-end m-0\"\n      [routerLink]=\"[routers.loginNotificationDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create\n    </button>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #tt\n    [value]=\"data.notifications\"\n    [paginator]=\"data.object_count !== 0\"\n    [rows]=\"PAGE_SIZE\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [lazy]=\"true\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <!--sort order should be default empty when page load-->\n\n    <!-- Caption Header, Search Bar -->\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search\"\n          [(ngModel)]=\"searchText\"\n          (input)=\"tt.filterGlobal($event.target.value, 'contains')\" />\n      </div>\n    </ng-template>\n\n    <!-- Column Header -->\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"notification_type\">\n          {{ 'Admin.LoginNotification.NotificationType' | transloco }}\n          <p-sortIcon field=\"notification_type\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"body\">\n          {{ 'Admin.LoginNotification.Body' | transloco }}\n          <p-sortIcon field=\"body\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          class=\"w-25\">\n          {{ 'Admin.LoginNotification.FeatureKeys' | transloco }}\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"visible_from\">\n          {{ 'Admin.LoginNotification.VisibleFrom' | transloco }}\n          <p-sortIcon field=\"visible_from\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"visible_until\">\n          {{ 'Admin.LoginNotification.VisibleUntil' | transloco }}\n          <p-sortIcon field=\"visible_until\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n\n    <!-- Table Body -->\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"notification_type\">{{ item?.notification_type }}</td>\n        <td data-head=\"body\">{{ item?.body | textTruncate: 30 }}</td>\n        <td data-head=\"feature_keys\">\n          <span *ngFor=\"let data of item?.feature_keys\"\n            class=\"badge m-1\"\n            [appDynamicBadge]=\"{ itemsArray: item?.feature_keys, item: data }\"\n            color=\"cyan\">{{ data }}</span>\n        </td>\n        <td data-head=\"visible_from\">{{ item?.visible_from | dateFormat }}</td>\n        <td data-head=\"visible_until\">{{ item?.visible_until | dateFormat }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              [routerLink]=\"[routers.loginNotificationDetails + item?.id]\"\n              class=\"me-2 me-sm-3\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"onDelete(item?.id)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n<div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n    </pw-no-data>\n</div>\n  <span *ngIf=\"data.object_count !== 0\" class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{  data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [withImage]=\"true\" [message]=\"'Admin.LoginNotification.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "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", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], 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: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i8.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i9.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i10.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i3$2.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "pipe", type: i12.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i13.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i13.TextTruncatePipe, name: "textTruncate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: LoginNotificationsListComponent, selector: "pw-login-notifications-list", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center text-end\">\n    <h2 class=\"card-title p-0 float-start\">Login Notifications</h2>\n    <button class=\"btn btn-outline-primary btn-sm float-end m-0\"\n      [routerLink]=\"[routers.loginNotifications + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create\n    </button>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #tt\n    [value]=\"data.notifications\"\n    [paginator]=\"data.object_count !== 0\"\n    [rows]=\"PAGE_SIZE\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [lazy]=\"true\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <!--sort order should be default empty when page load-->\n\n    <!-- Caption Header, Search Bar -->\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search\"\n          [(ngModel)]=\"searchText\"\n          (input)=\"tt.filterGlobal($event.target.value, 'contains')\" />\n      </div>\n    </ng-template>\n\n    <!-- Column Header -->\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"notification_type\">\n          {{ 'Admin.LoginNotification.NotificationType' | transloco }}\n          <p-sortIcon field=\"notification_type\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"body\">\n          {{ 'Admin.LoginNotification.Body' | transloco }}\n          <p-sortIcon field=\"body\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          class=\"w-25\">\n          {{ 'Admin.LoginNotification.FeatureKeys' | transloco }}\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"visible_from\">\n          {{ 'Admin.LoginNotification.VisibleFrom' | transloco }}\n          <p-sortIcon field=\"visible_from\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"visible_until\">\n          {{ 'Admin.LoginNotification.VisibleUntil' | transloco }}\n          <p-sortIcon field=\"visible_until\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n\n    <!-- Table Body -->\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"notification_type\">{{ item?.notification_type }}</td>\n        <td data-head=\"body\">{{ item?.body | textTruncate: 30 }}</td>\n        <td data-head=\"feature_keys\">\n          <span *ngFor=\"let data of item?.feature_keys\"\n            class=\"badge m-1\"\n            [appDynamicBadge]=\"{ itemsArray: item?.feature_keys, item: data }\"\n            color=\"cyan\">{{ data }}</span>\n        </td>\n        <td data-head=\"visible_from\">{{ item?.visible_from | dateFormat }}</td>\n        <td data-head=\"visible_until\">{{ item?.visible_until | dateFormat }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              [routerLink]=\"[routers.loginNotifications + item?.id]\"\n              class=\"me-2 me-sm-3\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"onDelete(item?.id)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n<div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n    </pw-no-data>\n</div>\n  <span *ngIf=\"data.object_count !== 0\" class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{  data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [withImage]=\"true\" [message]=\"'Admin.LoginNotification.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "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", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], 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: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i8.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i9.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i10.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i3$2.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "pipe", type: i12.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i13.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i13.TextTruncatePipe, name: "textTruncate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: LoginNotificationsListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-login-notifications-list', template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center text-end\">\n    <h2 class=\"card-title p-0 float-start\">Login Notifications</h2>\n    <button class=\"btn btn-outline-primary btn-sm float-end m-0\"\n      [routerLink]=\"[routers.loginNotificationDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create\n    </button>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #tt\n    [value]=\"data.notifications\"\n    [paginator]=\"data.object_count !== 0\"\n    [rows]=\"PAGE_SIZE\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [lazy]=\"true\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <!--sort order should be default empty when page load-->\n\n    <!-- Caption Header, Search Bar -->\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search\"\n          [(ngModel)]=\"searchText\"\n          (input)=\"tt.filterGlobal($event.target.value, 'contains')\" />\n      </div>\n    </ng-template>\n\n    <!-- Column Header -->\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"notification_type\">\n          {{ 'Admin.LoginNotification.NotificationType' | transloco }}\n          <p-sortIcon field=\"notification_type\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"body\">\n          {{ 'Admin.LoginNotification.Body' | transloco }}\n          <p-sortIcon field=\"body\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          class=\"w-25\">\n          {{ 'Admin.LoginNotification.FeatureKeys' | transloco }}\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"visible_from\">\n          {{ 'Admin.LoginNotification.VisibleFrom' | transloco }}\n          <p-sortIcon field=\"visible_from\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"visible_until\">\n          {{ 'Admin.LoginNotification.VisibleUntil' | transloco }}\n          <p-sortIcon field=\"visible_until\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n\n    <!-- Table Body -->\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"notification_type\">{{ item?.notification_type }}</td>\n        <td data-head=\"body\">{{ item?.body | textTruncate: 30 }}</td>\n        <td data-head=\"feature_keys\">\n          <span *ngFor=\"let data of item?.feature_keys\"\n            class=\"badge m-1\"\n            [appDynamicBadge]=\"{ itemsArray: item?.feature_keys, item: data }\"\n            color=\"cyan\">{{ data }}</span>\n        </td>\n        <td data-head=\"visible_from\">{{ item?.visible_from | dateFormat }}</td>\n        <td data-head=\"visible_until\">{{ item?.visible_until | dateFormat }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              [routerLink]=\"[routers.loginNotificationDetails + item?.id]\"\n              class=\"me-2 me-sm-3\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"onDelete(item?.id)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n<div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n    </pw-no-data>\n</div>\n  <span *ngIf=\"data.object_count !== 0\" class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{  data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [withImage]=\"true\" [message]=\"'Admin.LoginNotification.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n" }]
+            args: [{ selector: 'pw-login-notifications-list', template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center text-end\">\n    <h2 class=\"card-title p-0 float-start\">Login Notifications</h2>\n    <button class=\"btn btn-outline-primary btn-sm float-end m-0\"\n      [routerLink]=\"[routers.loginNotifications + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create\n    </button>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #tt\n    [value]=\"data.notifications\"\n    [paginator]=\"data.object_count !== 0\"\n    [rows]=\"PAGE_SIZE\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [lazy]=\"true\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <!--sort order should be default empty when page load-->\n\n    <!-- Caption Header, Search Bar -->\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search\"\n          [(ngModel)]=\"searchText\"\n          (input)=\"tt.filterGlobal($event.target.value, 'contains')\" />\n      </div>\n    </ng-template>\n\n    <!-- Column Header -->\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"notification_type\">\n          {{ 'Admin.LoginNotification.NotificationType' | transloco }}\n          <p-sortIcon field=\"notification_type\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"body\">\n          {{ 'Admin.LoginNotification.Body' | transloco }}\n          <p-sortIcon field=\"body\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          class=\"w-25\">\n          {{ 'Admin.LoginNotification.FeatureKeys' | transloco }}\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"visible_from\">\n          {{ 'Admin.LoginNotification.VisibleFrom' | transloco }}\n          <p-sortIcon field=\"visible_from\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"visible_until\">\n          {{ 'Admin.LoginNotification.VisibleUntil' | transloco }}\n          <p-sortIcon field=\"visible_until\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n\n    <!-- Table Body -->\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"notification_type\">{{ item?.notification_type }}</td>\n        <td data-head=\"body\">{{ item?.body | textTruncate: 30 }}</td>\n        <td data-head=\"feature_keys\">\n          <span *ngFor=\"let data of item?.feature_keys\"\n            class=\"badge m-1\"\n            [appDynamicBadge]=\"{ itemsArray: item?.feature_keys, item: data }\"\n            color=\"cyan\">{{ data }}</span>\n        </td>\n        <td data-head=\"visible_from\">{{ item?.visible_from | dateFormat }}</td>\n        <td data-head=\"visible_until\">{{ item?.visible_until | dateFormat }}</td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              [routerLink]=\"[routers.loginNotifications + item?.id]\"\n              class=\"me-2 me-sm-3\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"onDelete(item?.id)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n<div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data [withImage]=\"true\" [message]=\"'Search.NoDataMessage' | transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n    </pw-no-data>\n</div>\n  <span *ngIf=\"data.object_count !== 0\" class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{  data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [withImage]=\"true\" [message]=\"'Admin.LoginNotification.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.AdminService }, { type: i0.ChangeDetectorRef }] });
 
 class NewsletterDetailsComponent extends AppBaseComponent {
@@ -2331,7 +2330,6 @@ class NewsletterItemDetailsComponent extends AppBaseComponent {
         this.adminService = adminService;
         this.tagService = tagService;
         this.productService = productService;
-        this.editorConfig = QuillHelper.getEditorConfig();
         this.submitted = false;
         this.newsletters = [];
         this.options = [];
@@ -2345,6 +2343,7 @@ class NewsletterItemDetailsComponent extends AppBaseComponent {
         this.featureKeys = [];
         this.userNameSyntax = '{{ @user.share_name }}';
         this.form = AppAdmin.getNewsletterItemForm();
+        this.editorConfig = QuillHelper.getEditorConfig();
     }
     ngOnInit() {
         this.subscriptionId = PermissionService.selectedSubscription?.id;
@@ -3219,7 +3218,6 @@ class ProductDetailsComponent extends AppBaseComponent {
         this.productService = productService;
         this.modalService = modalService;
         this.adminService = adminService;
-        this.editorConfig = QuillHelper.getEditorConfig();
         this.submitted = false;
         this.selectedProducts = [];
         this.selectedScopes = [];
@@ -3242,6 +3240,7 @@ class ProductDetailsComponent extends AppBaseComponent {
         this.categories = [];
         this.fullLogo = '';
         this.form = AppAdmin.getProductsForm();
+        this.editorConfig = QuillHelper.getEditorConfig();
     }
     ngOnInit() {
         this.supportedCurrency$ = this.productService.getSupportedCurrency();
@@ -3666,7 +3665,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                 args: ['passwordValidationModalForProductDelete', { static: false }]
             }] } });
 
-class ProductsComponent {
+class ProductsTabComponent {
     constructor() {
         this.items = [
             {
@@ -3683,10 +3682,10 @@ class ProductsComponent {
             }
         ];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ProductsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ProductsComponent, selector: "pw-products-tabs", ngImport: i0, template: `<pw-tabs [items]="items"></pw-tabs>`, isInline: true, styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.table-title{border-bottom:4px solid rgb(23,105,225);padding:0}.table-title .m-subheader__title{background-color:#1769e1;padding:7px 25px}.table-title .m-subheader__title span{color:#fff;font-size:16px;text-transform:uppercase}\n"], dependencies: [{ kind: "component", type: i9.PwTabsComponent, selector: "pw-tabs", inputs: ["items", "withSubscription"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ProductsTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ProductsTabComponent, selector: "pw-products-tabs", ngImport: i0, template: `<pw-tabs [items]="items"></pw-tabs>`, isInline: true, styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.table-title{border-bottom:4px solid rgb(23,105,225);padding:0}.table-title .m-subheader__title{background-color:#1769e1;padding:7px 25px}.table-title .m-subheader__title span{color:#fff;font-size:16px;text-transform:uppercase}\n"], dependencies: [{ kind: "component", type: i9.PwTabsComponent, selector: "pw-tabs", inputs: ["items", "withSubscription"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ProductsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ProductsTabComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-products-tabs', template: `<pw-tabs [items]="items"></pw-tabs>`, styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.table-title{border-bottom:4px solid rgb(23,105,225);padding:0}.table-title .m-subheader__title{background-color:#1769e1;padding:7px 25px}.table-title .m-subheader__title span{color:#fff;font-size:16px;text-transform:uppercase}\n"] }]
         }], ctorParameters: () => [] });
@@ -6615,7 +6614,7 @@ class AddEditIncidentComponent extends AppBaseComponent {
                 .addIncident(data)
                 .subscribe(response => {
                 this.toast.success(this.translation.translate('Admin.Incident.AddMessage'));
-                this.router.navigate([`${this.routers.incidentDetails}`]);
+                this.router.navigate([`${this.routers.incidentConfig}`]);
             })
                 .add(() => (this.buttonBusy = false));
         }
@@ -6637,7 +6636,7 @@ class AddEditIncidentComponent extends AppBaseComponent {
                 .editIncident(this.id, data)
                 .subscribe(response => {
                 this.toast.success(this.translation.translate('Admin.Incident.UpdateMessage'));
-                this.router.navigate([`${this.routers.incidentDetails}`]);
+                this.router.navigate([`${this.routers.incidentConfig}`]);
             })
                 .add(() => (this.buttonBusy = false));
         }
@@ -6646,7 +6645,7 @@ class AddEditIncidentComponent extends AppBaseComponent {
         }
     }
     onCancel() {
-        this.router.navigate([`${this.routers.incidentDetails}`]);
+        this.router.navigate([`${this.routers.incidentConfig}`]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: AddEditIncidentComponent, deps: [{ token: i0.Injector }, { token: i1$1.CommonService }, { token: i2$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: AddEditIncidentComponent, selector: "pw-admin-add-edit-incident", viewQueries: [{ propertyName: "editForm", first: true, predicate: ["editForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n    <div class=\"dashboard\">\n        <div class=\"dashboard-body\">\n            <div class=\"me-auto col-xs-6 mt-4\">\n                <a href=\"javascript:void(0)\" routerLink=\"/admin/incident/list\" class=\"previous\"><i\n                        class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n                <h3 class=\"mt-3\">{{ id ? 'Edit' : 'Add New' }} Incident</h3>\n            </div>\n            <div class=\"p-2 mt-3\">\n                <form (ngSubmit)=\"onSubmit()\" [formGroup]=\"form\">\n                    <div class=\"row\">\n                        <pw-input-container class=\"col-lg-6\" [label]=\"'Admin.Incident.UrlImpacted' | transloco\"\n                            name=\"url_impacted\" [errorMsg]=\"'Admin.Incident.Validation.UrlImpacted' | transloco\">\n                            <input type=\"text\" formControlName=\"url_impacted\" class=\"form-control\"\n                                [ngClass]=\"{ 'is-invalid': submitted && f['url_impacted'].errors }\" />\n                        </pw-input-container>\n                        <pw-input-container class=\"col-lg-6\" [label]=\"'Admin.Incident.ServiceImpacted' | transloco\"\n                            name=\"service_impacted\"\n                            [errorMsg]=\"'Admin.Incident.Validation.ServiceImpacted' | transloco\">\n                            <input type=\"text\" formControlName=\"service_impacted\" class=\"form-control\"\n                                [ngClass]=\"{ 'is-invalid': submitted && f['service_impacted'].errors }\" />\n                        </pw-input-container>\n                        <div class=\"col-lg-12\">\n                            <pw-input-container class=\"col-12 quill-editor\"\n                                [label]=\"'Admin.Incident.Description' | transloco\" name=\"description\"\n                                [errorMsg]=\"'Admin.Incident.Validation.Description' | transloco\">\n                                <quill-editor [styles]=\"{ height: '200px'}\" formControlName=\"description\"\n                                    class=\"quillEditor d-block\"\n                                    [modules]=\"editorConfig\"\n                                    [ngClass]=\"{ 'is-invalid': submitted && f['description'].errors, 'w-100': true  }\">\n                                </quill-editor>\n                            </pw-input-container>\n                        </div>\n                        <div class=\"row\">\n                            <div class=\"col-xs-12 col-sm-4 col-md-4 col-lg-4\">\n                                <pw-input-container [label]=\"'Admin.Incident.StartedAt' | transloco\" name=\"started_at\"\n                                    [errorMsg]=\"'Admin.Incident.Validation.Date' | transloco\">\n                                    <p-calendar class=\"addEditincident\" formControlName=\"started_at\" [showIcon]=\"true\" [placeholder]=\"'Admin.Incident.calender.placeholder' | transloco\"\n                                        [showTime]=\"true\" [appendTo]=\"'body'\" dateFormat=\"dd/M/yy\">\n                                    </p-calendar>\n                                </pw-input-container>\n                            </div>\n                            <div class=\"col-xs-12 col-sm-4 col-md-4 col-lg-4\">\n                                <pw-input-container [label]=\"'Admin.Incident.ResolvedAt' | transloco\" name=\"resolved_at\"\n                                    [errorMsg]=\"'Admin.Incident.Validation.Date' | transloco\">\n                                    <p-calendar class=\"addEditincident\" formControlName=\"resolved_at\" [showIcon]=\"true\" [placeholder]=\"'Admin.Incident.calender.placeholder' | transloco\"\n                                        [showTime]=\"true\" [appendTo]=\"'body'\" dateFormat=\"dd/M/yy\">\n                                    </p-calendar>\n                                </pw-input-container>\n                            </div>\n                            <div class=\"col-xs-12 col-sm-4 col-md-4 col-lg-4\">\n                                <pw-input-container [label]=\"'Admin.Incident.LastCheckedAt' | transloco\"\n                                    name=\"last_check_at\" [errorMsg]=\"'Admin.Incident.Validation.Date' | transloco\">\n                                    <p-calendar class=\"addEditincident\" formControlName=\"last_check_at\"[placeholder]=\"'Admin.Incident.calender.placeholder' | transloco\"\n                                        [showIcon]=\"true\" [showTime]=\"true\" [appendTo]=\"'body'\" dateFormat=\"dd/M/yy\">\n                                    </p-calendar>\n                                </pw-input-container>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"row\">\n                        <div class=\"col-12 mt-4\">\n                            <div class=\"mb-3 text-end\">\n                                <button type=\"button\" class=\"btn btn-outline-default me-2\" data-bs-toggle=\"collapse\"\n                                    (click)=\"onCancel()\" role=\"button\" aria-expanded=\"false\"\n                                    aria-controls=\"incidentCollapse\"> {{ 'Button.Cancel' | transloco }} </button>\n                                <button class=\"btn btn-primary\" [disabled]=\"!isSuperAdmin\" [buttonBusy]=\"buttonBusy\">{{\n                                    'Button.Save' | transloco }}</button>\n                            </div>\n                        </div>\n                    </div>\n                </form>\n            </div>\n        </div>\n    </div>\n</div>", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}\n"], dependencies: [{ kind: "component", type: i7$1.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepYearPicker", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i7.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i9.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "directive", type: i10.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i11.QuillEditorComponent, selector: "quill-editor" }, { kind: "pipe", type: i12.TranslocoPipe, name: "transloco" }] }); }
@@ -6745,7 +6744,7 @@ class AddFaqComponent extends AppBaseComponent {
             .postFaq(this.form.value, this.subscriptionId)
             .subscribe(response => {
             this.toast.success(this.translation.translate('Admin.Faq.AddMessage'));
-            this.router.navigate([`${this.routers.faqDetails}`]);
+            this.router.navigate([`${this.routers.faqConfig}`]);
         })
             .add(() => (this.buttonBusy = false));
     }
@@ -6834,7 +6833,7 @@ class AddFaqComponent extends AppBaseComponent {
         });
     }
     onCancel() {
-        this.router.navigate([`${this.routers.faqDetails}`]);
+        this.router.navigate([`${this.routers.faqConfig}`]);
     }
     ngOnDestroy() {
         super.ngOnDestroy();
@@ -7136,7 +7135,7 @@ class EditFaqComponent extends AppBaseComponent {
             next: response => {
                 this.toast.success(this.translation.translate('Admin.Faq.UpdatedMessage'));
                 this.toast.success(this.translation.translate('Admin.Faq.UpdatedMessage'));
-                this.router.navigate([`${this.routers.faqDetails}`]);
+                this.router.navigate([`${this.routers.faqConfig}`]);
             }
         });
     }
@@ -7210,7 +7209,7 @@ class EditFaqComponent extends AppBaseComponent {
         });
     }
     onCancel() {
-        this.router.navigate([`${this.routers.faqDetails}`]);
+        this.router.navigate([`${this.routers.faqConfig}`]);
     }
     ngOnDestroy() {
         super.ngOnDestroy();
@@ -7258,7 +7257,6 @@ const routes = [
             },
             {
                 path: 'tips',
-                component: TipsTabsComponent,
                 data: {
                     title: 'Tips',
                     permission: 'Pages.Admin'
@@ -7266,83 +7264,99 @@ const routes = [
                 children: [
                     {
                         path: '',
-                        redirectTo: 'misc',
-                        pathMatch: 'full'
+                        component: TipsTabsComponent,
+                        children: [
+                            {
+                                path: '',
+                                redirectTo: 'list',
+                                pathMatch: 'full'
+                            },
+                            {
+                                path: 'list',
+                                component: TipsComponent
+                            }
+                        ]
                     },
                     {
-                        path: 'list',
-                        component: TipsComponent
+                        path: 'add',
+                        component: TipComponent,
+                        data: {
+                            title: 'Add or Edit Tip',
+                            permission: 'Pages.Admin'
+                        }
+                    },
+                    {
+                        path: ':id',
+                        component: TipComponent,
+                        data: {
+                            title: 'Tip Details',
+                            permission: 'Pages.Admin'
+                        }
                     }
                 ]
             },
-            {
-                path: 'tips/:id',
-                component: TipComponent,
-                data: {
-                    title: 'Tip',
-                    permission: 'Pages.Admin'
-                }
-            },
-            {
-                path: 'tips/add',
-                component: TipComponent,
-                data: {
-                    title: 'Tip Add or Edit',
-                    permission: 'Pages.Admin'
-                }
-            },
             {
                 path: 'faq',
-                component: FaqTabsComponent,
                 data: {
                     title: 'FAQ',
                     permission: 'Pages.Admin.FAQ'
                 },
                 children: [
                     {
-                        path: 'list',
-                        component: FaqListComponent
+                        path: '',
+                        component: FaqTabsComponent,
+                        children: [
+                            {
+                                path: 'list',
+                                component: FaqListComponent
+                            }
+                        ]
+                    },
+                    {
+                        path: 'add',
+                        component: AddFaqComponent,
+                        data: {
+                            title: 'Add FAQ',
+                            permission: 'Pages.Admin.Incident'
+                        }
+                    },
+                    {
+                        path: ':id',
+                        component: EditFaqComponent,
+                        data: {
+                            title: 'Edit FAQ',
+                            permission: 'Pages.Admin.Incident'
+                        }
                     }
                 ]
             },
-            {
-                path: 'faq/edit/:id',
-                component: EditFaqComponent,
-                data: {
-                    title: 'Faq Edit',
-                    permission: 'Pages.Admin.Incident'
-                }
-            },
-            {
-                path: 'faq/add',
-                component: AddFaqComponent,
-                data: {
-                    title: 'Faq Add',
-                    permission: 'Pages.Admin.Incident'
-                }
-            },
             {
                 path: 'incident',
-                component: IncidentTabsComponent,
                 data: {
                     title: 'Incidents',
                     permission: 'Pages.Admin.Incident'
                 },
                 children: [
                     {
-                        path: 'list',
-                        component: IncidentListComponent
+                        path: '',
+                        component: IncidentTabsComponent,
+                        children: [
+                            {
+                                path: 'list',
+                                component: IncidentListComponent
+                            }
+                        ]
+                    },
+                    {
+                        path: ':id',
+                        component: AddEditIncidentComponent,
+                        data: {
+                            title: 'Incident',
+                            permission: 'Pages.Admin.Incident'
+                        }
                     }
                 ]
             },
-            {
-                path: 'incident/list/:id',
-                component: AddEditIncidentComponent,
-                data: {
-                    title: 'Incident',
-                    permission: 'Pages.Admin.Incident'
-                }
-            },
             {
                 path: 'contact-us',
                 component: ContactUsTabsComponent,
@@ -7380,7 +7394,7 @@ const routes = [
                         ]
                     },
                     {
-                        path: 'details/add',
+                        path: 'add',
                         component: DomainConfigDetailsComponent,
                         data: {
                             title: 'DomainConfig Add',
@@ -7388,7 +7402,7 @@ const routes = [
                         }
                     },
                     {
-                        path: 'details/:id',
+                        path: ':id',
                         component: DomainConfigDetailsComponent,
                         data: {
                             title: 'DomainConfig',
@@ -7399,7 +7413,6 @@ const routes = [
             },
             {
                 path: 'login-notifications',
-                component: LoginNotificationTabsComponent,
                 data: {
                     title: 'Login Notifications',
                     permission: 'Pages.Admin.LoginNotification'
@@ -7407,34 +7420,39 @@ const routes = [
                 children: [
                     {
                         path: '',
-                        redirectTo: 'list',
-                        pathMatch: 'full'
+                        component: LoginNotificationTabsComponent,
+                        children: [
+                            {
+                                path: '',
+                                redirectTo: 'list',
+                                pathMatch: 'full'
+                            },
+                            {
+                                path: 'list',
+                                component: LoginNotificationsListComponent
+                            }
+                        ]
                     },
                     {
-                        path: 'list',
-                        component: LoginNotificationsListComponent
+                        path: 'add',
+                        component: LoginNotificationDetailsComponent,
+                        data: {
+                            title: 'Login Notification Add',
+                            permission: 'Pages.Admin.LoginNotification'
+                        }
+                    },
+                    {
+                        path: ':id',
+                        component: LoginNotificationDetailsComponent,
+                        data: {
+                            title: 'Login Notification Edit',
+                            permission: 'Pages.Admin.LoginNotification'
+                        }
                     }
                 ]
             },
-            {
-                path: 'login-notification-details/add',
-                component: LoginNotificationDetailsComponent,
-                data: {
-                    title: 'LoginNotification Add',
-                    permission: 'Pages.Admin.LoginNotification'
-                }
-            },
-            {
-                path: 'login-notification-details/:id',
-                component: LoginNotificationDetailsComponent,
-                data: {
-                    title: 'LoginNotification',
-                    permission: 'Pages.Admin.LoginNotification'
-                }
-            },
             {
                 path: 'newsletter',
-                component: NewsletterComponent,
                 data: {
                     title: 'Newsletter',
                     permission: 'Pages.Admin.Newsletter'
@@ -7442,62 +7460,67 @@ const routes = [
                 children: [
                     {
                         path: '',
-                        redirectTo: 'list',
-                        pathMatch: 'full'
+                        component: NewsletterComponent,
+                        children: [
+                            {
+                                path: '',
+                                redirectTo: 'list',
+                                pathMatch: 'full'
+                            },
+                            {
+                                path: 'list',
+                                component: NewslettersListComponent
+                            },
+                            {
+                                path: 'items',
+                                component: NewslettersItemsComponent
+                            },
+                            {
+                                path: 'item/users-list/:id',
+                                component: NewsletterUsersListComponent
+                            },
+                            {
+                                path: 'insight',
+                                component: NewsletterInsightComponent
+                            }
+                        ]
                     },
                     {
-                        path: 'list',
-                        component: NewslettersListComponent
+                        path: ':id',
+                        component: NewsletterDetailsComponent,
+                        data: {
+                            title: 'Newsletter',
+                            permission: 'Pages.Admin.Newsletter'
+                        }
                     },
                     {
-                        path: 'items',
-                        component: NewslettersItemsComponent
+                        path: 'add',
+                        component: NewsletterDetailsComponent,
+                        data: {
+                            title: 'Newsletter',
+                            permission: 'Pages.Admin.Newsletter'
+                        }
                     },
                     {
-                        path: 'items/users-list/:id',
-                        component: NewsletterUsersListComponent
+                        path: 'item/:id',
+                        component: NewsletterItemDetailsComponent,
+                        data: {
+                            title: 'Newsletter Item',
+                            permission: 'Pages.Admin.Newsletter'
+                        }
                     },
                     {
-                        path: 'insight',
-                        component: NewsletterInsightComponent
+                        path: 'item/add',
+                        component: NewsletterItemDetailsComponent,
+                        data: {
+                            title: 'Newsletter Item',
+                            permission: 'Pages.Admin.Newsletter'
+                        }
                     }
                 ]
             },
-            {
-                path: 'newsletter-details/:id',
-                component: NewsletterDetailsComponent,
-                data: {
-                    title: 'Newsletter',
-                    permission: 'Pages.Admin.Newsletter'
-                }
-            },
-            {
-                path: 'newsletter-details/add',
-                component: NewsletterDetailsComponent,
-                data: {
-                    title: 'Newsletter',
-                    permission: 'Pages.Admin.Newsletter'
-                }
-            },
-            {
-                path: 'newsletter-item/:id',
-                component: NewsletterItemDetailsComponent,
-                data: {
-                    title: 'Newsletter Item',
-                    permission: 'Pages.Admin.Newsletter'
-                }
-            },
-            {
-                path: 'newsletter-item/add',
-                component: NewsletterItemDetailsComponent,
-                data: {
-                    title: 'Newsletter Item',
-                    permission: 'Pages.Admin.Newsletter'
-                }
-            },
             {
                 path: 'subscriptions',
-                component: SubscriptionComponent,
                 data: {
                     title: 'Subscription',
                     permission: 'Pages.Admin.Subscription'
@@ -7505,22 +7528,35 @@ const routes = [
                 children: [
                     {
                         path: '',
-                        redirectTo: 'list',
-                        pathMatch: 'full'
-                    },
-                    {
-                        path: 'list',
-                        component: SubscriptionsListComponent
+                        component: SubscriptionComponent,
+                        children: [
+                            {
+                                path: '',
+                                redirectTo: 'list',
+                                pathMatch: 'full'
+                            },
+                            {
+                                path: 'list',
+                                component: SubscriptionsListComponent
+                            },
+                            {
+                                path: 'insight',
+                                component: SubscriptionInsightTabsComponent
+                            }
+                        ]
                     },
                     {
-                        path: 'insight',
-                        component: SubscriptionInsightTabsComponent
+                        path: 'invite-user',
+                        component: InviteUsersComponent,
+                        data: {
+                            title: 'Invite Users',
+                            permission: 'Pages.Admin.Product'
+                        }
                     }
                 ]
             },
             {
                 path: 'users',
-                component: UserTabComponent,
                 data: {
                     title: 'Users Management',
                     permission: 'Pages.Admin.Users'
@@ -7528,43 +7564,41 @@ const routes = [
                 children: [
                     {
                         path: '',
-                        redirectTo: 'list',
-                        pathMatch: 'full'
+                        component: UserTabComponent,
+                        children: [
+                            {
+                                path: '',
+                                redirectTo: 'list',
+                                pathMatch: 'full'
+                            },
+                            {
+                                path: 'list',
+                                component: UserListComponent
+                            },
+                            {
+                                path: 'insight',
+                                component: UserInsightComponent
+                            }
+                        ]
                     },
                     {
-                        path: 'list',
-                        component: UserListComponent
+                        path: 'add',
+                        component: UserDetailsComponent,
+                        data: {
+                            title: 'Add User',
+                            permission: 'Pages.Admin.Users'
+                        }
                     },
                     {
-                        path: 'insight',
-                        component: UserInsightComponent
+                        path: ':id',
+                        component: UserDetailsComponent,
+                        data: {
+                            title: 'User Details',
+                            permission: 'Pages.Admin.Users'
+                        }
                     }
                 ]
             },
-            {
-                path: 'user-details/:id',
-                component: UserDetailsComponent,
-                data: {
-                    title: 'User Management',
-                    permission: 'Pages.Admin.Users'
-                }
-            },
-            {
-                path: 'user-details/add',
-                component: UserDetailsComponent,
-                data: {
-                    title: 'User Management',
-                    permission: 'Pages.Admin.Users'
-                }
-            },
-            {
-                path: 'subscription-product-details/:id',
-                component: SubscriptionProductDetailsComponent,
-                data: {
-                    title: 'Subscription',
-                    permission: 'Pages.Admin.Subscription'
-                }
-            },
             {
                 path: 'subscription/:id',
                 component: SubscriptionDetailsComponent,
@@ -7583,7 +7617,6 @@ const routes = [
             },
             {
                 path: 'products',
-                component: ProductsComponent,
                 data: {
                     title: 'Product Management',
                     permission: 'Pages.Admin.Product'
@@ -7591,75 +7624,81 @@ const routes = [
                 children: [
                     {
                         path: '',
-                        redirectTo: 'list',
-                        pathMatch: 'full'
-                    },
-                    {
-                        path: 'list',
-                        component: ProductsListComponent
-                    },
-                    {
-                        path: 'insight',
-                        component: ProductInsightComponent
+                        component: ProductsTabComponent,
+                        children: [
+                            {
+                                path: '',
+                                redirectTo: 'list',
+                                pathMatch: 'full'
+                            },
+                            {
+                                path: 'list',
+                                component: ProductsListComponent
+                            },
+                            {
+                                path: 'insight',
+                                component: ProductInsightComponent
+                            },
+                            {
+                                path: 'list/users/:id',
+                                component: UsersListForProductComponent,
+                                data: {
+                                    title: 'Product Management',
+                                    permission: 'Pages.Admin.Product'
+                                }
+                            },
+                            {
+                                path: 'list/feedback-questions-list',
+                                component: FeedbackQuestionsListComponent,
+                                data: {
+                                    title: 'FeedbackQuestions',
+                                    permission: 'Pages.Admin.FeedbackQuestions'
+                                }
+                            },
+                            {
+                                path: 'list/feedback-questions-details/add',
+                                component: FeedbackQuestionsDetailsComponent,
+                                data: {
+                                    title: 'FeedbackQuestions',
+                                    permission: 'Pages.Admin.FeedbackQuestions'
+                                }
+                            },
+                            {
+                                path: 'list/feedback-questions-details/:id',
+                                component: FeedbackQuestionsDetailsComponent,
+                                data: {
+                                    title: 'FeedbackQuestions',
+                                    permission: 'Pages.Admin.FeedbackQuestions'
+                                }
+                            }
+                        ]
                     },
                     {
-                        path: 'list/users/:id',
-                        component: UsersListForProductComponent,
+                        path: 'add',
+                        component: ProductDetailsComponent,
                         data: {
-                            title: 'Product Management',
+                            title: 'Add Product',
                             permission: 'Pages.Admin.Product'
                         }
                     },
                     {
-                        path: 'list/feedback-questions-list',
-                        component: FeedbackQuestionsListComponent,
+                        path: ':id',
+                        component: ProductDetailsComponent,
                         data: {
-                            title: 'FeedbackQuestions',
-                            permission: 'Pages.Admin.FeedbackQuestions'
-                        }
-                    },
-                    {
-                        path: 'list/feedback-questions-details/add',
-                        component: FeedbackQuestionsDetailsComponent,
-                        data: {
-                            title: 'FeedbackQuestions',
-                            permission: 'Pages.Admin.FeedbackQuestions'
+                            title: 'Product Details',
+                            permission: 'Pages.Admin.Product'
                         }
                     },
                     {
-                        path: 'list/feedback-questions-details/:id',
-                        component: FeedbackQuestionsDetailsComponent,
+                        path: 'subscription/:id',
+                        component: SubscriptionProductDetailsComponent,
                         data: {
-                            title: 'FeedbackQuestions',
-                            permission: 'Pages.Admin.FeedbackQuestions'
+                            title: 'Subscription',
+                            permission: 'Pages.Admin.Subscription'
                         }
                     }
                 ]
             },
-            {
-                path: 'products/list/product-details/:id',
-                component: ProductDetailsComponent,
-                data: {
-                    title: 'Product Management',
-                    permission: 'Pages.Admin.Product'
-                }
-            },
-            {
-                path: 'subscriptions/invite-user',
-                component: InviteUsersComponent,
-                data: {
-                    title: 'Invite Users',
-                    permission: 'Pages.Admin.Product'
-                }
-            },
-            {
-                path: 'products/list/product-details/add',
-                component: ProductDetailsComponent,
-                data: {
-                    title: 'Product Management',
-                    permission: 'Pages.Admin.Product'
-                }
-            },
             {
                 path: 'tags',
                 component: TagsTabsComponent,
@@ -7692,7 +7731,6 @@ const routes = [
             },
             {
                 path: 'permissions',
-                component: PermissionsTabsComponent,
                 data: {
                     title: 'Permissions',
                     permission: 'Pages.Admin.Roles'
@@ -7700,54 +7738,59 @@ const routes = [
                 children: [
                     {
                         path: '',
-                        redirectTo: 'list',
-                        pathMatch: 'full'
+                        component: PermissionsTabsComponent,
+                        children: [
+                            {
+                                path: '',
+                                redirectTo: 'list',
+                                pathMatch: 'full'
+                            },
+                            {
+                                path: 'list',
+                                component: PermissionsListComponent
+                            },
+                            {
+                                path: 'roles-list',
+                                component: RolesListComponent
+                            }
+                        ]
                     },
                     {
-                        path: 'list',
-                        component: PermissionsListComponent
+                        path: 'add',
+                        component: PermissionsDetailsComponent,
+                        data: {
+                            title: 'Add Permission',
+                            permission: 'Pages.Admin.Roles'
+                        }
                     },
                     {
-                        path: 'roles-list',
-                        component: RolesListComponent
+                        path: ':id',
+                        component: PermissionsDetailsComponent,
+                        data: {
+                            title: 'Permissions',
+                            permission: 'Pages.Admin.Roles'
+                        }
+                    },
+                    {
+                        path: 'role/add',
+                        component: RoleDetailsComponent,
+                        data: {
+                            title: 'Role Management',
+                            permission: 'Pages.Admin.Roles'
+                        }
+                    },
+                    {
+                        path: 'role/:id',
+                        component: RoleDetailsComponent,
+                        data: {
+                            title: 'Role Management',
+                            permission: 'Pages.Admin.Roles'
+                        }
                     }
                 ]
             },
-            {
-                path: 'permissions-details/:id',
-                component: PermissionsDetailsComponent,
-                data: {
-                    title: 'Permissions',
-                    permission: 'Pages.Admin.Roles'
-                }
-            },
-            {
-                path: 'permissions-details/add',
-                component: PermissionsDetailsComponent,
-                data: {
-                    title: 'Permissions',
-                    permission: 'Pages.Admin.Roles'
-                }
-            },
-            {
-                path: 'role-details/:id',
-                component: RoleDetailsComponent,
-                data: {
-                    title: 'Role Management',
-                    permission: 'Pages.Admin.Roles'
-                }
-            },
-            {
-                path: 'role-details/add',
-                component: RoleDetailsComponent,
-                data: {
-                    title: 'Role Management',
-                    permission: 'Pages.Admin.Roles'
-                }
-            },
             {
                 path: 'tos',
-                component: TermsOfServiceTabsComponent,
                 data: {
                     title: 'Tos',
                     permission: 'Pages.Admin.Tos'
@@ -7755,34 +7798,39 @@ const routes = [
                 children: [
                     {
                         path: '',
-                        redirectTo: 'list',
-                        pathMatch: 'full'
+                        component: TermsOfServiceTabsComponent,
+                        children: [
+                            {
+                                path: '',
+                                redirectTo: 'list',
+                                pathMatch: 'full'
+                            },
+                            {
+                                path: 'list',
+                                component: TermsOfServiceComponent
+                            }
+                        ]
                     },
                     {
-                        path: 'list',
-                        component: TermsOfServiceComponent
+                        path: 'add',
+                        component: TermsOfServiceDetailsComponent,
+                        data: {
+                            title: 'Tos',
+                            permission: 'Pages.Admin.Tos'
+                        }
+                    },
+                    {
+                        path: ':id',
+                        component: TermsOfServiceDetailsComponent,
+                        data: {
+                            title: 'Tos',
+                            permission: 'Pages.Admin.Tos'
+                        }
                     }
                 ]
             },
-            {
-                path: 'tos-details/:id',
-                component: TermsOfServiceDetailsComponent,
-                data: {
-                    title: 'Tos',
-                    permission: 'Pages.Admin.Tos'
-                }
-            },
-            {
-                path: 'tos-details/add',
-                component: TermsOfServiceDetailsComponent,
-                data: {
-                    title: 'Tos',
-                    permission: 'Pages.Admin.Tos'
-                }
-            },
             {
                 path: 'credentials',
-                component: CredentialsTabComponent,
                 data: {
                     title: 'Credential Management',
                     permission: 'Pages.Admin.Credential'
@@ -7790,51 +7838,57 @@ const routes = [
                 children: [
                     {
                         path: '',
-                        redirectTo: 'list',
-                        pathMatch: 'full'
+                        component: CredentialsTabComponent,
+                        children: [
+                            {
+                                path: '',
+                                redirectTo: 'list',
+                                pathMatch: 'full'
+                            },
+                            {
+                                path: 'list',
+                                component: CredentialsComponent
+                            },
+                            {
+                                path: 'subscription',
+                                component: SubscriptionCredentialsComponent
+                            }
+                        ]
                     },
                     {
-                        path: 'list',
-                        component: CredentialsComponent
+                        path: 'add',
+                        component: CredentialsDetailsComponent,
+                        data: {
+                            title: 'Credential Management Add',
+                            permission: 'Pages.Admin.Credential'
+                        }
+                    },
+                    {
+                        path: ':id',
+                        component: CredentialsDetailsComponent,
+                        data: {
+                            title: 'Credential Management',
+                            permission: 'Pages.Admin.Credential'
+                        }
+                    },
+                    {
+                        path: 'subscription/:id',
+                        component: SubscriptionCredentialsDetailsComponent,
+                        data: {
+                            title: 'Credential Management Subscription Details',
+                            permission: 'Pages.Admin.Credential'
+                        }
                     },
                     {
-                        path: 'subscription-credentials',
-                        component: SubscriptionCredentialsComponent
+                        path: 'subscription/add',
+                        component: SubscriptionCredentialsDetailsComponent,
+                        data: {
+                            title: 'Credential Management',
+                            permission: 'Pages.Admin.Credential'
+                        }
                     }
                 ]
             },
-            {
-                path: 'credentials-details/:id',
-                component: CredentialsDetailsComponent,
-                data: {
-                    title: 'Credential Management',
-                    permission: 'Pages.Admin.Credential'
-                }
-            },
-            {
-                path: 'credentials-details/add',
-                component: CredentialsDetailsComponent,
-                data: {
-                    title: 'Credential Management',
-                    permission: 'Pages.Admin.Credential'
-                }
-            },
-            {
-                path: 'subscription-credentials-details/:id',
-                component: SubscriptionCredentialsDetailsComponent,
-                data: {
-                    title: 'Credential Management',
-                    permission: 'Pages.Admin.Credential'
-                }
-            },
-            {
-                path: 'subscription-credentials-details/add',
-                component: SubscriptionCredentialsDetailsComponent,
-                data: {
-                    title: 'Credential Management',
-                    permission: 'Pages.Admin.Credential'
-                }
-            },
             {
                 path: 'tracking',
                 component: TrackingComponent,
@@ -7872,7 +7926,6 @@ const routes = [
             },
             {
                 path: 'global-config',
-                component: GlobalConfigTabsComponent,
                 data: {
                     title: 'Global config',
                     permission: 'Pages.Admin.Global-Config'
@@ -7880,22 +7933,28 @@ const routes = [
                 children: [
                     {
                         path: '',
-                        redirectTo: 'list',
-                        pathMatch: 'full'
+                        component: GlobalConfigTabsComponent,
+                        children: [
+                            {
+                                path: '',
+                                redirectTo: 'list',
+                                pathMatch: 'full'
+                            },
+                            {
+                                path: 'list',
+                                component: GlobalConfigListComponent
+                            }
+                        ]
                     },
                     {
-                        path: 'list',
-                        component: GlobalConfigListComponent
+                        path: 'add',
+                        component: GlobalConfigDetailsComponent
+                    },
+                    {
+                        path: ':id',
+                        component: GlobalConfigDetailsComponent
                     }
                 ]
-            },
-            {
-                path: 'global-config/list/details/add',
-                component: GlobalConfigDetailsComponent
-            },
-            {
-                path: 'global-config/list/details/:id',
-                component: GlobalConfigDetailsComponent
             }
         ]
     }
@@ -7946,7 +8005,7 @@ class AdminModule {
             FeedbackQuestionsListComponent,
             FeedbackQuestionsDetailsComponent,
             UserDetailsComponent,
-            ProductsComponent,
+            ProductsTabComponent,
             SubscriptionDetailsComponent,
             NewsletterDetailsComponent,
             NewsletterItemDetailsComponent,
@@ -8096,7 +8155,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                         FeedbackQuestionsListComponent,
                         FeedbackQuestionsDetailsComponent,
                         UserDetailsComponent,
-                        ProductsComponent,
+                        ProductsTabComponent,
                         SubscriptionDetailsComponent,
                         NewsletterDetailsComponent,
                         NewsletterItemDetailsComponent,
@@ -8254,5 +8313,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AddFaqComponent, AdminGuardService, AdminModule, AdminRoutingModule, AgentDetailsComponent, AhoyEventsComponent, AhoyMessagesComponent, AhoyVisitsComponent, ContactUsListComponent, ContactUsTabsComponent, CredentialsComponent, CredentialsDetailsComponent, CredentialsTabComponent, DomainConfigBuildComponent, DomainConfigCoreComponent, DomainConfigDetailsComponent, DomainConfigIntegrationsComponent, DomainConfigInterfaceComponent, DomainConfigListComponent, DomainConfigOrganizationComponent, DomainConfigSecurityComponent, DomainConfigSocialComponent, DomainConfigTabsComponent, EditFaqComponent, EventsComponent, FaqListComponent, FaqTabsComponent, FeedbackQuestionsDetailsComponent, FeedbackQuestionsListComponent, GeneralTabsComponent, GenericInsightComponent, GenericMiscComponent, GlobalConfigDetailsComponent, GlobalConfigListComponent, GlobalConfigTabsComponent, InsightComponent, LoginNotificationDetailsComponent, LoginNotificationTabsComponent, LoginNotificationsListComponent, NewsletterComponent, NewsletterDetailsComponent, NewsletterInsightComponent, NewsletterItemDetailsComponent, NewsletterUsersListComponent, NewslettersItemsComponent, NewslettersListComponent, PermissionsDetailsComponent, PermissionsListComponent, PermissionsTabsComponent, ProductDetailsComponent, ProductInsightComponent, ProductsComponent, ProductsListComponent, ROUTERS, RoleDetailsComponent, RolesListComponent, SubscriptionAgentsListComponent, SubscriptionComponent, SubscriptionCredentialsComponent, SubscriptionCredentialsDetailsComponent, SubscriptionDetailsComponent, SubscriptionInsightNpsComponent, SubscriptionInsightRevenueComponent, SubscriptionInsightTabsComponent, SubscriptionProductDetailsComponent, SubscriptionProductsComponent, SubscriptionUsersComponent, SubscriptionsListComponent, TagsCategoryComponent, TagsListComponent, TagsTabsComponent, TermsOfServiceComponent, TermsOfServiceDetailsComponent, TermsOfServiceTabsComponent, TipComponent, TipsComponent, TipsTabsComponent, TrackingComponent, UserDetailsComponent, UserInsightComponent, UserListComponent, UserTabComponent, UsersListForProductComponent, VersionsComponent };
+export { AddFaqComponent, AdminGuardService, AdminModule, AdminRoutingModule, AgentDetailsComponent, AhoyEventsComponent, AhoyMessagesComponent, AhoyVisitsComponent, ContactUsListComponent, ContactUsTabsComponent, CredentialsComponent, CredentialsDetailsComponent, CredentialsTabComponent, DomainConfigBuildComponent, DomainConfigCoreComponent, DomainConfigDetailsComponent, DomainConfigIntegrationsComponent, DomainConfigInterfaceComponent, DomainConfigListComponent, DomainConfigOrganizationComponent, DomainConfigSecurityComponent, DomainConfigSocialComponent, DomainConfigTabsComponent, EditFaqComponent, EventsComponent, FaqListComponent, FaqTabsComponent, FeedbackQuestionsDetailsComponent, FeedbackQuestionsListComponent, GeneralTabsComponent, GenericInsightComponent, GenericMiscComponent, GlobalConfigDetailsComponent, GlobalConfigListComponent, GlobalConfigTabsComponent, InsightComponent, LoginNotificationDetailsComponent, LoginNotificationTabsComponent, LoginNotificationsListComponent, NewsletterComponent, NewsletterDetailsComponent, NewsletterInsightComponent, NewsletterItemDetailsComponent, NewsletterUsersListComponent, NewslettersItemsComponent, NewslettersListComponent, PermissionsDetailsComponent, PermissionsListComponent, PermissionsTabsComponent, ProductDetailsComponent, ProductInsightComponent, ProductsListComponent, ProductsTabComponent, ROUTERS, RoleDetailsComponent, RolesListComponent, SubscriptionAgentsListComponent, SubscriptionComponent, SubscriptionCredentialsComponent, SubscriptionCredentialsDetailsComponent, SubscriptionDetailsComponent, SubscriptionInsightNpsComponent, SubscriptionInsightRevenueComponent, SubscriptionInsightTabsComponent, SubscriptionProductDetailsComponent, SubscriptionProductsComponent, SubscriptionUsersComponent, SubscriptionsListComponent, TagsCategoryComponent, TagsListComponent, TagsTabsComponent, TermsOfServiceComponent, TermsOfServiceDetailsComponent, TermsOfServiceTabsComponent, TipComponent, TipsComponent, TipsTabsComponent, TrackingComponent, UserDetailsComponent, UserInsightComponent, UserListComponent, UserTabComponent, UsersListForProductComponent, VersionsComponent };
 //# sourceMappingURL=posiwise-admin-module.mjs.map