@posiwise/admin-module 0.0.48 → 0.0.50

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

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

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.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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", 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.8", 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.0.7", ngImport: i0, type: DomainConfigCoreComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", 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.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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", 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.8", 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.0.7", ngImport: i0, type: DomainConfigDetailsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", 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.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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", 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.8", 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.0.7", ngImport: i0, type: DomainConfigIntegrationsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", 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: [] } });