@posiwise/admin-module 0.0.227 → 0.0.228

package/fesm2022/posiwise-admin-module.mjs

@@ -9,6 +9,8 @@ import { NgxGpAutocompleteModule } from '@angular-magic/ngx-gp-autocomplete';
 import * as i1 from '@posiwise/admin-module-utils';
 import { AppAdmin, AdminService, AdminDataService } from '@posiwise/admin-module-utils';
 import { AppConfigService } from '@posiwise/app-config-service';
+import * as i5$2 from '@posiwise/app-loader';
+import { AppLoaderModule } from '@posiwise/app-loader';
 import * as i1$1 from '@posiwise/common-services';
 import { PermissionService, ValidationService, FormHelperService, PrimeNgHelper, SubscriptionService } from '@posiwise/common-services';
 import { CoreTranslocoModule } from '@posiwise/core-transloco';
@@ -147,6 +149,8 @@ const baseUrl = '/admin';
 const ROUTERS = {
     globalConfigDetails: `${baseUrl}/global-config/`,
     adminCredentialsDetails: `${baseUrl}/credentials/`,
+    adminOauthClients: `${baseUrl}/oauth-clients/list`,
+    adminOauthClientsDetails: `${baseUrl}/oauth-clients/`,
     subscriptionCredentialDetails: `${baseUrl}/credentials/subscription/`,
     newsletter: `${baseUrl}/newsletter`,
     mailerDetails: `${baseUrl}/mailers/`,
@@ -4961,6 +4965,182 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
             args: [{ selector: 'pw-newsletter', template: `<pw-tabs [items]="items"></pw-tabs>`, standalone: false, styles: [".text-truncate{max-width:150px}.card-body{min-height:65vh}\n"] }]
         }], ctorParameters: () => [{ type: i0.Injector }] });
 
