tango-app-ui-manage-settings 3.0.56-dev → 3.0.57-dev

package/fesm2022/tango-app-ui-manage-settings.mjs

@@ -4106,7 +4106,8 @@ class FeatureConfigurationComponent {
             isNormalized: [],
             isPasserByData: [],
             isFootfallDirectory: [],
-            isExcludedArea: []
+            isExcludedArea: [],
+            updateFeatureConfig: []
         });
         this.featureConfigurationForm.disable();
         this.featureConfigurationForm.get('bouncedLimitValue')?.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((e) => {
@@ -4179,11 +4180,11 @@ class FeatureConfigurationComponent {
         this.apiService.clientFormData.next({ value: this.featureConfigurationForm.value, type: 'submit', form: 'feature-configuration' });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: FeatureConfigurationComponent, deps: [{ token: i1$1.FormBuilder }, { token: ClientApiService }, { token: i3.GlobalStateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: FeatureConfigurationComponent, selector: "lib-feature-configuration", ngImport: i0, template: "<form [formGroup]=\"featureConfigurationForm\">\r\n    <div class=\"row\">\r\n        <ng-container *ngIf=\"(gs.userAccess | async)?.settings_configuration_isEdit \" >\r\n        <div *ngIf=\"featureConfigurationForm.disabled\" class=\"col-12 mb-5\">\r\n            <div class=\" d-flex justify-content-end\">\r\n                <button\r\n                    (click)=\"featureConfigurationForm.disabled ? featureConfigurationForm.enable() : featureConfigurationForm.disable()\"\r\n                    type=\"button\" class=\"btn btn-outline align-items-end\"><span class=\"me-2\"><svg\r\n                            xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                            <g clip-path=\"url(#clip0_2579_25125)\">\r\n                                <path\r\n                                    d=\"M14.167 2.49993C14.3859 2.28106 14.6457 2.10744 14.9317 1.98899C15.2176 1.87054 15.5241 1.80957 15.8337 1.80957C16.1432 1.80957 16.4497 1.87054 16.7357 1.98899C17.0216 2.10744 17.2815 2.28106 17.5003 2.49993C17.7192 2.7188 17.8928 2.97863 18.0113 3.2646C18.1297 3.55057 18.1907 3.85706 18.1907 4.16659C18.1907 4.47612 18.1297 4.78262 18.0113 5.06859C17.8928 5.35455 17.7192 5.61439 17.5003 5.83326L6.25033 17.0833L1.66699 18.3333L2.91699 13.7499L14.167 2.49993Z\"\r\n                                    stroke=\"#344054\" stroke-width=\"1.67\" stroke-linecap=\"round\"\r\n                                    stroke-linejoin=\"round\" />\r\n                            </g>\r\n                            <defs>\r\n                                <clipPath id=\"clip0_2579_25125\">\r\n                                    <rect width=\"20\" height=\"20\" fill=\"white\" />\r\n                                </clipPath>\r\n                            </defs>\r\n                        </svg></span>Edit Details</button>\r\n            </div>\r\n        </div>    \r\n        </ng-container>\r\n\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <label for=\"open\" class=\"form-label\">Store Open Time <span class=\"alert-required\"></span></label>\r\n            <input type=\"time\" formControlName=\"open\" class=\"form-control\" id=\"open\" autocomplete=\"off\">\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <label for=\"close\" class=\"form-label\">Store Close Time <span class=\"alert-required\"></span></label>\r\n            <input type=\"time\" formControlName=\"close\" class=\"form-control\" id=\"close\" autocomplete=\"off\">\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <label class=\"form-label\">Infra Alert <span class=\"alert-required\"></span></label>\r\n            <div class=\"row\">\r\n                <div class=\"col\">\r\n                    <lib-reactive-select formControlName=\"infraAlertCondition\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"infraAlertCondition\" ></lib-reactive-select>\r\n                </div>\r\n                <div class=\"col\">\r\n                    <lib-reactive-select formControlName=\"infraAlertValue\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"infraAlertValue\" ></lib-reactive-select>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <label for=\"downTimeType\" class=\"form-label\">Bounced Limit<span class=\"alert-required\"></span></label>\r\n            <div class=\"row\">\r\n                <div class=\"col\">\r\n                    <lib-reactive-select formControlName=\"bouncedLimitCondition\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"bouncedLimitCondition\" ></lib-reactive-select>\r\n                </div>\r\n                <div class=\"col\">\r\n                    <lib-reactive-select formControlName=\"bouncedLimitValue\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"bouncedLimitValue\" ></lib-reactive-select>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <label for=\"MinFilesCount\" class=\"form-label\">Missed Opportunity <span\r\n                    class=\"alert-required\"></span></label>\r\n            <div class=\"form-control mock-input d-flex justify-content-center align-items-center\">\r\n                <ng-container *ngIf=\"missedOpportunityStartTime\">\r\n                    {{missedOpportunityStartTime }} - {{missedOpportunityEndTime}}\r\n                </ng-container>\r\n            </div>\r\n\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <label class=\"form-label\">Conversion <span class=\"alert-required\"></span></label>\r\n            <div class=\"row\">\r\n                <div class=\"col\">\r\n                    <lib-reactive-select formControlName=\"conversionCondition\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"conversionCondition\" ></lib-reactive-select>\r\n                </div>\r\n                <div class=\"col\">\r\n                    <lib-reactive-select formControlName=\"conversionValue\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"conversionValue\" ></lib-reactive-select>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <lib-reactive-select formControlName=\"billableCalculation\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"billableCalculation\" [label]=\"'Billable Calculations'\" ></lib-reactive-select>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <lib-reactive-select formControlName=\"missedOpportunityCalculation\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"missedOpportunityCalculation\" [label]=\"'Missed Opportunity Calculation'\" ></lib-reactive-select>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <lib-reactive-select formControlName=\"conversionCalculation\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"conversionCalculation\" [label]=\"'Conversion Calculations'\" ></lib-reactive-select>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <div class=\"sub-header\">Normalized data during downtime</div>\r\n            <div class=\"sub-text\">Choose if you want to view normalized data during downtime. </div>\r\n        </div>\r\n        \r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <div class=\"sub-header\">Passer-by data</div>\r\n            <div class=\"sub-text\">Choose if you want to view Passerby data. </div>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \" >\r\n            <div class=\"sub-header\">Footfall Directory</div>\r\n            <div class=\"sub-text\">Choose if you want to view Footfall directory </div>    \r\n            </ng-container>\r\n            \r\n        </div>\r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \">\r\n                <div class=\"sub-header\">Excluded Area</div>\r\n                <div class=\"sub-text\">Choose if you want to view Excluded Area </div>\r\n            </ng-container>\r\n        \r\n        </div>\r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <div class=\"form-check form-switch\">\r\n                <input formControlName=\"isNormalized\" class=\"form-check-input\" type=\"checkbox\" id=\"isNormalized\">\r\n                <label class=\"form-check-label toggle-label\" for=\"isNormalized\"> Show Normalized data\r\n                </label>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <div class=\"form-check form-switch\">\r\n                <input formControlName=\"isPasserByData\" class=\"form-check-input\" type=\"checkbox\" id=\"isPasserByData\">\r\n                <label class=\"form-check-label toggle-label\" for=\"isPasserByData\"> Show Passer-by data\r\n                </label>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \" >\r\n            <div class=\"form-check form-switch\">\r\n                <input formControlName=\"isFootfallDirectory\" class=\"form-check-input\" type=\"checkbox\"\r\n                    id=\"isFootfallDirectory\">\r\n                <label class=\"form-check-label toggle-label\" for=\"isFootfallDirectory\"> Show Footfall Directory\r\n                </label>\r\n            </div>    \r\n            </ng-container>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \">\r\n                <div class=\"form-check form-switch\">\r\n                    <input formControlName=\"isExcludedArea\" class=\"form-check-input\" type=\"checkbox\"\r\n                        id=\"isExcludedArea\">\r\n                    <label class=\"form-check-label toggle-label\" for=\"isExludedArea\"> Show Excluded Area\r\n                    </label>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n\r\n    <div *ngIf=\"featureConfigurationForm.enabled\">\r\n        <div class=\"mb-5 w-100 footer-seperator\"></div>\r\n        <div class=\"d-flex justify-content-end\">\r\n            <a type=\"button\" class=\"btn btn-outline mt-1 me-4\" (click)=\"onCancel()\">Cancel</a>\r\n            <a type=\"submit\" class=\"btn btn-primary px-4 \" (click)=\"onSubmit()\"><span>Save Changes</span></a>\r\n        </div>\r\n    </div>\r\n\r\n</form>", styles: [".form-control{display:block;height:45px;padding:.5rem 1rem;font-size:1.1rem;font-weight:400;color:var(--Gray-500, #667085);-webkit-appearance:none;appearance:none;border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control[disabled]{background-color:#f9fafb!important}.form-select{font-size:1.1rem;font-weight:400;border-radius:8px!important;color:var(--Gray-500, #667085);border:1px solid var(--Gray-300, #D0D5DD)!important;height:45px}.form-label{color:var(--Gray-700, #344054);font-size:14px;font-style:normal;font-weight:500;line-height:20px}.is-invalid{border-radius:8px!important;border:1px solid var(--Error-300, #FDA29B)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;padding-right:calc(1.5em + .75rem)!important;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIyMDFfMjA5NTApIj4KPHBhdGggZD0iTTcuOTk5NjcgNS4zMzM5OFY4LjAwMDY1TTcuOTk5NjcgMTAuNjY3M0g4LjAwNjM0TTE0LjY2NjMgOC4wMDA2NUMxNC42NjYzIDExLjY4MjYgMTEuNjgxNiAxNC42NjczIDcuOTk5NjcgMTQuNjY3M0M0LjMxNzc4IDE0LjY2NzMgMS4zMzMwMSAxMS42ODI2IDEuMzMzMDEgOC4wMDA2NUMxLjMzMzAxIDQuMzE4NzUgNC4zMTc3OCAxLjMzMzk4IDcuOTk5NjcgMS4zMzM5OEMxMS42ODE2IDEuMzMzOTggMTQuNjY2MyA0LjMxODc1IDE0LjY2NjMgOC4wMDA2NVoiIHN0cm9rZT0iI0YwNDQzOCIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMjAxXzIwOTUwIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)!important;background-repeat:no-repeat!important;background-position:right calc(.375em + .1875rem) center!important;background-size:calc(.75em + .375rem) calc(.75em + .375rem)!important}small{color:var(--Error-500, #F04438)!important;font-size:14px!important;font-weight:400!important;line-height:20px;display:block;margin-top:6px}.cancel{border-radius:8px;border:1px solid #D0D5DD;background:#fff;color:#344054;font-family:Inter;font-size:14px;font-weight:600;line-height:20px;text-transform:capitalize}.apply{color:#fff;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:20px;text-transform:capitalize}select[disabled],textarea[disabled]{background-color:#f9fafb!important}.footer-seperator{border-top:1px solid #EAECF0}.sub-header{color:var(--Gray-700, #344054);font-size:14px;font-weight:500;line-height:20px}.sub-text{color:var(--Gray-500, #667085);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.toggle-label{color:var(--Gray-700, #344054);font-size:14px;font-weight:500;line-height:24px}.mock-input{background-color:#f9fafb!important}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: ReactiveSelectComponent, selector: "lib-reactive-select", inputs: ["idField", "nameField", "label", "data"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: FeatureConfigurationComponent, selector: "lib-feature-configuration", ngImport: i0, template: "<form [formGroup]=\"featureConfigurationForm\">\r\n    <div class=\"row\">\r\n        <ng-container *ngIf=\"(gs.userAccess | async)?.settings_configuration_isEdit \" >\r\n        <div *ngIf=\"featureConfigurationForm.disabled\" class=\"col-12 mb-5\">\r\n            <div class=\" d-flex justify-content-end\" *ngIf=\"featureConfigurationForm.get('updateFeatureConfig')?.value === true\">\r\n                <button\r\n                    (click)=\"featureConfigurationForm.disabled ? featureConfigurationForm.enable() : featureConfigurationForm.disable()\"\r\n                    type=\"button\" class=\"btn btn-outline align-items-end\"><span class=\"me-2\"><svg\r\n                            xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                            <g clip-path=\"url(#clip0_2579_25125)\">\r\n                                <path\r\n                                    d=\"M14.167 2.49993C14.3859 2.28106 14.6457 2.10744 14.9317 1.98899C15.2176 1.87054 15.5241 1.80957 15.8337 1.80957C16.1432 1.80957 16.4497 1.87054 16.7357 1.98899C17.0216 2.10744 17.2815 2.28106 17.5003 2.49993C17.7192 2.7188 17.8928 2.97863 18.0113 3.2646C18.1297 3.55057 18.1907 3.85706 18.1907 4.16659C18.1907 4.47612 18.1297 4.78262 18.0113 5.06859C17.8928 5.35455 17.7192 5.61439 17.5003 5.83326L6.25033 17.0833L1.66699 18.3333L2.91699 13.7499L14.167 2.49993Z\"\r\n                                    stroke=\"#344054\" stroke-width=\"1.67\" stroke-linecap=\"round\"\r\n                                    stroke-linejoin=\"round\" />\r\n                            </g>\r\n                            <defs>\r\n                                <clipPath id=\"clip0_2579_25125\">\r\n                                    <rect width=\"20\" height=\"20\" fill=\"white\" />\r\n                                </clipPath>\r\n                            </defs>\r\n                        </svg></span>Edit Details</button>\r\n            </div>\r\n        </div>    \r\n        </ng-container>\r\n\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <label for=\"open\" class=\"form-label\">Store Open Time <span class=\"alert-required\"></span></label>\r\n            <input type=\"time\" formControlName=\"open\" class=\"form-control\" id=\"open\" autocomplete=\"off\">\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <label for=\"close\" class=\"form-label\">Store Close Time <span class=\"alert-required\"></span></label>\r\n            <input type=\"time\" formControlName=\"close\" class=\"form-control\" id=\"close\" autocomplete=\"off\">\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <label class=\"form-label\">Infra Alert <span class=\"alert-required\"></span></label>\r\n            <div class=\"row\">\r\n                <div class=\"col\">\r\n                    <lib-reactive-select formControlName=\"infraAlertCondition\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"infraAlertCondition\" ></lib-reactive-select>\r\n                </div>\r\n                <div class=\"col\">\r\n                    <lib-reactive-select formControlName=\"infraAlertValue\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"infraAlertValue\" ></lib-reactive-select>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <label for=\"downTimeType\" class=\"form-label\">Bounced Limit<span class=\"alert-required\"></span></label>\r\n            <div class=\"row\">\r\n                <div class=\"col\">\r\n                    <lib-reactive-select formControlName=\"bouncedLimitCondition\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"bouncedLimitCondition\" ></lib-reactive-select>\r\n                </div>\r\n                <div class=\"col\">\r\n                    <lib-reactive-select formControlName=\"bouncedLimitValue\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"bouncedLimitValue\" ></lib-reactive-select>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <label for=\"MinFilesCount\" class=\"form-label\">Missed Opportunity <span\r\n                    class=\"alert-required\"></span></label>\r\n            <div class=\"form-control mock-input d-flex justify-content-center align-items-center\">\r\n                <ng-container *ngIf=\"missedOpportunityStartTime\">\r\n                    {{missedOpportunityStartTime }} - {{missedOpportunityEndTime}}\r\n                </ng-container>\r\n            </div>\r\n\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <label class=\"form-label\">Conversion <span class=\"alert-required\"></span></label>\r\n            <div class=\"row\">\r\n                <div class=\"col\">\r\n                    <lib-reactive-select formControlName=\"conversionCondition\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"conversionCondition\" ></lib-reactive-select>\r\n                </div>\r\n                <div class=\"col\">\r\n                    <lib-reactive-select formControlName=\"conversionValue\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"conversionValue\" ></lib-reactive-select>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <lib-reactive-select formControlName=\"billableCalculation\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"billableCalculation\" [label]=\"'Billable Calculations'\" ></lib-reactive-select>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <lib-reactive-select formControlName=\"missedOpportunityCalculation\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"missedOpportunityCalculation\" [label]=\"'Missed Opportunity Calculation'\" ></lib-reactive-select>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <lib-reactive-select formControlName=\"conversionCalculation\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"conversionCalculation\" [label]=\"'Conversion Calculations'\" ></lib-reactive-select>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <div class=\"sub-header\">Normalized data during downtime</div>\r\n            <div class=\"sub-text\">Choose if you want to view normalized data during downtime. </div>\r\n        </div>\r\n        \r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <div class=\"sub-header\">Passer-by data</div>\r\n            <div class=\"sub-text\">Choose if you want to view Passerby data. </div>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \" >\r\n            <div class=\"sub-header\">Footfall Directory</div>\r\n            <div class=\"sub-text\">Choose if you want to view Footfall directory </div>    \r\n            </ng-container>\r\n            \r\n        </div>\r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \">\r\n                <div class=\"sub-header\">Excluded Area</div>\r\n                <div class=\"sub-text\">Choose if you want to view Excluded Area </div>\r\n            </ng-container>\r\n        \r\n        </div>\r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <div class=\"form-check form-switch\">\r\n                <input formControlName=\"isNormalized\" class=\"form-check-input\" type=\"checkbox\" id=\"isNormalized\">\r\n                <label class=\"form-check-label toggle-label\" for=\"isNormalized\"> Show Normalized data\r\n                </label>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <div class=\"form-check form-switch\">\r\n                <input formControlName=\"isPasserByData\" class=\"form-check-input\" type=\"checkbox\" id=\"isPasserByData\">\r\n                <label class=\"form-check-label toggle-label\" for=\"isPasserByData\"> Show Passer-by data\r\n                </label>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \" >\r\n            <div class=\"form-check form-switch\">\r\n                <input formControlName=\"isFootfallDirectory\" class=\"form-check-input\" type=\"checkbox\"\r\n                    id=\"isFootfallDirectory\">\r\n                <label class=\"form-check-label toggle-label\" for=\"isFootfallDirectory\"> Show Footfall Directory\r\n                </label>\r\n            </div>    \r\n            </ng-container>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \">\r\n                <div class=\"form-check form-switch\">\r\n                    <input formControlName=\"isExcludedArea\" class=\"form-check-input\" type=\"checkbox\"\r\n                        id=\"isExcludedArea\">\r\n                    <label class=\"form-check-label toggle-label\" for=\"isExludedArea\"> Show Excluded Area\r\n                    </label>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n\r\n    <div *ngIf=\"featureConfigurationForm.enabled\">\r\n        <div class=\"mb-5 w-100 footer-seperator\"></div>\r\n        <div class=\"d-flex justify-content-end\">\r\n            <a type=\"button\" class=\"btn btn-outline mt-1 me-4\" (click)=\"onCancel()\">Cancel</a>\r\n            <a type=\"submit\" class=\"btn btn-primary px-4 \" (click)=\"onSubmit()\"><span>Save Changes</span></a>\r\n        </div>\r\n    </div>\r\n\r\n</form>", styles: [".form-control{display:block;height:45px;padding:.5rem 1rem;font-size:1.1rem;font-weight:400;color:var(--Gray-500, #667085);-webkit-appearance:none;appearance:none;border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control[disabled]{background-color:#f9fafb!important}.form-select{font-size:1.1rem;font-weight:400;border-radius:8px!important;color:var(--Gray-500, #667085);border:1px solid var(--Gray-300, #D0D5DD)!important;height:45px}.form-label{color:var(--Gray-700, #344054);font-size:14px;font-style:normal;font-weight:500;line-height:20px}.is-invalid{border-radius:8px!important;border:1px solid var(--Error-300, #FDA29B)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;padding-right:calc(1.5em + .75rem)!important;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIyMDFfMjA5NTApIj4KPHBhdGggZD0iTTcuOTk5NjcgNS4zMzM5OFY4LjAwMDY1TTcuOTk5NjcgMTAuNjY3M0g4LjAwNjM0TTE0LjY2NjMgOC4wMDA2NUMxNC42NjYzIDExLjY4MjYgMTEuNjgxNiAxNC42NjczIDcuOTk5NjcgMTQuNjY3M0M0LjMxNzc4IDE0LjY2NzMgMS4zMzMwMSAxMS42ODI2IDEuMzMzMDEgOC4wMDA2NUMxLjMzMzAxIDQuMzE4NzUgNC4zMTc3OCAxLjMzMzk4IDcuOTk5NjcgMS4zMzM5OEMxMS42ODE2IDEuMzMzOTggMTQuNjY2MyA0LjMxODc1IDE0LjY2NjMgOC4wMDA2NVoiIHN0cm9rZT0iI0YwNDQzOCIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMjAxXzIwOTUwIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)!important;background-repeat:no-repeat!important;background-position:right calc(.375em + .1875rem) center!important;background-size:calc(.75em + .375rem) calc(.75em + .375rem)!important}small{color:var(--Error-500, #F04438)!important;font-size:14px!important;font-weight:400!important;line-height:20px;display:block;margin-top:6px}.cancel{border-radius:8px;border:1px solid #D0D5DD;background:#fff;color:#344054;font-family:Inter;font-size:14px;font-weight:600;line-height:20px;text-transform:capitalize}.apply{color:#fff;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:20px;text-transform:capitalize}select[disabled],textarea[disabled]{background-color:#f9fafb!important}.footer-seperator{border-top:1px solid #EAECF0}.sub-header{color:var(--Gray-700, #344054);font-size:14px;font-weight:500;line-height:20px}.sub-text{color:var(--Gray-500, #667085);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.toggle-label{color:var(--Gray-700, #344054);font-size:14px;font-weight:500;line-height:24px}.mock-input{background-color:#f9fafb!important}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: ReactiveSelectComponent, selector: "lib-reactive-select", inputs: ["idField", "nameField", "label", "data"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: FeatureConfigurationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-feature-configuration', template: "<form [formGroup]=\"featureConfigurationForm\">\r\n    <div class=\"row\">\r\n        <ng-container *ngIf=\"(gs.userAccess | async)?.settings_configuration_isEdit \" >\r\n        <div *ngIf=\"featureConfigurationForm.disabled\" class=\"col-12 mb-5\">\r\n            <div class=\" d-flex justify-content-end\">\r\n                <button\r\n                    (click)=\"featureConfigurationForm.disabled ? featureConfigurationForm.enable() : featureConfigurationForm.disable()\"\r\n                    type=\"button\" class=\"btn btn-outline align-items-end\"><span class=\"me-2\"><svg\r\n                            xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                            <g clip-path=\"url(#clip0_2579_25125)\">\r\n                                <path\r\n                                    d=\"M14.167 2.49993C14.3859 2.28106 14.6457 2.10744 14.9317 1.98899C15.2176 1.87054 15.5241 1.80957 15.8337 1.80957C16.1432 1.80957 16.4497 1.87054 16.7357 1.98899C17.0216 2.10744 17.2815 2.28106 17.5003 2.49993C17.7192 2.7188 17.8928 2.97863 18.0113 3.2646C18.1297 3.55057 18.1907 3.85706 18.1907 4.16659C18.1907 4.47612 18.1297 4.78262 18.0113 5.06859C17.8928 5.35455 17.7192 5.61439 17.5003 5.83326L6.25033 17.0833L1.66699 18.3333L2.91699 13.7499L14.167 2.49993Z\"\r\n                                    stroke=\"#344054\" stroke-width=\"1.67\" stroke-linecap=\"round\"\r\n                                    stroke-linejoin=\"round\" />\r\n                            </g>\r\n                            <defs>\r\n                                <clipPath id=\"clip0_2579_25125\">\r\n                                    <rect width=\"20\" height=\"20\" fill=\"white\" />\r\n                                </clipPath>\r\n                            </defs>\r\n                        </svg></span>Edit Details</button>\r\n            </div>\r\n        </div>    \r\n        </ng-container>\r\n\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <label for=\"open\" class=\"form-label\">Store Open Time <span class=\"alert-required\"></span></label>\r\n            <input type=\"time\" formControlName=\"open\" class=\"form-control\" id=\"open\" autocomplete=\"off\">\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <label for=\"close\" class=\"form-label\">Store Close Time <span class=\"alert-required\"></span></label>\r\n            <input type=\"time\" formControlName=\"close\" class=\"form-control\" id=\"close\" autocomplete=\"off\">\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <label class=\"form-label\">Infra Alert <span class=\"alert-required\"></span></label>\r\n            <div class=\"row\">\r\n                <div class=\"col\">\r\n                    <lib-reactive-select formControlName=\"infraAlertCondition\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"infraAlertCondition\" ></lib-reactive-select>\r\n                </div>\r\n                <div class=\"col\">\r\n                    <lib-reactive-select formControlName=\"infraAlertValue\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"infraAlertValue\" ></lib-reactive-select>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <label for=\"downTimeType\" class=\"form-label\">Bounced Limit<span class=\"alert-required\"></span></label>\r\n            <div class=\"row\">\r\n                <div class=\"col\">\r\n                    <lib-reactive-select formControlName=\"bouncedLimitCondition\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"bouncedLimitCondition\" ></lib-reactive-select>\r\n                </div>\r\n                <div class=\"col\">\r\n                    <lib-reactive-select formControlName=\"bouncedLimitValue\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"bouncedLimitValue\" ></lib-reactive-select>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <label for=\"MinFilesCount\" class=\"form-label\">Missed Opportunity <span\r\n                    class=\"alert-required\"></span></label>\r\n            <div class=\"form-control mock-input d-flex justify-content-center align-items-center\">\r\n                <ng-container *ngIf=\"missedOpportunityStartTime\">\r\n                    {{missedOpportunityStartTime }} - {{missedOpportunityEndTime}}\r\n                </ng-container>\r\n            </div>\r\n\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <label class=\"form-label\">Conversion <span class=\"alert-required\"></span></label>\r\n            <div class=\"row\">\r\n                <div class=\"col\">\r\n                    <lib-reactive-select formControlName=\"conversionCondition\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"conversionCondition\" ></lib-reactive-select>\r\n                </div>\r\n                <div class=\"col\">\r\n                    <lib-reactive-select formControlName=\"conversionValue\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"conversionValue\" ></lib-reactive-select>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <lib-reactive-select formControlName=\"billableCalculation\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"billableCalculation\" [label]=\"'Billable Calculations'\" ></lib-reactive-select>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <lib-reactive-select formControlName=\"missedOpportunityCalculation\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"missedOpportunityCalculation\" [label]=\"'Missed Opportunity Calculation'\" ></lib-reactive-select>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <lib-reactive-select formControlName=\"conversionCalculation\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"conversionCalculation\" [label]=\"'Conversion Calculations'\" ></lib-reactive-select>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <div class=\"sub-header\">Normalized data during downtime</div>\r\n            <div class=\"sub-text\">Choose if you want to view normalized data during downtime. </div>\r\n        </div>\r\n        \r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <div class=\"sub-header\">Passer-by data</div>\r\n            <div class=\"sub-text\">Choose if you want to view Passerby data. </div>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \" >\r\n            <div class=\"sub-header\">Footfall Directory</div>\r\n            <div class=\"sub-text\">Choose if you want to view Footfall directory </div>    \r\n            </ng-container>\r\n            \r\n        </div>\r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \">\r\n                <div class=\"sub-header\">Excluded Area</div>\r\n                <div class=\"sub-text\">Choose if you want to view Excluded Area </div>\r\n            </ng-container>\r\n        \r\n        </div>\r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <div class=\"form-check form-switch\">\r\n                <input formControlName=\"isNormalized\" class=\"form-check-input\" type=\"checkbox\" id=\"isNormalized\">\r\n                <label class=\"form-check-label toggle-label\" for=\"isNormalized\"> Show Normalized data\r\n                </label>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <div class=\"form-check form-switch\">\r\n                <input formControlName=\"isPasserByData\" class=\"form-check-input\" type=\"checkbox\" id=\"isPasserByData\">\r\n                <label class=\"form-check-label toggle-label\" for=\"isPasserByData\"> Show Passer-by data\r\n                </label>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \" >\r\n            <div class=\"form-check form-switch\">\r\n                <input formControlName=\"isFootfallDirectory\" class=\"form-check-input\" type=\"checkbox\"\r\n                    id=\"isFootfallDirectory\">\r\n                <label class=\"form-check-label toggle-label\" for=\"isFootfallDirectory\"> Show Footfall Directory\r\n                </label>\r\n            </div>    \r\n            </ng-container>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \">\r\n                <div class=\"form-check form-switch\">\r\n                    <input formControlName=\"isExcludedArea\" class=\"form-check-input\" type=\"checkbox\"\r\n                        id=\"isExcludedArea\">\r\n                    <label class=\"form-check-label toggle-label\" for=\"isExludedArea\"> Show Excluded Area\r\n                    </label>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n\r\n    <div *ngIf=\"featureConfigurationForm.enabled\">\r\n        <div class=\"mb-5 w-100 footer-seperator\"></div>\r\n        <div class=\"d-flex justify-content-end\">\r\n            <a type=\"button\" class=\"btn btn-outline mt-1 me-4\" (click)=\"onCancel()\">Cancel</a>\r\n            <a type=\"submit\" class=\"btn btn-primary px-4 \" (click)=\"onSubmit()\"><span>Save Changes</span></a>\r\n        </div>\r\n    </div>\r\n\r\n</form>", styles: [".form-control{display:block;height:45px;padding:.5rem 1rem;font-size:1.1rem;font-weight:400;color:var(--Gray-500, #667085);-webkit-appearance:none;appearance:none;border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control[disabled]{background-color:#f9fafb!important}.form-select{font-size:1.1rem;font-weight:400;border-radius:8px!important;color:var(--Gray-500, #667085);border:1px solid var(--Gray-300, #D0D5DD)!important;height:45px}.form-label{color:var(--Gray-700, #344054);font-size:14px;font-style:normal;font-weight:500;line-height:20px}.is-invalid{border-radius:8px!important;border:1px solid var(--Error-300, #FDA29B)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;padding-right:calc(1.5em + .75rem)!important;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIyMDFfMjA5NTApIj4KPHBhdGggZD0iTTcuOTk5NjcgNS4zMzM5OFY4LjAwMDY1TTcuOTk5NjcgMTAuNjY3M0g4LjAwNjM0TTE0LjY2NjMgOC4wMDA2NUMxNC42NjYzIDExLjY4MjYgMTEuNjgxNiAxNC42NjczIDcuOTk5NjcgMTQuNjY3M0M0LjMxNzc4IDE0LjY2NzMgMS4zMzMwMSAxMS42ODI2IDEuMzMzMDEgOC4wMDA2NUMxLjMzMzAxIDQuMzE4NzUgNC4zMTc3OCAxLjMzMzk4IDcuOTk5NjcgMS4zMzM5OEMxMS42ODE2IDEuMzMzOTggMTQuNjY2MyA0LjMxODc1IDE0LjY2NjMgOC4wMDA2NVoiIHN0cm9rZT0iI0YwNDQzOCIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMjAxXzIwOTUwIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)!important;background-repeat:no-repeat!important;background-position:right calc(.375em + .1875rem) center!important;background-size:calc(.75em + .375rem) calc(.75em + .375rem)!important}small{color:var(--Error-500, #F04438)!important;font-size:14px!important;font-weight:400!important;line-height:20px;display:block;margin-top:6px}.cancel{border-radius:8px;border:1px solid #D0D5DD;background:#fff;color:#344054;font-family:Inter;font-size:14px;font-weight:600;line-height:20px;text-transform:capitalize}.apply{color:#fff;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:20px;text-transform:capitalize}select[disabled],textarea[disabled]{background-color:#f9fafb!important}.footer-seperator{border-top:1px solid #EAECF0}.sub-header{color:var(--Gray-700, #344054);font-size:14px;font-weight:500;line-height:20px}.sub-text{color:var(--Gray-500, #667085);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.toggle-label{color:var(--Gray-700, #344054);font-size:14px;font-weight:500;line-height:24px}.mock-input{background-color:#f9fafb!important}\n"] }]
+            args: [{ selector: 'lib-feature-configuration', template: "<form [formGroup]=\"featureConfigurationForm\">\r\n    <div class=\"row\">\r\n        <ng-container *ngIf=\"(gs.userAccess | async)?.settings_configuration_isEdit \" >\r\n        <div *ngIf=\"featureConfigurationForm.disabled\" class=\"col-12 mb-5\">\r\n            <div class=\" d-flex justify-content-end\" *ngIf=\"featureConfigurationForm.get('updateFeatureConfig')?.value === true\">\r\n                <button\r\n                    (click)=\"featureConfigurationForm.disabled ? featureConfigurationForm.enable() : featureConfigurationForm.disable()\"\r\n                    type=\"button\" class=\"btn btn-outline align-items-end\"><span class=\"me-2\"><svg\r\n                            xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                            <g clip-path=\"url(#clip0_2579_25125)\">\r\n                                <path\r\n                                    d=\"M14.167 2.49993C14.3859 2.28106 14.6457 2.10744 14.9317 1.98899C15.2176 1.87054 15.5241 1.80957 15.8337 1.80957C16.1432 1.80957 16.4497 1.87054 16.7357 1.98899C17.0216 2.10744 17.2815 2.28106 17.5003 2.49993C17.7192 2.7188 17.8928 2.97863 18.0113 3.2646C18.1297 3.55057 18.1907 3.85706 18.1907 4.16659C18.1907 4.47612 18.1297 4.78262 18.0113 5.06859C17.8928 5.35455 17.7192 5.61439 17.5003 5.83326L6.25033 17.0833L1.66699 18.3333L2.91699 13.7499L14.167 2.49993Z\"\r\n                                    stroke=\"#344054\" stroke-width=\"1.67\" stroke-linecap=\"round\"\r\n                                    stroke-linejoin=\"round\" />\r\n                            </g>\r\n                            <defs>\r\n                                <clipPath id=\"clip0_2579_25125\">\r\n                                    <rect width=\"20\" height=\"20\" fill=\"white\" />\r\n                                </clipPath>\r\n                            </defs>\r\n                        </svg></span>Edit Details</button>\r\n            </div>\r\n        </div>    \r\n        </ng-container>\r\n\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <label for=\"open\" class=\"form-label\">Store Open Time <span class=\"alert-required\"></span></label>\r\n            <input type=\"time\" formControlName=\"open\" class=\"form-control\" id=\"open\" autocomplete=\"off\">\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <label for=\"close\" class=\"form-label\">Store Close Time <span class=\"alert-required\"></span></label>\r\n            <input type=\"time\" formControlName=\"close\" class=\"form-control\" id=\"close\" autocomplete=\"off\">\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <label class=\"form-label\">Infra Alert <span class=\"alert-required\"></span></label>\r\n            <div class=\"row\">\r\n                <div class=\"col\">\r\n                    <lib-reactive-select formControlName=\"infraAlertCondition\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"infraAlertCondition\" ></lib-reactive-select>\r\n                </div>\r\n                <div class=\"col\">\r\n                    <lib-reactive-select formControlName=\"infraAlertValue\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"infraAlertValue\" ></lib-reactive-select>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <label for=\"downTimeType\" class=\"form-label\">Bounced Limit<span class=\"alert-required\"></span></label>\r\n            <div class=\"row\">\r\n                <div class=\"col\">\r\n                    <lib-reactive-select formControlName=\"bouncedLimitCondition\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"bouncedLimitCondition\" ></lib-reactive-select>\r\n                </div>\r\n                <div class=\"col\">\r\n                    <lib-reactive-select formControlName=\"bouncedLimitValue\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"bouncedLimitValue\" ></lib-reactive-select>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <label for=\"MinFilesCount\" class=\"form-label\">Missed Opportunity <span\r\n                    class=\"alert-required\"></span></label>\r\n            <div class=\"form-control mock-input d-flex justify-content-center align-items-center\">\r\n                <ng-container *ngIf=\"missedOpportunityStartTime\">\r\n                    {{missedOpportunityStartTime }} - {{missedOpportunityEndTime}}\r\n                </ng-container>\r\n            </div>\r\n\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <label class=\"form-label\">Conversion <span class=\"alert-required\"></span></label>\r\n            <div class=\"row\">\r\n                <div class=\"col\">\r\n                    <lib-reactive-select formControlName=\"conversionCondition\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"conversionCondition\" ></lib-reactive-select>\r\n                </div>\r\n                <div class=\"col\">\r\n                    <lib-reactive-select formControlName=\"conversionValue\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"conversionValue\" ></lib-reactive-select>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <lib-reactive-select formControlName=\"billableCalculation\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"billableCalculation\" [label]=\"'Billable Calculations'\" ></lib-reactive-select>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <lib-reactive-select formControlName=\"missedOpportunityCalculation\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"missedOpportunityCalculation\" [label]=\"'Missed Opportunity Calculation'\" ></lib-reactive-select>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n            <lib-reactive-select formControlName=\"conversionCalculation\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"conversionCalculation\" [label]=\"'Conversion Calculations'\" ></lib-reactive-select>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <div class=\"sub-header\">Normalized data during downtime</div>\r\n            <div class=\"sub-text\">Choose if you want to view normalized data during downtime. </div>\r\n        </div>\r\n        \r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <div class=\"sub-header\">Passer-by data</div>\r\n            <div class=\"sub-text\">Choose if you want to view Passerby data. </div>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \" >\r\n            <div class=\"sub-header\">Footfall Directory</div>\r\n            <div class=\"sub-text\">Choose if you want to view Footfall directory </div>    \r\n            </ng-container>\r\n            \r\n        </div>\r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \">\r\n                <div class=\"sub-header\">Excluded Area</div>\r\n                <div class=\"sub-text\">Choose if you want to view Excluded Area </div>\r\n            </ng-container>\r\n        \r\n        </div>\r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <div class=\"form-check form-switch\">\r\n                <input formControlName=\"isNormalized\" class=\"form-check-input\" type=\"checkbox\" id=\"isNormalized\">\r\n                <label class=\"form-check-label toggle-label\" for=\"isNormalized\"> Show Normalized data\r\n                </label>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <div class=\"form-check form-switch\">\r\n                <input formControlName=\"isPasserByData\" class=\"form-check-input\" type=\"checkbox\" id=\"isPasserByData\">\r\n                <label class=\"form-check-label toggle-label\" for=\"isPasserByData\"> Show Passer-by data\r\n                </label>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \" >\r\n            <div class=\"form-check form-switch\">\r\n                <input formControlName=\"isFootfallDirectory\" class=\"form-check-input\" type=\"checkbox\"\r\n                    id=\"isFootfallDirectory\">\r\n                <label class=\"form-check-label toggle-label\" for=\"isFootfallDirectory\"> Show Footfall Directory\r\n                </label>\r\n            </div>    \r\n            </ng-container>\r\n        </div>\r\n        <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n            <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \">\r\n                <div class=\"form-check form-switch\">\r\n                    <input formControlName=\"isExcludedArea\" class=\"form-check-input\" type=\"checkbox\"\r\n                        id=\"isExcludedArea\">\r\n                    <label class=\"form-check-label toggle-label\" for=\"isExludedArea\"> Show Excluded Area\r\n                    </label>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n\r\n    <div *ngIf=\"featureConfigurationForm.enabled\">\r\n        <div class=\"mb-5 w-100 footer-seperator\"></div>\r\n        <div class=\"d-flex justify-content-end\">\r\n            <a type=\"button\" class=\"btn btn-outline mt-1 me-4\" (click)=\"onCancel()\">Cancel</a>\r\n            <a type=\"submit\" class=\"btn btn-primary px-4 \" (click)=\"onSubmit()\"><span>Save Changes</span></a>\r\n        </div>\r\n    </div>\r\n\r\n</form>", styles: [".form-control{display:block;height:45px;padding:.5rem 1rem;font-size:1.1rem;font-weight:400;color:var(--Gray-500, #667085);-webkit-appearance:none;appearance:none;border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control[disabled]{background-color:#f9fafb!important}.form-select{font-size:1.1rem;font-weight:400;border-radius:8px!important;color:var(--Gray-500, #667085);border:1px solid var(--Gray-300, #D0D5DD)!important;height:45px}.form-label{color:var(--Gray-700, #344054);font-size:14px;font-style:normal;font-weight:500;line-height:20px}.is-invalid{border-radius:8px!important;border:1px solid var(--Error-300, #FDA29B)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;padding-right:calc(1.5em + .75rem)!important;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIyMDFfMjA5NTApIj4KPHBhdGggZD0iTTcuOTk5NjcgNS4zMzM5OFY4LjAwMDY1TTcuOTk5NjcgMTAuNjY3M0g4LjAwNjM0TTE0LjY2NjMgOC4wMDA2NUMxNC42NjYzIDExLjY4MjYgMTEuNjgxNiAxNC42NjczIDcuOTk5NjcgMTQuNjY3M0M0LjMxNzc4IDE0LjY2NzMgMS4zMzMwMSAxMS42ODI2IDEuMzMzMDEgOC4wMDA2NUMxLjMzMzAxIDQuMzE4NzUgNC4zMTc3OCAxLjMzMzk4IDcuOTk5NjcgMS4zMzM5OEMxMS42ODE2IDEuMzMzOTggMTQuNjY2MyA0LjMxODc1IDE0LjY2NjMgOC4wMDA2NVoiIHN0cm9rZT0iI0YwNDQzOCIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMjAxXzIwOTUwIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)!important;background-repeat:no-repeat!important;background-position:right calc(.375em + .1875rem) center!important;background-size:calc(.75em + .375rem) calc(.75em + .375rem)!important}small{color:var(--Error-500, #F04438)!important;font-size:14px!important;font-weight:400!important;line-height:20px;display:block;margin-top:6px}.cancel{border-radius:8px;border:1px solid #D0D5DD;background:#fff;color:#344054;font-family:Inter;font-size:14px;font-weight:600;line-height:20px;text-transform:capitalize}.apply{color:#fff;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:20px;text-transform:capitalize}select[disabled],textarea[disabled]{background-color:#f9fafb!important}.footer-seperator{border-top:1px solid #EAECF0}.sub-header{color:var(--Gray-700, #344054);font-size:14px;font-weight:500;line-height:20px}.sub-text{color:var(--Gray-500, #667085);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.toggle-label{color:var(--Gray-700, #344054);font-size:14px;font-weight:500;line-height:24px}.mock-input{background-color:#f9fafb!important}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: ClientApiService }, { type: i3.GlobalStateService }, { type: i0.ChangeDetectorRef }] });
 
 class EmailConfigurationComponent {
@@ -4563,7 +4564,8 @@ class ConfigurationsComponent {
             isNormalized: data?.featureConfigs?.isNormalized,
             isPasserByData: data?.featureConfigs?.isPasserByData,
             isFootfallDirectory: data?.featureConfigs?.isFootfallDirectory,
-            isExcludedArea: data?.featureConfigs?.isExcludedArea
+            isExcludedArea: data?.featureConfigs?.isExcludedArea,
+            updateFeatureConfig: data?.featureConfigs?.updateFeatureConfig
         };
         this.featureConfigPrevValues = obj;
         this.clientApi.clientFormData.next({ value: { ...obj }, type: 'input', form: 'feature-configuration' });