@posiwise/admin-module 0.0.62 → 0.0.63

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

@@ -71,8 +71,8 @@ export class DomainConfigCoreComponent extends AppBaseComponent {
             this.submitted = false;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DomainConfigCoreComponent, deps: [{ token: i0.Injector }, { token: i1.AdminService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DomainConfigCoreComponent, selector: "pw-domain-config-core", usesInheritance: true, ngImport: i0, template: "<h3>Core Config</h3>\n<form [formGroup]=\"form\"\n  (ngSubmit)=\"onSave()\">\n  <div class=\"w-100 text-center mt-3\"\n    *ngIf=\"isLoading\">\n    <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n  </div>\n  <div class=\"row\">\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [showTooltip]=\"true\"\n        [label]=\"'Admin.DomainConfig.HostName' | transloco\"\n        [tooltipText]=\"'Admin.DomainConfig.Tooltip.HostName' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.HostName' | transloco\"\n        name=\"host_name\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"host_name\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['host_name'].errors }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [showTooltip]=\"true\"\n        [label]=\"'Admin.DomainConfig.InternalPath' | transloco\"\n        [tooltipText]=\"'Admin.DomainConfig.Tooltip.InternalPath' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.InternalPath' | transloco\"\n        name=\"internal_path\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"internal_path\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['internal_path'].errors }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [showTooltip]=\"true\"\n        [label]=\"'Admin.DomainConfig.ShardName' | transloco\"\n        [tooltipText]=\"'Admin.DomainConfig.Tooltip.ShardName' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.ShardName' | transloco\"\n        name=\"shard_name\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"shard_name\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['shard_name'].errors }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [showTooltip]=\"true\"\n        [label]=\"'Admin.DomainConfig.ShardUrl' | transloco\"\n        [tooltipText]=\"'Admin.DomainConfig.Tooltip.ShardUrl' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.ShardUrl' | transloco\"\n        name=\"shard_url\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"shard_url\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['shard_url'].errors }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [label]=\"'Admin.DomainConfig.CompanyName' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.CompanyName' | transloco\"\n        name=\"company_name\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"company_name\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['company_name'].errors }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [label]=\"'Admin.DomainConfig.CompanyEmail' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.CompanyEmail' | transloco\"\n        name=\"company_email\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"company_email\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['company_email'].errors }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [label]=\"'Admin.DomainConfig.CompanyUrl' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.CompanyUrl' | transloco\"\n        name=\"company_url\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"company_url\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['company_url'].errors }\" />\n      </pw-input-container>\n    </div>\n  </div>\n  <div class=\"col-12 text-end mt-3\">\n    <button type=\"button\"\n      class=\"btn btn-outline-default me-2\"\n      (click)=\"back()\">\n      {{ 'Button.Cancel' | transloco }}\n    </button>\n    <button type=\"submit\"\n      class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n  </div>\n</form>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "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.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i5.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { 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.0.7", ngImport: i0, type: DomainConfigCoreComponent, deps: [{ token: i0.Injector }, { token: i1.AdminService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: DomainConfigCoreComponent, selector: "pw-domain-config-core", usesInheritance: true, ngImport: i0, template: "<h3>Core Config</h3>\n<form [formGroup]=\"form\"\n  (ngSubmit)=\"onSave()\">\n  <div class=\"w-100 text-center mt-3\"\n    *ngIf=\"isLoading\">\n    <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n  </div>\n  <div class=\"row\">\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [showTooltip]=\"true\"\n        [label]=\"'Admin.DomainConfig.HostName' | transloco\"\n        [tooltipText]=\"'Admin.DomainConfig.Tooltip.HostName' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.HostName' | transloco\"\n        name=\"host_name\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"host_name\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['host_name'].errors }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [showTooltip]=\"true\"\n        [label]=\"'Admin.DomainConfig.InternalPath' | transloco\"\n        [tooltipText]=\"'Admin.DomainConfig.Tooltip.InternalPath' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.InternalPath' | transloco\"\n        name=\"internal_path\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"internal_path\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['internal_path'].errors }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [showTooltip]=\"true\"\n        [label]=\"'Admin.DomainConfig.ShardName' | transloco\"\n        [tooltipText]=\"'Admin.DomainConfig.Tooltip.ShardName' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.ShardName' | transloco\"\n        name=\"shard_name\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"shard_name\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['shard_name'].errors }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [showTooltip]=\"true\"\n        [label]=\"'Admin.DomainConfig.ShardUrl' | transloco\"\n        [tooltipText]=\"'Admin.DomainConfig.Tooltip.ShardUrl' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.ShardUrl' | transloco\"\n        name=\"shard_url\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"shard_url\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['shard_url'].errors }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [label]=\"'Admin.DomainConfig.CompanyName' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.CompanyName' | transloco\"\n        name=\"company_name\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"company_name\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['company_name'].errors }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [label]=\"'Admin.DomainConfig.CompanyEmail' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.CompanyEmail' | transloco\"\n        name=\"company_email\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"company_email\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['company_email'].errors }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [label]=\"'Admin.DomainConfig.CompanyUrl' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.CompanyUrl' | transloco\"\n        name=\"company_url\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"company_url\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['company_url'].errors }\" />\n      </pw-input-container>\n    </div>\n  </div>\n  <div class=\"col-12 text-end mt-3\">\n    <button type=\"button\"\n      class=\"btn btn-outline-default me-2\"\n      (click)=\"back()\">\n      {{ 'Button.Cancel' | transloco }}\n    </button>\n    <button type=\"submit\"\n      class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n  </div>\n</form>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "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.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i5.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { 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'),
@@ -80,7 +80,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
 ], DomainConfigCoreComponent.prototype, "onSave", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DomainConfigCoreComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: DomainConfigCoreComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-domain-config-core', template: "<h3>Core Config</h3>\n<form [formGroup]=\"form\"\n  (ngSubmit)=\"onSave()\">\n  <div class=\"w-100 text-center mt-3\"\n    *ngIf=\"isLoading\">\n    <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n  </div>\n  <div class=\"row\">\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [showTooltip]=\"true\"\n        [label]=\"'Admin.DomainConfig.HostName' | transloco\"\n        [tooltipText]=\"'Admin.DomainConfig.Tooltip.HostName' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.HostName' | transloco\"\n        name=\"host_name\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"host_name\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['host_name'].errors }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [showTooltip]=\"true\"\n        [label]=\"'Admin.DomainConfig.InternalPath' | transloco\"\n        [tooltipText]=\"'Admin.DomainConfig.Tooltip.InternalPath' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.InternalPath' | transloco\"\n        name=\"internal_path\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"internal_path\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['internal_path'].errors }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [showTooltip]=\"true\"\n        [label]=\"'Admin.DomainConfig.ShardName' | transloco\"\n        [tooltipText]=\"'Admin.DomainConfig.Tooltip.ShardName' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.ShardName' | transloco\"\n        name=\"shard_name\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"shard_name\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['shard_name'].errors }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [showTooltip]=\"true\"\n        [label]=\"'Admin.DomainConfig.ShardUrl' | transloco\"\n        [tooltipText]=\"'Admin.DomainConfig.Tooltip.ShardUrl' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.ShardUrl' | transloco\"\n        name=\"shard_url\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"shard_url\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['shard_url'].errors }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [label]=\"'Admin.DomainConfig.CompanyName' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.CompanyName' | transloco\"\n        name=\"company_name\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"company_name\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['company_name'].errors }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [label]=\"'Admin.DomainConfig.CompanyEmail' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.CompanyEmail' | transloco\"\n        name=\"company_email\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"company_email\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['company_email'].errors }\" />\n      </pw-input-container>\n    </div>\n    <div class=\"col-12 col-sm-3\">\n      <pw-input-container [label]=\"'Admin.DomainConfig.CompanyUrl' | transloco\"\n        [errorMsg]=\"'Admin.DomainConfig.Validation.CompanyUrl' | transloco\"\n        name=\"company_url\">\n        <input type=\"text\"\n          class=\"form-control\"\n          formControlName=\"company_url\"\n          [ngClass]=\"{ 'is-invalid': submitted && f['company_url'].errors }\" />\n      </pw-input-container>\n    </div>\n  </div>\n  <div class=\"col-12 text-end mt-3\">\n    <button type=\"button\"\n      class=\"btn btn-outline-default me-2\"\n      (click)=\"back()\">\n      {{ 'Button.Cancel' | transloco }}\n    </button>\n    <button type=\"submit\"\n      class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n  </div>\n</form>\n" }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.AdminService }], propDecorators: { onSave: [] } });

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