+class OauthClientsComponent extends AppBaseComponent {
+    constructor(oauthClientService, injector, cdr, confirmDialog) {
+        super(injector);
+        this.oauthClientService = oauthClientService;
+        this.cdr = cdr;
+        this.confirmDialog = confirmDialog;
+        this.clients = [];
+        this.loading = true;
+        this.isLoaded = false;
+        this.routers = ROUTERS;
+    }
+    ngOnInit() {
+        this.loadClients();
+    }
+    loadClients() {
+        this.isLoaded = false;
+        this.loading = true;
+        this.oauthClientService
+            .getAll()
+            .subscribe((response) => {
+            this.clients = response?.mcp_oauth_clients ?? [];
+        })
+            .add(() => {
+            this.loading = false;
+            this.isLoaded = true;
+            this.cdr.markForCheck();
+        });
+    }
+    onDelete(client) {
+        this.confirmDialog
+            .confirmDelete({
+            textKey: 'Common.Confirm.Delete.Text',
+            textParams: { name: client?.name }
+        })
+            .then(ok => {
+            if (!ok) {
+                return;
+            }
+            this.oauthClientService.delete(client.id).subscribe(() => {
+                this.toast.success(this.translation.translate('Admin.OauthClients.DeletedMessage'));
+                this.loadClients();
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: OauthClientsComponent, deps: [{ token: i1.McpOauthClientService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }, { token: i3$1.ConfirmDialogService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: OauthClientsComponent, isStandalone: false, selector: "pw-oauth-clients", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center\">\n    <h2 class=\"card-title p-0 float-start\">{{ 'Admin.OauthClients.Title' | transloco }}</h2>\n    <button class=\"btn btn-sm btn-outline-primary float-end\"\n      data-cy=\"add-oauth-client\"\n      [routerLink]=\"[routers.adminOauthClientsDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> {{ 'Admin.OauthClients.Add' | transloco }}\n    </button>\n  </div>\n</div>\n@if (!isLoaded) {\n  <div class=\"w-100 text-center mt-3\">\n    <p-progressSpinner strokeWidth=\"2\"></p-progressSpinner>\n  </div>\n}\n@if (isLoaded) {\n  @if (clients.length > 0) {\n    <div class=\"primeng-datatable-container mt table-responsive\">\n      <p-table [value]=\"clients\">\n        <ng-template pTemplate=\"header\">\n          <tr>\n            <th scope=\"col\">{{ 'Admin.OauthClients.Platform' | transloco }}</th>\n            <th scope=\"col\">{{ 'Admin.OauthClients.ClientId' | transloco }}</th>\n            <th scope=\"col\">{{ 'Admin.OauthClients.ClientSecret' | transloco }}</th>\n            <th scope=\"col\">{{ 'Admin.OauthClients.RedirectUris' | transloco }}</th>\n            <th scope=\"col\">{{ 'Admin.OauthClients.Scopes' | transloco }}</th>\n            <th scope=\"col\" class=\"actions-list-two\">{{ 'Label.Actions' | transloco }}</th>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-client>\n          <tr>\n            <td data-head=\"Platform\">{{ client.name }}</td>\n            <td data-head=\"Client ID\">{{ client.client_id }}</td>\n            <td data-head=\"Client Secret\">{{ client.client_secret_masked }}</td>\n            <td data-head=\"Redirect URIs\">{{ client.redirect_uris }}</td>\n            <td data-head=\"Scopes\">{{ client.scopes }}</td>\n            <td data-head=\"Action\">\n              <ul class=\"list-unstyled list-inline list-action\">\n                <li [ngbTooltip]=\"'Admin.OauthClients.Edit' | transloco\"\n                  class=\"me-2 me-sm-3\"\n                  data-cy=\"edit-oauth-client\"\n                  [routerLink]=\"[routers.adminOauthClientsDetails + 'edit/' + client.id]\">\n                  <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n                </li>\n                <li [ngbTooltip]=\"'Admin.OauthClients.Delete' | transloco\" class=\"me-2 me-sm-3\">\n                  <i (click)=\"onDelete(client)\"\n                    (keydown.enter)=\"onDelete(client)\"\n                    (keydown.space)=\"onDelete(client)\"\n                    class=\"fa fa-trash delete-icon\"\n                    aria-hidden=\"true\"></i>\n                </li>\n              </ul>\n            </td>\n          </tr>\n        </ng-template>\n      </p-table>\n    </div>\n  } @else {\n    <pw-no-data [withImage]=\"true\"\n      [message]=\"'Admin.OauthClients.NoDataMessage' | transloco\"></pw-no-data>\n  }\n}\n", dependencies: [{ kind: "component", type: i3$2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i4$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: i4.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i3$1.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i12.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i13.TranslocoPipe, name: "transloco" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: OauthClientsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pw-oauth-clients', standalone: false, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center\">\n    <h2 class=\"card-title p-0 float-start\">{{ 'Admin.OauthClients.Title' | transloco }}</h2>\n    <button class=\"btn btn-sm btn-outline-primary float-end\"\n      data-cy=\"add-oauth-client\"\n      [routerLink]=\"[routers.adminOauthClientsDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> {{ 'Admin.OauthClients.Add' | transloco }}\n    </button>\n  </div>\n</div>\n@if (!isLoaded) {\n  <div class=\"w-100 text-center mt-3\">\n    <p-progressSpinner strokeWidth=\"2\"></p-progressSpinner>\n  </div>\n}\n@if (isLoaded) {\n  @if (clients.length > 0) {\n    <div class=\"primeng-datatable-container mt table-responsive\">\n      <p-table [value]=\"clients\">\n        <ng-template pTemplate=\"header\">\n          <tr>\n            <th scope=\"col\">{{ 'Admin.OauthClients.Platform' | transloco }}</th>\n            <th scope=\"col\">{{ 'Admin.OauthClients.ClientId' | transloco }}</th>\n            <th scope=\"col\">{{ 'Admin.OauthClients.ClientSecret' | transloco }}</th>\n            <th scope=\"col\">{{ 'Admin.OauthClients.RedirectUris' | transloco }}</th>\n            <th scope=\"col\">{{ 'Admin.OauthClients.Scopes' | transloco }}</th>\n            <th scope=\"col\" class=\"actions-list-two\">{{ 'Label.Actions' | transloco }}</th>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-client>\n          <tr>\n            <td data-head=\"Platform\">{{ client.name }}</td>\n            <td data-head=\"Client ID\">{{ client.client_id }}</td>\n            <td data-head=\"Client Secret\">{{ client.client_secret_masked }}</td>\n            <td data-head=\"Redirect URIs\">{{ client.redirect_uris }}</td>\n            <td data-head=\"Scopes\">{{ client.scopes }}</td>\n            <td data-head=\"Action\">\n              <ul class=\"list-unstyled list-inline list-action\">\n                <li [ngbTooltip]=\"'Admin.OauthClients.Edit' | transloco\"\n                  class=\"me-2 me-sm-3\"\n                  data-cy=\"edit-oauth-client\"\n                  [routerLink]=\"[routers.adminOauthClientsDetails + 'edit/' + client.id]\">\n                  <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n                </li>\n                <li [ngbTooltip]=\"'Admin.OauthClients.Delete' | transloco\" class=\"me-2 me-sm-3\">\n                  <i (click)=\"onDelete(client)\"\n                    (keydown.enter)=\"onDelete(client)\"\n                    (keydown.space)=\"onDelete(client)\"\n                    class=\"fa fa-trash delete-icon\"\n                    aria-hidden=\"true\"></i>\n                </li>\n              </ul>\n            </td>\n          </tr>\n        </ng-template>\n      </p-table>\n    </div>\n  } @else {\n    <pw-no-data [withImage]=\"true\"\n      [message]=\"'Admin.OauthClients.NoDataMessage' | transloco\"></pw-no-data>\n  }\n}\n" }]
+        }], ctorParameters: () => [{ type: i1.McpOauthClientService }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }, { type: i3$1.ConfirmDialogService }] });
+
+class OauthClientsDetailsComponent extends AppBaseComponent {
+    constructor(fb, oauthClientService, injector, cdr) {
+        super(injector);
+        this.fb = fb;
+        this.oauthClientService = oauthClientService;
+        this.cdr = cdr;
+        this.submitting = false;
+        /** Set in edit mode — the record being edited. null while creating. */
+        this.editId = null;
+        /** Gates the form in edit mode until the client is fetched (AI54). */
+        this.loading = false;
+        /** Set once the client is created — the secret is shown ONCE here, never re-fetchable. */
+        this.createdClient = null;
+        this.routers = ROUTERS;
+        this.form = this.fb.group({
+            name: ['', Validators.required],
+            redirect_uris: ['', Validators.required],
+            scopes: ['mcp:read,mcp:write'],
+            client_id: ['']
+        });
+    }
+    ngOnInit() {
+        const id = this.route.snapshot.paramMap.get('id');
+        if (id) {
+            this.editId = Number(id);
+            this.loadClient(this.editId);
+        }
+    }
+    /** In edit mode the client_id is immutable and is not part of the editable form. */
+    loadClient(id) {
+        this.loading = true;
+        this.oauthClientService
+            .getAll()
+            .subscribe((response) => {
+            const client = (response?.mcp_oauth_clients ?? []).find(c => c.id === id);
+            if (!client) {
+                this.toast.error(this.translation.translate('Admin.OauthClients.NotFound'));
+                this.backToList();
+                return;
+            }
+            this.form.patchValue({
+                name: client.name,
+                redirect_uris: client.redirect_uris,
+                scopes: client.scopes
+            });
+        })
+            .add(() => {
+            this.loading = false;
+            this.cdr.markForCheck();
+        });
+    }
+    onSubmit() {
+        if (this.form.invalid) {
+            this.form.markAllAsTouched();
+            return;
+        }
+        this.editId === null ? this.createClient() : this.updateClient(this.editId);
+    }
+    createClient() {
+        this.submitting = true;
+        this.oauthClientService
+            .create(this.form.value)
+            .subscribe((res) => {
+            this.createdClient = res?.data ?? null;
+            this.toast.success(this.translation.translate('Admin.OauthClients.CreatedMessage'));
+        })
+            .add(() => {
+            this.submitting = false;
+            this.cdr.markForCheck();
+        });
+    }
+    updateClient(id) {
+        this.submitting = true;
+        const { name, redirect_uris, scopes } = this.form.value;
+        this.oauthClientService
+            .update(id, { name, redirect_uris, scopes })
+            .subscribe(() => {
+            this.toast.success(this.translation.translate('Admin.OauthClients.UpdatedMessage'));
+            this.backToList();
+        })
+            .add(() => {
+            this.submitting = false;
+            this.cdr.markForCheck();
+        });
+    }
+    copy(value) {
+        navigator.clipboard?.writeText(value).then(() => {
+            this.toast.success(this.translation.translate('Admin.OauthClients.Copied'));
+        });
+    }
+    backToList() {
+        this.router.navigate([this.routers.adminOauthClients]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: OauthClientsDetailsComponent, deps: [{ token: i9.FormBuilder }, { token: i1.McpOauthClientService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: OauthClientsDetailsComponent, isStandalone: false, selector: "pw-oauth-clients-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6 mt-4\">\n        <a [routerLink]=\"[routers.adminOauthClients]\" class=\"previous\" aria-label=\"Back to MCP OAuth Clients list\">\n          <i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i>\n        </a>\n        <h3 class=\"mt-3\">\n          {{ (editId ? 'Admin.OauthClients.EditTitle' : 'Admin.OauthClients.AddTitle') | transloco }}\n        </h3>\n      </div>\n\n      <pw-loader [isVisible]=\"loading\"></pw-loader>\n\n      <div class=\"p-2 mt-3\">\n        @if (!createdClient && !loading) {\n          <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n            <div class=\"row\">\n              <div class=\"col-lg-6 mb-3\">\n                <label for=\"oc-name\" class=\"form-label\">\n                  {{ 'Admin.OauthClients.Platform' | transloco }}\n                  <span class=\"tooltip-wrap ms-1\" [appendTo]=\"'body'\"\n                    [pTooltip]=\"'Admin.OauthClients.Tooltip.Platform' | transloco\" tooltipPosition=\"top\">\n                    <i class=\"far fa-info-circle text-muted\" aria-hidden=\"true\"></i>\n                  </span>\n                </label>\n                <input id=\"oc-name\" type=\"text\" class=\"form-control\" formControlName=\"name\" pInputText\n                  [placeholder]=\"'Admin.OauthClients.PlatformPlaceholder' | transloco\" />\n              </div>\n              <div class=\"col-lg-6 mb-3\">\n                <label for=\"oc-redirect\" class=\"form-label\">\n                  {{ 'Admin.OauthClients.RedirectUris' | transloco }}\n                  <span class=\"tooltip-wrap ms-1\" [appendTo]=\"'body'\"\n                    [pTooltip]=\"'Admin.OauthClients.Tooltip.RedirectUris' | transloco\" tooltipPosition=\"top\">\n                    <i class=\"far fa-info-circle text-muted\" aria-hidden=\"true\"></i>\n                  </span>\n                </label>\n                <input id=\"oc-redirect\" type=\"text\" class=\"form-control\" formControlName=\"redirect_uris\" pInputText\n                  [placeholder]=\"'Admin.OauthClients.RedirectUrisPlaceholder' | transloco\" />\n              </div>\n              <div class=\"col-lg-6 mb-3\">\n                <label for=\"oc-scopes\" class=\"form-label\">\n                  {{ 'Admin.OauthClients.Scopes' | transloco }}\n                  <span class=\"tooltip-wrap ms-1\" [appendTo]=\"'body'\"\n                    [pTooltip]=\"'Admin.OauthClients.Tooltip.Scopes' | transloco\" tooltipPosition=\"top\">\n                    <i class=\"far fa-info-circle text-muted\" aria-hidden=\"true\"></i>\n                  </span>\n                </label>\n                <input id=\"oc-scopes\" type=\"text\" class=\"form-control\" formControlName=\"scopes\" pInputText />\n              </div>\n              @if (!editId) {\n                <div class=\"col-lg-6 mb-3\">\n                  <label for=\"oc-client-id\" class=\"form-label\">\n                    {{ 'Admin.OauthClients.ClientIdOptional' | transloco }}\n                    <span class=\"tooltip-wrap ms-1\" [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.OauthClients.Tooltip.ClientId' | transloco\" tooltipPosition=\"top\">\n                      <i class=\"far fa-info-circle text-muted\" aria-hidden=\"true\"></i>\n                    </span>\n                  </label>\n                  <input id=\"oc-client-id\" type=\"text\" class=\"form-control\" formControlName=\"client_id\" pInputText\n                    [placeholder]=\"'Admin.OauthClients.ClientIdPlaceholder' | transloco\" />\n                </div>\n              }\n            </div>\n            <div class=\"row\">\n              <div class=\"col-12 mt-2\">\n                <div class=\"mb-3 text-end\">\n                  <button type=\"button\" class=\"btn btn-outline-secondary me-2\" (click)=\"backToList()\">\n                    {{ 'Admin.OauthClients.Cancel' | transloco }}\n                  </button>\n                  <button type=\"submit\" class=\"btn btn-primary\" [disabled]=\"submitting\">\n                    {{ (editId ? 'Admin.OauthClients.Save' : 'Admin.OauthClients.Create') | transloco }}\n                  </button>\n                </div>\n              </div>\n            </div>\n          </form>\n        } @else if (createdClient) {\n          <div class=\"alert alert-warning\" role=\"alert\">\n            {{ 'Admin.OauthClients.SecretOnceWarning' | transloco }}\n          </div>\n          <div class=\"row\">\n            <div class=\"col-lg-6 mb-3\">\n              <label class=\"form-label\">{{ 'Admin.OauthClients.ClientId' | transloco }}</label>\n              <div class=\"input-group\">\n                <input type=\"text\" class=\"form-control\" [value]=\"createdClient.client_id\" readonly />\n                <button type=\"button\" class=\"btn btn-outline-primary\" (click)=\"copy(createdClient.client_id)\">\n                  <i class=\"fa fa-copy\" aria-hidden=\"true\"></i> {{ 'Admin.OauthClients.Copy' | transloco }}\n                </button>\n              </div>\n            </div>\n            <div class=\"col-lg-6 mb-3\">\n              <label class=\"form-label\">{{ 'Admin.OauthClients.ClientSecret' | transloco }}</label>\n              <div class=\"input-group\">\n                <input type=\"text\" class=\"form-control\" [value]=\"createdClient.client_secret\" readonly />\n                <button type=\"button\" class=\"btn btn-outline-primary\" (click)=\"copy(createdClient.client_secret)\">\n                  <i class=\"fa fa-copy\" aria-hidden=\"true\"></i> {{ 'Admin.OauthClients.Copy' | transloco }}\n                </button>\n              </div>\n            </div>\n          </div>\n          <div class=\"text-end\">\n            <button type=\"button\" class=\"btn btn-primary\" (click)=\"backToList()\">\n              {{ 'Admin.OauthClients.Done' | transloco }}\n            </button>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i6$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "directive", type: i5$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: i5$2.AppLoaderComponent, selector: "pw-loader", inputs: ["isVisible", "closeOnOutsideClick", "autoCloseTimeOut"] }, { kind: "directive", type: i9.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i9.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i12.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i9.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i9.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i13.TranslocoPipe, name: "transloco" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: OauthClientsDetailsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pw-oauth-clients-details', standalone: false, template: "<div class=\"container-fluid pw-tab\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6 mt-4\">\n        <a [routerLink]=\"[routers.adminOauthClients]\" class=\"previous\" aria-label=\"Back to MCP OAuth Clients list\">\n          <i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i>\n        </a>\n        <h3 class=\"mt-3\">\n          {{ (editId ? 'Admin.OauthClients.EditTitle' : 'Admin.OauthClients.AddTitle') | transloco }}\n        </h3>\n      </div>\n\n      <pw-loader [isVisible]=\"loading\"></pw-loader>\n\n      <div class=\"p-2 mt-3\">\n        @if (!createdClient && !loading) {\n          <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n            <div class=\"row\">\n              <div class=\"col-lg-6 mb-3\">\n                <label for=\"oc-name\" class=\"form-label\">\n                  {{ 'Admin.OauthClients.Platform' | transloco }}\n                  <span class=\"tooltip-wrap ms-1\" [appendTo]=\"'body'\"\n                    [pTooltip]=\"'Admin.OauthClients.Tooltip.Platform' | transloco\" tooltipPosition=\"top\">\n                    <i class=\"far fa-info-circle text-muted\" aria-hidden=\"true\"></i>\n                  </span>\n                </label>\n                <input id=\"oc-name\" type=\"text\" class=\"form-control\" formControlName=\"name\" pInputText\n                  [placeholder]=\"'Admin.OauthClients.PlatformPlaceholder' | transloco\" />\n              </div>\n              <div class=\"col-lg-6 mb-3\">\n                <label for=\"oc-redirect\" class=\"form-label\">\n                  {{ 'Admin.OauthClients.RedirectUris' | transloco }}\n                  <span class=\"tooltip-wrap ms-1\" [appendTo]=\"'body'\"\n                    [pTooltip]=\"'Admin.OauthClients.Tooltip.RedirectUris' | transloco\" tooltipPosition=\"top\">\n                    <i class=\"far fa-info-circle text-muted\" aria-hidden=\"true\"></i>\n                  </span>\n                </label>\n                <input id=\"oc-redirect\" type=\"text\" class=\"form-control\" formControlName=\"redirect_uris\" pInputText\n                  [placeholder]=\"'Admin.OauthClients.RedirectUrisPlaceholder' | transloco\" />\n              </div>\n              <div class=\"col-lg-6 mb-3\">\n                <label for=\"oc-scopes\" class=\"form-label\">\n                  {{ 'Admin.OauthClients.Scopes' | transloco }}\n                  <span class=\"tooltip-wrap ms-1\" [appendTo]=\"'body'\"\n                    [pTooltip]=\"'Admin.OauthClients.Tooltip.Scopes' | transloco\" tooltipPosition=\"top\">\n                    <i class=\"far fa-info-circle text-muted\" aria-hidden=\"true\"></i>\n                  </span>\n                </label>\n                <input id=\"oc-scopes\" type=\"text\" class=\"form-control\" formControlName=\"scopes\" pInputText />\n              </div>\n              @if (!editId) {\n                <div class=\"col-lg-6 mb-3\">\n                  <label for=\"oc-client-id\" class=\"form-label\">\n                    {{ 'Admin.OauthClients.ClientIdOptional' | transloco }}\n                    <span class=\"tooltip-wrap ms-1\" [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.OauthClients.Tooltip.ClientId' | transloco\" tooltipPosition=\"top\">\n                      <i class=\"far fa-info-circle text-muted\" aria-hidden=\"true\"></i>\n                    </span>\n                  </label>\n                  <input id=\"oc-client-id\" type=\"text\" class=\"form-control\" formControlName=\"client_id\" pInputText\n                    [placeholder]=\"'Admin.OauthClients.ClientIdPlaceholder' | transloco\" />\n                </div>\n              }\n            </div>\n            <div class=\"row\">\n              <div class=\"col-12 mt-2\">\n                <div class=\"mb-3 text-end\">\n                  <button type=\"button\" class=\"btn btn-outline-secondary me-2\" (click)=\"backToList()\">\n                    {{ 'Admin.OauthClients.Cancel' | transloco }}\n                  </button>\n                  <button type=\"submit\" class=\"btn btn-primary\" [disabled]=\"submitting\">\n                    {{ (editId ? 'Admin.OauthClients.Save' : 'Admin.OauthClients.Create') | transloco }}\n                  </button>\n                </div>\n              </div>\n            </div>\n          </form>\n        } @else if (createdClient) {\n          <div class=\"alert alert-warning\" role=\"alert\">\n            {{ 'Admin.OauthClients.SecretOnceWarning' | transloco }}\n          </div>\n          <div class=\"row\">\n            <div class=\"col-lg-6 mb-3\">\n              <label class=\"form-label\">{{ 'Admin.OauthClients.ClientId' | transloco }}</label>\n              <div class=\"input-group\">\n                <input type=\"text\" class=\"form-control\" [value]=\"createdClient.client_id\" readonly />\n                <button type=\"button\" class=\"btn btn-outline-primary\" (click)=\"copy(createdClient.client_id)\">\n                  <i class=\"fa fa-copy\" aria-hidden=\"true\"></i> {{ 'Admin.OauthClients.Copy' | transloco }}\n                </button>\n              </div>\n            </div>\n            <div class=\"col-lg-6 mb-3\">\n              <label class=\"form-label\">{{ 'Admin.OauthClients.ClientSecret' | transloco }}</label>\n              <div class=\"input-group\">\n                <input type=\"text\" class=\"form-control\" [value]=\"createdClient.client_secret\" readonly />\n                <button type=\"button\" class=\"btn btn-outline-primary\" (click)=\"copy(createdClient.client_secret)\">\n                  <i class=\"fa fa-copy\" aria-hidden=\"true\"></i> {{ 'Admin.OauthClients.Copy' | transloco }}\n                </button>\n              </div>\n            </div>\n          </div>\n          <div class=\"text-end\">\n            <button type=\"button\" class=\"btn btn-primary\" (click)=\"backToList()\">\n              {{ 'Admin.OauthClients.Done' | transloco }}\n            </button>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i9.FormBuilder }, { type: i1.McpOauthClientService }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }] });
+
+class OauthClientsTabsComponent {
+    constructor() {
+        this.items = [
+            {
+                id: 'oauth-clients',
+                label: 'MCP OAuth Clients',
+                icon: 'fas fa-robot',
+                routerLink: ['/admin/oauth-clients/list']
+            }
+        ];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: OauthClientsTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: OauthClientsTabsComponent, isStandalone: false, selector: "pw-oauth-clients-tabs", ngImport: i0, template: `<pw-tabs [items]="items"></pw-tabs>`, isInline: true, dependencies: [{ kind: "component", type: i3$1.PwTabsComponent, selector: "pw-tabs", inputs: ["items", "withSubscription"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: OauthClientsTabsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pw-oauth-clients-tabs',
+                    template: `<pw-tabs [items]="items"></pw-tabs>`,
+                    standalone: false
+                }]
+        }] });
+
 class PermissionsDetailsComponent extends AppBaseComponent {
     constructor(adminService, injector, cdr) {
         super(injector);
@@ -8255,11 +8435,11 @@ class InviteUsersComponent extends AppBaseComponent {
         super.ngOnDestroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: InviteUsersComponent, deps: [{ token: i9.UntypedFormBuilder }, { token: i1.AdminService }, { token: i1$1.ProductService }, { token: i0.Injector }, { token: i1$1.CommonService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: InviteUsersComponent, isStandalone: false, selector: "pw-invite-users", viewQueries: [{ propertyName: "refProduct", first: true, predicate: ["refProduct"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard user-details\">\n    <div class=\"dashboard-body\">\n\n      <div class=\"me-auto col-xs-6 mt-4\">\n        <a aria-label=\"Navigate to Target\"\n          (click)=\"back()\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n          <h3 class=\"\">Invite New User</h3>\n          <p>Here you can send an invitation to a new user to try any of our products</p>\n        </div>\n\n        <div class=\"p-2 mt-3\">\n          <form [formGroup]=\"form\"\n            (ngSubmit)=\"onSave()\">\n            <div class=\"row\">\n              <div class=\"mb-3 col-sm-4\">\n                <pw-input-container [label]=\"'Label.FirstName' | transloco\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Subscriptions.Tooltip.FirstName' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"first_name\"\n                  controlId=\"invite-first_name\"\n                  [errorMsg]=\"'Admin.Subscriptions.Validation.FirstName' | transloco\">\n                  <input type=\"text\"\n                    id=\"invite-first_name\"\n                    class=\"form-control\"\n                    formControlName=\"first_name\"\n          [ngClass]=\"{\n                        'is-invalid':\n                            form.get('first_name').touched && form.get('first_name').invalid\n                    }\" />\n                </pw-input-container>\n              </div>\n              <div class=\"mb-3 col-sm-4\">\n                <pw-input-container [label]=\"'Label.LastName' | transloco\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Subscriptions.Tooltip.LastName' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"last_name\"\n                  controlId=\"invite-last_name\"\n                  [errorMsg]=\"'Admin.Subscriptions.Validation.LastName' | transloco\">\n                  <input type=\"text\"\n                    id=\"invite-last_name\"\n                    class=\"form-control\"\n                    formControlName=\"last_name\"\n          [ngClass]=\"{\n                        'is-invalid': form.get('last_name').touched && form.get('last_name').invalid\n                    }\" />\n                </pw-input-container>\n              </div>\n              <div class=\"mb-3 col-sm-4\">\n                <pw-input-container [label]=\"'Label.Email' | transloco\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Subscriptions.Tooltip.Email' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"email\"\n                  controlId=\"invite-email\"\n                  [errorMsg]=\"'Admin.Subscriptions.Validation.Email' | transloco\">\n                  <input type=\"text\"\n                    id=\"invite-email\"\n                    class=\"form-control\"\n                    formControlName=\"email\"\n          [ngClass]=\"{\n                        'is-invalid': form.get('email').touched && form.get('email').invalid\n                    }\" />\n                </pw-input-container>\n              </div>\n              <div class=\"mb-3 col-sm-4\">\n                <pw-input-container [label]=\"'Label.Product' | transloco\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Subscriptions.Tooltip.SubscriptionProduct' | transloco\"\n                  name=\"product_id\"\n                  controlId=\"invite-product_id\"\n                  [useAriaLabelledbyOnly]=\"true\"\n                  [errorMsg]=\"'Admin.Subscriptions.Validation.Product' | transloco\">\n                  <p-autoComplete appendTo=\"body\" #refProduct\n                    [suggestions]=\"filteredProducts\"\n                    [ariaLabelledBy]=\"'invite-product_id-label'\"\n                    [ariaLabel]=\"'Label.Product' | transloco\"\n                    formControlName=\"product_id\"\n                    dataKey=\"id\"\n                    optionLabel=\"label\"\n                    [dropdown]=\"true\"\n                    [delay]=\"1000\"\n                    [type]=\"'search'\"\n                    (completeMethod)=\"searchProduct($event)\"\n                    (onSelect)=\"onProductChange($event)\"\n                    (onClear)=\"onProductClear($event)\"\n                    styleClass=\"w-100\"\n                    placeholder=\"Search products...\"\n          [inputStyle]=\"\n                        form.get('product_id').touched && form.get('product_id').invalid\n                            ? { border: '1px solid #ff586b' }\n                            : {}\n                    \"\n                    [multiple]=\"false\">\n                  </p-autoComplete>\n                </pw-input-container>\n              </div>\n              <div class=\"mb-3 col-sm-4\">\n                <pw-input-container label=\"{{'Label.Seats' | transloco}}{{unitsText}}\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Subscriptions.Tooltip.Units' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"units\"\n                  controlId=\"invite-units\"\n                  [errorMsg]=\"'Admin.Subscriptions.Validation.Units' | transloco\">\n                  <input type=\"number\"\n                    id=\"invite-units\"\n                    class=\"form-control\"\n                    formControlName=\"units\"\n          [ngClass]=\"{\n                        'is-invalid': form.get('units').touched && form.get('units').invalid\n                    }\" />\n                </pw-input-container>\n              </div>\n              <div class=\"mb-3 col-sm-4\">\n                <pw-input-container [label]=\"'Admin.Subscriptions.MinUnits' | transloco\"\n                  [showTooltip]=\"true\"\n                  name=\"min_units\"\n                  controlId=\"invite-min_units\"\n                  [errorMsg]=\"'Admin.Subscriptions.Validation.MinUnits' | transloco\"\n                  [tooltipText]=\"'Admin.Subscriptions.Tooltip.MinUnits' | transloco\">\n                  <input type=\"number\"\n                    id=\"invite-min_units\"\n                    min=\"0\"\n                    [max]=\"form.get('units').value\"\n                    class=\"form-control\"\n                    formControlName=\"min_units\" />\n                </pw-input-container>\n              </div>\n              @if (organizationIndustries$ | async; as industries) {\n                <div class=\"mb-3 col-sm-4\"\n                  >\n                  <pw-input-container [label]=\"'Organization.OrganizationIndustry' | transloco\"\n                    name=\"organization_industry_id\" controlId=\"invite-organization_industry_id\" [useAriaLabelledbyOnly]=\"true\"\n                    [showTooltip]=\"true\"\n                    [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationIndustry'| transloco\">\n                    <p-select\n                      [ariaLabelledBy]=\"'invite-organization_industry_id-label'\"\n                      [ariaLabel]=\"'Organization.OrganizationIndustry' | transloco\"\n                      [options]=\"industries['organization_industries']\"\n                      formControlName=\"organization_industry_id\"\n                      [placeholder]=\"'Select Organization Industry'\"\n                      optionValue=\"id\"\n                      optionLabel=\"name\">\n                    </p-select>\n                  </pw-input-container>\n                </div>\n              }\n              @if (organizationSizes$ | async; as sizes) {\n                <div class=\"mb-3 col-sm-4\"\n                  >\n                  <pw-input-container [label]=\"'Organization.OrganizationSize' | transloco\"\n                    name=\"organization_size_id\" controlId=\"invite-organization_size_id\" [useAriaLabelledbyOnly]=\"true\"\n                    [showTooltip]=\"true\"\n                    [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationSize'| transloco\">\n                    <p-select\n                      [ariaLabelledBy]=\"'invite-organization_size_id-label'\"\n                      [ariaLabel]=\"'Organization.OrganizationSize' | transloco\"\n                      [options]=\"sizes['organization_sizes']\"\n                      formControlName=\"organization_size_id\"\n                      [placeholder]=\"'Select Organization Size'\"\n                      optionValue=\"id\"\n                      optionLabel=\"name\">\n                    </p-select>\n                  </pw-input-container>\n                </div>\n              }\n              @if (organizationTypes$ | async; as types) {\n                <div class=\"mb-3 col-sm-4\"\n                  >\n                  <pw-input-container [label]=\"'Organization.OrganizationType' | transloco\"\n                    name=\"organization_type_id\" controlId=\"invite-organization_type_id\" [useAriaLabelledbyOnly]=\"true\"\n                    [showTooltip]=\"true\"\n                    [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationType'| transloco\">\n                    <p-select\n                      [ariaLabelledBy]=\"'invite-organization_type_id-label'\"\n                      [ariaLabel]=\"'Organization.OrganizationType' | transloco\"\n                      [options]=\"types['organization_types']\"\n                      formControlName=\"organization_type_id\"\n                      [placeholder]=\"'Select Organization Type'\"\n                      optionValue=\"id\"\n                      optionLabel=\"name\">\n                    </p-select>\n                  </pw-input-container>\n                </div>\n              }\n              <div class=\"mb-3 col-sm-4\">\n                <pw-input-container [label]=\"'Organization.OrganizationName' | transloco\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationName'| transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"name\" controlId=\"invite-organization-name\">\n                  <input type=\"text\"\n                    id=\"invite-organization-name\"\n                    class=\"form-control\"\n                    formControlName=\"name\"\n          [ngClass]=\"{\n                        'is-invalid': form.get('name').touched && form.get('name').invalid\n                    }\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"row\">\n              <div class=\"col-12 text-end\">\n                <input type=\"button\"\n                  class=\"btn btn-secondary me-3\"\n                  value=\"Cancel\"\n                  (click)=\"form.reset(); totalRecordsUnFiltered = 0; back()\" />\n                <button type=\"submit\"\n                  [buttonBusy]=\"buttonBusy\"\n                  [disabled]=\"buttonBusy\"\n                class=\"btn btn-primary\">Invite</button>\n              </div>\n            </div>\n          </form>\n        </div>\n      </div>\n    </div>\n  </div>", styles: ["@charset \"UTF-8\";:root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255);--public-btn-radius: 24px}\n"], dependencies: [{ kind: "component", type: i4$2.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "minQueryLength", "delay", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "addOnTab", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "addOnBlur", "separator", "appendTo", "motionOptions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onAdd", "onFocus", "onBlur", "onDropdownClick", "onClear", "onInputKeydown", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "component", type: i5.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i9.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i9.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i9.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i9.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i9.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "component", type: i3$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "controlId", "useAriaLabelledbyOnly", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText", "isLeftTooltip"] }, { kind: "directive", type: i11.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i9.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i9.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i13.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: InviteUsersComponent, isStandalone: false, selector: "pw-invite-users", viewQueries: [{ propertyName: "refProduct", first: true, predicate: ["refProduct"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard user-details\">\n    <div class=\"dashboard-body\">\n\n      <div class=\"me-auto col-xs-6 mt-4\">\n        <a aria-label=\"Navigate to Target\"\n          (click)=\"back()\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"\">{{ 'Admin.Subscriptions.InviteNewUser' | transloco }}</h3>\n        <p>{{ 'Admin.Subscriptions.InviteNewUserDescription' | transloco }}</p>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSave()\">\n\n          <h3>{{ 'Admin.Subscriptions.Section.UserDetails' | transloco }}</h3>\n          <div class=\"row\">\n            <div class=\"mb-3 col-12 col-md-4\">\n              <pw-input-container [label]=\"'Label.FirstName' | transloco\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.FirstName' | transloco\"\n                name=\"first_name\"\n                controlId=\"invite-first_name\"\n                [errorMsg]=\"'Admin.Subscriptions.Validation.FirstName' | transloco\">\n                <input type=\"text\"\n                  id=\"invite-first_name\"\n                  class=\"form-control\"\n                  [placeholder]=\"'Admin.Subscriptions.Placeholder.InviteFirstName' | transloco\"\n                  formControlName=\"first_name\"\n                  [ngClass]=\"{\n                    'is-invalid': form.get('first_name').touched && form.get('first_name').invalid\n                  }\" />\n              </pw-input-container>\n            </div>\n            <div class=\"mb-3 col-12 col-md-4\">\n              <pw-input-container [label]=\"'Label.LastName' | transloco\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.LastName' | transloco\"\n                name=\"last_name\"\n                controlId=\"invite-last_name\"\n                [errorMsg]=\"'Admin.Subscriptions.Validation.LastName' | transloco\">\n                <input type=\"text\"\n                  id=\"invite-last_name\"\n                  class=\"form-control\"\n                  [placeholder]=\"'Admin.Subscriptions.Placeholder.InviteLastName' | transloco\"\n                  formControlName=\"last_name\"\n                  [ngClass]=\"{\n                    'is-invalid': form.get('last_name').touched && form.get('last_name').invalid\n                  }\" />\n              </pw-input-container>\n            </div>\n            <div class=\"mb-3 col-12 col-md-4\">\n              <pw-input-container [label]=\"'Label.Email' | transloco\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.Email' | transloco\"\n                name=\"email\"\n                controlId=\"invite-email\"\n                [errorMsg]=\"'Admin.Subscriptions.Validation.Email' | transloco\">\n                <input type=\"text\"\n                  id=\"invite-email\"\n                  class=\"form-control\"\n                  [placeholder]=\"'Label.EmailPlaceholder' | transloco\"\n                  formControlName=\"email\"\n                  [ngClass]=\"{\n                    'is-invalid': form.get('email').touched && form.get('email').invalid\n                  }\" />\n              </pw-input-container>\n            </div>\n          </div>\n\n          <h3>{{ 'Admin.Subscriptions.Section.ProductSeats' | transloco }}</h3>\n          <div class=\"row\">\n            <div class=\"mb-3 col-12 col-md-4\">\n              <pw-input-container [label]=\"'Label.Product' | transloco\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.SubscriptionProduct' | transloco\"\n                name=\"product_id\"\n                controlId=\"invite-product_id\"\n                [useAriaLabelledbyOnly]=\"true\"\n                [errorMsg]=\"'Admin.Subscriptions.Validation.Product' | transloco\">\n                <p-autoComplete appendTo=\"body\" #refProduct\n                  [suggestions]=\"filteredProducts\"\n                  [ariaLabelledBy]=\"'invite-product_id-label'\"\n                  [ariaLabel]=\"'Label.Product' | transloco\"\n                  formControlName=\"product_id\"\n                  dataKey=\"id\"\n                  optionLabel=\"label\"\n                  [dropdown]=\"true\"\n                  [delay]=\"1000\"\n                  [type]=\"'search'\"\n                  (completeMethod)=\"searchProduct($event)\"\n                  (onSelect)=\"onProductChange($event)\"\n                  (onClear)=\"onProductClear($event)\"\n                  styleClass=\"w-100\"\n                  [placeholder]=\"'Admin.Subscriptions.Placeholder.SearchProducts' | transloco\"\n                  [inputStyleClass]=\"form.get('product_id').touched && form.get('product_id').invalid ? 'is-invalid' : ''\"\n                  [multiple]=\"false\">\n                </p-autoComplete>\n              </pw-input-container>\n            </div>\n            <div class=\"mb-3 col-12 col-md-4\">\n              <pw-input-container label=\"{{'Label.Seats' | transloco}}{{unitsText}}\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.Units' | transloco\"\n                name=\"units\"\n                controlId=\"invite-units\"\n                [errorMsg]=\"'Admin.Subscriptions.Validation.Units' | transloco\">\n                <input type=\"number\"\n                  id=\"invite-units\"\n                  class=\"form-control\"\n                  formControlName=\"units\"\n                  [ngClass]=\"{\n                    'is-invalid': form.get('units').touched && form.get('units').invalid\n                  }\" />\n              </pw-input-container>\n            </div>\n            <div class=\"mb-3 col-12 col-md-4\">\n              <pw-input-container [label]=\"'Admin.Subscriptions.MinUnits' | transloco\"\n                [showTooltip]=\"true\"\n                name=\"min_units\"\n                controlId=\"invite-min_units\"\n                [errorMsg]=\"'Admin.Subscriptions.Validation.MinUnits' | transloco\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.MinUnits' | transloco\">\n                <input type=\"number\"\n                  id=\"invite-min_units\"\n                  min=\"0\"\n                  [max]=\"form.get('units').value\"\n                  class=\"form-control\"\n                  formControlName=\"min_units\" />\n              </pw-input-container>\n            </div>\n          </div>\n\n          <h3>{{ 'Admin.Subscriptions.Section.Organization' | transloco }}</h3>\n          <div class=\"row\">\n            @if (organizationIndustries$ | async; as industries) {\n              <div class=\"mb-3 col-12 col-md-4\">\n                <pw-input-container [label]=\"'Organization.OrganizationIndustry' | transloco\"\n                  name=\"organization_industry_id\"\n                  controlId=\"invite-organization_industry_id\"\n                  [useAriaLabelledbyOnly]=\"true\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationIndustry' | transloco\">\n                  <p-select\n                    [ariaLabelledBy]=\"'invite-organization_industry_id-label'\"\n                    [ariaLabel]=\"'Organization.OrganizationIndustry' | transloco\"\n                    [options]=\"industries['organization_industries']\"\n                    formControlName=\"organization_industry_id\"\n                    [placeholder]=\"'Admin.Subscriptions.Placeholder.OrganizationIndustry' | transloco\"\n                    optionValue=\"id\"\n                    optionLabel=\"name\">\n                  </p-select>\n                </pw-input-container>\n              </div>\n            }\n            @if (organizationSizes$ | async; as sizes) {\n              <div class=\"mb-3 col-12 col-md-4\">\n                <pw-input-container [label]=\"'Organization.OrganizationSize' | transloco\"\n                  name=\"organization_size_id\"\n                  controlId=\"invite-organization_size_id\"\n                  [useAriaLabelledbyOnly]=\"true\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationSize' | transloco\">\n                  <p-select\n                    [ariaLabelledBy]=\"'invite-organization_size_id-label'\"\n                    [ariaLabel]=\"'Organization.OrganizationSize' | transloco\"\n                    [options]=\"sizes['organization_sizes']\"\n                    formControlName=\"organization_size_id\"\n                    [placeholder]=\"'Admin.Subscriptions.Placeholder.OrganizationSize' | transloco\"\n                    optionValue=\"id\"\n                    optionLabel=\"name\">\n                  </p-select>\n                </pw-input-container>\n              </div>\n            }\n            @if (organizationTypes$ | async; as types) {\n              <div class=\"mb-3 col-12 col-md-4\">\n                <pw-input-container [label]=\"'Organization.OrganizationType' | transloco\"\n                  name=\"organization_type_id\"\n                  controlId=\"invite-organization_type_id\"\n                  [useAriaLabelledbyOnly]=\"true\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationType' | transloco\">\n                  <p-select\n                    [ariaLabelledBy]=\"'invite-organization_type_id-label'\"\n                    [ariaLabel]=\"'Organization.OrganizationType' | transloco\"\n                    [options]=\"types['organization_types']\"\n                    formControlName=\"organization_type_id\"\n                    [placeholder]=\"'Admin.Subscriptions.Placeholder.OrganizationType' | transloco\"\n                    optionValue=\"id\"\n                    optionLabel=\"name\">\n                  </p-select>\n                </pw-input-container>\n              </div>\n            }\n            <div class=\"mb-3 col-12 col-md-4\">\n              <pw-input-container [label]=\"'Organization.OrganizationName' | transloco\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationName' | transloco\"\n                name=\"name\"\n                controlId=\"invite-organization-name\">\n                <input type=\"text\"\n                  id=\"invite-organization-name\"\n                  class=\"form-control\"\n                  [placeholder]=\"'Admin.Subscriptions.Placeholder.Organization' | transloco\"\n                  formControlName=\"name\"\n                  [ngClass]=\"{\n                    'is-invalid': form.get('name').touched && form.get('name').invalid\n                  }\" />\n              </pw-input-container>\n            </div>\n          </div>\n\n          <div class=\"row\">\n            <div class=\"col-12 text-end\">\n              <button type=\"button\"\n                class=\"btn btn-secondary me-3\"\n                (click)=\"form.reset(); totalRecordsUnFiltered = 0; back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                [buttonBusy]=\"buttonBusy\"\n                [disabled]=\"buttonBusy\"\n                class=\"btn btn-primary\">\n                {{ 'Button.Invite' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";:root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255);--public-btn-radius: 24px}:host form>h3{display:block;border-top:1px solid #e2e5ea;margin-top:2rem;padding-top:1.25rem}:host form>h3:first-child{border-top:0;margin-top:.5rem;padding-top:0}\n"], dependencies: [{ kind: "component", type: i4$2.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "minQueryLength", "delay", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "addOnTab", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "addOnBlur", "separator", "appendTo", "motionOptions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onAdd", "onFocus", "onBlur", "onDropdownClick", "onClear", "onInputKeydown", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "component", type: i5.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i9.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i9.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i9.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i9.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i9.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "component", type: i3$1.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "controlId", "useAriaLabelledbyOnly", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText", "isLeftTooltip"] }, { kind: "directive", type: i11.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i9.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i9.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i13.TranslocoPipe, name: "transloco" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: InviteUsersComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-invite-users', standalone: false, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard user-details\">\n    <div class=\"dashboard-body\">\n\n      <div class=\"me-auto col-xs-6 mt-4\">\n        <a aria-label=\"Navigate to Target\"\n          (click)=\"back()\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n          <h3 class=\"\">Invite New User</h3>\n          <p>Here you can send an invitation to a new user to try any of our products</p>\n        </div>\n\n        <div class=\"p-2 mt-3\">\n          <form [formGroup]=\"form\"\n            (ngSubmit)=\"onSave()\">\n            <div class=\"row\">\n              <div class=\"mb-3 col-sm-4\">\n                <pw-input-container [label]=\"'Label.FirstName' | transloco\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Subscriptions.Tooltip.FirstName' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"first_name\"\n                  controlId=\"invite-first_name\"\n                  [errorMsg]=\"'Admin.Subscriptions.Validation.FirstName' | transloco\">\n                  <input type=\"text\"\n                    id=\"invite-first_name\"\n                    class=\"form-control\"\n                    formControlName=\"first_name\"\n          [ngClass]=\"{\n                        'is-invalid':\n                            form.get('first_name').touched && form.get('first_name').invalid\n                    }\" />\n                </pw-input-container>\n              </div>\n              <div class=\"mb-3 col-sm-4\">\n                <pw-input-container [label]=\"'Label.LastName' | transloco\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Subscriptions.Tooltip.LastName' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"last_name\"\n                  controlId=\"invite-last_name\"\n                  [errorMsg]=\"'Admin.Subscriptions.Validation.LastName' | transloco\">\n                  <input type=\"text\"\n                    id=\"invite-last_name\"\n                    class=\"form-control\"\n                    formControlName=\"last_name\"\n          [ngClass]=\"{\n                        'is-invalid': form.get('last_name').touched && form.get('last_name').invalid\n                    }\" />\n                </pw-input-container>\n              </div>\n              <div class=\"mb-3 col-sm-4\">\n                <pw-input-container [label]=\"'Label.Email' | transloco\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Subscriptions.Tooltip.Email' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"email\"\n                  controlId=\"invite-email\"\n                  [errorMsg]=\"'Admin.Subscriptions.Validation.Email' | transloco\">\n                  <input type=\"text\"\n                    id=\"invite-email\"\n                    class=\"form-control\"\n                    formControlName=\"email\"\n          [ngClass]=\"{\n                        'is-invalid': form.get('email').touched && form.get('email').invalid\n                    }\" />\n                </pw-input-container>\n              </div>\n              <div class=\"mb-3 col-sm-4\">\n                <pw-input-container [label]=\"'Label.Product' | transloco\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Subscriptions.Tooltip.SubscriptionProduct' | transloco\"\n                  name=\"product_id\"\n                  controlId=\"invite-product_id\"\n                  [useAriaLabelledbyOnly]=\"true\"\n                  [errorMsg]=\"'Admin.Subscriptions.Validation.Product' | transloco\">\n                  <p-autoComplete appendTo=\"body\" #refProduct\n                    [suggestions]=\"filteredProducts\"\n                    [ariaLabelledBy]=\"'invite-product_id-label'\"\n                    [ariaLabel]=\"'Label.Product' | transloco\"\n                    formControlName=\"product_id\"\n                    dataKey=\"id\"\n                    optionLabel=\"label\"\n                    [dropdown]=\"true\"\n                    [delay]=\"1000\"\n                    [type]=\"'search'\"\n                    (completeMethod)=\"searchProduct($event)\"\n                    (onSelect)=\"onProductChange($event)\"\n                    (onClear)=\"onProductClear($event)\"\n                    styleClass=\"w-100\"\n                    placeholder=\"Search products...\"\n          [inputStyle]=\"\n                        form.get('product_id').touched && form.get('product_id').invalid\n                            ? { border: '1px solid #ff586b' }\n                            : {}\n                    \"\n                    [multiple]=\"false\">\n                  </p-autoComplete>\n                </pw-input-container>\n              </div>\n              <div class=\"mb-3 col-sm-4\">\n                <pw-input-container label=\"{{'Label.Seats' | transloco}}{{unitsText}}\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Subscriptions.Tooltip.Units' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"units\"\n                  controlId=\"invite-units\"\n                  [errorMsg]=\"'Admin.Subscriptions.Validation.Units' | transloco\">\n                  <input type=\"number\"\n                    id=\"invite-units\"\n                    class=\"form-control\"\n                    formControlName=\"units\"\n          [ngClass]=\"{\n                        'is-invalid': form.get('units').touched && form.get('units').invalid\n                    }\" />\n                </pw-input-container>\n              </div>\n              <div class=\"mb-3 col-sm-4\">\n                <pw-input-container [label]=\"'Admin.Subscriptions.MinUnits' | transloco\"\n                  [showTooltip]=\"true\"\n                  name=\"min_units\"\n                  controlId=\"invite-min_units\"\n                  [errorMsg]=\"'Admin.Subscriptions.Validation.MinUnits' | transloco\"\n                  [tooltipText]=\"'Admin.Subscriptions.Tooltip.MinUnits' | transloco\">\n                  <input type=\"number\"\n                    id=\"invite-min_units\"\n                    min=\"0\"\n                    [max]=\"form.get('units').value\"\n                    class=\"form-control\"\n                    formControlName=\"min_units\" />\n                </pw-input-container>\n              </div>\n              @if (organizationIndustries$ | async; as industries) {\n                <div class=\"mb-3 col-sm-4\"\n                  >\n                  <pw-input-container [label]=\"'Organization.OrganizationIndustry' | transloco\"\n                    name=\"organization_industry_id\" controlId=\"invite-organization_industry_id\" [useAriaLabelledbyOnly]=\"true\"\n                    [showTooltip]=\"true\"\n                    [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationIndustry'| transloco\">\n                    <p-select\n                      [ariaLabelledBy]=\"'invite-organization_industry_id-label'\"\n                      [ariaLabel]=\"'Organization.OrganizationIndustry' | transloco\"\n                      [options]=\"industries['organization_industries']\"\n                      formControlName=\"organization_industry_id\"\n                      [placeholder]=\"'Select Organization Industry'\"\n                      optionValue=\"id\"\n                      optionLabel=\"name\">\n                    </p-select>\n                  </pw-input-container>\n                </div>\n              }\n              @if (organizationSizes$ | async; as sizes) {\n                <div class=\"mb-3 col-sm-4\"\n                  >\n                  <pw-input-container [label]=\"'Organization.OrganizationSize' | transloco\"\n                    name=\"organization_size_id\" controlId=\"invite-organization_size_id\" [useAriaLabelledbyOnly]=\"true\"\n                    [showTooltip]=\"true\"\n                    [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationSize'| transloco\">\n                    <p-select\n                      [ariaLabelledBy]=\"'invite-organization_size_id-label'\"\n                      [ariaLabel]=\"'Organization.OrganizationSize' | transloco\"\n                      [options]=\"sizes['organization_sizes']\"\n                      formControlName=\"organization_size_id\"\n                      [placeholder]=\"'Select Organization Size'\"\n                      optionValue=\"id\"\n                      optionLabel=\"name\">\n                    </p-select>\n                  </pw-input-container>\n                </div>\n              }\n              @if (organizationTypes$ | async; as types) {\n                <div class=\"mb-3 col-sm-4\"\n                  >\n                  <pw-input-container [label]=\"'Organization.OrganizationType' | transloco\"\n                    name=\"organization_type_id\" controlId=\"invite-organization_type_id\" [useAriaLabelledbyOnly]=\"true\"\n                    [showTooltip]=\"true\"\n                    [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationType'| transloco\">\n                    <p-select\n                      [ariaLabelledBy]=\"'invite-organization_type_id-label'\"\n                      [ariaLabel]=\"'Organization.OrganizationType' | transloco\"\n                      [options]=\"types['organization_types']\"\n                      formControlName=\"organization_type_id\"\n                      [placeholder]=\"'Select Organization Type'\"\n                      optionValue=\"id\"\n                      optionLabel=\"name\">\n                    </p-select>\n                  </pw-input-container>\n                </div>\n              }\n              <div class=\"mb-3 col-sm-4\">\n                <pw-input-container [label]=\"'Organization.OrganizationName' | transloco\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationName'| transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"name\" controlId=\"invite-organization-name\">\n                  <input type=\"text\"\n                    id=\"invite-organization-name\"\n                    class=\"form-control\"\n                    formControlName=\"name\"\n          [ngClass]=\"{\n                        'is-invalid': form.get('name').touched && form.get('name').invalid\n                    }\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"row\">\n              <div class=\"col-12 text-end\">\n                <input type=\"button\"\n                  class=\"btn btn-secondary me-3\"\n                  value=\"Cancel\"\n                  (click)=\"form.reset(); totalRecordsUnFiltered = 0; back()\" />\n                <button type=\"submit\"\n                  [buttonBusy]=\"buttonBusy\"\n                  [disabled]=\"buttonBusy\"\n                class=\"btn btn-primary\">Invite</button>\n              </div>\n            </div>\n          </form>\n        </div>\n      </div>\n    </div>\n  </div>", styles: ["@charset \"UTF-8\";:root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255);--public-btn-radius: 24px}\n"] }]
+            args: [{ selector: 'pw-invite-users', standalone: false, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard user-details\">\n    <div class=\"dashboard-body\">\n\n      <div class=\"me-auto col-xs-6 mt-4\">\n        <a aria-label=\"Navigate to Target\"\n          (click)=\"back()\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"\">{{ 'Admin.Subscriptions.InviteNewUser' | transloco }}</h3>\n        <p>{{ 'Admin.Subscriptions.InviteNewUserDescription' | transloco }}</p>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSave()\">\n\n          <h3>{{ 'Admin.Subscriptions.Section.UserDetails' | transloco }}</h3>\n          <div class=\"row\">\n            <div class=\"mb-3 col-12 col-md-4\">\n              <pw-input-container [label]=\"'Label.FirstName' | transloco\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.FirstName' | transloco\"\n                name=\"first_name\"\n                controlId=\"invite-first_name\"\n                [errorMsg]=\"'Admin.Subscriptions.Validation.FirstName' | transloco\">\n                <input type=\"text\"\n                  id=\"invite-first_name\"\n                  class=\"form-control\"\n                  [placeholder]=\"'Admin.Subscriptions.Placeholder.InviteFirstName' | transloco\"\n                  formControlName=\"first_name\"\n                  [ngClass]=\"{\n                    'is-invalid': form.get('first_name').touched && form.get('first_name').invalid\n                  }\" />\n              </pw-input-container>\n            </div>\n            <div class=\"mb-3 col-12 col-md-4\">\n              <pw-input-container [label]=\"'Label.LastName' | transloco\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.LastName' | transloco\"\n                name=\"last_name\"\n                controlId=\"invite-last_name\"\n                [errorMsg]=\"'Admin.Subscriptions.Validation.LastName' | transloco\">\n                <input type=\"text\"\n                  id=\"invite-last_name\"\n                  class=\"form-control\"\n                  [placeholder]=\"'Admin.Subscriptions.Placeholder.InviteLastName' | transloco\"\n                  formControlName=\"last_name\"\n                  [ngClass]=\"{\n                    'is-invalid': form.get('last_name').touched && form.get('last_name').invalid\n                  }\" />\n              </pw-input-container>\n            </div>\n            <div class=\"mb-3 col-12 col-md-4\">\n              <pw-input-container [label]=\"'Label.Email' | transloco\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.Email' | transloco\"\n                name=\"email\"\n                controlId=\"invite-email\"\n                [errorMsg]=\"'Admin.Subscriptions.Validation.Email' | transloco\">\n                <input type=\"text\"\n                  id=\"invite-email\"\n                  class=\"form-control\"\n                  [placeholder]=\"'Label.EmailPlaceholder' | transloco\"\n                  formControlName=\"email\"\n                  [ngClass]=\"{\n                    'is-invalid': form.get('email').touched && form.get('email').invalid\n                  }\" />\n              </pw-input-container>\n            </div>\n          </div>\n\n          <h3>{{ 'Admin.Subscriptions.Section.ProductSeats' | transloco }}</h3>\n          <div class=\"row\">\n            <div class=\"mb-3 col-12 col-md-4\">\n              <pw-input-container [label]=\"'Label.Product' | transloco\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.SubscriptionProduct' | transloco\"\n                name=\"product_id\"\n                controlId=\"invite-product_id\"\n                [useAriaLabelledbyOnly]=\"true\"\n                [errorMsg]=\"'Admin.Subscriptions.Validation.Product' | transloco\">\n                <p-autoComplete appendTo=\"body\" #refProduct\n                  [suggestions]=\"filteredProducts\"\n                  [ariaLabelledBy]=\"'invite-product_id-label'\"\n                  [ariaLabel]=\"'Label.Product' | transloco\"\n                  formControlName=\"product_id\"\n                  dataKey=\"id\"\n                  optionLabel=\"label\"\n                  [dropdown]=\"true\"\n                  [delay]=\"1000\"\n                  [type]=\"'search'\"\n                  (completeMethod)=\"searchProduct($event)\"\n                  (onSelect)=\"onProductChange($event)\"\n                  (onClear)=\"onProductClear($event)\"\n                  styleClass=\"w-100\"\n                  [placeholder]=\"'Admin.Subscriptions.Placeholder.SearchProducts' | transloco\"\n                  [inputStyleClass]=\"form.get('product_id').touched && form.get('product_id').invalid ? 'is-invalid' : ''\"\n                  [multiple]=\"false\">\n                </p-autoComplete>\n              </pw-input-container>\n            </div>\n            <div class=\"mb-3 col-12 col-md-4\">\n              <pw-input-container label=\"{{'Label.Seats' | transloco}}{{unitsText}}\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.Units' | transloco\"\n                name=\"units\"\n                controlId=\"invite-units\"\n                [errorMsg]=\"'Admin.Subscriptions.Validation.Units' | transloco\">\n                <input type=\"number\"\n                  id=\"invite-units\"\n                  class=\"form-control\"\n                  formControlName=\"units\"\n                  [ngClass]=\"{\n                    'is-invalid': form.get('units').touched && form.get('units').invalid\n                  }\" />\n              </pw-input-container>\n            </div>\n            <div class=\"mb-3 col-12 col-md-4\">\n              <pw-input-container [label]=\"'Admin.Subscriptions.MinUnits' | transloco\"\n                [showTooltip]=\"true\"\n                name=\"min_units\"\n                controlId=\"invite-min_units\"\n                [errorMsg]=\"'Admin.Subscriptions.Validation.MinUnits' | transloco\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.MinUnits' | transloco\">\n                <input type=\"number\"\n                  id=\"invite-min_units\"\n                  min=\"0\"\n                  [max]=\"form.get('units').value\"\n                  class=\"form-control\"\n                  formControlName=\"min_units\" />\n              </pw-input-container>\n            </div>\n          </div>\n\n          <h3>{{ 'Admin.Subscriptions.Section.Organization' | transloco }}</h3>\n          <div class=\"row\">\n            @if (organizationIndustries$ | async; as industries) {\n              <div class=\"mb-3 col-12 col-md-4\">\n                <pw-input-container [label]=\"'Organization.OrganizationIndustry' | transloco\"\n                  name=\"organization_industry_id\"\n                  controlId=\"invite-organization_industry_id\"\n                  [useAriaLabelledbyOnly]=\"true\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationIndustry' | transloco\">\n                  <p-select\n                    [ariaLabelledBy]=\"'invite-organization_industry_id-label'\"\n                    [ariaLabel]=\"'Organization.OrganizationIndustry' | transloco\"\n                    [options]=\"industries['organization_industries']\"\n                    formControlName=\"organization_industry_id\"\n                    [placeholder]=\"'Admin.Subscriptions.Placeholder.OrganizationIndustry' | transloco\"\n                    optionValue=\"id\"\n                    optionLabel=\"name\">\n                  </p-select>\n                </pw-input-container>\n              </div>\n            }\n            @if (organizationSizes$ | async; as sizes) {\n              <div class=\"mb-3 col-12 col-md-4\">\n                <pw-input-container [label]=\"'Organization.OrganizationSize' | transloco\"\n                  name=\"organization_size_id\"\n                  controlId=\"invite-organization_size_id\"\n                  [useAriaLabelledbyOnly]=\"true\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationSize' | transloco\">\n                  <p-select\n                    [ariaLabelledBy]=\"'invite-organization_size_id-label'\"\n                    [ariaLabel]=\"'Organization.OrganizationSize' | transloco\"\n                    [options]=\"sizes['organization_sizes']\"\n                    formControlName=\"organization_size_id\"\n                    [placeholder]=\"'Admin.Subscriptions.Placeholder.OrganizationSize' | transloco\"\n                    optionValue=\"id\"\n                    optionLabel=\"name\">\n                  </p-select>\n                </pw-input-container>\n              </div>\n            }\n            @if (organizationTypes$ | async; as types) {\n              <div class=\"mb-3 col-12 col-md-4\">\n                <pw-input-container [label]=\"'Organization.OrganizationType' | transloco\"\n                  name=\"organization_type_id\"\n                  controlId=\"invite-organization_type_id\"\n                  [useAriaLabelledbyOnly]=\"true\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationType' | transloco\">\n                  <p-select\n                    [ariaLabelledBy]=\"'invite-organization_type_id-label'\"\n                    [ariaLabel]=\"'Organization.OrganizationType' | transloco\"\n                    [options]=\"types['organization_types']\"\n                    formControlName=\"organization_type_id\"\n                    [placeholder]=\"'Admin.Subscriptions.Placeholder.OrganizationType' | transloco\"\n                    optionValue=\"id\"\n                    optionLabel=\"name\">\n                  </p-select>\n                </pw-input-container>\n              </div>\n            }\n            <div class=\"mb-3 col-12 col-md-4\">\n              <pw-input-container [label]=\"'Organization.OrganizationName' | transloco\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationName' | transloco\"\n                name=\"name\"\n                controlId=\"invite-organization-name\">\n                <input type=\"text\"\n                  id=\"invite-organization-name\"\n                  class=\"form-control\"\n                  [placeholder]=\"'Admin.Subscriptions.Placeholder.Organization' | transloco\"\n                  formControlName=\"name\"\n                  [ngClass]=\"{\n                    'is-invalid': form.get('name').touched && form.get('name').invalid\n                  }\" />\n              </pw-input-container>\n            </div>\n          </div>\n\n          <div class=\"row\">\n            <div class=\"col-12 text-end\">\n              <button type=\"button\"\n                class=\"btn btn-secondary me-3\"\n                (click)=\"form.reset(); totalRecordsUnFiltered = 0; back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                [buttonBusy]=\"buttonBusy\"\n                [disabled]=\"buttonBusy\"\n                class=\"btn btn-primary\">\n                {{ 'Button.Invite' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";:root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255);--public-btn-radius: 24px}:host form>h3{display:block;border-top:1px solid #e2e5ea;margin-top:2rem;padding-top:1.25rem}:host form>h3:first-child{border-top:0;margin-top:.5rem;padding-top:0}\n"] }]
         }], ctorParameters: () => [{ type: i9.UntypedFormBuilder }, { type: i1.AdminService }, { type: i1$1.ProductService }, { type: i0.Injector }, { type: i1$1.CommonService }, { type: i0.ChangeDetectorRef }], propDecorators: { refProduct: [{
                 type: ViewChild,
                 args: ['refProduct']
@@ -11658,6 +11838,46 @@ const routes = [
                     }
                 ]
             },
+            {
+                path: 'oauth-clients',
+                data: {
+                    title: 'MCP OAuth Clients',
+                    permission: 'Pages.Admin'
+                },
+                children: [
+                    {
+                        path: '',
+                        component: OauthClientsTabsComponent,
+                        children: [
+                            {
+                                path: '',
+                                redirectTo: 'list',
+                                pathMatch: 'full'
+                            },
+                            {
+                                path: 'list',
+                                component: OauthClientsComponent
+                            }
+                        ]
+                    },
+                    {
+                        path: 'add',
+                        component: OauthClientsDetailsComponent,
+                        data: {
+                            title: 'Add MCP OAuth Client',
+                            permission: 'Pages.Admin'
+                        }
+                    },
+                    {
+                        path: 'edit/:id',
+                        component: OauthClientsDetailsComponent,
+                        data: {
+                            title: 'Edit MCP OAuth Client',
+                            permission: 'Pages.Admin'
+                        }
+                    }
+                ]
+            },
             {
                 path: 'tracking',
                 component: TrackingComponent,
@@ -11839,6 +12059,9 @@ class AdminModule {
             SubscriptionCredentialsDetailsComponent,
             CredentialsDetailsComponent,
             CredentialsTabComponent,
+            OauthClientsTabsComponent,
+            OauthClientsComponent,
+            OauthClientsDetailsComponent,
             AhoyEventsComponent,
             TrackingComponent,
             AhoyMessagesComponent,
@@ -11868,7 +12091,7 @@ class AdminModule {
             MultiSelectModule,
             InputTextModule,
             IconFieldModule,
-            InputIconModule, i1$2.NgxDaterangepickerMd, NgxJsonViewerModule,
+            InputIconModule, AppLoaderModule, i1$2.NgxDaterangepickerMd, NgxJsonViewerModule,
             DatePickerModule,
             PlotlyViaCDNModule,
             FileUploadModule,
@@ -11906,7 +12129,8 @@ class AdminModule {
                 },
                 deps: [AppConfigService]
             }
-        ], imports: [primeNgModules, NgxDaterangepickerMd.forRoot(),
+        ], imports: [primeNgModules, AppLoaderModule,
+            NgxDaterangepickerMd.forRoot(),
             NgxJsonViewerModule,
             DatePickerModule,
             PlotlyViaCDNModule,
@@ -12024,6 +12248,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                         SubscriptionCredentialsDetailsComponent,
                         CredentialsDetailsComponent,
                         CredentialsTabComponent,
+                        OauthClientsTabsComponent,
+                        OauthClientsComponent,
+                        OauthClientsDetailsComponent,
                         AhoyEventsComponent,
                         TrackingComponent,
                         AhoyMessagesComponent,
@@ -12049,6 +12276,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                     ],
                     imports: [
                         ...primeNgModules,
+                        AppLoaderModule,
                         NgxDaterangepickerMd.forRoot(),
                         NgxJsonViewerModule,
                         DatePickerModule,