tango-app-ui-manage-settings 3.0.25-dev → 3.0.26-dev

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/esm2022/lib/components/configurations/audit-configuration/audit-configuration.component.mjs +3 -1
  2. package/esm2022/lib/components/configurations/configurations.component.mjs +1 -14
  3. package/esm2022/lib/components/configurations/report-configuration/report-configuration.component.mjs +2 -1
  4. package/esm2022/lib/components/configurations/ticket-configuration/ticket-configuration.component.mjs +4 -4
  5. package/esm2022/lib/components/configurations/user-configuration/user-configuration.component.mjs +2 -1
  6. package/fesm2022/tango-app-ui-manage-settings.mjs +7 -16
  7. package/fesm2022/tango-app-ui-manage-settings.mjs.map +1 -1
  8. package/lib/components/configurations/ticket-configuration/ticket-configuration.component.d.ts +1 -1
  9. package/package.json +1 -1
package/fesm2022/tango-app-ui-manage-settings.mjs CHANGED
@@ -3463,6 +3463,7 @@ class AuditConfigurationComponent {
3463
3463
  this.apiService.updateauditConfiguration([this.auditConfigForm.value], this.clientId).pipe(takeUntil(this.destroy$)).subscribe({
3464
3464
  next: (e) => {
3465
3465
  this.toast.getSuccessToast(e.data?.result);
3466
+ this.apiService.clientFormData.next({ value: null, type: 'submitted', form: 'null' });
3466
3467
  },
3467
3468
  error: (e) => {
3468
3469
  this.toast.getErrorToast(e.error?.error);
@@ -3474,6 +3475,7 @@ class AuditConfigurationComponent {
3474
3475
  this.apiService.updateauditConfiguration(this.bulkAddData, this.clientId).pipe(takeUntil(this.destroy$)).subscribe({
3475
3476
  next: (e) => {
3476
3477
  this.toast.getSuccessToast(e.data?.result);
3478
+ this.apiService.clientFormData.next({ value: null, type: 'submitted', form: 'null' });
3477
3479
  },
3478
3480
  error: (e) => {
3479
3481
  this.toast.getErrorToast(e.error?.error);
@@ -3519,7 +3521,7 @@ class TicketConfigurationComponent {
3519
3521
  { value: 11, label: "11 Hrs" },
3520
3522
  { value: 12, label: "12 Hrs" },
3521
3523
  ];
3522
- refreshDownTime = [
3524
+ rcaTicketAssign = [
3523
3525
  { value: 1, label: "1 Day" },
3524
3526
  { value: 2, label: "2 Days" },
3525
3527
  { value: 3, label: "3 Days" },
@@ -3579,11 +3581,11 @@ class TicketConfigurationComponent {
3579
3581
  this.apiService.clientFormData.next({ value: this.ticketConfigurationForm.value, type: 'submit', form: 'ticket-configuration' });
3580
3582
  }
3581
3583
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: TicketConfigurationComponent, deps: [{ token: i1$1.FormBuilder }, { token: ClientApiService }, { token: i3.GlobalStateService }], target: i0.ɵɵFactoryTarget.Component });
3582
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: TicketConfigurationComponent, selector: "lib-ticket-configuration", ngImport: i0, template: "<form [formGroup]=\"ticketConfigurationForm\">\r\n <div class=\"row\">\r\n <ng-container *ngIf=\"(gs.userAccess | async)?.settings_configuration_isEdit \" >\r\n <div *ngIf=\"ticketConfigurationForm.disabled\" class=\"col-12 mb-5\">\r\n <div class=\" d-flex justify-content-end\">\r\n <button\r\n (click)=\"ticketConfigurationForm.disabled ? ticketConfigurationForm.enable() : ticketConfigurationForm.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-12\">\r\n <div class=\"row\">\r\n <div class=\"col-6\">\r\n <div class=\"sub-header mb-7\">Installation</div>\r\n <label for=\"installationReAssign\" class=\"form-label\">Auto Re-Assign Installation tickets in days\r\n <span class=\"alert-required\"></span></label>\r\n <div style=\"position: relative;\">\r\n <svg role=\"button\"\r\n (click)=\"ticketConfigurationForm.get('installationReAssign')?.value > 0 && ticketConfigurationForm.enabled ? ticketConfigurationForm.get('installationReAssign')?.setValue(ticketConfigurationForm.get('installationReAssign')?.value - 1) : null\"\r\n class=\"dec\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\r\n fill=\"none\">\r\n <path d=\"M4.16602 10H15.8327\" stroke=\"#667085\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n <input readonly type=\"number\" formControlName=\"installationReAssign\"\r\n class=\"form-control inc-dec-input\" id=\"installationReAssign\" autocomplete=\"off\">\r\n <svg role=\"button\"\r\n (click)=\"ticketConfigurationForm.enabled ? ticketConfigurationForm.get('installationReAssign')?.setValue(ticketConfigurationForm.get('installationReAssign')?.value + 1) : null\"\r\n class=\"inc\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path d=\"M8.00065 3.33337V12.6667M3.33398 8.00004H12.6673\" stroke=\"#667085\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-12 mb-7 mt-7\">\r\n <div class=\" w-100 footer-seperator\"></div>\r\n </div>\r\n <div class=\"col-12 mb-7\">\r\n <div class=\"sub-header \">Infra</div>\r\n </div>\r\n <div class=\"col-12 mb-5\">\r\n <label for=\"brandName\" class=\"form-label\">To whom should this alert be sent? <span\r\n class=\"alert-required\"></span></label>\r\n <div class=\"d-flex\">\r\n <div class=\"form-check me-12\">\r\n <input formControlName=\"sendToAdmin\" class=\"form-check-input me-2\" type=\"checkbox\" value=\"\"\r\n id=\"sendToAdmin\">\r\n <label class=\"form-check-label\" for=\"sendToAdmin\">\r\n Admin\r\n </label>\r\n </div>\r\n <div class=\"form-check\">\r\n <input formControlName=\"sendToUser\" class=\"form-check-input me-2\" type=\"checkbox\" value=\"\"\r\n id=\"flexCheckChecked\">\r\n <label class=\"form-check-label\" for=\"flexCheckChecked\">\r\n User\r\n </label>\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=\"downTimeType\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"downTimeType\" [label]=\"'Downtime Type'\" ></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=\"infraDownTime\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"infraDownTime\" [label]=\"'Downtime'\" ></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 <label for=\"MinFilesCount\" class=\"form-label\">Files <span class=\"alert-required\"></span></label>\r\n <input type=\"number\" formControlName=\"MinFilesCount\" class=\"form-control\" id=\"MinFilesCount\"\r\n autocomplete=\"off\">\r\n </div>\r\n <div class=\"col-12 mb-5\">\r\n <div class=\"custom-input-container\" >\r\n <div class=\"d-flex justify-content-between\">\r\n <div class=\"d-flex align-items-center\">\r\n <svg class=\"me-5\" width=\"46\" height=\"47\" viewBox=\"0 0 46 47\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"3\" y=\"3.91626\" width=\"40\" height=\"40\" rx=\"20\" fill=\"#F2F4F7\" />\r\n <rect x=\"3\" y=\"3.91626\" width=\"40\" height=\"40\" rx=\"20\" stroke=\"#F9FAFB\" stroke-width=\"6\" />\r\n <g clip-path=\"url(#clip0_2876_59590)\">\r\n <path\r\n d=\"M23.8333 15.5829L15.5 25.5829H23L22.1667 32.2496L30.5 22.2496H23L23.8333 15.5829Z\"\r\n stroke=\"#475467\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_2876_59590\">\r\n <rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(13 13.9163)\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n <div>\r\n <div class=\"main-heading\">RCA Ticket</div>\r\n <div class=\"sub-heading\">Set an alert, if there is no response from the store </div>\r\n </div>\r\n </div>\r\n <div class=\"d-flex align-items-center\">\r\n <lib-reactive-select formControlName=\"rcaTicketAssign\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"infraDownTime\" ></lib-reactive-select>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-12 mb-5\">\r\n <div class=\"custom-input-container\" >\r\n <div class=\"d-flex justify-content-between\">\r\n <div class=\"d-flex align-items-center\">\r\n <svg class=\"me-5\" width=\"46\" height=\"47\" viewBox=\"0 0 46 47\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"3\" y=\"3.91626\" width=\"40\" height=\"40\" rx=\"20\" fill=\"#F2F4F7\" />\r\n <rect x=\"3\" y=\"3.91626\" width=\"40\" height=\"40\" rx=\"20\" stroke=\"#F9FAFB\" stroke-width=\"6\" />\r\n <g clip-path=\"url(#clip0_2876_59590)\">\r\n <path\r\n d=\"M23.8333 15.5829L15.5 25.5829H23L22.1667 32.2496L30.5 22.2496H23L23.8333 15.5829Z\"\r\n stroke=\"#475467\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_2876_59590\">\r\n <rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(13 13.9163)\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n <div>\r\n <div class=\"main-heading\">Refresh Ticket Alert</div>\r\n <div class=\"sub-heading\">Trigger an ticket, if the issue is not resolved or in progress\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"d-flex align-items-center\">\r\n <lib-reactive-select formControlName=\"rcaTicketAssign\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"refreshDownTime\" ></lib-reactive-select>\r\n\r\n\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-12 mb-5\">\r\n <div class=\"custom-input-container\">\r\n <div class=\"d-flex justify-content-between\">\r\n <div class=\"d-flex align-items-center\">\r\n <svg class=\"me-5\" width=\"46\" height=\"47\" viewBox=\"0 0 46 47\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"3\" y=\"3.91626\" width=\"40\" height=\"40\" rx=\"20\" fill=\"#F2F4F7\" />\r\n <rect x=\"3\" y=\"3.91626\" width=\"40\" height=\"40\" rx=\"20\" stroke=\"#F9FAFB\" stroke-width=\"6\" />\r\n <g clip-path=\"url(#clip0_2876_59590)\">\r\n <path\r\n d=\"M23.8333 15.5829L15.5 25.5829H23L22.1667 32.2496L30.5 22.2496H23L23.8333 15.5829Z\"\r\n stroke=\"#475467\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_2876_59590\">\r\n <rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(13 13.9163)\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n <div>\r\n <div class=\"main-heading\">Status Check Alert</div>\r\n <div class=\"sub-heading\">An alert will be sent to the store employee so they can confirm\r\n whether the problem has been fixed.</div>\r\n </div>\r\n </div>\r\n <div class=\"d-flex align-items-center\">\r\n <lib-reactive-select formControlName=\"rcaTicketAssign\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"infraDownTime\" ></lib-reactive-select>\r\n\r\n\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"col-12 mb-7 mt-7\">\r\n <div class=\" w-100 footer-seperator\"></div>\r\n </div>\r\n <div class=\"col-12 mb-7\">\r\n <div class=\"sub-header \">Data Mismatch (High Count)</div>\r\n </div>\r\n <div class=\"col-12 mb-5\">\r\n <div class=\"row\">\r\n <div class=\"col-6\">\r\n <label for=\"accuracyPercentage\" class=\"form-label\">Accuracy Percentage less than <span\r\n class=\"alert-required\"></span></label>\r\n <div style=\"position: relative;\">\r\n <input min=\"0\" max=\"100\" type=\"number\" formControlName=\"accuracyPercentage\"\r\n class=\"form-control \" id=\"accuracyPercentage\" autocomplete=\"off\">\r\n <svg class=\"inc\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"17\" viewBox=\"0 0 16 17\"\r\n fill=\"none\">\r\n <path\r\n d=\"M12.666 4.24967L3.33268 13.583M5.99935 5.24967C5.99935 6.17015 5.25316 6.91634 4.33268 6.91634C3.41221 6.91634 2.66602 6.17015 2.66602 5.24967C2.66602 4.3292 3.41221 3.58301 4.33268 3.58301C5.25316 3.58301 5.99935 4.3292 5.99935 5.24967ZM13.3327 12.583C13.3327 13.5035 12.5865 14.2497 11.666 14.2497C10.7455 14.2497 9.99935 13.5035 9.99935 12.583C9.99935 11.6625 10.7455 10.9163 11.666 10.9163C12.5865 10.9163 13.3327 11.6625 13.3327 12.583Z\"\r\n stroke=\"#667085\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </div>\r\n </div>\r\n <div class=\"col-6\">\r\n <label for=\"reTrain\" class=\"form-label\">Sent to Re-training for (in days) <span\r\n class=\"alert-required\"></span></label>\r\n <div style=\"position: relative;\">\r\n <svg role=\"button\"\r\n (click)=\"ticketConfigurationForm.get('reTrain')?.value > 0 && ticketConfigurationForm.enabled ? ticketConfigurationForm.get('reTrain')?.setValue(ticketConfigurationForm.get('reTrain')?.value - 1) : null\"\r\n class=\"dec\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\r\n fill=\"none\">\r\n <path d=\"M4.16602 10H15.8327\" stroke=\"#667085\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n <input readonly type=\"number\" formControlName=\"reTrain\" class=\"form-control inc-dec-input\"\r\n id=\"reTrain\" autocomplete=\"off\">\r\n <svg role=\"button\"\r\n (click)=\"ticketConfigurationForm.get('reTrain')?.value < 12 && ticketConfigurationForm.enabled ? ticketConfigurationForm.get('reTrain')?.setValue(ticketConfigurationForm.get('reTrain')?.value + 1) : null\"\r\n class=\"inc\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path d=\"M8.00065 3.33337V12.6667M3.33398 8.00004H12.6673\" stroke=\"#667085\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"ticketConfigurationForm.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 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-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}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[disabled],select[disabled],textarea[disabled],select[readonly],textarea[readonly]{background-color:#f9fafb!important}.footer-seperator{border-top:1px solid #EAECF0}.inc-dec-input{padding-right:30px;padding-left:30px;text-align:center}.inc{height:100%;position:absolute;right:14px;top:0}.dec{height:100%;position:absolute;left:14px;top:0}.sub-header{color:var(--Black, #101828);font-family:Inter;font-size:18px;font-weight:500;line-height:28px}.form-check{display:flex;align-items:center}.form-check-input{height:16px;width:16px;border-radius:4px;border:1px solid var(--Primary-600, #00A3FF)}.form-check-input:checked{--bs-form-check-bg-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB4SURBVHgBhY7NDUBQEIRnqcJNKXTg6qYTStCB+Isy6IQSNMDa9SLh5eWZZPcw+81kCX/quABhD73QyKXsGoyIvNCJSto2hEhNtY4N9cwYeMXEsVqB1GaSauRQOpty2tSmO3FgloAmF5nEhgyoesMO6CuFW66fn2xdFyA3ZzcRLrMAAAAASUVORK5CYII=);background-color:#eaf8ff;border-color:#00a3ff}.form-check-label{color:var(--Gray-700, #344054);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.custom-input-container{border-radius:8px;border:1px solid var(--Gray-200, #EAECF0);background:var(--White, #FFF);padding:16px;width:100%}.custom-input-container .main-heading{color:var(--Gray-700, #344054);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.custom-input-container .sub-heading{color:var(--Gray-500, #667085);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.custom-input-container .form-select{border-radius:8px;border:1px solid var(--Gray-300, #D0D5DD);box-shadow:0 1px 2px #1018280d;width:134px}.custom-input-container .form-select[disabled]{background-color:var(--White, #FFF)!important;border:1px solid var(--Gray-200, #EAECF0)!important;box-shadow:0 1px 2px #1018280d!important;color:var(--Gray-300, #D0D5DD)!important;font-family:Inter;font-size:14px;font-weight:600;line-height:20px}.custom-input-container .form-check-input{height:16px;width:16px;border-radius:50%;border:1px solid var(--Gray-300, #D0D5DD)}.custom-input-container .form-check-input:checked{--bs-form-check-bg-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAYAAABGbhwYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABJSURBVHgBvc1RCQAgDEXRRTCCkYxiA21gJRsYwSjzgQxENtjXHtwfPTCi0DFzRsWDNt9lD+rymNBCzUQPlI+hIuOUjj48UaWQHcH9cjH96UPaAAAAAElFTkSuQmCC);border:1px solid var(--Primary-600, #00A3FF);background-color:var(--Primary-600, #00A3FF)}\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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { 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.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { 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" }] });
3584
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: TicketConfigurationComponent, selector: "lib-ticket-configuration", ngImport: i0, template: "<form [formGroup]=\"ticketConfigurationForm\">\r\n <div class=\"row\">\r\n <ng-container *ngIf=\"(gs.userAccess | async)?.settings_configuration_isEdit \" >\r\n <div *ngIf=\"ticketConfigurationForm.disabled\" class=\"col-12 mb-5\">\r\n <div class=\" d-flex justify-content-end\">\r\n <button\r\n (click)=\"ticketConfigurationForm.disabled ? ticketConfigurationForm.enable() : ticketConfigurationForm.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-12\">\r\n <div class=\"row\">\r\n <div class=\"col-6\">\r\n <div class=\"sub-header mb-7\">Installation</div>\r\n <label for=\"installationReAssign\" class=\"form-label\">Auto Re-Assign Installation tickets in days\r\n <span class=\"alert-required\"></span></label>\r\n <div style=\"position: relative;\">\r\n <svg role=\"button\"\r\n (click)=\"ticketConfigurationForm.get('installationReAssign')?.value > 0 && ticketConfigurationForm.enabled ? ticketConfigurationForm.get('installationReAssign')?.setValue(ticketConfigurationForm.get('installationReAssign')?.value - 1) : null\"\r\n class=\"dec\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\r\n fill=\"none\">\r\n <path d=\"M4.16602 10H15.8327\" stroke=\"#667085\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n <input readonly type=\"number\" formControlName=\"installationReAssign\"\r\n class=\"form-control inc-dec-input\" id=\"installationReAssign\" autocomplete=\"off\">\r\n <svg role=\"button\"\r\n (click)=\"ticketConfigurationForm.enabled ? ticketConfigurationForm.get('installationReAssign')?.setValue(ticketConfigurationForm.get('installationReAssign')?.value + 1) : null\"\r\n class=\"inc\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path d=\"M8.00065 3.33337V12.6667M3.33398 8.00004H12.6673\" stroke=\"#667085\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-12 mb-7 mt-7\">\r\n <div class=\" w-100 footer-seperator\"></div>\r\n </div>\r\n <div class=\"col-12 mb-7\">\r\n <div class=\"sub-header \">Infra</div>\r\n </div>\r\n <div class=\"col-12 mb-5\">\r\n <label for=\"brandName\" class=\"form-label\">To whom should this alert be sent? <span\r\n class=\"alert-required\"></span></label>\r\n <div class=\"d-flex\">\r\n <div class=\"form-check me-12\">\r\n <input formControlName=\"sendToAdmin\" class=\"form-check-input me-2\" type=\"checkbox\" value=\"\"\r\n id=\"sendToAdmin\">\r\n <label class=\"form-check-label\" for=\"sendToAdmin\">\r\n Admin\r\n </label>\r\n </div>\r\n <div class=\"form-check\">\r\n <input formControlName=\"sendToUser\" class=\"form-check-input me-2\" type=\"checkbox\" value=\"\"\r\n id=\"flexCheckChecked\">\r\n <label class=\"form-check-label\" for=\"flexCheckChecked\">\r\n User\r\n </label>\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=\"downTimeType\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"downTimeType\" [label]=\"'Downtime Type'\" ></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=\"infraDownTime\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"infraDownTime\" [label]=\"'Downtime'\" ></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 <label for=\"MinFilesCount\" class=\"form-label\">Files <span class=\"alert-required\"></span></label>\r\n <input type=\"number\" formControlName=\"MinFilesCount\" class=\"form-control\" id=\"MinFilesCount\"\r\n autocomplete=\"off\">\r\n </div>\r\n <div class=\"col-12 mb-5\">\r\n <div class=\"custom-input-container\" >\r\n <div class=\"d-flex justify-content-between\">\r\n <div class=\"d-flex align-items-center\">\r\n <svg class=\"me-5\" width=\"46\" height=\"47\" viewBox=\"0 0 46 47\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"3\" y=\"3.91626\" width=\"40\" height=\"40\" rx=\"20\" fill=\"#F2F4F7\" />\r\n <rect x=\"3\" y=\"3.91626\" width=\"40\" height=\"40\" rx=\"20\" stroke=\"#F9FAFB\" stroke-width=\"6\" />\r\n <g clip-path=\"url(#clip0_2876_59590)\">\r\n <path\r\n d=\"M23.8333 15.5829L15.5 25.5829H23L22.1667 32.2496L30.5 22.2496H23L23.8333 15.5829Z\"\r\n stroke=\"#475467\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_2876_59590\">\r\n <rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(13 13.9163)\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n <div>\r\n <div class=\"main-heading\">RCA Ticket</div>\r\n <div class=\"sub-heading\">Set an alert, if there is no response from the store </div>\r\n </div>\r\n </div>\r\n <div class=\"d-flex align-items-center\">\r\n <lib-reactive-select formControlName=\"rcaTicketAssign\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"infraDownTime\" ></lib-reactive-select>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-12 mb-5\">\r\n <div class=\"custom-input-container\" >\r\n <div class=\"d-flex justify-content-between\">\r\n <div class=\"d-flex align-items-center\">\r\n <svg class=\"me-5\" width=\"46\" height=\"47\" viewBox=\"0 0 46 47\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"3\" y=\"3.91626\" width=\"40\" height=\"40\" rx=\"20\" fill=\"#F2F4F7\" />\r\n <rect x=\"3\" y=\"3.91626\" width=\"40\" height=\"40\" rx=\"20\" stroke=\"#F9FAFB\" stroke-width=\"6\" />\r\n <g clip-path=\"url(#clip0_2876_59590)\">\r\n <path\r\n d=\"M23.8333 15.5829L15.5 25.5829H23L22.1667 32.2496L30.5 22.2496H23L23.8333 15.5829Z\"\r\n stroke=\"#475467\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_2876_59590\">\r\n <rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(13 13.9163)\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n <div>\r\n <div class=\"main-heading\">Refresh Ticket Alert</div>\r\n <div class=\"sub-heading\">Trigger an ticket, if the issue is not resolved or in progress\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"d-flex align-items-center\">\r\n <lib-reactive-select formControlName=\"rcaTicketAssign\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"rcaTicketAssign\" ></lib-reactive-select>\r\n\r\n\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-12 mb-5\">\r\n <div class=\"custom-input-container\">\r\n <div class=\"d-flex justify-content-between\">\r\n <div class=\"d-flex align-items-center\">\r\n <svg class=\"me-5\" width=\"46\" height=\"47\" viewBox=\"0 0 46 47\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"3\" y=\"3.91626\" width=\"40\" height=\"40\" rx=\"20\" fill=\"#F2F4F7\" />\r\n <rect x=\"3\" y=\"3.91626\" width=\"40\" height=\"40\" rx=\"20\" stroke=\"#F9FAFB\" stroke-width=\"6\" />\r\n <g clip-path=\"url(#clip0_2876_59590)\">\r\n <path\r\n d=\"M23.8333 15.5829L15.5 25.5829H23L22.1667 32.2496L30.5 22.2496H23L23.8333 15.5829Z\"\r\n stroke=\"#475467\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_2876_59590\">\r\n <rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(13 13.9163)\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n <div>\r\n <div class=\"main-heading\">Status Check Alert</div>\r\n <div class=\"sub-heading\">An alert will be sent to the store employee so they can confirm\r\n whether the problem has been fixed.</div>\r\n </div>\r\n </div>\r\n <div class=\"d-flex align-items-center\">\r\n <lib-reactive-select formControlName=\"rcaTicketAssign\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"infraDownTime\" ></lib-reactive-select>\r\n\r\n\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"col-12 mb-7 mt-7\">\r\n <div class=\" w-100 footer-seperator\"></div>\r\n </div>\r\n <div class=\"col-12 mb-7\">\r\n <div class=\"sub-header \">Data Mismatch (High Count)</div>\r\n </div>\r\n <div class=\"col-12 mb-5\">\r\n <div class=\"row\">\r\n <div class=\"col-6\">\r\n <label for=\"accuracyPercentage\" class=\"form-label\">Accuracy Percentage less than <span\r\n class=\"alert-required\"></span></label>\r\n <div style=\"position: relative;\">\r\n <input min=\"0\" max=\"100\" type=\"number\" formControlName=\"accuracyPercentage\"\r\n class=\"form-control \" id=\"accuracyPercentage\" autocomplete=\"off\">\r\n <svg class=\"inc\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"17\" viewBox=\"0 0 16 17\"\r\n fill=\"none\">\r\n <path\r\n d=\"M12.666 4.24967L3.33268 13.583M5.99935 5.24967C5.99935 6.17015 5.25316 6.91634 4.33268 6.91634C3.41221 6.91634 2.66602 6.17015 2.66602 5.24967C2.66602 4.3292 3.41221 3.58301 4.33268 3.58301C5.25316 3.58301 5.99935 4.3292 5.99935 5.24967ZM13.3327 12.583C13.3327 13.5035 12.5865 14.2497 11.666 14.2497C10.7455 14.2497 9.99935 13.5035 9.99935 12.583C9.99935 11.6625 10.7455 10.9163 11.666 10.9163C12.5865 10.9163 13.3327 11.6625 13.3327 12.583Z\"\r\n stroke=\"#667085\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </div>\r\n </div>\r\n <div class=\"col-6\">\r\n <label for=\"reTrain\" class=\"form-label\">Sent to Re-training for (in days) <span\r\n class=\"alert-required\"></span></label>\r\n <div style=\"position: relative;\">\r\n <svg role=\"button\"\r\n (click)=\"ticketConfigurationForm.get('reTrain')?.value > 0 && ticketConfigurationForm.enabled ? ticketConfigurationForm.get('reTrain')?.setValue(ticketConfigurationForm.get('reTrain')?.value - 1) : null\"\r\n class=\"dec\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\r\n fill=\"none\">\r\n <path d=\"M4.16602 10H15.8327\" stroke=\"#667085\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n <input readonly type=\"number\" formControlName=\"reTrain\" class=\"form-control inc-dec-input\"\r\n id=\"reTrain\" autocomplete=\"off\">\r\n <svg role=\"button\"\r\n (click)=\"ticketConfigurationForm.get('reTrain')?.value < 12 && ticketConfigurationForm.enabled ? ticketConfigurationForm.get('reTrain')?.setValue(ticketConfigurationForm.get('reTrain')?.value + 1) : null\"\r\n class=\"inc\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path d=\"M8.00065 3.33337V12.6667M3.33398 8.00004H12.6673\" stroke=\"#667085\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"ticketConfigurationForm.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 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-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}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[disabled],select[disabled],textarea[disabled],select[readonly],textarea[readonly]{background-color:#f9fafb!important}.footer-seperator{border-top:1px solid #EAECF0}.inc-dec-input{padding-right:30px;padding-left:30px;text-align:center}.inc{height:100%;position:absolute;right:14px;top:0}.dec{height:100%;position:absolute;left:14px;top:0}.sub-header{color:var(--Black, #101828);font-family:Inter;font-size:18px;font-weight:500;line-height:28px}.form-check{display:flex;align-items:center}.form-check-input{height:16px;width:16px;border-radius:4px;border:1px solid var(--Primary-600, #00A3FF)}.form-check-input:checked{--bs-form-check-bg-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB4SURBVHgBhY7NDUBQEIRnqcJNKXTg6qYTStCB+Isy6IQSNMDa9SLh5eWZZPcw+81kCX/quABhD73QyKXsGoyIvNCJSto2hEhNtY4N9cwYeMXEsVqB1GaSauRQOpty2tSmO3FgloAmF5nEhgyoesMO6CuFW66fn2xdFyA3ZzcRLrMAAAAASUVORK5CYII=);background-color:#eaf8ff;border-color:#00a3ff}.form-check-label{color:var(--Gray-700, #344054);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.custom-input-container{border-radius:8px;border:1px solid var(--Gray-200, #EAECF0);background:var(--White, #FFF);padding:16px;width:100%}.custom-input-container .main-heading{color:var(--Gray-700, #344054);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.custom-input-container .sub-heading{color:var(--Gray-500, #667085);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.custom-input-container .form-select{border-radius:8px;border:1px solid var(--Gray-300, #D0D5DD);box-shadow:0 1px 2px #1018280d;width:134px}.custom-input-container .form-select[disabled]{background-color:var(--White, #FFF)!important;border:1px solid var(--Gray-200, #EAECF0)!important;box-shadow:0 1px 2px #1018280d!important;color:var(--Gray-300, #D0D5DD)!important;font-family:Inter;font-size:14px;font-weight:600;line-height:20px}.custom-input-container .form-check-input{height:16px;width:16px;border-radius:50%;border:1px solid var(--Gray-300, #D0D5DD)}.custom-input-container .form-check-input:checked{--bs-form-check-bg-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAYAAABGbhwYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABJSURBVHgBvc1RCQAgDEXRRTCCkYxiA21gJRsYwSjzgQxENtjXHtwfPTCi0DFzRsWDNt9lD+rymNBCzUQPlI+hIuOUjj48UaWQHcH9cjH96UPaAAAAAElFTkSuQmCC);border:1px solid var(--Primary-600, #00A3FF);background-color:var(--Primary-600, #00A3FF)}\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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { 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.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { 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" }] });
3583
3585
  }
3584
3586
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: TicketConfigurationComponent, decorators: [{
3585
3587
  type: Component,
3586
- args: [{ selector: 'lib-ticket-configuration', template: "<form [formGroup]=\"ticketConfigurationForm\">\r\n <div class=\"row\">\r\n <ng-container *ngIf=\"(gs.userAccess | async)?.settings_configuration_isEdit \" >\r\n <div *ngIf=\"ticketConfigurationForm.disabled\" class=\"col-12 mb-5\">\r\n <div class=\" d-flex justify-content-end\">\r\n <button\r\n (click)=\"ticketConfigurationForm.disabled ? ticketConfigurationForm.enable() : ticketConfigurationForm.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-12\">\r\n <div class=\"row\">\r\n <div class=\"col-6\">\r\n <div class=\"sub-header mb-7\">Installation</div>\r\n <label for=\"installationReAssign\" class=\"form-label\">Auto Re-Assign Installation tickets in days\r\n <span class=\"alert-required\"></span></label>\r\n <div style=\"position: relative;\">\r\n <svg role=\"button\"\r\n (click)=\"ticketConfigurationForm.get('installationReAssign')?.value > 0 && ticketConfigurationForm.enabled ? ticketConfigurationForm.get('installationReAssign')?.setValue(ticketConfigurationForm.get('installationReAssign')?.value - 1) : null\"\r\n class=\"dec\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\r\n fill=\"none\">\r\n <path d=\"M4.16602 10H15.8327\" stroke=\"#667085\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n <input readonly type=\"number\" formControlName=\"installationReAssign\"\r\n class=\"form-control inc-dec-input\" id=\"installationReAssign\" autocomplete=\"off\">\r\n <svg role=\"button\"\r\n (click)=\"ticketConfigurationForm.enabled ? ticketConfigurationForm.get('installationReAssign')?.setValue(ticketConfigurationForm.get('installationReAssign')?.value + 1) : null\"\r\n class=\"inc\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path d=\"M8.00065 3.33337V12.6667M3.33398 8.00004H12.6673\" stroke=\"#667085\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-12 mb-7 mt-7\">\r\n <div class=\" w-100 footer-seperator\"></div>\r\n </div>\r\n <div class=\"col-12 mb-7\">\r\n <div class=\"sub-header \">Infra</div>\r\n </div>\r\n <div class=\"col-12 mb-5\">\r\n <label for=\"brandName\" class=\"form-label\">To whom should this alert be sent? <span\r\n class=\"alert-required\"></span></label>\r\n <div class=\"d-flex\">\r\n <div class=\"form-check me-12\">\r\n <input formControlName=\"sendToAdmin\" class=\"form-check-input me-2\" type=\"checkbox\" value=\"\"\r\n id=\"sendToAdmin\">\r\n <label class=\"form-check-label\" for=\"sendToAdmin\">\r\n Admin\r\n </label>\r\n </div>\r\n <div class=\"form-check\">\r\n <input formControlName=\"sendToUser\" class=\"form-check-input me-2\" type=\"checkbox\" value=\"\"\r\n id=\"flexCheckChecked\">\r\n <label class=\"form-check-label\" for=\"flexCheckChecked\">\r\n User\r\n </label>\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=\"downTimeType\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"downTimeType\" [label]=\"'Downtime Type'\" ></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=\"infraDownTime\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"infraDownTime\" [label]=\"'Downtime'\" ></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 <label for=\"MinFilesCount\" class=\"form-label\">Files <span class=\"alert-required\"></span></label>\r\n <input type=\"number\" formControlName=\"MinFilesCount\" class=\"form-control\" id=\"MinFilesCount\"\r\n autocomplete=\"off\">\r\n </div>\r\n <div class=\"col-12 mb-5\">\r\n <div class=\"custom-input-container\" >\r\n <div class=\"d-flex justify-content-between\">\r\n <div class=\"d-flex align-items-center\">\r\n <svg class=\"me-5\" width=\"46\" height=\"47\" viewBox=\"0 0 46 47\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"3\" y=\"3.91626\" width=\"40\" height=\"40\" rx=\"20\" fill=\"#F2F4F7\" />\r\n <rect x=\"3\" y=\"3.91626\" width=\"40\" height=\"40\" rx=\"20\" stroke=\"#F9FAFB\" stroke-width=\"6\" />\r\n <g clip-path=\"url(#clip0_2876_59590)\">\r\n <path\r\n d=\"M23.8333 15.5829L15.5 25.5829H23L22.1667 32.2496L30.5 22.2496H23L23.8333 15.5829Z\"\r\n stroke=\"#475467\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_2876_59590\">\r\n <rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(13 13.9163)\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n <div>\r\n <div class=\"main-heading\">RCA Ticket</div>\r\n <div class=\"sub-heading\">Set an alert, if there is no response from the store </div>\r\n </div>\r\n </div>\r\n <div class=\"d-flex align-items-center\">\r\n <lib-reactive-select formControlName=\"rcaTicketAssign\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"infraDownTime\" ></lib-reactive-select>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-12 mb-5\">\r\n <div class=\"custom-input-container\" >\r\n <div class=\"d-flex justify-content-between\">\r\n <div class=\"d-flex align-items-center\">\r\n <svg class=\"me-5\" width=\"46\" height=\"47\" viewBox=\"0 0 46 47\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"3\" y=\"3.91626\" width=\"40\" height=\"40\" rx=\"20\" fill=\"#F2F4F7\" />\r\n <rect x=\"3\" y=\"3.91626\" width=\"40\" height=\"40\" rx=\"20\" stroke=\"#F9FAFB\" stroke-width=\"6\" />\r\n <g clip-path=\"url(#clip0_2876_59590)\">\r\n <path\r\n d=\"M23.8333 15.5829L15.5 25.5829H23L22.1667 32.2496L30.5 22.2496H23L23.8333 15.5829Z\"\r\n stroke=\"#475467\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_2876_59590\">\r\n <rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(13 13.9163)\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n <div>\r\n <div class=\"main-heading\">Refresh Ticket Alert</div>\r\n <div class=\"sub-heading\">Trigger an ticket, if the issue is not resolved or in progress\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"d-flex align-items-center\">\r\n <lib-reactive-select formControlName=\"rcaTicketAssign\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"refreshDownTime\" ></lib-reactive-select>\r\n\r\n\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-12 mb-5\">\r\n <div class=\"custom-input-container\">\r\n <div class=\"d-flex justify-content-between\">\r\n <div class=\"d-flex align-items-center\">\r\n <svg class=\"me-5\" width=\"46\" height=\"47\" viewBox=\"0 0 46 47\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"3\" y=\"3.91626\" width=\"40\" height=\"40\" rx=\"20\" fill=\"#F2F4F7\" />\r\n <rect x=\"3\" y=\"3.91626\" width=\"40\" height=\"40\" rx=\"20\" stroke=\"#F9FAFB\" stroke-width=\"6\" />\r\n <g clip-path=\"url(#clip0_2876_59590)\">\r\n <path\r\n d=\"M23.8333 15.5829L15.5 25.5829H23L22.1667 32.2496L30.5 22.2496H23L23.8333 15.5829Z\"\r\n stroke=\"#475467\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_2876_59590\">\r\n <rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(13 13.9163)\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n <div>\r\n <div class=\"main-heading\">Status Check Alert</div>\r\n <div class=\"sub-heading\">An alert will be sent to the store employee so they can confirm\r\n whether the problem has been fixed.</div>\r\n </div>\r\n </div>\r\n <div class=\"d-flex align-items-center\">\r\n <lib-reactive-select formControlName=\"rcaTicketAssign\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"infraDownTime\" ></lib-reactive-select>\r\n\r\n\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"col-12 mb-7 mt-7\">\r\n <div class=\" w-100 footer-seperator\"></div>\r\n </div>\r\n <div class=\"col-12 mb-7\">\r\n <div class=\"sub-header \">Data Mismatch (High Count)</div>\r\n </div>\r\n <div class=\"col-12 mb-5\">\r\n <div class=\"row\">\r\n <div class=\"col-6\">\r\n <label for=\"accuracyPercentage\" class=\"form-label\">Accuracy Percentage less than <span\r\n class=\"alert-required\"></span></label>\r\n <div style=\"position: relative;\">\r\n <input min=\"0\" max=\"100\" type=\"number\" formControlName=\"accuracyPercentage\"\r\n class=\"form-control \" id=\"accuracyPercentage\" autocomplete=\"off\">\r\n <svg class=\"inc\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"17\" viewBox=\"0 0 16 17\"\r\n fill=\"none\">\r\n <path\r\n d=\"M12.666 4.24967L3.33268 13.583M5.99935 5.24967C5.99935 6.17015 5.25316 6.91634 4.33268 6.91634C3.41221 6.91634 2.66602 6.17015 2.66602 5.24967C2.66602 4.3292 3.41221 3.58301 4.33268 3.58301C5.25316 3.58301 5.99935 4.3292 5.99935 5.24967ZM13.3327 12.583C13.3327 13.5035 12.5865 14.2497 11.666 14.2497C10.7455 14.2497 9.99935 13.5035 9.99935 12.583C9.99935 11.6625 10.7455 10.9163 11.666 10.9163C12.5865 10.9163 13.3327 11.6625 13.3327 12.583Z\"\r\n stroke=\"#667085\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </div>\r\n </div>\r\n <div class=\"col-6\">\r\n <label for=\"reTrain\" class=\"form-label\">Sent to Re-training for (in days) <span\r\n class=\"alert-required\"></span></label>\r\n <div style=\"position: relative;\">\r\n <svg role=\"button\"\r\n (click)=\"ticketConfigurationForm.get('reTrain')?.value > 0 && ticketConfigurationForm.enabled ? ticketConfigurationForm.get('reTrain')?.setValue(ticketConfigurationForm.get('reTrain')?.value - 1) : null\"\r\n class=\"dec\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\r\n fill=\"none\">\r\n <path d=\"M4.16602 10H15.8327\" stroke=\"#667085\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n <input readonly type=\"number\" formControlName=\"reTrain\" class=\"form-control inc-dec-input\"\r\n id=\"reTrain\" autocomplete=\"off\">\r\n <svg role=\"button\"\r\n (click)=\"ticketConfigurationForm.get('reTrain')?.value < 12 && ticketConfigurationForm.enabled ? ticketConfigurationForm.get('reTrain')?.setValue(ticketConfigurationForm.get('reTrain')?.value + 1) : null\"\r\n class=\"inc\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path d=\"M8.00065 3.33337V12.6667M3.33398 8.00004H12.6673\" stroke=\"#667085\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"ticketConfigurationForm.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 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-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}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[disabled],select[disabled],textarea[disabled],select[readonly],textarea[readonly]{background-color:#f9fafb!important}.footer-seperator{border-top:1px solid #EAECF0}.inc-dec-input{padding-right:30px;padding-left:30px;text-align:center}.inc{height:100%;position:absolute;right:14px;top:0}.dec{height:100%;position:absolute;left:14px;top:0}.sub-header{color:var(--Black, #101828);font-family:Inter;font-size:18px;font-weight:500;line-height:28px}.form-check{display:flex;align-items:center}.form-check-input{height:16px;width:16px;border-radius:4px;border:1px solid var(--Primary-600, #00A3FF)}.form-check-input:checked{--bs-form-check-bg-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB4SURBVHgBhY7NDUBQEIRnqcJNKXTg6qYTStCB+Isy6IQSNMDa9SLh5eWZZPcw+81kCX/quABhD73QyKXsGoyIvNCJSto2hEhNtY4N9cwYeMXEsVqB1GaSauRQOpty2tSmO3FgloAmF5nEhgyoesMO6CuFW66fn2xdFyA3ZzcRLrMAAAAASUVORK5CYII=);background-color:#eaf8ff;border-color:#00a3ff}.form-check-label{color:var(--Gray-700, #344054);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.custom-input-container{border-radius:8px;border:1px solid var(--Gray-200, #EAECF0);background:var(--White, #FFF);padding:16px;width:100%}.custom-input-container .main-heading{color:var(--Gray-700, #344054);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.custom-input-container .sub-heading{color:var(--Gray-500, #667085);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.custom-input-container .form-select{border-radius:8px;border:1px solid var(--Gray-300, #D0D5DD);box-shadow:0 1px 2px #1018280d;width:134px}.custom-input-container .form-select[disabled]{background-color:var(--White, #FFF)!important;border:1px solid var(--Gray-200, #EAECF0)!important;box-shadow:0 1px 2px #1018280d!important;color:var(--Gray-300, #D0D5DD)!important;font-family:Inter;font-size:14px;font-weight:600;line-height:20px}.custom-input-container .form-check-input{height:16px;width:16px;border-radius:50%;border:1px solid var(--Gray-300, #D0D5DD)}.custom-input-container .form-check-input:checked{--bs-form-check-bg-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAYAAABGbhwYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABJSURBVHgBvc1RCQAgDEXRRTCCkYxiA21gJRsYwSjzgQxENtjXHtwfPTCi0DFzRsWDNt9lD+rymNBCzUQPlI+hIuOUjj48UaWQHcH9cjH96UPaAAAAAElFTkSuQmCC);border:1px solid var(--Primary-600, #00A3FF);background-color:var(--Primary-600, #00A3FF)}\n"] }]
3588
+ args: [{ selector: 'lib-ticket-configuration', template: "<form [formGroup]=\"ticketConfigurationForm\">\r\n <div class=\"row\">\r\n <ng-container *ngIf=\"(gs.userAccess | async)?.settings_configuration_isEdit \" >\r\n <div *ngIf=\"ticketConfigurationForm.disabled\" class=\"col-12 mb-5\">\r\n <div class=\" d-flex justify-content-end\">\r\n <button\r\n (click)=\"ticketConfigurationForm.disabled ? ticketConfigurationForm.enable() : ticketConfigurationForm.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-12\">\r\n <div class=\"row\">\r\n <div class=\"col-6\">\r\n <div class=\"sub-header mb-7\">Installation</div>\r\n <label for=\"installationReAssign\" class=\"form-label\">Auto Re-Assign Installation tickets in days\r\n <span class=\"alert-required\"></span></label>\r\n <div style=\"position: relative;\">\r\n <svg role=\"button\"\r\n (click)=\"ticketConfigurationForm.get('installationReAssign')?.value > 0 && ticketConfigurationForm.enabled ? ticketConfigurationForm.get('installationReAssign')?.setValue(ticketConfigurationForm.get('installationReAssign')?.value - 1) : null\"\r\n class=\"dec\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\r\n fill=\"none\">\r\n <path d=\"M4.16602 10H15.8327\" stroke=\"#667085\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n <input readonly type=\"number\" formControlName=\"installationReAssign\"\r\n class=\"form-control inc-dec-input\" id=\"installationReAssign\" autocomplete=\"off\">\r\n <svg role=\"button\"\r\n (click)=\"ticketConfigurationForm.enabled ? ticketConfigurationForm.get('installationReAssign')?.setValue(ticketConfigurationForm.get('installationReAssign')?.value + 1) : null\"\r\n class=\"inc\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path d=\"M8.00065 3.33337V12.6667M3.33398 8.00004H12.6673\" stroke=\"#667085\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-12 mb-7 mt-7\">\r\n <div class=\" w-100 footer-seperator\"></div>\r\n </div>\r\n <div class=\"col-12 mb-7\">\r\n <div class=\"sub-header \">Infra</div>\r\n </div>\r\n <div class=\"col-12 mb-5\">\r\n <label for=\"brandName\" class=\"form-label\">To whom should this alert be sent? <span\r\n class=\"alert-required\"></span></label>\r\n <div class=\"d-flex\">\r\n <div class=\"form-check me-12\">\r\n <input formControlName=\"sendToAdmin\" class=\"form-check-input me-2\" type=\"checkbox\" value=\"\"\r\n id=\"sendToAdmin\">\r\n <label class=\"form-check-label\" for=\"sendToAdmin\">\r\n Admin\r\n </label>\r\n </div>\r\n <div class=\"form-check\">\r\n <input formControlName=\"sendToUser\" class=\"form-check-input me-2\" type=\"checkbox\" value=\"\"\r\n id=\"flexCheckChecked\">\r\n <label class=\"form-check-label\" for=\"flexCheckChecked\">\r\n User\r\n </label>\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=\"downTimeType\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"downTimeType\" [label]=\"'Downtime Type'\" ></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=\"infraDownTime\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"infraDownTime\" [label]=\"'Downtime'\" ></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 <label for=\"MinFilesCount\" class=\"form-label\">Files <span class=\"alert-required\"></span></label>\r\n <input type=\"number\" formControlName=\"MinFilesCount\" class=\"form-control\" id=\"MinFilesCount\"\r\n autocomplete=\"off\">\r\n </div>\r\n <div class=\"col-12 mb-5\">\r\n <div class=\"custom-input-container\" >\r\n <div class=\"d-flex justify-content-between\">\r\n <div class=\"d-flex align-items-center\">\r\n <svg class=\"me-5\" width=\"46\" height=\"47\" viewBox=\"0 0 46 47\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"3\" y=\"3.91626\" width=\"40\" height=\"40\" rx=\"20\" fill=\"#F2F4F7\" />\r\n <rect x=\"3\" y=\"3.91626\" width=\"40\" height=\"40\" rx=\"20\" stroke=\"#F9FAFB\" stroke-width=\"6\" />\r\n <g clip-path=\"url(#clip0_2876_59590)\">\r\n <path\r\n d=\"M23.8333 15.5829L15.5 25.5829H23L22.1667 32.2496L30.5 22.2496H23L23.8333 15.5829Z\"\r\n stroke=\"#475467\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_2876_59590\">\r\n <rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(13 13.9163)\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n <div>\r\n <div class=\"main-heading\">RCA Ticket</div>\r\n <div class=\"sub-heading\">Set an alert, if there is no response from the store </div>\r\n </div>\r\n </div>\r\n <div class=\"d-flex align-items-center\">\r\n <lib-reactive-select formControlName=\"rcaTicketAssign\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"infraDownTime\" ></lib-reactive-select>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-12 mb-5\">\r\n <div class=\"custom-input-container\" >\r\n <div class=\"d-flex justify-content-between\">\r\n <div class=\"d-flex align-items-center\">\r\n <svg class=\"me-5\" width=\"46\" height=\"47\" viewBox=\"0 0 46 47\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"3\" y=\"3.91626\" width=\"40\" height=\"40\" rx=\"20\" fill=\"#F2F4F7\" />\r\n <rect x=\"3\" y=\"3.91626\" width=\"40\" height=\"40\" rx=\"20\" stroke=\"#F9FAFB\" stroke-width=\"6\" />\r\n <g clip-path=\"url(#clip0_2876_59590)\">\r\n <path\r\n d=\"M23.8333 15.5829L15.5 25.5829H23L22.1667 32.2496L30.5 22.2496H23L23.8333 15.5829Z\"\r\n stroke=\"#475467\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_2876_59590\">\r\n <rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(13 13.9163)\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n <div>\r\n <div class=\"main-heading\">Refresh Ticket Alert</div>\r\n <div class=\"sub-heading\">Trigger an ticket, if the issue is not resolved or in progress\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"d-flex align-items-center\">\r\n <lib-reactive-select formControlName=\"rcaTicketAssign\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"rcaTicketAssign\" ></lib-reactive-select>\r\n\r\n\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-12 mb-5\">\r\n <div class=\"custom-input-container\">\r\n <div class=\"d-flex justify-content-between\">\r\n <div class=\"d-flex align-items-center\">\r\n <svg class=\"me-5\" width=\"46\" height=\"47\" viewBox=\"0 0 46 47\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"3\" y=\"3.91626\" width=\"40\" height=\"40\" rx=\"20\" fill=\"#F2F4F7\" />\r\n <rect x=\"3\" y=\"3.91626\" width=\"40\" height=\"40\" rx=\"20\" stroke=\"#F9FAFB\" stroke-width=\"6\" />\r\n <g clip-path=\"url(#clip0_2876_59590)\">\r\n <path\r\n d=\"M23.8333 15.5829L15.5 25.5829H23L22.1667 32.2496L30.5 22.2496H23L23.8333 15.5829Z\"\r\n stroke=\"#475467\" stroke-width=\"1.66667\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_2876_59590\">\r\n <rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(13 13.9163)\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n <div>\r\n <div class=\"main-heading\">Status Check Alert</div>\r\n <div class=\"sub-heading\">An alert will be sent to the store employee so they can confirm\r\n whether the problem has been fixed.</div>\r\n </div>\r\n </div>\r\n <div class=\"d-flex align-items-center\">\r\n <lib-reactive-select formControlName=\"rcaTicketAssign\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"infraDownTime\" ></lib-reactive-select>\r\n\r\n\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"col-12 mb-7 mt-7\">\r\n <div class=\" w-100 footer-seperator\"></div>\r\n </div>\r\n <div class=\"col-12 mb-7\">\r\n <div class=\"sub-header \">Data Mismatch (High Count)</div>\r\n </div>\r\n <div class=\"col-12 mb-5\">\r\n <div class=\"row\">\r\n <div class=\"col-6\">\r\n <label for=\"accuracyPercentage\" class=\"form-label\">Accuracy Percentage less than <span\r\n class=\"alert-required\"></span></label>\r\n <div style=\"position: relative;\">\r\n <input min=\"0\" max=\"100\" type=\"number\" formControlName=\"accuracyPercentage\"\r\n class=\"form-control \" id=\"accuracyPercentage\" autocomplete=\"off\">\r\n <svg class=\"inc\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"17\" viewBox=\"0 0 16 17\"\r\n fill=\"none\">\r\n <path\r\n d=\"M12.666 4.24967L3.33268 13.583M5.99935 5.24967C5.99935 6.17015 5.25316 6.91634 4.33268 6.91634C3.41221 6.91634 2.66602 6.17015 2.66602 5.24967C2.66602 4.3292 3.41221 3.58301 4.33268 3.58301C5.25316 3.58301 5.99935 4.3292 5.99935 5.24967ZM13.3327 12.583C13.3327 13.5035 12.5865 14.2497 11.666 14.2497C10.7455 14.2497 9.99935 13.5035 9.99935 12.583C9.99935 11.6625 10.7455 10.9163 11.666 10.9163C12.5865 10.9163 13.3327 11.6625 13.3327 12.583Z\"\r\n stroke=\"#667085\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </div>\r\n </div>\r\n <div class=\"col-6\">\r\n <label for=\"reTrain\" class=\"form-label\">Sent to Re-training for (in days) <span\r\n class=\"alert-required\"></span></label>\r\n <div style=\"position: relative;\">\r\n <svg role=\"button\"\r\n (click)=\"ticketConfigurationForm.get('reTrain')?.value > 0 && ticketConfigurationForm.enabled ? ticketConfigurationForm.get('reTrain')?.setValue(ticketConfigurationForm.get('reTrain')?.value - 1) : null\"\r\n class=\"dec\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\r\n fill=\"none\">\r\n <path d=\"M4.16602 10H15.8327\" stroke=\"#667085\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n <input readonly type=\"number\" formControlName=\"reTrain\" class=\"form-control inc-dec-input\"\r\n id=\"reTrain\" autocomplete=\"off\">\r\n <svg role=\"button\"\r\n (click)=\"ticketConfigurationForm.get('reTrain')?.value < 12 && ticketConfigurationForm.enabled ? ticketConfigurationForm.get('reTrain')?.setValue(ticketConfigurationForm.get('reTrain')?.value + 1) : null\"\r\n class=\"inc\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path d=\"M8.00065 3.33337V12.6667M3.33398 8.00004H12.6673\" stroke=\"#667085\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"ticketConfigurationForm.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 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-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}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[disabled],select[disabled],textarea[disabled],select[readonly],textarea[readonly]{background-color:#f9fafb!important}.footer-seperator{border-top:1px solid #EAECF0}.inc-dec-input{padding-right:30px;padding-left:30px;text-align:center}.inc{height:100%;position:absolute;right:14px;top:0}.dec{height:100%;position:absolute;left:14px;top:0}.sub-header{color:var(--Black, #101828);font-family:Inter;font-size:18px;font-weight:500;line-height:28px}.form-check{display:flex;align-items:center}.form-check-input{height:16px;width:16px;border-radius:4px;border:1px solid var(--Primary-600, #00A3FF)}.form-check-input:checked{--bs-form-check-bg-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB4SURBVHgBhY7NDUBQEIRnqcJNKXTg6qYTStCB+Isy6IQSNMDa9SLh5eWZZPcw+81kCX/quABhD73QyKXsGoyIvNCJSto2hEhNtY4N9cwYeMXEsVqB1GaSauRQOpty2tSmO3FgloAmF5nEhgyoesMO6CuFW66fn2xdFyA3ZzcRLrMAAAAASUVORK5CYII=);background-color:#eaf8ff;border-color:#00a3ff}.form-check-label{color:var(--Gray-700, #344054);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.custom-input-container{border-radius:8px;border:1px solid var(--Gray-200, #EAECF0);background:var(--White, #FFF);padding:16px;width:100%}.custom-input-container .main-heading{color:var(--Gray-700, #344054);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.custom-input-container .sub-heading{color:var(--Gray-500, #667085);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.custom-input-container .form-select{border-radius:8px;border:1px solid var(--Gray-300, #D0D5DD);box-shadow:0 1px 2px #1018280d;width:134px}.custom-input-container .form-select[disabled]{background-color:var(--White, #FFF)!important;border:1px solid var(--Gray-200, #EAECF0)!important;box-shadow:0 1px 2px #1018280d!important;color:var(--Gray-300, #D0D5DD)!important;font-family:Inter;font-size:14px;font-weight:600;line-height:20px}.custom-input-container .form-check-input{height:16px;width:16px;border-radius:50%;border:1px solid var(--Gray-300, #D0D5DD)}.custom-input-container .form-check-input:checked{--bs-form-check-bg-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAYAAABGbhwYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABJSURBVHgBvc1RCQAgDEXRRTCCkYxiA21gJRsYwSjzgQxENtjXHtwfPTCi0DFzRsWDNt9lD+rymNBCzUQPlI+hIuOUjj48UaWQHcH9cjH96UPaAAAAAElFTkSuQmCC);border:1px solid var(--Primary-600, #00A3FF);background-color:var(--Primary-600, #00A3FF)}\n"] }]
3587
3589
  }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: ClientApiService }, { type: i3.GlobalStateService }] });
3588
3590
 
3589
3591
  class AddReportComponent {
@@ -3786,6 +3788,7 @@ class ReportConfigurationComponent {
3786
3788
  next: (e) => {
3787
3789
  this.toaster.getSuccessToast(e.data?.result);
3788
3790
  this.getSingleReport(this.selectedReport._id);
3791
+ this.apiService.clientFormData.next({ value: null, type: 'submitted', form: 'null' });
3789
3792
  },
3790
3793
  error: (e) => {
3791
3794
  this.toaster.getErrorToast(e.error?.error);
@@ -3901,6 +3904,7 @@ class UserConfigurationComponent {
3901
3904
  if (e?.data?.result) {
3902
3905
  this.getAssignedUsers(this.clienId);
3903
3906
  this.toast.getSuccessToast('Updated successfully.');
3907
+ this.apiService.clientFormData.next({ value: null, type: 'submitted', form: 'null' });
3904
3908
  }
3905
3909
  }
3906
3910
  });
@@ -4502,19 +4506,6 @@ class ConfigurationsComponent {
4502
4506
  }
4503
4507
  });
4504
4508
  }
4505
- else if (e.form === 'user-configuration') {
4506
- const data = this.getDifferentEntries(this.userConfigPrevValues, e.value);
4507
- this.clientApi.updateUserConfiguration(this.clientData.clientId, data).pipe(takeUntil(this.destroy$)).subscribe({
4508
- next: (e) => {
4509
- this.toaster.getSuccessToast(e.data?.result);
4510
- this.clientApi.clientFormData.next({ value: null, type: 'submitted', form: 'null' });
4511
- },
4512
- error: (e) => {
4513
- this.toaster.getErrorToast(e.error?.error);
4514
- this.populateUserConfiguration(this.clientData);
4515
- }
4516
- });
4517
- }
4518
4509
  }
4519
4510
  resetForm(e) {
4520
4511
  if (e.form === 'ticket-configuration') {