@@ -46,10 +46,10 @@ export class DomainConfigDetailsComponent extends AppBaseComponent {
             this.data = response;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DomainConfigDetailsComponent, deps: [{ token: i0.Injector }, { token: i1.AdminService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DomainConfigDetailsComponent, selector: "pw-domain-config-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          [routerLink]=\"[routers.domainConfig]\"\n          class=\"previous\">\n          <i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i>\n        </a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>Domain Config: {{ data?.host_name ? data?.host_name : 'Add New' }}</span>\n        </h3>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <ul ngbNav\n          #nav=\"ngbNav\"\n          [(activeId)]=\"activeTab\"\n          (navChange)=\"onTabChange($event)\"\n          class=\"nav-tabs\">\n          <li [ngbNavItem]=\"'Core'\">\n            <a ngbNavLink>Core</a>\n            <ng-template ngbNavContent>\n              <pw-domain-config-core></pw-domain-config-core>\n            </ng-template>\n          </li>\n          <li [ngbNavItem]=\"'Organization'\">\n            <a ngbNavLink>Organization</a>\n            <ng-template ngbNavContent>\n              <pw-domain-config-organization></pw-domain-config-organization>\n            </ng-template>\n          </li>\n          <li [ngbNavItem]=\"'Integrations'\">\n            <a ngbNavLink>Integrations</a>\n            <ng-template ngbNavContent>\n              <pw-domain-config-integrations></pw-domain-config-integrations>\n            </ng-template>\n          </li>\n          <li [ngbNavItem]=\"'Security'\">\n            <a ngbNavLink>Security</a>\n            <ng-template ngbNavContent>\n              <pw-domain-config-security></pw-domain-config-security>\n            </ng-template>\n          </li>\n          <li [ngbNavItem]=\"'Social'\">\n            <a ngbNavLink>Social</a>\n            <ng-template ngbNavContent>\n              <pw-domain-config-social></pw-domain-config-social>\n            </ng-template>\n          </li>\n          <li [ngbNavItem]=\"'Interface'\">\n            <a ngbNavLink>Interface</a>\n            <ng-template ngbNavContent>\n              <pw-domain-config-interface></pw-domain-config-interface>\n            </ng-template>\n          </li>\n          <li [ngbNavItem]=\"'Build'\">\n            <a ngbNavLink>Build</a>\n            <ng-template ngbNavContent>\n              <pw-domain-config-build></pw-domain-config-build>\n            </ng-template>\n          </li>\n        </ul>\n\n        <div [ngbNavOutlet]=\"nav\"></div>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { kind: "directive", type: i3.NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { kind: "directive", type: i3.NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { kind: "directive", type: i3.NgbNavItemRole, selector: "[ngbNavItem]:not(ng-container)" }, { kind: "directive", type: i3.NgbNavLink, selector: "a[ngbNavLink]" }, { kind: "directive", type: i3.NgbNavLinkBase, selector: "[ngbNavLink]" }, { kind: "component", type: i3.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { kind: "component", type: i4.DomainConfigBuildComponent, selector: "pw-domain-config-build" }, { kind: "component", type: i5.DomainConfigCoreComponent, selector: "pw-domain-config-core" }, { kind: "component", type: i6.DomainConfigOrganizationComponent, selector: "pw-domain-config-organization" }, { kind: "component", type: i7.DomainConfigSecurityComponent, selector: "pw-domain-config-security" }, { kind: "component", type: i8.DomainConfigSocialComponent, selector: "pw-domain-config-social" }, { kind: "component", type: i9.DomainConfigIntegrationsComponent, selector: "pw-domain-config-integrations" }, { kind: "component", type: i10.DomainConfigInterfaceComponent, selector: "pw-domain-config-interface" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: DomainConfigDetailsComponent, deps: [{ token: i0.Injector }, { token: i1.AdminService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: DomainConfigDetailsComponent, selector: "pw-domain-config-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          [routerLink]=\"[routers.domainConfig]\"\n          class=\"previous\">\n          <i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i>\n        </a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>Domain Config: {{ data?.host_name ? data?.host_name : 'Add New' }}</span>\n        </h3>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <ul ngbNav\n          #nav=\"ngbNav\"\n          [(activeId)]=\"activeTab\"\n          (navChange)=\"onTabChange($event)\"\n          class=\"nav-tabs\">\n          <li [ngbNavItem]=\"'Core'\">\n            <a ngbNavLink>Core</a>\n            <ng-template ngbNavContent>\n              <pw-domain-config-core></pw-domain-config-core>\n            </ng-template>\n          </li>\n          <li [ngbNavItem]=\"'Organization'\">\n            <a ngbNavLink>Organization</a>\n            <ng-template ngbNavContent>\n              <pw-domain-config-organization></pw-domain-config-organization>\n            </ng-template>\n          </li>\n          <li [ngbNavItem]=\"'Integrations'\">\n            <a ngbNavLink>Integrations</a>\n            <ng-template ngbNavContent>\n              <pw-domain-config-integrations></pw-domain-config-integrations>\n            </ng-template>\n          </li>\n          <li [ngbNavItem]=\"'Security'\">\n            <a ngbNavLink>Security</a>\n            <ng-template ngbNavContent>\n              <pw-domain-config-security></pw-domain-config-security>\n            </ng-template>\n          </li>\n          <li [ngbNavItem]=\"'Social'\">\n            <a ngbNavLink>Social</a>\n            <ng-template ngbNavContent>\n              <pw-domain-config-social></pw-domain-config-social>\n            </ng-template>\n          </li>\n          <li [ngbNavItem]=\"'Interface'\">\n            <a ngbNavLink>Interface</a>\n            <ng-template ngbNavContent>\n              <pw-domain-config-interface></pw-domain-config-interface>\n            </ng-template>\n          </li>\n          <li [ngbNavItem]=\"'Build'\">\n            <a ngbNavLink>Build</a>\n            <ng-template ngbNavContent>\n              <pw-domain-config-build></pw-domain-config-build>\n            </ng-template>\n          </li>\n        </ul>\n\n        <div [ngbNavOutlet]=\"nav\"></div>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { kind: "directive", type: i3.NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { kind: "directive", type: i3.NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { kind: "directive", type: i3.NgbNavItemRole, selector: "[ngbNavItem]:not(ng-container)" }, { kind: "directive", type: i3.NgbNavLink, selector: "a[ngbNavLink]" }, { kind: "directive", type: i3.NgbNavLinkBase, selector: "[ngbNavLink]" }, { kind: "component", type: i3.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { kind: "component", type: i4.DomainConfigBuildComponent, selector: "pw-domain-config-build" }, { kind: "component", type: i5.DomainConfigCoreComponent, selector: "pw-domain-config-core" }, { kind: "component", type: i6.DomainConfigOrganizationComponent, selector: "pw-domain-config-organization" }, { kind: "component", type: i7.DomainConfigSecurityComponent, selector: "pw-domain-config-security" }, { kind: "component", type: i8.DomainConfigSocialComponent, selector: "pw-domain-config-social" }, { kind: "component", type: i9.DomainConfigIntegrationsComponent, selector: "pw-domain-config-integrations" }, { kind: "component", type: i10.DomainConfigInterfaceComponent, selector: "pw-domain-config-interface" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DomainConfigDetailsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: DomainConfigDetailsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-domain-config-details', template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          [routerLink]=\"[routers.domainConfig]\"\n          class=\"previous\">\n          <i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i>\n        </a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>Domain Config: {{ data?.host_name ? data?.host_name : 'Add New' }}</span>\n        </h3>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <ul ngbNav\n          #nav=\"ngbNav\"\n          [(activeId)]=\"activeTab\"\n          (navChange)=\"onTabChange($event)\"\n          class=\"nav-tabs\">\n          <li [ngbNavItem]=\"'Core'\">\n            <a ngbNavLink>Core</a>\n            <ng-template ngbNavContent>\n              <pw-domain-config-core></pw-domain-config-core>\n            </ng-template>\n          </li>\n          <li [ngbNavItem]=\"'Organization'\">\n            <a ngbNavLink>Organization</a>\n            <ng-template ngbNavContent>\n              <pw-domain-config-organization></pw-domain-config-organization>\n            </ng-template>\n          </li>\n          <li [ngbNavItem]=\"'Integrations'\">\n            <a ngbNavLink>Integrations</a>\n            <ng-template ngbNavContent>\n              <pw-domain-config-integrations></pw-domain-config-integrations>\n            </ng-template>\n          </li>\n          <li [ngbNavItem]=\"'Security'\">\n            <a ngbNavLink>Security</a>\n            <ng-template ngbNavContent>\n              <pw-domain-config-security></pw-domain-config-security>\n            </ng-template>\n          </li>\n          <li [ngbNavItem]=\"'Social'\">\n            <a ngbNavLink>Social</a>\n            <ng-template ngbNavContent>\n              <pw-domain-config-social></pw-domain-config-social>\n            </ng-template>\n          </li>\n          <li [ngbNavItem]=\"'Interface'\">\n            <a ngbNavLink>Interface</a>\n            <ng-template ngbNavContent>\n              <pw-domain-config-interface></pw-domain-config-interface>\n            </ng-template>\n          </li>\n          <li [ngbNavItem]=\"'Build'\">\n            <a ngbNavLink>Build</a>\n            <ng-template ngbNavContent>\n              <pw-domain-config-build></pw-domain-config-build>\n            </ng-template>\n          </li>\n        </ul>\n\n        <div [ngbNavOutlet]=\"nav\"></div>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.AdminService }] });

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

@@ -68,8 +68,8 @@ export class DomainConfigIntegrationsComponent extends AppBaseComponent {
             this.submitted = false;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DomainConfigIntegrationsComponent, deps: [{ token: i0.Injector }, { token: i1.AdminService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DomainConfigIntegrationsComponent, selector: "pw-domain-config-integrations", usesInheritance: true, ngImport: i0, template: "<h3>Integrations</h3>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationCaptchaKey' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationCaptchaKey' | transloco\"\n          name=\"integrations_captcha_key\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_captcha_key\"\n            [ngClass]=\"{ 'is-invalid': submitted && f.integrations_captcha_key.errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationCaptchaKeyV2' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationCaptchaKeyV2' | transloco\"\n          name=\"integrations_captcha_key_V2\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_captcha_key_V2\"\n            [ngClass]=\"{\n                            'is-invalid': submitted && f.integrations_captcha_key_V2.errors\n                        }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationGoogleAnalytics' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationGoogleAnalytics' | transloco\"\n          name=\"integrations_google_analytics\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_google_analytics\"\n            [ngClass]=\"{\n                            'is-invalid': submitted && f.integrations_google_analytics.errors\n                        }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationsGoogleApiKey' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationsGoogleApiKey' | transloco\"\n          name=\"integrations_google_api_key\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_google_api_key\"\n            [ngClass]=\"{\n                            'is-invalid': submitted && f.integrations_google_api_key.errors\n                        }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationsSentryConfigDns' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationsSentryConfigDns' | transloco\"\n          name=\"integrations_sentry_config_dns\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_sentry_config_dns\"\n            [ngClass]=\"{\n                            'is-invalid': submitted && f.integrations_sentry_config_dns.errors\n                        }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationDriftCode' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationDriftCode' | transloco\"\n          name=\"integrations_drift_code\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_drift_code\"\n            [ngClass]=\"{ 'is-invalid': submitted && f.integrations_drift_code.errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationFbAppId' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationFbAppId' | transloco\"\n          name=\"integrations_fb_app_id\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_fb_app_id\"\n            [ngClass]=\"{ 'is-invalid': submitted && f.integrations_fb_app_id.errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'This is the token you need to append to all webhooks. Eg: /integrations-api/v1/paypal/{your_token}'\"\n          [label]=\"'Admin.DomainConfig.WebhookToken' | transloco\"\n          name=\"webhook_token\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"webhook_token\"\n            [ngClass]=\"{ 'is-invalid': submitted && f?.webhook_token?.errors }\" />\n        </pw-input-container>\n      </div>\n    </div>\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "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.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i5.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "component", type: i5.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { 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.0.7", ngImport: i0, type: DomainConfigIntegrationsComponent, deps: [{ token: i0.Injector }, { token: i1.AdminService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: DomainConfigIntegrationsComponent, selector: "pw-domain-config-integrations", usesInheritance: true, ngImport: i0, template: "<h3>Integrations</h3>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationCaptchaKey' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationCaptchaKey' | transloco\"\n          name=\"integrations_captcha_key\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_captcha_key\"\n            [ngClass]=\"{ 'is-invalid': submitted && f.integrations_captcha_key.errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationCaptchaKeyV2' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationCaptchaKeyV2' | transloco\"\n          name=\"integrations_captcha_key_V2\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_captcha_key_V2\"\n            [ngClass]=\"{\n                            'is-invalid': submitted && f.integrations_captcha_key_V2.errors\n                        }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationGoogleAnalytics' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationGoogleAnalytics' | transloco\"\n          name=\"integrations_google_analytics\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_google_analytics\"\n            [ngClass]=\"{\n                            'is-invalid': submitted && f.integrations_google_analytics.errors\n                        }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationsGoogleApiKey' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationsGoogleApiKey' | transloco\"\n          name=\"integrations_google_api_key\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_google_api_key\"\n            [ngClass]=\"{\n                            'is-invalid': submitted && f.integrations_google_api_key.errors\n                        }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationsSentryConfigDns' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationsSentryConfigDns' | transloco\"\n          name=\"integrations_sentry_config_dns\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_sentry_config_dns\"\n            [ngClass]=\"{\n                            'is-invalid': submitted && f.integrations_sentry_config_dns.errors\n                        }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationDriftCode' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationDriftCode' | transloco\"\n          name=\"integrations_drift_code\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_drift_code\"\n            [ngClass]=\"{ 'is-invalid': submitted && f.integrations_drift_code.errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationFbAppId' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationFbAppId' | transloco\"\n          name=\"integrations_fb_app_id\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_fb_app_id\"\n            [ngClass]=\"{ 'is-invalid': submitted && f.integrations_fb_app_id.errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'This is the token you need to append to all webhooks. Eg: /integrations-api/v1/paypal/{your_token}'\"\n          [label]=\"'Admin.DomainConfig.WebhookToken' | transloco\"\n          name=\"webhook_token\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"webhook_token\"\n            [ngClass]=\"{ 'is-invalid': submitted && f?.webhook_token?.errors }\" />\n        </pw-input-container>\n      </div>\n    </div>\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "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.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i5.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "component", type: i5.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { 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'),
@@ -77,7 +77,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
 ], DomainConfigIntegrationsComponent.prototype, "onSave", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DomainConfigIntegrationsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: DomainConfigIntegrationsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-domain-config-integrations', template: "<h3>Integrations</h3>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationCaptchaKey' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationCaptchaKey' | transloco\"\n          name=\"integrations_captcha_key\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_captcha_key\"\n            [ngClass]=\"{ 'is-invalid': submitted && f.integrations_captcha_key.errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationCaptchaKeyV2' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationCaptchaKeyV2' | transloco\"\n          name=\"integrations_captcha_key_V2\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_captcha_key_V2\"\n            [ngClass]=\"{\n                            'is-invalid': submitted && f.integrations_captcha_key_V2.errors\n                        }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationGoogleAnalytics' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationGoogleAnalytics' | transloco\"\n          name=\"integrations_google_analytics\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_google_analytics\"\n            [ngClass]=\"{\n                            'is-invalid': submitted && f.integrations_google_analytics.errors\n                        }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationsGoogleApiKey' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationsGoogleApiKey' | transloco\"\n          name=\"integrations_google_api_key\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_google_api_key\"\n            [ngClass]=\"{\n                            'is-invalid': submitted && f.integrations_google_api_key.errors\n                        }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationsSentryConfigDns' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationsSentryConfigDns' | transloco\"\n          name=\"integrations_sentry_config_dns\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_sentry_config_dns\"\n            [ngClass]=\"{\n                            'is-invalid': submitted && f.integrations_sentry_config_dns.errors\n                        }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationDriftCode' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationDriftCode' | transloco\"\n          name=\"integrations_drift_code\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_drift_code\"\n            [ngClass]=\"{ 'is-invalid': submitted && f.integrations_drift_code.errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationFbAppId' | transloco\"\n          [label]=\"'Admin.DomainConfig.IntegrationFbAppId' | transloco\"\n          name=\"integrations_fb_app_id\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"integrations_fb_app_id\"\n            [ngClass]=\"{ 'is-invalid': submitted && f.integrations_fb_app_id.errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'This is the token you need to append to all webhooks. Eg: /integrations-api/v1/paypal/{your_token}'\"\n          [label]=\"'Admin.DomainConfig.WebhookToken' | transloco\"\n          name=\"webhook_token\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"webhook_token\"\n            [ngClass]=\"{ 'is-invalid': submitted && f?.webhook_token?.errors }\" />\n        </pw-input-container>\n      </div>\n    </div>\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.AdminService }], propDecorators: { onSave: [] } });

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

@@ -106,8 +106,8 @@ export class DomainConfigInterfaceComponent extends AppBaseComponent {
             this.submitted = false;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DomainConfigInterfaceComponent, deps: [{ token: i0.Injector }, { token: i1.AdminService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DomainConfigInterfaceComponent, selector: "pw-domain-config-interface", viewQueries: [{ propertyName: "uploader", predicate: CustomUploaderComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<h3>Look and Feel Config</h3>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <h5>Color codes</h5>\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeFirst' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeFirst' | transloco\"\n          name=\"color_code_first\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_first\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_first'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeSecond' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeSecond' | transloco\"\n          name=\"color_code_second\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_second\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_second'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeThird' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeThird' | transloco\"\n          name=\"color_code_third\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_third\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_third'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\"></div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeTitles' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeTitles' | transloco\"\n          name=\"color_code_titles\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_titles\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_titles'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeText' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeText' | transloco\"\n          name=\"color_code_text\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_text\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_text'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\"></div>\n      <div class=\"col-12 col-sm-3\"></div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeSidebarBg' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeSidebarBg' | transloco\"\n          name=\"color_code_sidebar_bg\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_sidebar_bg\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_sidebar_bg'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeSidebarText' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeSidebarText' | transloco\"\n          name=\"color_code_sidebar_text\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_sidebar_text\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_sidebar_text'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\"></div>\n      <div class=\"col-12 col-sm-3\"></div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeTabsBg' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeTabsBg' | transloco\"\n          name=\"color_code_tabs_bg\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_tabs_bg\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_tabs_bg'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeTabsText' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeTabsText' | transloco\"\n          name=\"color_code_tabs_text\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_tabs_text\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_tabs_text'].errors }\" />\n        </pw-input-container>\n      </div>\n    </div>\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n    <h5 class=\"my-3\">Logos</h5>\n    <div>\n      <p>\n        The following logos are used across our platform in different pages such as the\n        header in our public pages and in our dashboard.\n      </p>\n    </div>\n    <div class=\"row\"\n      matchHeight=\"card\">\n      <div class=\"col-md-4 mt-3\">\n        <label>{{ 'Admin.DomainConfig.LogoMain' | transloco }}\n          <span class=\"info-circle\">\n            <span class=\"tooltiptext gradient-custom-branding\">{{\n                            'Admin.DomainConfig.Tooltip.LogoMain' | transloco\n                        }}</span>\n          </span>\n        </label>\n        <pw-custom-uploader [aspectRatio]=\"'fullLogo'\"\n          (saveEvent)=\"saveFile($event)\"\n          [title]=\"'Logo Main'\"\n          [previewData]=\"data['logo_main']\"\n          controlName=\"logo_main\"></pw-custom-uploader>\n      </div>\n      <div class=\"col-md-4 mt-3\">\n        <label>{{ 'Admin.DomainConfig.LogoMainDark' | transloco }}\n          <span class=\"info-circle\">\n            <span class=\"tooltiptext gradient-custom-branding\">{{\n                            'Admin.DomainConfig.Tooltip.LogoMainDark' | transloco\n                        }}</span>\n          </span>\n        </label>\n        <pw-custom-uploader [aspectRatio]=\"'fullLogo'\"\n          (saveEvent)=\"saveFile($event)\"\n          [title]=\"'Logo Main Dark'\"\n          [previewData]=\"data['logo_main_dark']\"\n          controlName=\"logo_main_dark\"></pw-custom-uploader>\n      </div>\n      <div class=\"col-md-4 mt-3\">\n        <label>{{ 'Admin.DomainConfig.LogoMainContrast' | transloco }}\n          <span class=\"info-circle\">\n            <span class=\"tooltiptext gradient-custom-branding\">{{\n                            'Admin.DomainConfig.Tooltip.LogoMainContrast' | transloco\n                        }}</span>\n          </span>\n        </label>\n        <pw-custom-uploader [aspectRatio]=\"'fullLogo'\"\n          (saveEvent)=\"saveFile($event)\"\n          [title]=\"'Logo Main Contrast'\"\n          [previewData]=\"data['logo_main_contrast']\"\n          controlName=\"logo_main_contrast\"></pw-custom-uploader>\n      </div>\n      <div class=\"col-md-4 mt-3\">\n        <label>{{ 'Admin.DomainConfig.LogoSquaredMain' | transloco }}\n          <span class=\"info-circle\">\n            <span class=\"tooltiptext gradient-custom-branding\">{{\n                            'Admin.DomainConfig.Tooltip.LogoSquaredMain' | transloco\n                        }}</span>\n          </span>\n        </label>\n        <pw-custom-uploader (saveEvent)=\"saveFile($event)\"\n          [title]=\"'Logo Squared Main'\"\n          [previewData]=\"data['logo_squared_main']\"\n          controlName=\"logo_squared_main\"></pw-custom-uploader>\n      </div>\n      <div class=\"col-md-4 mt-3\">\n        <label>{{ 'Admin.DomainConfig.LogoSquaredDark' | transloco }}\n          <span class=\"info-circle\">\n            <span class=\"tooltiptext gradient-custom-branding\">{{\n                            'Admin.DomainConfig.Tooltip.LogoSquaredDark' | transloco\n                        }}</span>\n          </span>\n        </label>\n        <pw-custom-uploader (saveEvent)=\"saveFile($event)\"\n          [title]=\"'Logo Squared Dark'\"\n          [previewData]=\"data['logo_squared_dark']\"\n          controlName=\"logo_squared_dark\"></pw-custom-uploader>\n      </div>\n      <div class=\"col-md-4 mt-3\">\n        <label>{{ 'Admin.DomainConfig.LogoSquaredContrast' | transloco }}\n          <span class=\"info-circle\">\n            <span class=\"tooltiptext gradient-custom-branding\">{{\n                            'Admin.DomainConfig.Tooltip.LogoSquaredContrast' | transloco\n                        }}</span>\n          </span>\n        </label>\n        <pw-custom-uploader (saveEvent)=\"saveFile($event)\"\n          [title]=\"'Logo Squared Contrast'\"\n          [previewData]=\"data['logo_squared_contrast']\"\n          controlName=\"logo_squared_contrast\"></pw-custom-uploader>\n      </div>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "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.CustomUploaderComponent, selector: "pw-custom-uploader", inputs: ["controlName", "previewData", "aspectRatio", "title"], outputs: ["saveEvent"] }, { kind: "component", type: i5.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i4.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "component", type: i4.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { 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.0.7", ngImport: i0, type: DomainConfigInterfaceComponent, deps: [{ token: i0.Injector }, { token: i1.AdminService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: DomainConfigInterfaceComponent, selector: "pw-domain-config-interface", viewQueries: [{ propertyName: "uploader", predicate: CustomUploaderComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<h3>Look and Feel Config</h3>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <h5>Color codes</h5>\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeFirst' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeFirst' | transloco\"\n          name=\"color_code_first\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_first\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_first'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeSecond' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeSecond' | transloco\"\n          name=\"color_code_second\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_second\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_second'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeThird' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeThird' | transloco\"\n          name=\"color_code_third\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_third\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_third'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\"></div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeTitles' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeTitles' | transloco\"\n          name=\"color_code_titles\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_titles\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_titles'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeText' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeText' | transloco\"\n          name=\"color_code_text\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_text\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_text'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\"></div>\n      <div class=\"col-12 col-sm-3\"></div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeSidebarBg' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeSidebarBg' | transloco\"\n          name=\"color_code_sidebar_bg\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_sidebar_bg\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_sidebar_bg'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeSidebarText' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeSidebarText' | transloco\"\n          name=\"color_code_sidebar_text\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_sidebar_text\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_sidebar_text'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\"></div>\n      <div class=\"col-12 col-sm-3\"></div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeTabsBg' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeTabsBg' | transloco\"\n          name=\"color_code_tabs_bg\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_tabs_bg\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_tabs_bg'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeTabsText' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeTabsText' | transloco\"\n          name=\"color_code_tabs_text\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_tabs_text\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_tabs_text'].errors }\" />\n        </pw-input-container>\n      </div>\n    </div>\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n    <h5 class=\"my-3\">Logos</h5>\n    <div>\n      <p>\n        The following logos are used across our platform in different pages such as the\n        header in our public pages and in our dashboard.\n      </p>\n    </div>\n    <div class=\"row\"\n      matchHeight=\"card\">\n      <div class=\"col-md-4 mt-3\">\n        <label>{{ 'Admin.DomainConfig.LogoMain' | transloco }}\n          <span class=\"info-circle\">\n            <span class=\"tooltiptext gradient-custom-branding\">{{\n                            'Admin.DomainConfig.Tooltip.LogoMain' | transloco\n                        }}</span>\n          </span>\n        </label>\n        <pw-custom-uploader [aspectRatio]=\"'fullLogo'\"\n          (saveEvent)=\"saveFile($event)\"\n          [title]=\"'Logo Main'\"\n          [previewData]=\"data['logo_main']\"\n          controlName=\"logo_main\"></pw-custom-uploader>\n      </div>\n      <div class=\"col-md-4 mt-3\">\n        <label>{{ 'Admin.DomainConfig.LogoMainDark' | transloco }}\n          <span class=\"info-circle\">\n            <span class=\"tooltiptext gradient-custom-branding\">{{\n                            'Admin.DomainConfig.Tooltip.LogoMainDark' | transloco\n                        }}</span>\n          </span>\n        </label>\n        <pw-custom-uploader [aspectRatio]=\"'fullLogo'\"\n          (saveEvent)=\"saveFile($event)\"\n          [title]=\"'Logo Main Dark'\"\n          [previewData]=\"data['logo_main_dark']\"\n          controlName=\"logo_main_dark\"></pw-custom-uploader>\n      </div>\n      <div class=\"col-md-4 mt-3\">\n        <label>{{ 'Admin.DomainConfig.LogoMainContrast' | transloco }}\n          <span class=\"info-circle\">\n            <span class=\"tooltiptext gradient-custom-branding\">{{\n                            'Admin.DomainConfig.Tooltip.LogoMainContrast' | transloco\n                        }}</span>\n          </span>\n        </label>\n        <pw-custom-uploader [aspectRatio]=\"'fullLogo'\"\n          (saveEvent)=\"saveFile($event)\"\n          [title]=\"'Logo Main Contrast'\"\n          [previewData]=\"data['logo_main_contrast']\"\n          controlName=\"logo_main_contrast\"></pw-custom-uploader>\n      </div>\n      <div class=\"col-md-4 mt-3\">\n        <label>{{ 'Admin.DomainConfig.LogoSquaredMain' | transloco }}\n          <span class=\"info-circle\">\n            <span class=\"tooltiptext gradient-custom-branding\">{{\n                            'Admin.DomainConfig.Tooltip.LogoSquaredMain' | transloco\n                        }}</span>\n          </span>\n        </label>\n        <pw-custom-uploader (saveEvent)=\"saveFile($event)\"\n          [title]=\"'Logo Squared Main'\"\n          [previewData]=\"data['logo_squared_main']\"\n          controlName=\"logo_squared_main\"></pw-custom-uploader>\n      </div>\n      <div class=\"col-md-4 mt-3\">\n        <label>{{ 'Admin.DomainConfig.LogoSquaredDark' | transloco }}\n          <span class=\"info-circle\">\n            <span class=\"tooltiptext gradient-custom-branding\">{{\n                            'Admin.DomainConfig.Tooltip.LogoSquaredDark' | transloco\n                        }}</span>\n          </span>\n        </label>\n        <pw-custom-uploader (saveEvent)=\"saveFile($event)\"\n          [title]=\"'Logo Squared Dark'\"\n          [previewData]=\"data['logo_squared_dark']\"\n          controlName=\"logo_squared_dark\"></pw-custom-uploader>\n      </div>\n      <div class=\"col-md-4 mt-3\">\n        <label>{{ 'Admin.DomainConfig.LogoSquaredContrast' | transloco }}\n          <span class=\"info-circle\">\n            <span class=\"tooltiptext gradient-custom-branding\">{{\n                            'Admin.DomainConfig.Tooltip.LogoSquaredContrast' | transloco\n                        }}</span>\n          </span>\n        </label>\n        <pw-custom-uploader (saveEvent)=\"saveFile($event)\"\n          [title]=\"'Logo Squared Contrast'\"\n          [previewData]=\"data['logo_squared_contrast']\"\n          controlName=\"logo_squared_contrast\"></pw-custom-uploader>\n      </div>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "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.CustomUploaderComponent, selector: "pw-custom-uploader", inputs: ["controlName", "previewData", "aspectRatio", "title"], outputs: ["saveEvent"] }, { kind: "component", type: i5.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i4.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "component", type: i4.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { 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'),
@@ -115,7 +115,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
 ], DomainConfigInterfaceComponent.prototype, "onSave", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DomainConfigInterfaceComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: DomainConfigInterfaceComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-domain-config-interface', template: "<h3>Look and Feel Config</h3>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <h5>Color codes</h5>\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeFirst' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeFirst' | transloco\"\n          name=\"color_code_first\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_first\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_first'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeSecond' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeSecond' | transloco\"\n          name=\"color_code_second\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_second\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_second'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeThird' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeThird' | transloco\"\n          name=\"color_code_third\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_third\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_third'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\"></div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeTitles' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeTitles' | transloco\"\n          name=\"color_code_titles\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_titles\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_titles'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeText' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeText' | transloco\"\n          name=\"color_code_text\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_text\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_text'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\"></div>\n      <div class=\"col-12 col-sm-3\"></div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeSidebarBg' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeSidebarBg' | transloco\"\n          name=\"color_code_sidebar_bg\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_sidebar_bg\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_sidebar_bg'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeSidebarText' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeSidebarText' | transloco\"\n          name=\"color_code_sidebar_text\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_sidebar_text\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_sidebar_text'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\"></div>\n      <div class=\"col-12 col-sm-3\"></div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeTabsBg' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeTabsBg' | transloco\"\n          name=\"color_code_tabs_bg\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_tabs_bg\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_tabs_bg'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.ColorCodeTabsText' | transloco\"\n          [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.ColorCodeTabsText' | transloco\"\n          name=\"color_code_tabs_text\">\n          <input type=\"color\"\n            class=\"form-control\"\n            formControlName=\"color_code_tabs_text\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['color_code_tabs_text'].errors }\" />\n        </pw-input-container>\n      </div>\n    </div>\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n    <h5 class=\"my-3\">Logos</h5>\n    <div>\n      <p>\n        The following logos are used across our platform in different pages such as the\n        header in our public pages and in our dashboard.\n      </p>\n    </div>\n    <div class=\"row\"\n      matchHeight=\"card\">\n      <div class=\"col-md-4 mt-3\">\n        <label>{{ 'Admin.DomainConfig.LogoMain' | transloco }}\n          <span class=\"info-circle\">\n            <span class=\"tooltiptext gradient-custom-branding\">{{\n                            'Admin.DomainConfig.Tooltip.LogoMain' | transloco\n                        }}</span>\n          </span>\n        </label>\n        <pw-custom-uploader [aspectRatio]=\"'fullLogo'\"\n          (saveEvent)=\"saveFile($event)\"\n          [title]=\"'Logo Main'\"\n          [previewData]=\"data['logo_main']\"\n          controlName=\"logo_main\"></pw-custom-uploader>\n      </div>\n      <div class=\"col-md-4 mt-3\">\n        <label>{{ 'Admin.DomainConfig.LogoMainDark' | transloco }}\n          <span class=\"info-circle\">\n            <span class=\"tooltiptext gradient-custom-branding\">{{\n                            'Admin.DomainConfig.Tooltip.LogoMainDark' | transloco\n                        }}</span>\n          </span>\n        </label>\n        <pw-custom-uploader [aspectRatio]=\"'fullLogo'\"\n          (saveEvent)=\"saveFile($event)\"\n          [title]=\"'Logo Main Dark'\"\n          [previewData]=\"data['logo_main_dark']\"\n          controlName=\"logo_main_dark\"></pw-custom-uploader>\n      </div>\n      <div class=\"col-md-4 mt-3\">\n        <label>{{ 'Admin.DomainConfig.LogoMainContrast' | transloco }}\n          <span class=\"info-circle\">\n            <span class=\"tooltiptext gradient-custom-branding\">{{\n                            'Admin.DomainConfig.Tooltip.LogoMainContrast' | transloco\n                        }}</span>\n          </span>\n        </label>\n        <pw-custom-uploader [aspectRatio]=\"'fullLogo'\"\n          (saveEvent)=\"saveFile($event)\"\n          [title]=\"'Logo Main Contrast'\"\n          [previewData]=\"data['logo_main_contrast']\"\n          controlName=\"logo_main_contrast\"></pw-custom-uploader>\n      </div>\n      <div class=\"col-md-4 mt-3\">\n        <label>{{ 'Admin.DomainConfig.LogoSquaredMain' | transloco }}\n          <span class=\"info-circle\">\n            <span class=\"tooltiptext gradient-custom-branding\">{{\n                            'Admin.DomainConfig.Tooltip.LogoSquaredMain' | transloco\n                        }}</span>\n          </span>\n        </label>\n        <pw-custom-uploader (saveEvent)=\"saveFile($event)\"\n          [title]=\"'Logo Squared Main'\"\n          [previewData]=\"data['logo_squared_main']\"\n          controlName=\"logo_squared_main\"></pw-custom-uploader>\n      </div>\n      <div class=\"col-md-4 mt-3\">\n        <label>{{ 'Admin.DomainConfig.LogoSquaredDark' | transloco }}\n          <span class=\"info-circle\">\n            <span class=\"tooltiptext gradient-custom-branding\">{{\n                            'Admin.DomainConfig.Tooltip.LogoSquaredDark' | transloco\n                        }}</span>\n          </span>\n        </label>\n        <pw-custom-uploader (saveEvent)=\"saveFile($event)\"\n          [title]=\"'Logo Squared Dark'\"\n          [previewData]=\"data['logo_squared_dark']\"\n          controlName=\"logo_squared_dark\"></pw-custom-uploader>\n      </div>\n      <div class=\"col-md-4 mt-3\">\n        <label>{{ 'Admin.DomainConfig.LogoSquaredContrast' | transloco }}\n          <span class=\"info-circle\">\n            <span class=\"tooltiptext gradient-custom-branding\">{{\n                            'Admin.DomainConfig.Tooltip.LogoSquaredContrast' | transloco\n                        }}</span>\n          </span>\n        </label>\n        <pw-custom-uploader (saveEvent)=\"saveFile($event)\"\n          [title]=\"'Logo Squared Contrast'\"\n          [previewData]=\"data['logo_squared_contrast']\"\n          controlName=\"logo_squared_contrast\"></pw-custom-uploader>\n      </div>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.AdminService }], propDecorators: { uploader: [{

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

@@ -68,8 +68,8 @@ export class DomainConfigOrganizationComponent extends AppBaseComponent {
             this.submitted = false;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DomainConfigOrganizationComponent, deps: [{ token: i0.Injector }, { token: i1.AdminService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DomainConfigOrganizationComponent, selector: "pw-domain-config-organization", usesInheritance: true, ngImport: i0, template: "<h3>Organization Related Config</h3>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-6\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyHeader' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyHeader' | transloco\"\n          name=\"company_header\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_header\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_header'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-6\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyTitle' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyTitle' | transloco\"\n          name=\"company_title\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_title\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_title'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-6\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyKeywords' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyKeywords' | transloco\"\n          name=\"company_keywords\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_keywords\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_keywords'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-6\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyDescription' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyDescription' | transloco\"\n          name=\"company_description\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_description\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_description'].errors }\" />\n        </pw-input-container>\n      </div>\n\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyCountry' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyCountry' | transloco\"\n          name=\"company_country\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_country\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_country'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyAddress' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyAddress' | transloco\"\n          name=\"company_address\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_address\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_address'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyCity' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyCity' | transloco\"\n          name=\"company_city\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_city\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_city'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyCityCode' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyCityCode' | transloco\"\n          name=\"company_city_code\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_city_code\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_city_code'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyVatNumber' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyVatNumber' | transloco\"\n          name=\"company_vat_number\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_vat_number\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_vat_number'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyPhoneNumber' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyPhoneNumber' | transloco\"\n          name=\"company_phone_number\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_phone_number\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_phone_number'].errors }\" />\n        </pw-input-container>\n      </div>\n    </div>\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "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.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i5.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "component", type: i5.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { 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.0.7", ngImport: i0, type: DomainConfigOrganizationComponent, deps: [{ token: i0.Injector }, { token: i1.AdminService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: DomainConfigOrganizationComponent, selector: "pw-domain-config-organization", usesInheritance: true, ngImport: i0, template: "<h3>Organization Related Config</h3>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-6\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyHeader' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyHeader' | transloco\"\n          name=\"company_header\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_header\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_header'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-6\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyTitle' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyTitle' | transloco\"\n          name=\"company_title\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_title\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_title'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-6\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyKeywords' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyKeywords' | transloco\"\n          name=\"company_keywords\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_keywords\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_keywords'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-6\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyDescription' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyDescription' | transloco\"\n          name=\"company_description\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_description\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_description'].errors }\" />\n        </pw-input-container>\n      </div>\n\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyCountry' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyCountry' | transloco\"\n          name=\"company_country\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_country\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_country'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyAddress' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyAddress' | transloco\"\n          name=\"company_address\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_address\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_address'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyCity' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyCity' | transloco\"\n          name=\"company_city\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_city\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_city'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyCityCode' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyCityCode' | transloco\"\n          name=\"company_city_code\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_city_code\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_city_code'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyVatNumber' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyVatNumber' | transloco\"\n          name=\"company_vat_number\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_vat_number\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_vat_number'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyPhoneNumber' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyPhoneNumber' | transloco\"\n          name=\"company_phone_number\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_phone_number\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_phone_number'].errors }\" />\n        </pw-input-container>\n      </div>\n    </div>\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "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.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i5.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "component", type: i5.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { 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'),
@@ -77,7 +77,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
 ], DomainConfigOrganizationComponent.prototype, "onSave", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DomainConfigOrganizationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: DomainConfigOrganizationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-domain-config-organization', template: "<h3>Organization Related Config</h3>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-6\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyHeader' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyHeader' | transloco\"\n          name=\"company_header\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_header\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_header'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-6\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyTitle' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyTitle' | transloco\"\n          name=\"company_title\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_title\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_title'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-6\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyKeywords' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyKeywords' | transloco\"\n          name=\"company_keywords\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_keywords\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_keywords'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-6\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyDescription' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyDescription' | transloco\"\n          name=\"company_description\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_description\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_description'].errors }\" />\n        </pw-input-container>\n      </div>\n\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyCountry' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyCountry' | transloco\"\n          name=\"company_country\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_country\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_country'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyAddress' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyAddress' | transloco\"\n          name=\"company_address\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_address\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_address'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyCity' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyCity' | transloco\"\n          name=\"company_city\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_city\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_city'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyCityCode' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyCityCode' | transloco\"\n          name=\"company_city_code\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_city_code\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_city_code'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyVatNumber' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyVatNumber' | transloco\"\n          name=\"company_vat_number\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_vat_number\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_vat_number'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [showTooltip]=\"true\"\n          [tooltipText]=\"'Admin.DomainConfig.Tooltip.CompanyPhoneNumber' | transloco\"\n          [label]=\"'Admin.DomainConfig.CompanyPhoneNumber' | transloco\"\n          name=\"company_phone_number\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"company_phone_number\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['company_phone_number'].errors }\" />\n        </pw-input-container>\n      </div>\n    </div>\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.AdminService }], propDecorators: { onSave: [] } });

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

@@ -69,8 +69,8 @@ export class DomainConfigSecurityComponent extends AppBaseComponent {
             this.submitted = false;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DomainConfigSecurityComponent, deps: [{ token: i0.Injector }, { token: i1.AdminService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DomainConfigSecurityComponent, selector: "pw-domain-config-security", usesInheritance: true, ngImport: i0, template: "<h3>OAuth Login</h3>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <div class=\"mt-3\"></div>\n    <p-accordion>\n      <p-accordionTab [header]=\"'Apple'\">\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginAppleClientId' | transloco\"\n              name=\"oauth_login_apple_client_id\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_apple_client_id\"\n                [ngClass]=\"{\n                                    'is-invalid':\n                                        submitted && f['oauth_login_apple_client_id'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n        </div>\n      </p-accordionTab>\n      <p-accordionTab [header]=\"'Facebook'\">\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginFacebookClientId' | transloco\"\n              name=\"oauth_login_facebook_client_id\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_facebook_client_id\"\n                [ngClass]=\"{\n                                    'is-invalid':\n                                        submitted && f['oauth_login_facebook_client_id'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginFacebookSecret' | transloco\"\n              name=\"oauth_login_facebook_secret\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_facebook_secret\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['oauth_login_facebook_secret'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n        </div>\n      </p-accordionTab>\n      <p-accordionTab [header]=\"'Google'\">\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginGoogleClientId' | transloco\"\n              name=\"oauth_login_google_client_id\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_google_client_id\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['oauth_login_google_client_id'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginGoogleSecret' | transloco\"\n              name=\"oauth_login_google_secret\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_google_secret\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['oauth_login_google_secret'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n        </div>\n      </p-accordionTab>\n      <p-accordionTab [header]=\"'LinkedIn'\">\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginLinkedInClientId' | transloco\"\n              name=\"oauth_login_linkedin_client_id\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_linkedin_client_id\"\n                [ngClass]=\"{\n                                    'is-invalid':\n                                        submitted && f['oauth_login_linkedin_client_id'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginLinkedInSecret' | transloco\"\n              name=\"oauth_login_linkedin_secret\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_linkedin_secret\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['oauth_login_linkedin_secret'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n        </div>\n      </p-accordionTab>\n      <p-accordionTab [header]=\"'Microsoft'\">\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginMicrosoftClientId' | transloco\"\n              name=\"oauth_login_microsoft_client_id\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_microsoft_client_id\"\n                [ngClass]=\"{\n                                    'is-invalid':\n                                        submitted && f['oauth_login_microsoft_client_id'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginMicrosoftSecret' | transloco\"\n              name=\"oauth_login_microsoft_secret\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_microsoft_secret\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['oauth_login_microsoft_secret'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n        </div>\n      </p-accordionTab>\n      <p-accordionTab [header]=\"'Twitter'\">\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginTwitterClientId' | transloco\"\n              name=\"oauth_login_twitter_client_id\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_twitter_client_id\"\n                [ngClass]=\"{\n                                    'is-invalid':\n                                        submitted && f['oauth_login_twitter_client_id'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginTwitterSecret' | transloco\"\n              name=\"oauth_login_twitter_secret\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_twitter_secret\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['oauth_login_twitter_secret'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n        </div>\n      </p-accordionTab>\n    </p-accordion>\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex", "selectOnFocus", "headerAriaLevel"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i2.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i5.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i6.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "component", type: i6.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i7.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: DomainConfigSecurityComponent, deps: [{ token: i0.Injector }, { token: i1.AdminService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: DomainConfigSecurityComponent, selector: "pw-domain-config-security", usesInheritance: true, ngImport: i0, template: "<h3>OAuth Login</h3>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <div class=\"mt-3\"></div>\n    <p-accordion>\n      <p-accordionTab [header]=\"'Apple'\">\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginAppleClientId' | transloco\"\n              name=\"oauth_login_apple_client_id\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_apple_client_id\"\n                [ngClass]=\"{\n                                    'is-invalid':\n                                        submitted && f['oauth_login_apple_client_id'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n        </div>\n      </p-accordionTab>\n      <p-accordionTab [header]=\"'Facebook'\">\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginFacebookClientId' | transloco\"\n              name=\"oauth_login_facebook_client_id\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_facebook_client_id\"\n                [ngClass]=\"{\n                                    'is-invalid':\n                                        submitted && f['oauth_login_facebook_client_id'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginFacebookSecret' | transloco\"\n              name=\"oauth_login_facebook_secret\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_facebook_secret\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['oauth_login_facebook_secret'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n        </div>\n      </p-accordionTab>\n      <p-accordionTab [header]=\"'Google'\">\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginGoogleClientId' | transloco\"\n              name=\"oauth_login_google_client_id\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_google_client_id\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['oauth_login_google_client_id'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginGoogleSecret' | transloco\"\n              name=\"oauth_login_google_secret\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_google_secret\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['oauth_login_google_secret'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n        </div>\n      </p-accordionTab>\n      <p-accordionTab [header]=\"'LinkedIn'\">\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginLinkedInClientId' | transloco\"\n              name=\"oauth_login_linkedin_client_id\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_linkedin_client_id\"\n                [ngClass]=\"{\n                                    'is-invalid':\n                                        submitted && f['oauth_login_linkedin_client_id'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginLinkedInSecret' | transloco\"\n              name=\"oauth_login_linkedin_secret\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_linkedin_secret\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['oauth_login_linkedin_secret'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n        </div>\n      </p-accordionTab>\n      <p-accordionTab [header]=\"'Microsoft'\">\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginMicrosoftClientId' | transloco\"\n              name=\"oauth_login_microsoft_client_id\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_microsoft_client_id\"\n                [ngClass]=\"{\n                                    'is-invalid':\n                                        submitted && f['oauth_login_microsoft_client_id'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginMicrosoftSecret' | transloco\"\n              name=\"oauth_login_microsoft_secret\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_microsoft_secret\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['oauth_login_microsoft_secret'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n        </div>\n      </p-accordionTab>\n      <p-accordionTab [header]=\"'Twitter'\">\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginTwitterClientId' | transloco\"\n              name=\"oauth_login_twitter_client_id\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_twitter_client_id\"\n                [ngClass]=\"{\n                                    'is-invalid':\n                                        submitted && f['oauth_login_twitter_client_id'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginTwitterSecret' | transloco\"\n              name=\"oauth_login_twitter_secret\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_twitter_secret\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['oauth_login_twitter_secret'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n        </div>\n      </p-accordionTab>\n    </p-accordion>\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex", "selectOnFocus", "headerAriaLevel"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i2.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i5.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i6.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "component", type: i6.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i7.TranslocoPipe, name: "transloco" }] }); }
 }
 __decorate([
     ValidateForm('form'),
@@ -78,7 +78,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
 ], DomainConfigSecurityComponent.prototype, "onSave", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DomainConfigSecurityComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: DomainConfigSecurityComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-domain-config-security', template: "<h3>OAuth Login</h3>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <div class=\"mt-3\"></div>\n    <p-accordion>\n      <p-accordionTab [header]=\"'Apple'\">\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginAppleClientId' | transloco\"\n              name=\"oauth_login_apple_client_id\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_apple_client_id\"\n                [ngClass]=\"{\n                                    'is-invalid':\n                                        submitted && f['oauth_login_apple_client_id'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n        </div>\n      </p-accordionTab>\n      <p-accordionTab [header]=\"'Facebook'\">\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginFacebookClientId' | transloco\"\n              name=\"oauth_login_facebook_client_id\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_facebook_client_id\"\n                [ngClass]=\"{\n                                    'is-invalid':\n                                        submitted && f['oauth_login_facebook_client_id'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginFacebookSecret' | transloco\"\n              name=\"oauth_login_facebook_secret\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_facebook_secret\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['oauth_login_facebook_secret'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n        </div>\n      </p-accordionTab>\n      <p-accordionTab [header]=\"'Google'\">\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginGoogleClientId' | transloco\"\n              name=\"oauth_login_google_client_id\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_google_client_id\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['oauth_login_google_client_id'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginGoogleSecret' | transloco\"\n              name=\"oauth_login_google_secret\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_google_secret\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['oauth_login_google_secret'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n        </div>\n      </p-accordionTab>\n      <p-accordionTab [header]=\"'LinkedIn'\">\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginLinkedInClientId' | transloco\"\n              name=\"oauth_login_linkedin_client_id\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_linkedin_client_id\"\n                [ngClass]=\"{\n                                    'is-invalid':\n                                        submitted && f['oauth_login_linkedin_client_id'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginLinkedInSecret' | transloco\"\n              name=\"oauth_login_linkedin_secret\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_linkedin_secret\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['oauth_login_linkedin_secret'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n        </div>\n      </p-accordionTab>\n      <p-accordionTab [header]=\"'Microsoft'\">\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginMicrosoftClientId' | transloco\"\n              name=\"oauth_login_microsoft_client_id\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_microsoft_client_id\"\n                [ngClass]=\"{\n                                    'is-invalid':\n                                        submitted && f['oauth_login_microsoft_client_id'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginMicrosoftSecret' | transloco\"\n              name=\"oauth_login_microsoft_secret\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_microsoft_secret\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['oauth_login_microsoft_secret'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n        </div>\n      </p-accordionTab>\n      <p-accordionTab [header]=\"'Twitter'\">\n        <div class=\"row\">\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginTwitterClientId' | transloco\"\n              name=\"oauth_login_twitter_client_id\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_twitter_client_id\"\n                [ngClass]=\"{\n                                    'is-invalid':\n                                        submitted && f['oauth_login_twitter_client_id'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n          <div class=\"col-12 col-sm-6\">\n            <pw-input-container [label]=\"'Admin.DomainConfig.OAuthLoginTwitterSecret' | transloco\"\n              name=\"oauth_login_twitter_secret\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"oauth_login_twitter_secret\"\n                [ngClass]=\"{\n                                    'is-invalid': submitted && f['oauth_login_twitter_secret'].errors\n                                }\" />\n            </pw-input-container>\n          </div>\n        </div>\n      </p-accordionTab>\n    </p-accordion>\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.AdminService }], propDecorators: { onSave: [] } });