@posiwise/admin-module 0.0.65 → 0.0.66

package/esm2022/lib/components/credentials/credentials-details/credentials-details.component.mjs

@@ -55,8 +55,8 @@ export class CredentialsDetailsComponent extends AppBaseComponent {
     ngOnDestroy() {
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: CredentialsDetailsComponent, deps: [{ token: i1.AdminService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: CredentialsDetailsComponent, selector: "pw-credentials-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          routerLink=\"../../credentials\"\n          class=\"previous\">\n          <i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>Credentials: {{ data?.name ? data?.name : 'Add New' }}</span>\n        </h3>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSaveForm()\">\n          <div class=\"row\">\n            <div class=\"col-12 col-md-3\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.Credentials.Name' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"name\"\n                  [errorMsg]=\"'Admin.Credentials.Validation.Name' | transloco\">\n                  <input type=\"text\"\n                    class=\"form-control\"\n                    formControlName=\"name\"\n                    [ngClass]=\"{ 'is-invalid': submitted && f['name'].errors }\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-3\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.Credentials.Field' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"field\"\n                  [errorMsg]=\"'Admin.Credentials.Validation.Field' | transloco\">\n                  <input type=\"text\"\n                    class=\"form-control\"\n                    formControlName=\"field\"\n                    [ngClass]=\"{ 'is-invalid': submitted && f['field'].errors }\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.Credentials.Active' | transloco\"\n                  class=\"nowrap\"\n                  name=\"active\">\n                  <ui-switch class=\"d-block\"\n                    formControlName=\"active\"\n                    name=\"active\"\n                    [ngClass]=\"{ 'is-invalid': submitted && f['active'].errors }\">\n                  </ui-switch>\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.Credentials.Visible' | transloco\"\n                  class=\"nowrap\"\n                  name=\"is_visible\">\n                  <ui-switch class=\"d-block\"\n                    formControlName=\"is_visible\"\n                    name=\"is_visible\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['is_visible'].errors\n                                        }\">\n                  </ui-switch>\n                </pw-input-container>\n              </div>\n            </div>\n\n            <div class=\"col\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.Credentials.IsRequired' | transloco\"\n                  class=\"nowrap\"\n                  name=\"is_required\">\n                  <ui-switch class=\"d-block\"\n                    formControlName=\"is_required\"\n                    name=\"is_required\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['is_required'].errors\n                                        }\">\n                  </ui-switch>\n                </pw-input-container>\n              </div>\n            </div>\n\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.Credentials.Description' | transloco\"\n                name=\"description\"\n                [errorMsg]=\"'Admin.Credentials.Validation.Description' | transloco\">\n                <textarea type=\"text\"\n                  rows=\"3\"\n                  class=\"form-control\"\n                  formControlName=\"description\"></textarea>\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 text-end mt-3\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\"\n                *rbacAllow=\"'Pages.Admin.Credentials.Edit'\">\n                {{ 'Button.Submit' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i4.UiSwitchComponent, selector: "ui-switch", inputs: ["size", "color", "switchOffColor", "switchColor", "defaultBgColor", "defaultBoColor", "checkedLabel", "uncheckedLabel", "checkedTextColor", "uncheckedTextColor", "beforeChange", "ariaLabel", "checked", "disabled", "reverse", "loading"], outputs: ["change", "changeEvent", "valueChange"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i6.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i8.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CredentialsDetailsComponent, deps: [{ token: i1.AdminService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: CredentialsDetailsComponent, selector: "pw-credentials-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          routerLink=\"../../credentials\"\n          class=\"previous\">\n          <i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>Credentials: {{ data?.name ? data?.name : 'Add New' }}</span>\n        </h3>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSaveForm()\">\n          <div class=\"row\">\n            <div class=\"col-12 col-md-3\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.Credentials.Name' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"name\"\n                  [errorMsg]=\"'Admin.Credentials.Validation.Name' | transloco\">\n                  <input type=\"text\"\n                    class=\"form-control\"\n                    formControlName=\"name\"\n                    [ngClass]=\"{ 'is-invalid': submitted && f['name'].errors }\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-3\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.Credentials.Field' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"field\"\n                  [errorMsg]=\"'Admin.Credentials.Validation.Field' | transloco\">\n                  <input type=\"text\"\n                    class=\"form-control\"\n                    formControlName=\"field\"\n                    [ngClass]=\"{ 'is-invalid': submitted && f['field'].errors }\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.Credentials.Active' | transloco\"\n                  class=\"nowrap\"\n                  name=\"active\">\n                  <ui-switch class=\"d-block\"\n                    formControlName=\"active\"\n                    name=\"active\"\n                    [ngClass]=\"{ 'is-invalid': submitted && f['active'].errors }\">\n                  </ui-switch>\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.Credentials.Visible' | transloco\"\n                  class=\"nowrap\"\n                  name=\"is_visible\">\n                  <ui-switch class=\"d-block\"\n                    formControlName=\"is_visible\"\n                    name=\"is_visible\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['is_visible'].errors\n                                        }\">\n                  </ui-switch>\n                </pw-input-container>\n              </div>\n            </div>\n\n            <div class=\"col\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.Credentials.IsRequired' | transloco\"\n                  class=\"nowrap\"\n                  name=\"is_required\">\n                  <ui-switch class=\"d-block\"\n                    formControlName=\"is_required\"\n                    name=\"is_required\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['is_required'].errors\n                                        }\">\n                  </ui-switch>\n                </pw-input-container>\n              </div>\n            </div>\n\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.Credentials.Description' | transloco\"\n                name=\"description\"\n                [errorMsg]=\"'Admin.Credentials.Validation.Description' | transloco\">\n                <textarea type=\"text\"\n                  rows=\"3\"\n                  class=\"form-control\"\n                  formControlName=\"description\"></textarea>\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 text-end mt-3\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\"\n                *rbacAllow=\"'Pages.Admin.Credentials.Edit'\">\n                {{ 'Button.Submit' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i4.UiSwitchComponent, selector: "ui-switch", inputs: ["size", "color", "switchOffColor", "switchColor", "defaultBgColor", "defaultBoColor", "checkedLabel", "uncheckedLabel", "checkedTextColor", "uncheckedTextColor", "beforeChange", "ariaLabel", "checked", "disabled", "reverse", "loading"], outputs: ["change", "changeEvent", "valueChange"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i6.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "directive", type: i7.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i8.TranslocoPipe, name: "transloco" }] }); }
 }
 __decorate([
     ValidateForm('form'),
@@ -64,7 +64,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
 ], CredentialsDetailsComponent.prototype, "onSaveForm", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: CredentialsDetailsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CredentialsDetailsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-credentials-details', template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          routerLink=\"../../credentials\"\n          class=\"previous\">\n          <i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>Credentials: {{ data?.name ? data?.name : 'Add New' }}</span>\n        </h3>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSaveForm()\">\n          <div class=\"row\">\n            <div class=\"col-12 col-md-3\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.Credentials.Name' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"name\"\n                  [errorMsg]=\"'Admin.Credentials.Validation.Name' | transloco\">\n                  <input type=\"text\"\n                    class=\"form-control\"\n                    formControlName=\"name\"\n                    [ngClass]=\"{ 'is-invalid': submitted && f['name'].errors }\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col-12 col-md-3\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.Credentials.Field' | transloco\"\n                  class=\"col-md-6 p-0\"\n                  name=\"field\"\n                  [errorMsg]=\"'Admin.Credentials.Validation.Field' | transloco\">\n                  <input type=\"text\"\n                    class=\"form-control\"\n                    formControlName=\"field\"\n                    [ngClass]=\"{ 'is-invalid': submitted && f['field'].errors }\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.Credentials.Active' | transloco\"\n                  class=\"nowrap\"\n                  name=\"active\">\n                  <ui-switch class=\"d-block\"\n                    formControlName=\"active\"\n                    name=\"active\"\n                    [ngClass]=\"{ 'is-invalid': submitted && f['active'].errors }\">\n                  </ui-switch>\n                </pw-input-container>\n              </div>\n            </div>\n            <div class=\"col\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.Credentials.Visible' | transloco\"\n                  class=\"nowrap\"\n                  name=\"is_visible\">\n                  <ui-switch class=\"d-block\"\n                    formControlName=\"is_visible\"\n                    name=\"is_visible\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['is_visible'].errors\n                                        }\">\n                  </ui-switch>\n                </pw-input-container>\n              </div>\n            </div>\n\n            <div class=\"col\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.Credentials.IsRequired' | transloco\"\n                  class=\"nowrap\"\n                  name=\"is_required\">\n                  <ui-switch class=\"d-block\"\n                    formControlName=\"is_required\"\n                    name=\"is_required\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['is_required'].errors\n                                        }\">\n                  </ui-switch>\n                </pw-input-container>\n              </div>\n            </div>\n\n            <div class=\"col-12\">\n              <pw-input-container [label]=\"'Admin.Credentials.Description' | transloco\"\n                name=\"description\"\n                [errorMsg]=\"'Admin.Credentials.Validation.Description' | transloco\">\n                <textarea type=\"text\"\n                  rows=\"3\"\n                  class=\"form-control\"\n                  formControlName=\"description\"></textarea>\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 text-end mt-3\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\"\n                *rbacAllow=\"'Pages.Admin.Credentials.Edit'\">\n                {{ 'Button.Submit' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.AdminService }, { type: i0.Injector }], propDecorators: { onSaveForm: [] } });

package/esm2022/lib/components/credentials/credentials-tab/credentials-tab.component.mjs

@@ -18,10 +18,10 @@ export class CredentialsTabComponent {
             }
         ];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: CredentialsTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: CredentialsTabComponent, selector: "pw-credentials-tab", ngImport: i0, template: `<pw-tabs [items]="items"></pw-tabs>`, isInline: true, dependencies: [{ kind: "component", type: i1.PwTabsComponent, selector: "pw-tabs", inputs: ["items", "withSubscription"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CredentialsTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: CredentialsTabComponent, selector: "pw-credentials-tab", ngImport: i0, template: `<pw-tabs [items]="items"></pw-tabs>`, isInline: true, dependencies: [{ kind: "component", type: i1.PwTabsComponent, selector: "pw-tabs", inputs: ["items", "withSubscription"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: CredentialsTabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CredentialsTabComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'pw-credentials-tab',

package/esm2022/lib/components/credentials/subscription-credentials/subscription-credentials.component.mjs

@@ -79,10 +79,10 @@ export class SubscriptionCredentialsComponent extends AppBaseComponent {
     ngOnDestroy() {
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: SubscriptionCredentialsComponent, deps: [{ token: i1.AdminService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: SubscriptionCredentialsComponent, selector: "pw-subscription-credentials", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0 float-start\">Subscription Credentials</h2>\n    <button class=\"btn btn-sm btn-outline-primary float-end\"\n      data-cy=\"create-subscription-credential\"\n      [routerLink]=\"[routers.subscriptionCredentialDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i>\n      {{ 'Admin.SubscriptionCredentialMessages.CreateSubscriptionCredential' | transloco }}\n    </button>\n  </div>\n</div>\n<div class=\"primeng-datatable-container mt table-responsive\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #dt\n    [value]=\"data.subscription_credentials\"\n    [paginator]=\"true\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search Credentials...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"subscription_id\">\n          {{ 'Admin.SubscriptionCredentialMessages.SubscriptionOwner' | transloco }}\n          <p-sortIcon field=\"subscription_id\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"credential_id\">\n          {{ 'Admin.SubscriptionCredentialMessages.Credential' | transloco }}\n          <p-sortIcon field=\"credential_id\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"field\">\n          {{ 'Admin.SubscriptionCredentialMessages.Field' | transloco }}\n          <p-sortIcon field=\"field\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"value\">\n          {{ 'Admin.SubscriptionCredentialMessages.Value' | transloco }}\n          <p-sortIcon field=\"value\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"is_visible\">\n          {{ 'Admin.SubscriptionCredentialMessages.Visible' | transloco }}\n          <p-sortIcon field=\"is_visible\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-credential>\n      <tr>\n        <td data-head=\"Name\">{{ credential?.subscription?.contact_name }}</td>\n        <td data-head=\"Credential Name\">{{ credential?.credential?.name }}</td>\n        <td data-head=\"Field\">{{ credential?.credential?.field }}</td>\n        <td data-head=\"Value\">{{ credential.value }}</td>\n        <td data-head=\"Is Active\">\n          <span *ngIf=\"credential?.is_visible\"\n            class=\"badge bg-success\">yes</span>\n          <span *ngIf=\"!credential?.is_visible\"\n            class=\"badge bg-danger\">No</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.subscriptionCredentialDetails + credential.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\">\n              <i\n                                (click)=\"onDelete(credential.id)\"\n                                class=\"fa fa-trash delete-icon\"\n                                aria-hidden=\"true\"\n                            ></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0\">\n  <pw-no-data [message]=\"'Admin.Credentials.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]" }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.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: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i8.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i9.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SubscriptionCredentialsComponent, deps: [{ token: i1.AdminService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: SubscriptionCredentialsComponent, selector: "pw-subscription-credentials", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0 float-start\">Subscription Credentials</h2>\n    <button class=\"btn btn-sm btn-outline-primary float-end\"\n      data-cy=\"create-subscription-credential\"\n      [routerLink]=\"[routers.subscriptionCredentialDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i>\n      {{ 'Admin.SubscriptionCredentialMessages.CreateSubscriptionCredential' | transloco }}\n    </button>\n  </div>\n</div>\n<div class=\"primeng-datatable-container mt table-responsive\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #dt\n    [value]=\"data.subscription_credentials\"\n    [paginator]=\"true\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search Credentials...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"subscription_id\">\n          {{ 'Admin.SubscriptionCredentialMessages.SubscriptionOwner' | transloco }}\n          <p-sortIcon field=\"subscription_id\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"credential_id\">\n          {{ 'Admin.SubscriptionCredentialMessages.Credential' | transloco }}\n          <p-sortIcon field=\"credential_id\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"field\">\n          {{ 'Admin.SubscriptionCredentialMessages.Field' | transloco }}\n          <p-sortIcon field=\"field\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"value\">\n          {{ 'Admin.SubscriptionCredentialMessages.Value' | transloco }}\n          <p-sortIcon field=\"value\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"is_visible\">\n          {{ 'Admin.SubscriptionCredentialMessages.Visible' | transloco }}\n          <p-sortIcon field=\"is_visible\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-credential>\n      <tr>\n        <td data-head=\"Name\">{{ credential?.subscription?.contact_name }}</td>\n        <td data-head=\"Credential Name\">{{ credential?.credential?.name }}</td>\n        <td data-head=\"Field\">{{ credential?.credential?.field }}</td>\n        <td data-head=\"Value\">{{ credential.value }}</td>\n        <td data-head=\"Is Active\">\n          <span *ngIf=\"credential?.is_visible\"\n            class=\"badge bg-success\">yes</span>\n          <span *ngIf=\"!credential?.is_visible\"\n            class=\"badge bg-danger\">No</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.subscriptionCredentialDetails + credential.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\">\n              <i\n                                (click)=\"onDelete(credential.id)\"\n                                class=\"fa fa-trash delete-icon\"\n                                aria-hidden=\"true\"\n                            ></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0\">\n  <pw-no-data [message]=\"'Admin.Credentials.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]" }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.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: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i8.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i9.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: SubscriptionCredentialsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SubscriptionCredentialsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-subscription-credentials', template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center create-user my-3\">\n    <h2 class=\"card-title p-0 float-start\">Subscription Credentials</h2>\n    <button class=\"btn btn-sm btn-outline-primary float-end\"\n      data-cy=\"create-subscription-credential\"\n      [routerLink]=\"[routers.subscriptionCredentialDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i>\n      {{ 'Admin.SubscriptionCredentialMessages.CreateSubscriptionCredential' | transloco }}\n    </button>\n  </div>\n</div>\n<div class=\"primeng-datatable-container mt table-responsive\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #dt\n    [value]=\"data.subscription_credentials\"\n    [paginator]=\"true\"\n    [lazy]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          [(ngModel)]=\"searchText\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search Credentials...\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"mw-90\" />\n      </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"subscription_id\">\n          {{ 'Admin.SubscriptionCredentialMessages.SubscriptionOwner' | transloco }}\n          <p-sortIcon field=\"subscription_id\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"credential_id\">\n          {{ 'Admin.SubscriptionCredentialMessages.Credential' | transloco }}\n          <p-sortIcon field=\"credential_id\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"field\">\n          {{ 'Admin.SubscriptionCredentialMessages.Field' | transloco }}\n          <p-sortIcon field=\"field\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"value\">\n          {{ 'Admin.SubscriptionCredentialMessages.Value' | transloco }}\n          <p-sortIcon field=\"value\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"is_visible\">\n          {{ 'Admin.SubscriptionCredentialMessages.Visible' | transloco }}\n          <p-sortIcon field=\"is_visible\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-credential>\n      <tr>\n        <td data-head=\"Name\">{{ credential?.subscription?.contact_name }}</td>\n        <td data-head=\"Credential Name\">{{ credential?.credential?.name }}</td>\n        <td data-head=\"Field\">{{ credential?.credential?.field }}</td>\n        <td data-head=\"Value\">{{ credential.value }}</td>\n        <td data-head=\"Is Active\">\n          <span *ngIf=\"credential?.is_visible\"\n            class=\"badge bg-success\">yes</span>\n          <span *ngIf=\"!credential?.is_visible\"\n            class=\"badge bg-danger\">No</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.subscriptionCredentialDetails + credential.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\">\n              <i\n                                (click)=\"onDelete(credential.id)\"\n                                class=\"fa fa-trash delete-icon\"\n                                aria-hidden=\"true\"\n                            ></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0\">\n  <pw-no-data [message]=\"'Admin.Credentials.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.AdminService }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }] });

package/esm2022/lib/components/credentials/subscription-credentials-details/subscription-credentials-details.component.mjs

@@ -66,8 +66,8 @@ export class SubscriptionCredentialsDetailsComponent extends AppBaseComponent {
     ngOnDestroy() {
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: SubscriptionCredentialsDetailsComponent, deps: [{ token: i1.AdminService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: SubscriptionCredentialsDetailsComponent, selector: "pw-subscription-credentials-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          (click)=\"back()\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>{{\n                            'Admin.SubscriptionCredentialMessages.SubscriptionCredential'\n                                | transloco\n                        }}: {{ data?.name || 'Add New' }}</span>\n        </h3>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSaveForm()\">\n          <div class=\"row\">\n            <div class=\"col-12 col-sm-4\">\n              <pw-input-container [label]=\"\n                                    'Admin.SubscriptionCredentialMessages.Credential' | transloco\n                                \"\n                name=\"credential_id\"\n                [errorMsg]=\"\n                                    'Admin.SubscriptionCredentialMessages.CredentialValidation'\n                                        | transloco\n                                \">\n                <select class=\"form-select\"\n                  formControlName=\"credential_id\"\n                  [ngClass]=\"{\n                                        'is-invalid': submitted && f['credential_id'].errors\n                                    }\">\n                  <option *ngFor=\"let option of allCredentials\"\n                    [value]=\"option.id\">\n                    {{ option.name }} - {{option?.field}}\n                  </option>\n                </select>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-4\">\n              <pw-input-container [label]=\"'Admin.SubscriptionCredentialMessages.Value' | transloco\"\n                name=\"value\"\n                [errorMsg]=\"\n                                    'Admin.SubscriptionCredentialMessages.ValueValidation'\n                                        | transloco\n                                \">\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"value\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['value'].errors }\" />\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 text-end mt-3\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\"\n                *rbacAllow=\"'Pages.Admin.Credentials.Edit'\">\n                {{ 'Button.Submit' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i4.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "directive", type: i5.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i6.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SubscriptionCredentialsDetailsComponent, deps: [{ token: i1.AdminService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: SubscriptionCredentialsDetailsComponent, selector: "pw-subscription-credentials-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          (click)=\"back()\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>{{\n                            'Admin.SubscriptionCredentialMessages.SubscriptionCredential'\n                                | transloco\n                        }}: {{ data?.name || 'Add New' }}</span>\n        </h3>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSaveForm()\">\n          <div class=\"row\">\n            <div class=\"col-12 col-sm-4\">\n              <pw-input-container [label]=\"\n                                    'Admin.SubscriptionCredentialMessages.Credential' | transloco\n                                \"\n                name=\"credential_id\"\n                [errorMsg]=\"\n                                    'Admin.SubscriptionCredentialMessages.CredentialValidation'\n                                        | transloco\n                                \">\n                <select class=\"form-select\"\n                  formControlName=\"credential_id\"\n                  [ngClass]=\"{\n                                        'is-invalid': submitted && f['credential_id'].errors\n                                    }\">\n                  <option *ngFor=\"let option of allCredentials\"\n                    [value]=\"option.id\">\n                    {{ option.name }} - {{option?.field}}\n                  </option>\n                </select>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-4\">\n              <pw-input-container [label]=\"'Admin.SubscriptionCredentialMessages.Value' | transloco\"\n                name=\"value\"\n                [errorMsg]=\"\n                                    'Admin.SubscriptionCredentialMessages.ValueValidation'\n                                        | transloco\n                                \">\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"value\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['value'].errors }\" />\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 text-end mt-3\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\"\n                *rbacAllow=\"'Pages.Admin.Credentials.Edit'\">\n                {{ 'Button.Submit' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i4.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "directive", type: i5.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i6.TranslocoPipe, name: "transloco" }] }); }
 }
 __decorate([
     ValidateForm('form'),
@@ -75,7 +75,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
 ], SubscriptionCredentialsDetailsComponent.prototype, "onSaveForm", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: SubscriptionCredentialsDetailsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SubscriptionCredentialsDetailsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-subscription-credentials-details', template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          (click)=\"back()\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>{{\n                            'Admin.SubscriptionCredentialMessages.SubscriptionCredential'\n                                | transloco\n                        }}: {{ data?.name || 'Add New' }}</span>\n        </h3>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSaveForm()\">\n          <div class=\"row\">\n            <div class=\"col-12 col-sm-4\">\n              <pw-input-container [label]=\"\n                                    'Admin.SubscriptionCredentialMessages.Credential' | transloco\n                                \"\n                name=\"credential_id\"\n                [errorMsg]=\"\n                                    'Admin.SubscriptionCredentialMessages.CredentialValidation'\n                                        | transloco\n                                \">\n                <select class=\"form-select\"\n                  formControlName=\"credential_id\"\n                  [ngClass]=\"{\n                                        'is-invalid': submitted && f['credential_id'].errors\n                                    }\">\n                  <option *ngFor=\"let option of allCredentials\"\n                    [value]=\"option.id\">\n                    {{ option.name }} - {{option?.field}}\n                  </option>\n                </select>\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 col-sm-4\">\n              <pw-input-container [label]=\"'Admin.SubscriptionCredentialMessages.Value' | transloco\"\n                name=\"value\"\n                [errorMsg]=\"\n                                    'Admin.SubscriptionCredentialMessages.ValueValidation'\n                                        | transloco\n                                \">\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"value\"\n                  [ngClass]=\"{ 'is-invalid': submitted && f['value'].errors }\" />\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 text-end mt-3\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\"\n                *rbacAllow=\"'Pages.Admin.Credentials.Edit'\">\n                {{ 'Button.Submit' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.AdminService }, { type: i0.Injector }], propDecorators: { onSaveForm: [] } });

package/esm2022/lib/components/domain-config/domain-config-details/domain-config-build/domain-config-build.component.mjs

@@ -197,8 +197,8 @@ export class DomainConfigBuildComponent extends AppBaseComponent {
             this.submitted = false;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: DomainConfigBuildComponent, deps: [{ token: i0.Injector }, { token: i1.AdminService }, { token: i2.ProductService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: DomainConfigBuildComponent, selector: "pw-domain-config-build", viewQueries: [{ propertyName: "uploader", predicate: CustomUploaderComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<h3>Public Pages and Onboarding</h3>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <p>\n      The following parameters and settings will be applied to all public pages of this given\n      domain.\n    </p>\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.MasterSubscription' | transloco\"\n          name=\"master_subscription_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.MasterSubscription' | transloco\">\n          <select class=\"form-select\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['master_subscription_id']?.errors }\"\n            formControlName=\"master_subscription_id\">\n            <option [value]=\"null\">Select Master Subscription</option>\n            <option *ngFor=\"let item of masterSubscriptionsList\"\n              [value]=\"item.id\">\n              {{item?.organisation ? item?.organisation  +' - '+ item.contact_name : item?.contact_name}}\n            </option>\n          </select>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.MasterSubscriptionProduct' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"\n                        'Admin.DomainConfig.Tooltip.MasterSubscriptionProduct' | transloco\n                    \"\n          name=\"master_subscription_product_id\">\n          <select class=\"form-select\"\n            [ngClass]=\"{\n                            'is-invalid': submitted && f['master_subscription_product_id']?.errors\n                        }\"\n            formControlName=\"master_subscription_product_id\">\n            <option [value]=\"null\">Select Master Product</option>\n            <option *ngFor=\"let item of masterSubscriptionProductList\"\n              [value]=\"item.id\">\n              {{ item.name }}\n            </option>\n          </select>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.BlogFeatureKey' | transloco\"\n          name=\"blog_feature_key\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.BlogFeatureKey' | transloco\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"blog_feature_key\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['blog_feature_key'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.MainTos' | transloco\"\n          name=\"main_tos_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.MainTos' | transloco\">\n          <select class=\"form-select\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['main_tos_id']?.errors }\"\n            formControlName=\"main_tos_id\">\n            <option [value]=\"null\">Select Main TOS</option>\n            <option *ngFor=\"let item of subscriptionTosList\"\n              [value]=\"item.id\">\n              <span [innerHTML]=\"item.title\"></span>\n            </option>\n          </select>\n        </pw-input-container>\n      </div>\n      <!-- crm subscription fields -->\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CrmSubscription' | transloco\"\n          name=\"crm_subscription_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CrmSubscription' | transloco\">\n          <select class=\"form-select\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['crm_subscription_id']?.errors }\"\n            formControlName=\"crm_subscription_id\">\n            <option [value]=\"null\">Select CRM Subscription</option>\n            <option *ngFor=\"let item of crmSubscriptionsList\"\n              [value]=\"item.id\">\n              {{item?.organisation ? item?.organisation  +' - '+ item.contact_name : item?.contact_name}}\n            </option>\n          </select>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CrmProduct' | transloco\"\n          name=\"crm_product_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CrmProduct' | transloco\">\n          <select class=\"form-select\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['crm_product_id']?.errors }\"\n            formControlName=\"crm_product_id\">\n            <option [value]=\"null\">Select CRM Product</option>\n            <option *ngFor=\"let item of crmProductList\"\n              [value]=\"item.id\">\n              {{item?.subscription_id ? item?.name  +' - SubscriptionID = '+ item.subscription_id : item?.name}}\n            </option>\n          </select>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CrmSource' | transloco\"\n          name=\"crm_source_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CrmSource' | transloco\">\n          <select class=\"form-select\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['crm_source_id']?.errors }\"\n            formControlName=\"crm_source_id\">\n            <option [value]=\"null\">Select CRM Source</option>\n            <option *ngFor=\"let item of crmSourcesList\"\n              [value]=\"item.id\">\n              {{ item.name }}\n            </option>\n          </select>\n        </pw-input-container>\n      </div>\n      <!-- crm subscription fields end-->\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.IsProductDomain' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IsProductDomain' | transloco\"\n          name=\"is_product_domain\">\n          <ui-switch size=\"small\"\n            uncheckedLabel=\"false\"\n            checkedLabel=\"true\"\n            formControlName=\"is_product_domain\"\n            name=\"is_product_domain\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['is_product_domain'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.Active' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.Active' | transloco\"\n          name=\"active\">\n          <ui-switch size=\"small\"\n            uncheckedLabel=\"false\"\n            checkedLabel=\"true\"\n            formControlName=\"active\"\n            name=\"active\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['active'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.NotifyLogins' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.NotifyLogins' | transloco\"\n          name=\"notify_logins\">\n          <ui-switch size=\"small\"\n            uncheckedLabel=\"false\"\n            checkedLabel=\"true\"\n            formControlName=\"notify_logins\"\n            name=\"notify_logins\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['notify_logins'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CanRegisterOnMainPage' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CanRegisterOnMainPage' | transloco\"\n          name=\"can_register_through_main_page\">\n          <ui-switch size=\"small\"\n            uncheckedLabel=\"false\"\n            checkedLabel=\"true\"\n            formControlName=\"can_register_through_main_page\"\n            name=\"can_register_through_main_page\"\n            [ngClass]=\"{\n                            'is-invalid': submitted && f['can_register_through_main_page'].errors\n                        }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.SocialLoginEnabled' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.SocialLoginEnable' | transloco\"\n          name=\"social_login_enabled\">\n          <ui-switch size=\"small\"\n            uncheckedLabel=\"false\"\n            checkedLabel=\"true\"\n            formControlName=\"social_login_enabled\"\n            name=\"social_login_enabled\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['social_login_enabled'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n    </div>\n    <div class=\"mt-3\"></div>\n    <!-- cs start -->\n    <p-accordion>\n      <p-accordionTab [header]=\"'Coming soon pages - Subscribe to newsletter'\">\n        <!-- live page link -->\n        <div class=\"text-end\"\n          *ngIf=\"shardUrl\">\n          <span>See the live page <span class=\"tooltip-wrap ms-1\"\n              [appendTo]=\"'body'\"\n              [pTooltip]=\"'Admin.DomainConfig.Tooltip.SeeLiveCs' | transloco\"\n              tooltipPosition=\"top\">\n              <i class=\"fas fa-info-circle\"></i>\n            </span> :\n            <a [href]=\"shardUrl + '/join/cs1'\"\n              target=\"_blank\">{{ shardUrl }}/join/cs1</a></span>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsProduct' | transloco\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsProduct' | transloco\"\n              name=\"cs_product_id\">\n              <p-autoComplete [suggestions]=\"productsList\"\n                formControlName=\"cs_product_id\"\n                dataKey=\"id\"\n                field=\"name\"\n                [dropdown]=\"true\"\n                [delay]=\"1000\"\n                (completeMethod)=\"searchProduct($event)\"\n                styleClass=\"w-100\"\n                placeholder=\"Search Product\"\n                [inputStyle]=\"\n                                    form.get('cs_product_id').touched &&\n                                    form.get('cs_product_id').invalid\n                                        ? { border: '1px solid #ff586b' }\n                                        : { border: '1px solid gray' }\n                                \"\n                [multiple]=\"false\">\n              </p-autoComplete>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsCrmSourceId' | transloco\"\n              name=\"cs_crm_source_id\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsCrmSourceId' | transloco\">\n              <select class=\"form-select\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['cs_crm_source_id']?.errors\n                                }\"\n                formControlName=\"cs_crm_source_id\">\n                <option [value]=\"null\">Select CRM Source</option>\n                <option *ngFor=\"let item of crmSourcesList\"\n                  [value]=\"item.id\">\n                  {{ item.name }}\n                </option>\n              </select>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsPdfSourceId' | transloco\"\n              name=\"cs_pdf_source_id\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsPdfSourceId' | transloco\">\n              <select class=\"form-select\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['cs_pdf_source_id']?.errors\n                                }\"\n                formControlName=\"cs_pdf_source_id\">\n                <option [value]=\"null\">Select CRM Source</option>\n                <option *ngFor=\"let item of crmSourcesList\"\n                  [value]=\"item.id\">\n                  {{ item.name }}\n                </option>\n              </select>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\"></div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsVideoUrl' | transloco\"\n              name=\"cs_video_url\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsVideoUrl' | transloco\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"cs_video_url\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['cs_video_url'].errors }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsBookDemoUrl' | transloco\"\n              name=\"cs_book_demo_url\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsBookDemoUrl' | transloco\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"cs_book_demo_url\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['cs_book_demo_url'].errors }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsCtaIframe' | transloco\"\n              name=\"cs_cta_iframe\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsCtaIframe' | transloco\">\n              <textarea class=\"form-control\"\n                rows=\"3\"\n                formControlName=\"cs_cta_iframe\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['cs_cta_iframe'].errors }\">\n                            </textarea>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsJoinMessage' | transloco\"\n              name=\"cs_join_message\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsJoinMessage' | transloco\">\n              <textarea class=\"form-control\"\n                rows=\"3\"\n                formControlName=\"cs_join_message\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['cs_join_message'].errors }\">\n                            </textarea>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsPdfDownloadText' | transloco\"\n              name=\"cs_pdf_download_text\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.CsPdfDownloadText' | transloco\n                            \">\n              <textarea class=\"form-control\"\n                rows=\"3\"\n                formControlName=\"cs_pdf_download_text\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['cs_pdf_download_text'].errors\n                                }\">\n                            </textarea>\n            </pw-input-container>\n          </div>\n        </div>\n        <div class=\"row\"\n          matchHeight=\"card\">\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.CsImage' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.CsImage' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [aspectRatio]=\"'custom'\"\n              [title]=\"'Cs Image'\"\n              [controlName]=\"'cs_image'\"\n              [previewData]=\"data['cs_image']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.CsImage2' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.CsImage2' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [aspectRatio]=\"'custom'\"\n              [title]=\"'Cs Image2'\"\n              [controlName]=\"'cs_image2'\"\n              [previewData]=\"data['cs_image2']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.CsPdfImage' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.CsPdfImage' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [aspectRatio]=\"'custom'\"\n              [title]=\"'Cs Pdf Image'\"\n              [controlName]=\"'cs_pdf_image'\"\n              [previewData]=\"data['cs_pdf_image']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.CsImageBg' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.CsImageBg' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [aspectRatio]=\"'custom'\"\n              [title]=\"'Cs Pdf Image Bg'\"\n              [controlName]=\"'cs_image_bg'\"\n              [previewData]=\"data['cs_image_bg']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.CsImageBg2' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.CsImageBg2' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [aspectRatio]=\"'custom'\"\n              [title]=\"'Cs Pdf Image Bg2'\"\n              [controlName]=\"'cs_image_bg2'\"\n              [previewData]=\"data['cs_image_bg2']\">\n            </pw-custom-uploader>\n          </div>\n        </div>\n      </p-accordionTab>\n    </p-accordion>\n    <!-- cs image section end -->\n    <!-- cs fields end -->\n    <div class=\"mt-3\"></div>\n    <!-- trial start -->\n    <p-accordion>\n      <p-accordionTab [header]=\"'Join now pages - Subscribe to product'\">\n        <!-- live page link -->\n        <div class=\"text-end\"\n          *ngIf=\"shardUrl\">\n          <span>See the live page <span class=\"tooltip-wrap ms-1\"\n              [appendTo]=\"'body'\"\n              [pTooltip]=\"'Admin.DomainConfig.Tooltip.SeeLiveTrial' | transloco\"\n              tooltipPosition=\"top\">\n              <i class=\"fas fa-info-circle\"></i>\n            </span> :\n            <a [href]=\"shardUrl + '/join/trial1'\"\n              target=\"_blank\">{{ shardUrl }}/join/trial1</a></span>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialProduct' | transloco\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.TrialProduct' | transloco\"\n              name=\"trial_product_id\">\n              <p-autoComplete [suggestions]=\"productsList\"\n                formControlName=\"trial_product_id\"\n                dataKey=\"id\"\n                field=\"name\"\n                [dropdown]=\"true\"\n                [delay]=\"1000\"\n                (completeMethod)=\"searchProduct($event)\"\n                styleClass=\"w-100\"\n                placeholder=\"Search Product\"\n                [inputStyle]=\"\n                                    form.get('trial_product_id').touched &&\n                                    form.get('trial_product_id').invalid\n                                        ? { border: '1px solid #ff586b' }\n                                        : { border: '1px solid gray' }\n                                \"\n                [multiple]=\"false\">\n              </p-autoComplete>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialCrmSourceId' | transloco\"\n              name=\"trial_crm_source_id\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.TrialCrmSourceId' | transloco\n                            \">\n              <select class=\"form-select\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['trial_crm_source_id']?.errors\n                                }\"\n                formControlName=\"trial_crm_source_id\">\n                <option [value]=\"null\">Select CRM Source</option>\n                <option *ngFor=\"let item of crmSourcesList\"\n                  [value]=\"item.id\">\n                  {{ item.name }}\n                </option>\n              </select>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialPdfSourceId' | transloco\"\n              name=\"trial_pdf_source_id\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.TrialPdfSourceId' | transloco\n                            \">\n              <select class=\"form-select\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['trial_pdf_source_id']?.errors\n                                }\"\n                formControlName=\"trial_pdf_source_id\">\n                <option [value]=\"null\">Select CRM Source</option>\n                <option *ngFor=\"let item of crmSourcesList\"\n                  [value]=\"item.id\">\n                  {{ item.name }}\n                </option>\n              </select>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\"></div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialVideoUrl' | transloco\"\n              name=\"trial_video_url\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.TrialVideoUrl' | transloco\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"trial_video_url\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['trial_video_url'].errors }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialBookDemoUrl' | transloco\"\n              name=\"trial_book_demo_url\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.TrialBookDemoUrl' | transloco\n                            \">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"trial_book_demo_url\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['trial_book_demo_url'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialCtaIframe' | transloco\"\n              name=\"trial_cta_iframe\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.TrialCtaIframe' | transloco\n                            \">\n              <textarea rows=\"3\"\n                class=\"form-control\"\n                formControlName=\"trial_cta_iframe\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['trial_cta_iframe'].errors\n                                }\">\n                            </textarea>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialJoinMessage' | transloco\"\n              name=\"trial_join_message\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.TrialJoinMessage' | transloco\n                            \">\n              <textarea rows=\"3\"\n                class=\"form-control\"\n                formControlName=\"trial_join_message\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['trial_join_message'].errors\n                                }\">\n                            </textarea>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialPdfDownloadText' | transloco\"\n              name=\"trial_pdf_download_text\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.TrialPdfDownloadText' | transloco\n                            \">\n              <textarea rows=\"3\"\n                class=\"form-control\"\n                formControlName=\"trial_pdf_download_text\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['trial_pdf_download_text'].errors\n                                }\">\n                            </textarea>\n            </pw-input-container>\n          </div>\n        </div>\n        <div class=\"row\"\n          matchHeight=\"card\">\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.TrialImage' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.TrialImage' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [aspectRatio]=\"'custom'\"\n              [title]=\"'Trial Image'\"\n              [controlName]=\"'trial_image'\"\n              [previewData]=\"data['trial_image']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.TrialImage2' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.TrialImage2' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [title]=\"'Trial Image2'\"\n              [aspectRatio]=\"'custom'\"\n              [controlName]=\"'trial_image2'\"\n              [previewData]=\"data['trial_image2']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.TrialPdfImage' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.TrialPdfImage' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [title]=\"'Trial Pdf Image'\"\n              [aspectRatio]=\"'custom'\"\n              [controlName]=\"'trial_pdf_image'\"\n              [previewData]=\"data['trial_pdf_image']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.TrialImageBg' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.TrialImageBg' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [title]=\"'Trial Image Bg'\"\n              [aspectRatio]=\"'custom'\"\n              [controlName]=\"'trial_image_bg'\"\n              [previewData]=\"data['trial_image_bg']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.TrialImageBg2' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.TrialImageBg2' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [title]=\"'Trial Image Bg2'\"\n              [aspectRatio]=\"'custom'\"\n              [controlName]=\"'trial_image_bg2'\"\n              [previewData]=\"data['trial_image_bg2']\">\n            </pw-custom-uploader>\n          </div>\n        </div>\n      </p-accordionTab>\n    </p-accordion>\n    <!-- trial image section end -->\n    <!-- trial image section end -->\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i4.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex", "selectOnFocus", "headerAriaLevel"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i4.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }, { kind: "component", type: i5.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i7.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i7.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i7.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: i7.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i8.UiSwitchComponent, selector: "ui-switch", inputs: ["size", "color", "switchOffColor", "switchColor", "defaultBgColor", "defaultBoColor", "checkedLabel", "uncheckedLabel", "checkedTextColor", "uncheckedTextColor", "beforeChange", "ariaLabel", "checked", "disabled", "reverse", "loading"], outputs: ["change", "changeEvent", "valueChange"] }, { kind: "component", type: i9.CustomUploaderComponent, selector: "pw-custom-uploader", inputs: ["controlName", "previewData", "aspectRatio", "title"], outputs: ["saveEvent"] }, { kind: "component", type: i10.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i9.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "component", type: i9.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i11.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DomainConfigBuildComponent, deps: [{ token: i0.Injector }, { token: i1.AdminService }, { token: i2.ProductService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: DomainConfigBuildComponent, selector: "pw-domain-config-build", viewQueries: [{ propertyName: "uploader", predicate: CustomUploaderComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<h3>Public Pages and Onboarding</h3>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <p>\n      The following parameters and settings will be applied to all public pages of this given\n      domain.\n    </p>\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.MasterSubscription' | transloco\"\n          name=\"master_subscription_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.MasterSubscription' | transloco\">\n          <select class=\"form-select\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['master_subscription_id']?.errors }\"\n            formControlName=\"master_subscription_id\">\n            <option [value]=\"null\">Select Master Subscription</option>\n            <option *ngFor=\"let item of masterSubscriptionsList\"\n              [value]=\"item.id\">\n              {{item?.organisation ? item?.organisation  +' - '+ item.contact_name : item?.contact_name}}\n            </option>\n          </select>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.MasterSubscriptionProduct' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"\n                        'Admin.DomainConfig.Tooltip.MasterSubscriptionProduct' | transloco\n                    \"\n          name=\"master_subscription_product_id\">\n          <select class=\"form-select\"\n            [ngClass]=\"{\n                            'is-invalid': submitted && f['master_subscription_product_id']?.errors\n                        }\"\n            formControlName=\"master_subscription_product_id\">\n            <option [value]=\"null\">Select Master Product</option>\n            <option *ngFor=\"let item of masterSubscriptionProductList\"\n              [value]=\"item.id\">\n              {{ item.name }}\n            </option>\n          </select>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.BlogFeatureKey' | transloco\"\n          name=\"blog_feature_key\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.BlogFeatureKey' | transloco\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"blog_feature_key\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['blog_feature_key'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.MainTos' | transloco\"\n          name=\"main_tos_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.MainTos' | transloco\">\n          <select class=\"form-select\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['main_tos_id']?.errors }\"\n            formControlName=\"main_tos_id\">\n            <option [value]=\"null\">Select Main TOS</option>\n            <option *ngFor=\"let item of subscriptionTosList\"\n              [value]=\"item.id\">\n              <span [innerHTML]=\"item.title\"></span>\n            </option>\n          </select>\n        </pw-input-container>\n      </div>\n      <!-- crm subscription fields -->\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CrmSubscription' | transloco\"\n          name=\"crm_subscription_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CrmSubscription' | transloco\">\n          <select class=\"form-select\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['crm_subscription_id']?.errors }\"\n            formControlName=\"crm_subscription_id\">\n            <option [value]=\"null\">Select CRM Subscription</option>\n            <option *ngFor=\"let item of crmSubscriptionsList\"\n              [value]=\"item.id\">\n              {{item?.organisation ? item?.organisation  +' - '+ item.contact_name : item?.contact_name}}\n            </option>\n          </select>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CrmProduct' | transloco\"\n          name=\"crm_product_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CrmProduct' | transloco\">\n          <select class=\"form-select\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['crm_product_id']?.errors }\"\n            formControlName=\"crm_product_id\">\n            <option [value]=\"null\">Select CRM Product</option>\n            <option *ngFor=\"let item of crmProductList\"\n              [value]=\"item.id\">\n              {{item?.subscription_id ? item?.name  +' - SubscriptionID = '+ item.subscription_id : item?.name}}\n            </option>\n          </select>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CrmSource' | transloco\"\n          name=\"crm_source_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CrmSource' | transloco\">\n          <select class=\"form-select\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['crm_source_id']?.errors }\"\n            formControlName=\"crm_source_id\">\n            <option [value]=\"null\">Select CRM Source</option>\n            <option *ngFor=\"let item of crmSourcesList\"\n              [value]=\"item.id\">\n              {{ item.name }}\n            </option>\n          </select>\n        </pw-input-container>\n      </div>\n      <!-- crm subscription fields end-->\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.IsProductDomain' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IsProductDomain' | transloco\"\n          name=\"is_product_domain\">\n          <ui-switch size=\"small\"\n            uncheckedLabel=\"false\"\n            checkedLabel=\"true\"\n            formControlName=\"is_product_domain\"\n            name=\"is_product_domain\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['is_product_domain'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.Active' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.Active' | transloco\"\n          name=\"active\">\n          <ui-switch size=\"small\"\n            uncheckedLabel=\"false\"\n            checkedLabel=\"true\"\n            formControlName=\"active\"\n            name=\"active\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['active'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.NotifyLogins' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.NotifyLogins' | transloco\"\n          name=\"notify_logins\">\n          <ui-switch size=\"small\"\n            uncheckedLabel=\"false\"\n            checkedLabel=\"true\"\n            formControlName=\"notify_logins\"\n            name=\"notify_logins\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['notify_logins'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CanRegisterOnMainPage' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CanRegisterOnMainPage' | transloco\"\n          name=\"can_register_through_main_page\">\n          <ui-switch size=\"small\"\n            uncheckedLabel=\"false\"\n            checkedLabel=\"true\"\n            formControlName=\"can_register_through_main_page\"\n            name=\"can_register_through_main_page\"\n            [ngClass]=\"{\n                            'is-invalid': submitted && f['can_register_through_main_page'].errors\n                        }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.SocialLoginEnabled' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.SocialLoginEnable' | transloco\"\n          name=\"social_login_enabled\">\n          <ui-switch size=\"small\"\n            uncheckedLabel=\"false\"\n            checkedLabel=\"true\"\n            formControlName=\"social_login_enabled\"\n            name=\"social_login_enabled\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['social_login_enabled'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n    </div>\n    <div class=\"mt-3\"></div>\n    <!-- cs start -->\n    <p-accordion>\n      <p-accordionTab [header]=\"'Coming soon pages - Subscribe to newsletter'\">\n        <!-- live page link -->\n        <div class=\"text-end\"\n          *ngIf=\"shardUrl\">\n          <span>See the live page <span class=\"tooltip-wrap ms-1\"\n              [appendTo]=\"'body'\"\n              [pTooltip]=\"'Admin.DomainConfig.Tooltip.SeeLiveCs' | transloco\"\n              tooltipPosition=\"top\">\n              <i class=\"fas fa-info-circle\"></i>\n            </span> :\n            <a [href]=\"shardUrl + '/join/cs1'\"\n              target=\"_blank\">{{ shardUrl }}/join/cs1</a></span>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsProduct' | transloco\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsProduct' | transloco\"\n              name=\"cs_product_id\">\n              <p-autoComplete [suggestions]=\"productsList\"\n                formControlName=\"cs_product_id\"\n                dataKey=\"id\"\n                field=\"name\"\n                [dropdown]=\"true\"\n                [delay]=\"1000\"\n                (completeMethod)=\"searchProduct($event)\"\n                styleClass=\"w-100\"\n                placeholder=\"Search Product\"\n                [inputStyle]=\"\n                                    form.get('cs_product_id').touched &&\n                                    form.get('cs_product_id').invalid\n                                        ? { border: '1px solid #ff586b' }\n                                        : { border: '1px solid gray' }\n                                \"\n                [multiple]=\"false\">\n              </p-autoComplete>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsCrmSourceId' | transloco\"\n              name=\"cs_crm_source_id\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsCrmSourceId' | transloco\">\n              <select class=\"form-select\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['cs_crm_source_id']?.errors\n                                }\"\n                formControlName=\"cs_crm_source_id\">\n                <option [value]=\"null\">Select CRM Source</option>\n                <option *ngFor=\"let item of crmSourcesList\"\n                  [value]=\"item.id\">\n                  {{ item.name }}\n                </option>\n              </select>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsPdfSourceId' | transloco\"\n              name=\"cs_pdf_source_id\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsPdfSourceId' | transloco\">\n              <select class=\"form-select\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['cs_pdf_source_id']?.errors\n                                }\"\n                formControlName=\"cs_pdf_source_id\">\n                <option [value]=\"null\">Select CRM Source</option>\n                <option *ngFor=\"let item of crmSourcesList\"\n                  [value]=\"item.id\">\n                  {{ item.name }}\n                </option>\n              </select>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\"></div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsVideoUrl' | transloco\"\n              name=\"cs_video_url\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsVideoUrl' | transloco\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"cs_video_url\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['cs_video_url'].errors }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsBookDemoUrl' | transloco\"\n              name=\"cs_book_demo_url\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsBookDemoUrl' | transloco\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"cs_book_demo_url\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['cs_book_demo_url'].errors }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsCtaIframe' | transloco\"\n              name=\"cs_cta_iframe\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsCtaIframe' | transloco\">\n              <textarea class=\"form-control\"\n                rows=\"3\"\n                formControlName=\"cs_cta_iframe\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['cs_cta_iframe'].errors }\">\n                            </textarea>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsJoinMessage' | transloco\"\n              name=\"cs_join_message\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsJoinMessage' | transloco\">\n              <textarea class=\"form-control\"\n                rows=\"3\"\n                formControlName=\"cs_join_message\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['cs_join_message'].errors }\">\n                            </textarea>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsPdfDownloadText' | transloco\"\n              name=\"cs_pdf_download_text\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.CsPdfDownloadText' | transloco\n                            \">\n              <textarea class=\"form-control\"\n                rows=\"3\"\n                formControlName=\"cs_pdf_download_text\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['cs_pdf_download_text'].errors\n                                }\">\n                            </textarea>\n            </pw-input-container>\n          </div>\n        </div>\n        <div class=\"row\"\n          matchHeight=\"card\">\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.CsImage' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.CsImage' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [aspectRatio]=\"'custom'\"\n              [title]=\"'Cs Image'\"\n              [controlName]=\"'cs_image'\"\n              [previewData]=\"data['cs_image']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.CsImage2' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.CsImage2' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [aspectRatio]=\"'custom'\"\n              [title]=\"'Cs Image2'\"\n              [controlName]=\"'cs_image2'\"\n              [previewData]=\"data['cs_image2']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.CsPdfImage' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.CsPdfImage' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [aspectRatio]=\"'custom'\"\n              [title]=\"'Cs Pdf Image'\"\n              [controlName]=\"'cs_pdf_image'\"\n              [previewData]=\"data['cs_pdf_image']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.CsImageBg' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.CsImageBg' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [aspectRatio]=\"'custom'\"\n              [title]=\"'Cs Pdf Image Bg'\"\n              [controlName]=\"'cs_image_bg'\"\n              [previewData]=\"data['cs_image_bg']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.CsImageBg2' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.CsImageBg2' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [aspectRatio]=\"'custom'\"\n              [title]=\"'Cs Pdf Image Bg2'\"\n              [controlName]=\"'cs_image_bg2'\"\n              [previewData]=\"data['cs_image_bg2']\">\n            </pw-custom-uploader>\n          </div>\n        </div>\n      </p-accordionTab>\n    </p-accordion>\n    <!-- cs image section end -->\n    <!-- cs fields end -->\n    <div class=\"mt-3\"></div>\n    <!-- trial start -->\n    <p-accordion>\n      <p-accordionTab [header]=\"'Join now pages - Subscribe to product'\">\n        <!-- live page link -->\n        <div class=\"text-end\"\n          *ngIf=\"shardUrl\">\n          <span>See the live page <span class=\"tooltip-wrap ms-1\"\n              [appendTo]=\"'body'\"\n              [pTooltip]=\"'Admin.DomainConfig.Tooltip.SeeLiveTrial' | transloco\"\n              tooltipPosition=\"top\">\n              <i class=\"fas fa-info-circle\"></i>\n            </span> :\n            <a [href]=\"shardUrl + '/join/trial1'\"\n              target=\"_blank\">{{ shardUrl }}/join/trial1</a></span>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialProduct' | transloco\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.TrialProduct' | transloco\"\n              name=\"trial_product_id\">\n              <p-autoComplete [suggestions]=\"productsList\"\n                formControlName=\"trial_product_id\"\n                dataKey=\"id\"\n                field=\"name\"\n                [dropdown]=\"true\"\n                [delay]=\"1000\"\n                (completeMethod)=\"searchProduct($event)\"\n                styleClass=\"w-100\"\n                placeholder=\"Search Product\"\n                [inputStyle]=\"\n                                    form.get('trial_product_id').touched &&\n                                    form.get('trial_product_id').invalid\n                                        ? { border: '1px solid #ff586b' }\n                                        : { border: '1px solid gray' }\n                                \"\n                [multiple]=\"false\">\n              </p-autoComplete>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialCrmSourceId' | transloco\"\n              name=\"trial_crm_source_id\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.TrialCrmSourceId' | transloco\n                            \">\n              <select class=\"form-select\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['trial_crm_source_id']?.errors\n                                }\"\n                formControlName=\"trial_crm_source_id\">\n                <option [value]=\"null\">Select CRM Source</option>\n                <option *ngFor=\"let item of crmSourcesList\"\n                  [value]=\"item.id\">\n                  {{ item.name }}\n                </option>\n              </select>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialPdfSourceId' | transloco\"\n              name=\"trial_pdf_source_id\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.TrialPdfSourceId' | transloco\n                            \">\n              <select class=\"form-select\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['trial_pdf_source_id']?.errors\n                                }\"\n                formControlName=\"trial_pdf_source_id\">\n                <option [value]=\"null\">Select CRM Source</option>\n                <option *ngFor=\"let item of crmSourcesList\"\n                  [value]=\"item.id\">\n                  {{ item.name }}\n                </option>\n              </select>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\"></div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialVideoUrl' | transloco\"\n              name=\"trial_video_url\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.TrialVideoUrl' | transloco\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"trial_video_url\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['trial_video_url'].errors }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialBookDemoUrl' | transloco\"\n              name=\"trial_book_demo_url\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.TrialBookDemoUrl' | transloco\n                            \">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"trial_book_demo_url\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['trial_book_demo_url'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialCtaIframe' | transloco\"\n              name=\"trial_cta_iframe\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.TrialCtaIframe' | transloco\n                            \">\n              <textarea rows=\"3\"\n                class=\"form-control\"\n                formControlName=\"trial_cta_iframe\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['trial_cta_iframe'].errors\n                                }\">\n                            </textarea>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialJoinMessage' | transloco\"\n              name=\"trial_join_message\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.TrialJoinMessage' | transloco\n                            \">\n              <textarea rows=\"3\"\n                class=\"form-control\"\n                formControlName=\"trial_join_message\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['trial_join_message'].errors\n                                }\">\n                            </textarea>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialPdfDownloadText' | transloco\"\n              name=\"trial_pdf_download_text\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.TrialPdfDownloadText' | transloco\n                            \">\n              <textarea rows=\"3\"\n                class=\"form-control\"\n                formControlName=\"trial_pdf_download_text\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['trial_pdf_download_text'].errors\n                                }\">\n                            </textarea>\n            </pw-input-container>\n          </div>\n        </div>\n        <div class=\"row\"\n          matchHeight=\"card\">\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.TrialImage' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.TrialImage' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [aspectRatio]=\"'custom'\"\n              [title]=\"'Trial Image'\"\n              [controlName]=\"'trial_image'\"\n              [previewData]=\"data['trial_image']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.TrialImage2' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.TrialImage2' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [title]=\"'Trial Image2'\"\n              [aspectRatio]=\"'custom'\"\n              [controlName]=\"'trial_image2'\"\n              [previewData]=\"data['trial_image2']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.TrialPdfImage' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.TrialPdfImage' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [title]=\"'Trial Pdf Image'\"\n              [aspectRatio]=\"'custom'\"\n              [controlName]=\"'trial_pdf_image'\"\n              [previewData]=\"data['trial_pdf_image']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.TrialImageBg' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.TrialImageBg' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [title]=\"'Trial Image Bg'\"\n              [aspectRatio]=\"'custom'\"\n              [controlName]=\"'trial_image_bg'\"\n              [previewData]=\"data['trial_image_bg']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.TrialImageBg2' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.TrialImageBg2' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [title]=\"'Trial Image Bg2'\"\n              [aspectRatio]=\"'custom'\"\n              [controlName]=\"'trial_image_bg2'\"\n              [previewData]=\"data['trial_image_bg2']\">\n            </pw-custom-uploader>\n          </div>\n        </div>\n      </p-accordionTab>\n    </p-accordion>\n    <!-- trial image section end -->\n    <!-- trial image section end -->\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i4.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex", "selectOnFocus", "headerAriaLevel"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i4.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }, { kind: "component", type: i5.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i7.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i7.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i7.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: i7.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i8.UiSwitchComponent, selector: "ui-switch", inputs: ["size", "color", "switchOffColor", "switchColor", "defaultBgColor", "defaultBoColor", "checkedLabel", "uncheckedLabel", "checkedTextColor", "uncheckedTextColor", "beforeChange", "ariaLabel", "checked", "disabled", "reverse", "loading"], outputs: ["change", "changeEvent", "valueChange"] }, { kind: "component", type: i9.CustomUploaderComponent, selector: "pw-custom-uploader", inputs: ["controlName", "previewData", "aspectRatio", "title"], outputs: ["saveEvent"] }, { kind: "component", type: i10.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i9.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "component", type: i9.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i11.TranslocoPipe, name: "transloco" }] }); }
 }
 __decorate([
     ValidateForm('form'),
@@ -206,7 +206,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
 ], DomainConfigBuildComponent.prototype, "onSave", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: DomainConfigBuildComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DomainConfigBuildComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-domain-config-build', template: "<h3>Public Pages and Onboarding</h3>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <p>\n      The following parameters and settings will be applied to all public pages of this given\n      domain.\n    </p>\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.MasterSubscription' | transloco\"\n          name=\"master_subscription_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.MasterSubscription' | transloco\">\n          <select class=\"form-select\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['master_subscription_id']?.errors }\"\n            formControlName=\"master_subscription_id\">\n            <option [value]=\"null\">Select Master Subscription</option>\n            <option *ngFor=\"let item of masterSubscriptionsList\"\n              [value]=\"item.id\">\n              {{item?.organisation ? item?.organisation  +' - '+ item.contact_name : item?.contact_name}}\n            </option>\n          </select>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.MasterSubscriptionProduct' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"\n                        'Admin.DomainConfig.Tooltip.MasterSubscriptionProduct' | transloco\n                    \"\n          name=\"master_subscription_product_id\">\n          <select class=\"form-select\"\n            [ngClass]=\"{\n                            'is-invalid': submitted && f['master_subscription_product_id']?.errors\n                        }\"\n            formControlName=\"master_subscription_product_id\">\n            <option [value]=\"null\">Select Master Product</option>\n            <option *ngFor=\"let item of masterSubscriptionProductList\"\n              [value]=\"item.id\">\n              {{ item.name }}\n            </option>\n          </select>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.BlogFeatureKey' | transloco\"\n          name=\"blog_feature_key\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.BlogFeatureKey' | transloco\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"blog_feature_key\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['blog_feature_key'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.MainTos' | transloco\"\n          name=\"main_tos_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.MainTos' | transloco\">\n          <select class=\"form-select\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['main_tos_id']?.errors }\"\n            formControlName=\"main_tos_id\">\n            <option [value]=\"null\">Select Main TOS</option>\n            <option *ngFor=\"let item of subscriptionTosList\"\n              [value]=\"item.id\">\n              <span [innerHTML]=\"item.title\"></span>\n            </option>\n          </select>\n        </pw-input-container>\n      </div>\n      <!-- crm subscription fields -->\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CrmSubscription' | transloco\"\n          name=\"crm_subscription_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CrmSubscription' | transloco\">\n          <select class=\"form-select\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['crm_subscription_id']?.errors }\"\n            formControlName=\"crm_subscription_id\">\n            <option [value]=\"null\">Select CRM Subscription</option>\n            <option *ngFor=\"let item of crmSubscriptionsList\"\n              [value]=\"item.id\">\n              {{item?.organisation ? item?.organisation  +' - '+ item.contact_name : item?.contact_name}}\n            </option>\n          </select>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CrmProduct' | transloco\"\n          name=\"crm_product_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CrmProduct' | transloco\">\n          <select class=\"form-select\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['crm_product_id']?.errors }\"\n            formControlName=\"crm_product_id\">\n            <option [value]=\"null\">Select CRM Product</option>\n            <option *ngFor=\"let item of crmProductList\"\n              [value]=\"item.id\">\n              {{item?.subscription_id ? item?.name  +' - SubscriptionID = '+ item.subscription_id : item?.name}}\n            </option>\n          </select>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CrmSource' | transloco\"\n          name=\"crm_source_id\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CrmSource' | transloco\">\n          <select class=\"form-select\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['crm_source_id']?.errors }\"\n            formControlName=\"crm_source_id\">\n            <option [value]=\"null\">Select CRM Source</option>\n            <option *ngFor=\"let item of crmSourcesList\"\n              [value]=\"item.id\">\n              {{ item.name }}\n            </option>\n          </select>\n        </pw-input-container>\n      </div>\n      <!-- crm subscription fields end-->\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.IsProductDomain' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IsProductDomain' | transloco\"\n          name=\"is_product_domain\">\n          <ui-switch size=\"small\"\n            uncheckedLabel=\"false\"\n            checkedLabel=\"true\"\n            formControlName=\"is_product_domain\"\n            name=\"is_product_domain\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['is_product_domain'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.Active' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.Active' | transloco\"\n          name=\"active\">\n          <ui-switch size=\"small\"\n            uncheckedLabel=\"false\"\n            checkedLabel=\"true\"\n            formControlName=\"active\"\n            name=\"active\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['active'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.NotifyLogins' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.NotifyLogins' | transloco\"\n          name=\"notify_logins\">\n          <ui-switch size=\"small\"\n            uncheckedLabel=\"false\"\n            checkedLabel=\"true\"\n            formControlName=\"notify_logins\"\n            name=\"notify_logins\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['notify_logins'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.CanRegisterOnMainPage' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CanRegisterOnMainPage' | transloco\"\n          name=\"can_register_through_main_page\">\n          <ui-switch size=\"small\"\n            uncheckedLabel=\"false\"\n            checkedLabel=\"true\"\n            formControlName=\"can_register_through_main_page\"\n            name=\"can_register_through_main_page\"\n            [ngClass]=\"{\n                            'is-invalid': submitted && f['can_register_through_main_page'].errors\n                        }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.SocialLoginEnabled' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.SocialLoginEnable' | transloco\"\n          name=\"social_login_enabled\">\n          <ui-switch size=\"small\"\n            uncheckedLabel=\"false\"\n            checkedLabel=\"true\"\n            formControlName=\"social_login_enabled\"\n            name=\"social_login_enabled\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['social_login_enabled'].errors }\">\n          </ui-switch>\n        </pw-input-container>\n      </div>\n    </div>\n    <div class=\"mt-3\"></div>\n    <!-- cs start -->\n    <p-accordion>\n      <p-accordionTab [header]=\"'Coming soon pages - Subscribe to newsletter'\">\n        <!-- live page link -->\n        <div class=\"text-end\"\n          *ngIf=\"shardUrl\">\n          <span>See the live page <span class=\"tooltip-wrap ms-1\"\n              [appendTo]=\"'body'\"\n              [pTooltip]=\"'Admin.DomainConfig.Tooltip.SeeLiveCs' | transloco\"\n              tooltipPosition=\"top\">\n              <i class=\"fas fa-info-circle\"></i>\n            </span> :\n            <a [href]=\"shardUrl + '/join/cs1'\"\n              target=\"_blank\">{{ shardUrl }}/join/cs1</a></span>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsProduct' | transloco\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsProduct' | transloco\"\n              name=\"cs_product_id\">\n              <p-autoComplete [suggestions]=\"productsList\"\n                formControlName=\"cs_product_id\"\n                dataKey=\"id\"\n                field=\"name\"\n                [dropdown]=\"true\"\n                [delay]=\"1000\"\n                (completeMethod)=\"searchProduct($event)\"\n                styleClass=\"w-100\"\n                placeholder=\"Search Product\"\n                [inputStyle]=\"\n                                    form.get('cs_product_id').touched &&\n                                    form.get('cs_product_id').invalid\n                                        ? { border: '1px solid #ff586b' }\n                                        : { border: '1px solid gray' }\n                                \"\n                [multiple]=\"false\">\n              </p-autoComplete>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsCrmSourceId' | transloco\"\n              name=\"cs_crm_source_id\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsCrmSourceId' | transloco\">\n              <select class=\"form-select\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['cs_crm_source_id']?.errors\n                                }\"\n                formControlName=\"cs_crm_source_id\">\n                <option [value]=\"null\">Select CRM Source</option>\n                <option *ngFor=\"let item of crmSourcesList\"\n                  [value]=\"item.id\">\n                  {{ item.name }}\n                </option>\n              </select>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsPdfSourceId' | transloco\"\n              name=\"cs_pdf_source_id\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsPdfSourceId' | transloco\">\n              <select class=\"form-select\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['cs_pdf_source_id']?.errors\n                                }\"\n                formControlName=\"cs_pdf_source_id\">\n                <option [value]=\"null\">Select CRM Source</option>\n                <option *ngFor=\"let item of crmSourcesList\"\n                  [value]=\"item.id\">\n                  {{ item.name }}\n                </option>\n              </select>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\"></div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsVideoUrl' | transloco\"\n              name=\"cs_video_url\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsVideoUrl' | transloco\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"cs_video_url\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['cs_video_url'].errors }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsBookDemoUrl' | transloco\"\n              name=\"cs_book_demo_url\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsBookDemoUrl' | transloco\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"cs_book_demo_url\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['cs_book_demo_url'].errors }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsCtaIframe' | transloco\"\n              name=\"cs_cta_iframe\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsCtaIframe' | transloco\">\n              <textarea class=\"form-control\"\n                rows=\"3\"\n                formControlName=\"cs_cta_iframe\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['cs_cta_iframe'].errors }\">\n                            </textarea>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsJoinMessage' | transloco\"\n              name=\"cs_join_message\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.CsJoinMessage' | transloco\">\n              <textarea class=\"form-control\"\n                rows=\"3\"\n                formControlName=\"cs_join_message\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['cs_join_message'].errors }\">\n                            </textarea>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.CsPdfDownloadText' | transloco\"\n              name=\"cs_pdf_download_text\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.CsPdfDownloadText' | transloco\n                            \">\n              <textarea class=\"form-control\"\n                rows=\"3\"\n                formControlName=\"cs_pdf_download_text\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['cs_pdf_download_text'].errors\n                                }\">\n                            </textarea>\n            </pw-input-container>\n          </div>\n        </div>\n        <div class=\"row\"\n          matchHeight=\"card\">\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.CsImage' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.CsImage' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [aspectRatio]=\"'custom'\"\n              [title]=\"'Cs Image'\"\n              [controlName]=\"'cs_image'\"\n              [previewData]=\"data['cs_image']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.CsImage2' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.CsImage2' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [aspectRatio]=\"'custom'\"\n              [title]=\"'Cs Image2'\"\n              [controlName]=\"'cs_image2'\"\n              [previewData]=\"data['cs_image2']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.CsPdfImage' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.CsPdfImage' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [aspectRatio]=\"'custom'\"\n              [title]=\"'Cs Pdf Image'\"\n              [controlName]=\"'cs_pdf_image'\"\n              [previewData]=\"data['cs_pdf_image']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.CsImageBg' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.CsImageBg' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [aspectRatio]=\"'custom'\"\n              [title]=\"'Cs Pdf Image Bg'\"\n              [controlName]=\"'cs_image_bg'\"\n              [previewData]=\"data['cs_image_bg']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.CsImageBg2' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.CsImageBg2' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [aspectRatio]=\"'custom'\"\n              [title]=\"'Cs Pdf Image Bg2'\"\n              [controlName]=\"'cs_image_bg2'\"\n              [previewData]=\"data['cs_image_bg2']\">\n            </pw-custom-uploader>\n          </div>\n        </div>\n      </p-accordionTab>\n    </p-accordion>\n    <!-- cs image section end -->\n    <!-- cs fields end -->\n    <div class=\"mt-3\"></div>\n    <!-- trial start -->\n    <p-accordion>\n      <p-accordionTab [header]=\"'Join now pages - Subscribe to product'\">\n        <!-- live page link -->\n        <div class=\"text-end\"\n          *ngIf=\"shardUrl\">\n          <span>See the live page <span class=\"tooltip-wrap ms-1\"\n              [appendTo]=\"'body'\"\n              [pTooltip]=\"'Admin.DomainConfig.Tooltip.SeeLiveTrial' | transloco\"\n              tooltipPosition=\"top\">\n              <i class=\"fas fa-info-circle\"></i>\n            </span> :\n            <a [href]=\"shardUrl + '/join/trial1'\"\n              target=\"_blank\">{{ shardUrl }}/join/trial1</a></span>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialProduct' | transloco\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.TrialProduct' | transloco\"\n              name=\"trial_product_id\">\n              <p-autoComplete [suggestions]=\"productsList\"\n                formControlName=\"trial_product_id\"\n                dataKey=\"id\"\n                field=\"name\"\n                [dropdown]=\"true\"\n                [delay]=\"1000\"\n                (completeMethod)=\"searchProduct($event)\"\n                styleClass=\"w-100\"\n                placeholder=\"Search Product\"\n                [inputStyle]=\"\n                                    form.get('trial_product_id').touched &&\n                                    form.get('trial_product_id').invalid\n                                        ? { border: '1px solid #ff586b' }\n                                        : { border: '1px solid gray' }\n                                \"\n                [multiple]=\"false\">\n              </p-autoComplete>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialCrmSourceId' | transloco\"\n              name=\"trial_crm_source_id\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.TrialCrmSourceId' | transloco\n                            \">\n              <select class=\"form-select\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['trial_crm_source_id']?.errors\n                                }\"\n                formControlName=\"trial_crm_source_id\">\n                <option [value]=\"null\">Select CRM Source</option>\n                <option *ngFor=\"let item of crmSourcesList\"\n                  [value]=\"item.id\">\n                  {{ item.name }}\n                </option>\n              </select>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialPdfSourceId' | transloco\"\n              name=\"trial_pdf_source_id\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.TrialPdfSourceId' | transloco\n                            \">\n              <select class=\"form-select\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['trial_pdf_source_id']?.errors\n                                }\"\n                formControlName=\"trial_pdf_source_id\">\n                <option [value]=\"null\">Select CRM Source</option>\n                <option *ngFor=\"let item of crmSourcesList\"\n                  [value]=\"item.id\">\n                  {{ item.name }}\n                </option>\n              </select>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\"></div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialVideoUrl' | transloco\"\n              name=\"trial_video_url\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.DomainConfig.Tooltip.TrialVideoUrl' | transloco\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"trial_video_url\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['trial_video_url'].errors }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-3\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialBookDemoUrl' | transloco\"\n              name=\"trial_book_demo_url\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.TrialBookDemoUrl' | transloco\n                            \">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"trial_book_demo_url\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['trial_book_demo_url'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialCtaIframe' | transloco\"\n              name=\"trial_cta_iframe\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.TrialCtaIframe' | transloco\n                            \">\n              <textarea rows=\"3\"\n                class=\"form-control\"\n                formControlName=\"trial_cta_iframe\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['trial_cta_iframe'].errors\n                                }\">\n                            </textarea>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialJoinMessage' | transloco\"\n              name=\"trial_join_message\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.TrialJoinMessage' | transloco\n                            \">\n              <textarea rows=\"3\"\n                class=\"form-control\"\n                formControlName=\"trial_join_message\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['trial_join_message'].errors\n                                }\">\n                            </textarea>\n            </pw-input-container>\n          </div>\n          <div class=\"col-12\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.TrialPdfDownloadText' | transloco\"\n              name=\"trial_pdf_download_text\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"\n                                'Admin.DomainConfig.Tooltip.TrialPdfDownloadText' | transloco\n                            \">\n              <textarea rows=\"3\"\n                class=\"form-control\"\n                formControlName=\"trial_pdf_download_text\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['trial_pdf_download_text'].errors\n                                }\">\n                            </textarea>\n            </pw-input-container>\n          </div>\n        </div>\n        <div class=\"row\"\n          matchHeight=\"card\">\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.TrialImage' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.TrialImage' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [aspectRatio]=\"'custom'\"\n              [title]=\"'Trial Image'\"\n              [controlName]=\"'trial_image'\"\n              [previewData]=\"data['trial_image']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.TrialImage2' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.TrialImage2' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [title]=\"'Trial Image2'\"\n              [aspectRatio]=\"'custom'\"\n              [controlName]=\"'trial_image2'\"\n              [previewData]=\"data['trial_image2']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.TrialPdfImage' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.TrialPdfImage' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [title]=\"'Trial Pdf Image'\"\n              [aspectRatio]=\"'custom'\"\n              [controlName]=\"'trial_pdf_image'\"\n              [previewData]=\"data['trial_pdf_image']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.TrialImageBg' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.TrialImageBg' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [title]=\"'Trial Image Bg'\"\n              [aspectRatio]=\"'custom'\"\n              [controlName]=\"'trial_image_bg'\"\n              [previewData]=\"data['trial_image_bg']\">\n            </pw-custom-uploader>\n          </div>\n          <div class=\"col-md-4\">\n            <label>{{ 'Admin.DomainConfig.TrialImageBg2' | transloco }}\n              <span class=\"info-circle\">\n                <span class=\"tooltiptext gradient-custom-branding\">{{\n                                    'Admin.DomainConfig.Tooltip.TrialImageBg2' | transloco\n                                }}</span>\n              </span>\n            </label>\n            <pw-custom-uploader (saveEvent)=\"onSaveFile($event)\"\n              [title]=\"'Trial Image Bg2'\"\n              [aspectRatio]=\"'custom'\"\n              [controlName]=\"'trial_image_bg2'\"\n              [previewData]=\"data['trial_image_bg2']\">\n            </pw-custom-uploader>\n          </div>\n        </div>\n      </p-accordionTab>\n    </p-accordion>\n    <!-- trial image section end -->\n    <!-- trial image section end -->\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.AdminService }, { type: i2.ProductService }], propDecorators: { uploader: [{