tango-app-ui-analyse-trax 3.9.2 → 3.9.3

package/src/lib/components/checklist-configure/checklist-configure.component.ts

@@ -0,0 +1,4659 @@
+import { ChangeDetectorRef, Component, ElementRef, HostListener, OnDestroy, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { TraxpopupComponent } from '../traxpopup/traxpopup.component';
+import { TraxStoreComponent } from '../trax-store/trax-store.component';
+import * as XLSX from 'xlsx';
+import { ToastService } from 'tango-app-ui-shared';
+import { TraxService } from '../../services/trax.service';
+import dayjs from 'dayjs';
+import customParseFormat from 'dayjs/plugin/customParseFormat';
+import { GlobalStateService, PageInfoService } from 'tango-app-ui-global';
+import { Subject, takeUntil, filter } from 'rxjs';
+import utc from 'dayjs/plugin/utc.js';
+import timeZone from 'dayjs/plugin/timezone.js';
+dayjs.extend(timeZone);
+dayjs.extend(utc);
+dayjs.extend(customParseFormat);
+
+@Component({
+  selector: "lib-checklist-configure",
+  templateUrl: "./checklist-configure.component.html",
+  styleUrl: "./checklist-configure.component.scss",
+})
+export class ChecklistConfigureComponent implements OnInit, OnDestroy {
+  @ViewChild("file") fileInput!: ElementRef;
+  @ViewChild("file1") fileInput1!: ElementRef;
+  @ViewChild("bulkupload") bulkupload: any;
+  @ViewChild("emailBulkupload") emailBulkupload: any;
+  @ViewChild("afterValidation") afterValidation: any;
+  @ViewChild("confirmUser") confirmUser: any;
+  dayjs: any = dayjs;
+  selectedDates: any;
+  minDate: any;
+  type: string = "custom";
+  obj: any;
+  configData: any;
+  tableData: any = [];
+  tableLoading: any = false;
+  tableDisplayedColumns: any = ["name", "role", "email"];
+  pageValue: any = [];
+  offset: number = 0;
+  recordsTotal: any = 0;
+  assignType: any;
+  size: any = 5;
+  offsetvalue: number = 0;
+  pageDisplay: any = [];
+  nextbtn: boolean = true;
+  backbtn: boolean = true;
+  idList: any = [];
+  currentValue: any = 1;
+  tableFilter: any = "";
+  pageStart: any = 0;
+  pageEnd: any = 0;
+  recordsCount: any;
+  paginationSize = [5, 10, 15, 20];
+  userData: any = [];
+  excelUserData: any = [];
+  showImage: boolean = true;
+  monthDay: any;
+  show: number = 0;
+  popUpTitle: any;
+  showIntro: boolean = true;
+  searchUser: any;
+  addUserForm: boolean;
+  sopStores: any = [];
+  storeCoverage: boolean = true;
+  userCoverage: boolean = false;
+  selectAll: boolean = false;
+  errormsg: boolean = false;
+  startTime: any;
+  endTime: any;
+  checklistId: any;
+  reupload: boolean = false;
+  selectAllUser: boolean = false;
+  removeUsers: any = [];
+  selectedDays: any[] = [];
+  showRangeValue: boolean = false;
+  submittedDates: number[] = [];
+  monthDate: string = "";
+  specific: boolean = false;
+  globalConfigure: boolean = true;
+  storewiseConfigure: boolean = false;
+  configureType: any;
+  date: any;
+  sections: any = [];
+  MonthweekNumber: string;
+  popupCount: number = 0;
+  validTime: boolean = true;
+  disabledQuestion: boolean = false;
+  showconfig: boolean = true;
+  showadvance: boolean = true;
+  repeatType: string = "";
+  showDropDown: boolean = false;
+  selectedDate: any = [];
+  dates: number[] = Array.from({ length: 31 }, (_, i) => i + 1); // Array from 1 to 31
+  selectedDateList: any = [];
+  selectedStartDate: any;
+  minStartDate: any;
+  selectedEndDate: any;
+  minEndDate: any;
+  clientId: any;
+  alertUsers: any = [];
+  alertTeams: any = [];
+  zoneList: any = [];
+  loading: boolean = true;
+  approve: boolean = true;
+  initialLoading: boolean = true;
+  existingUsers: any;
+  assignSingle: any;
+  assignGroup: any;
+  singleAssign: any;
+  groupAssign: any;
+  remainder: boolean = false;
+  disabledPublish: boolean = false;
+  private detach = new Subject();
+  timeLoop: any[] = [1];
+  minutes: number[] = [30, 45, 60, 75, 90];
+  showEdit: boolean = false;
+  disableBtn: boolean = true;
+  preOpenCloseTimeConfig: any = [10, 20, 30, 40, 50, 60];
+  personDetectionTimeThreshold: any = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+  scheduleTimeConfig: any = [10, 15, 20, 25, 30, 35, 40, 45, 50, 60];
+  alertTimeConfig: any = Array.from({ length: 30 }, (_, i) => i + 1);;
+  alerttimekeyconfig: any;
+  selectedSource: any;
+  selectedDetectionStatus: string[] = [];
+  selectedDataprocessing: any;
+  selectedExportConfig: string[] = [];
+  notificationkeyconfig: any;
+  autotaskkeyconfig: any;
+  exportkeyconfig: any;
+  detectedstatuskeyconfig: any;
+  auditkeyconfig: any;
+  userType: any;
+  scheduletype: any = "standard";
+  recurrence: any;
+  schedulestartTime: any;
+  scheduleendTime: any;
+  recurrenceStatus: any;
+  recurrenceType: any;
+  recurrencetime: any;
+  isThresholdEnabled: any = false;
+  detectionThreshold: number = 1;
+  thresholdOptions = [1, 2, 3, 4, 5];
+  queueLengthEnabled: boolean = false;
+  queueLimit: any = "3";
+  waitTimeEnabled: boolean = true;
+  cameraAngleEnabled: boolean = true;
+  waitTimeLimit: any = "1";
+  alertCooldownEnabled: boolean = false;
+  alertCooldownTime: any = "10";
+  notifyFlag: boolean = false;
+  recurringFlagNotify: boolean = false;
+  recurringThresholds: number[] = Array.from({ length: 30 }, (_, i) => i + 1);
+  enableEmail: boolean = false;
+  timeSlot: number[] = Array.from({ length: 60 }, (_, i) => i + 1);
+  bufferTime: number[] = Array.from({ length: 30 }, (_, i) => i + 1);
+  minutesSlot: number[] = Array.from({ length: 60 }, (_, i) => i + 1);
+  emailDropdown: boolean = false;
+  // adminUsers:any = [];
+  constructor(
+    private changedetector: ChangeDetectorRef,
+    private router: ActivatedRoute,
+    private route: Router,
+    private dialog: NgbModal,
+    private SopService: TraxService,
+    private toast: ToastService,
+    public gs: GlobalStateService,
+    private pageInfo: PageInfoService,
+  ) { }
+
+  ngOnInit(): void {
+    let userInfo = JSON.parse(localStorage.getItem("user-info") || "{}");
+    if (userInfo?.userType) {
+      this.userType = userInfo.userType;
+    }
+    let storageDetails = JSON.parse(
+      localStorage.getItem("header-filters") || "{}",
+    );
+    if (!storageDetails?.client) {
+      storageDetails = JSON.parse(
+        localStorage.getItem("client-details") || "{}",
+      );
+      storageDetails.client = storageDetails.clientId;
+    }
+    if (storageDetails?.client) {
+      this.clientId = storageDetails.client;
+      this.router.queryParams.subscribe((params) => {
+        if (params?.checkListId) {
+          this.obj = {
+            checkListId: params.checkListId,
+            clientId: this.clientId,
+          };
+          this.showEdit = params.showEdit;
+          this.type = "custom";
+          this.disabledQuestion = params.disabledQuestion;
+        } else if (params?.aicheckListId) {
+          this.disableBtn = false;
+          this.obj = {
+            id: params.aicheckListId,
+            clientId: this.clientId,
+          };
+          this.checklistId = params?.aicheckListId;
+          this.showEdit = params.showEdit;
+          this.type = params.type;
+          this.disabledQuestion = params.disabledQuestion;
+        } else {
+          this.disableBtn = false;
+          this.obj = {
+            type: params.type,
+            clientId: this.clientId,
+          };
+          this.type = params.type;
+        }
+      });
+      this.setPageData();
+      this.selectInitialTab();
+      this.type === "custom" ? this.GetConfig() : this.getAIconfig();
+      // this.getZoneList();
+    }
+  }
+
+  ngOnDestroy(): void {
+    this.detach.next(true);
+    this.detach.complete();
+  }
+
+  setPageData() {
+    this.pageInfo.setTitle("Manage Checklist");
+    this.pageInfo.setDescription(
+      "Automate or create checklists to improve operational efficiency",
+    );
+    this.pageInfo.setBreadcrumbs([
+      {
+        title: "Tango Trax",
+        path: "/manage/trax/dashboard",
+        isActive: false,
+        isSeparator: false,
+      },
+      {
+        title: "Tango Trax",
+        path: "/manage/trax/dashboard",
+        isActive: false,
+        isSeparator: true,
+      },
+    ]);
+  }
+
+  selectInitialTab() {
+    this.storeCoverage
+      ? (this.assignType = "store")
+      : (this.assignType = "user");
+  }
+
+  GetConfig() {
+    this.loading = true;
+    this.monthDate = "";
+    this.monthDay = "";
+    this.SopService.getconfig(this.obj)
+      .pipe(takeUntil(this.detach))
+      .subscribe(
+        (res: any) => {
+          if (res && res.code == 200) {
+            this.loading = false;
+            if (res.data.checkListDetails.checkListType) {
+              this.checklistId = res.data.checkListDetails._id;
+              this.type = res.data.checkListDetails.checkListType;
+              this.configData = res.data;
+              this.configData.checkListDetails.assign = [];
+              this.configData.checkListDetails.notifyType = [];
+              this.coverage = this.configData.checkListDetails.coverage;
+              if (
+                this.configData.checkListDetails?.notifyFlags?.notifyType
+                  ?.length
+              ) {
+                this.notifyFlag = true;
+              }
+              if (
+                this.configData.checkListDetails?.recurringFlag?.notifyType
+                  ?.length
+              ) {
+                this.recurringFlagNotify = true;
+              }
+              if (this.configData.checkListDetails?.autoEmail?.type?.length) {
+                this.enableEmail = true;
+              }
+              // this.configData.checkListDetails.assignedUsers = [...this.singleAssign,...this.groupAssign]
+              this.selectRadio(this.coverage);
+              // this.coverage === 'store' ? this.storeCoverage = true : this.userCoverage = true
+              this.removeUsers =
+                this.configData.checkListDetails?.removedUsers || [];
+              // this.approve = this.configData.checkListDetails.approver?.length ? true : false;
+              this.remainder = this.configData.checkListDetails?.remainder
+                ?.length
+                ? true
+                : false;
+              this.timeLoop = this.configData.checkListDetails?.remainder
+                ?.length
+                ? Array.from(
+                  {
+                    length: this.configData.checkListDetails.remainder.length,
+                  },
+                  (_, i) => i,
+                )
+                : [0];
+
+              if (this.configData?.checkListDetails?.publishDate) {
+                let date = this.dayjs();
+                if (
+                  date.diff(
+                    this.dayjs.utc(
+                      this.configData?.checkListDetails?.publishDate,
+                    ),
+                    "minutes",
+                  ) < 5
+                ) {
+                  let startInterval = setInterval(() => {
+                    date = this.dayjs();
+                    this.disabledPublish = true;
+                    if (
+                      date.diff(
+                        this.dayjs.utc(
+                          this.configData?.checkListDetails?.publishDate,
+                        ),
+                        "minutes",
+                      ) >= 5
+                    ) {
+                      this.disabledPublish = false;
+                      clearInterval(startInterval);
+                      this.changedetector.detectChanges();
+                    }
+                  }, 0);
+                }
+              }
+
+              this.removeUsers = res.data?.checkListDetails?.removedUsers || [];
+              // this.zones = this.configData?.checkListDetails?.detectionArea || [];
+              this.sections = this.configData.checkListDetails.sections;
+              this.selectedDays =
+                this.configData?.checkListDetails?.scheduleWeekDays || [];
+              this.endTime = this.configData.checkListDetails?.scheduleEndTime
+                ? this.dayjs(
+                  this.configData.checkListDetails?.scheduleEndTime,
+                  "h:mm A",
+                ).format("HH:mm")
+                : "22:00";
+              this.startTime = this.configData.checkListDetails
+                ?.scheduleStartTime
+                ? this.dayjs(
+                  this.configData.checkListDetails?.scheduleStartTime,
+                  "h:mm A",
+                ).format("HH:mm")
+                : "10:00";
+              this.repeatType =
+                this.configData.checkListDetails?.schedule == "daily"
+                  ? "Day"
+                  : ["weekly", "weekday"].includes(
+                    this.configData.checkListDetails?.schedule,
+                  )
+                    ? "Week"
+                    : "Month";
+              if (!this.configData.checkListDetails?.scheduleEndTime) {
+                this.configData.checkListDetails.scheduleEndTime = "10:00 PM";
+              }
+              if (!this.configData.checkListDetails?.scheduleStartTime) {
+                this.configData.checkListDetails.scheduleStartTime = "10:00 AM";
+              }
+              if (!this.configData.checkListDetails?.redoValidity) {
+                this.configData.checkListDetails.redoValidity = 7;
+              }
+
+              // if (this.configData?.checkListDetails?.alert?.alertsTo.length) {
+              //   this.emailList = this.configData?.checkListDetails?.alert?.alertsTo;
+              // }
+
+              if (this.configData.checkListDetails.schedule != "onetime") {
+                this.showRangeValue =
+                  this.configData.checkListDetails?.configStartDate != "" &&
+                    this.configData.checkListDetails?.configStartDate != null
+                    ? true
+                    : false;
+                if (
+                  this.configData.checkListDetails?.configStartDate != "" &&
+                  this.configData.checkListDetails?.configStartDate != null
+                ) {
+                  this.configData.checkListDetails.configStartDate = this.dayjs(
+                    this.configData.checkListDetails?.configStartDate,
+                  ).format("YYYY-MM-DD");
+                  this.selectedStartDate = {
+                    startDate: this.dayjs(
+                      this.configData.checkListDetails?.configStartDate,
+                    ).format("DD-MM-YYYY"),
+                    endDate: this.dayjs(
+                      this.configData.checkListDetails?.configStartDate,
+                    ).format("DD-MM-YYYY"),
+                  };
+                  this.minStartDate = this.dayjs(
+                    this.configData.checkListDetails?.configStartDate,
+                  ).format();
+                }
+                if (
+                  this.configData.checkListDetails?.configEndDate != "" &&
+                  this.configData.checkListDetails?.configEndDate != null
+                ) {
+                  this.configData.checkListDetails.configEndDate = this.dayjs(
+                    this.configData.checkListDetails?.configEndDate,
+                  ).format("YYYY-MM-DD");
+                  this.selectedEndDate = {
+                    startDate: this.dayjs(
+                      this.configData.checkListDetails?.configEndDate,
+                    ).format("DD-MM-YYYY"),
+                    endDate: this.dayjs(
+                      this.configData.checkListDetails?.configEndDate,
+                    ).format("DD-MM-YYYY"),
+                  };
+                  this.minEndDate = this.dayjs(
+                    this.configData.checkListDetails?.configEndDate,
+                  ).format();
+                }
+                if (this.configData.checkListDetails?.schedule == "monthly") {
+                  if (
+                    this.configData.checkListDetails
+                      ?.scheduleRepeatedMonthSetup == "date"
+                  ) {
+                    if (
+                      this.configData.checkListDetails?.scheduleRepeatedMonthWeek.split(
+                        " ",
+                      )?.length > 1
+                    ) {
+                      this.monthDate =
+                        this.configData.checkListDetails?.scheduleRepeatedMonthWeek.split(
+                          " ",
+                        )[0];
+                      this.monthDay =
+                        this.configData.checkListDetails?.scheduleRepeatedMonthWeek.split(
+                          " ",
+                        )[1];
+                      this.configData.checkListDetails.scheduleRepeatedMonthWeek =
+                        "";
+                    }
+                  }
+                  if (
+                    this.configData.checkListDetails
+                      ?.scheduleRepeatedMonthSetup == "specific"
+                  ) {
+                    this.submittedDates =
+                      this.configData.checkListDetails?.specificDate || [];
+                    this.selectedDate = this.submittedDates;
+                  }
+                }
+
+                if (
+                  this.configData.checkListDetails?.schedule == "range" &&
+                  this.configData.checkListDetails.specificDate.length
+                ) {
+                  this.specific = true;
+                  this.selectedDateList =
+                    this.configData.checkListDetails.specificDate;
+                }
+              }
+
+              if (this.configData.checkListDetails.schedule == "onetime") {
+                this.configData.checkListDetails.scheduleDate = this.configData
+                  .checkListDetails.scheduleDate
+                  ? this.dayjs
+                    .utc(this.configData.checkListDetails.scheduleDate)
+                    .format()
+                  : dayjs().format();
+                this.selectedDates = {
+                  startDate: this.dayjs(
+                    this.configData.checkListDetails.scheduleDate,
+                  ).format("DD-MM-YYYY"),
+                  endDate: this.dayjs(
+                    this.configData.checkListDetails.scheduleDate,
+                  ).format("DD-MM-YYYY"),
+                };
+                this.minDate = this.dayjs(
+                  this.configData.checkListDetails.scheduleDate,
+                ).format();
+              }
+              // this.userDetailsV2();
+              // this.getassignDropdown();
+              // this.gettableData();
+              this.getClientUser();
+            }
+          }
+        },
+        (error) => {
+          if (error.code == 403) {
+            // this.router.navigate(['/error403'])
+          }
+        },
+      );
+  }
+
+  getAIconfig() {
+    this.SopService.getAIconfig(this.obj)
+      .pipe(takeUntil(this.detach))
+      .subscribe(
+        (res: any) => {
+          if (res && res.code == 200) {
+            this.loading = false;
+            this.configData = res.data;
+            if (
+              !this.configData?.aiConfig?.events?.length &&
+              ["scrum", "cleaning"].includes(this.type)
+            ) {
+              this.configData?.aiConfig?.events.push({
+                time: this.dayjs().format("HH:mm"),
+                duration: "15",
+              });
+            }
+            if (
+              !this.configData?.aiConfig?.assignConfig &&
+              ["scrum", "cleaning"].includes(this.type)
+            ) {
+              this.configData.aiConfig.assignConfig = "global";
+            }
+            if (!this.configData?.aiConfig?.autoTaskConfig?.taskValidity) {
+              this.configData.aiConfig.autoTaskConfig["taskValidity"] = {
+                type: "mins",
+                time: 1,
+              };
+            }
+            if (!this.configData?.aiConfig?.autoTaskConfig?.users) {
+              this.configData.aiConfig.autoTaskConfig["users"] = [];
+            }
+            if (!this.configData.aiConfig.autoTaskConfig.approverEnabled) {
+              this.configData.aiConfig.autoTaskConfig["approverEnabled"] =
+                false;
+            }
+            if (["storeopenandclose"].includes(this.type)) {
+              if (!this.configData.aiConfig.storeOpenClose) {
+                this.configData.aiConfig.storeOpenClose = {};
+              }
+              if (!this.configData.aiConfig.storeOpenClose.buffer) {
+                this.configData.aiConfig.storeOpenClose.buffer = { openTime: 0, closeTime: 0 };
+              }
+              if (!this.configData.aiConfig.storeOpenClose.detectionType) {
+                this.configData.aiConfig.storeOpenClose.detectionType = "allCameras";
+              }
+            }
+            if (["storehygienemonitoring"].includes(this.type)) {
+              this.scheduletype =
+                this.configData.aiConfig.hygieneMonitoring.schedule.scheduletype;
+              this.schedulestartTime =
+                this.configData.aiConfig.hygieneMonitoring.schedule.openTime;
+              this.scheduleendTime =
+                this.configData.aiConfig.hygieneMonitoring.schedule.closeTime;
+              this.recurrenceType =
+                this.configData.aiConfig.hygieneMonitoring.recurrence.type;
+              this.recurrencetime =
+                this.configData.aiConfig.hygieneMonitoring.recurrence.time;
+              if (!this.configData.aiConfig.hygieneMonitoring.floorDetection) {
+                this.configData.aiConfig.hygieneMonitoring.floorDetection = {
+                  enabled: false,
+                  duration: 2,
+                };
+              }
+            }
+            if (["tvcompliance"].includes(this.type)) {
+              this.scheduletype =
+                this.configData?.aiConfig?.tvcompliance?.schedule?.scheduletype;
+              this.schedulestartTime =
+                this.configData?.aiConfig?.tvcompliance?.schedule?.openTime;
+              this.scheduleendTime =
+                this.configData?.aiConfig?.tvcompliance?.schedule?.closeTime;
+              this.recurrenceStatus =
+                this.configData?.aiConfig?.tvcompliance?.recurrence?.status;
+              this.recurrencetime =
+                this.configData?.aiConfig?.tvcompliance?.recurrence?.time;
+              this.isThresholdEnabled =
+                this.configData?.aiConfig?.tvcompliance?.detectedStatus?.status;
+              this.detectionThreshold =
+                this.configData?.aiConfig?.tvcompliance?.detectedStatus?.detections;
+            }
+            if (["queuealert"].includes(this.type)) {
+              this.scheduletype =
+                this.configData?.aiConfig?.tvcompliance?.schedule?.scheduletype;
+              this.schedulestartTime =
+                this.configData?.aiConfig?.tvcompliance?.schedule?.openTime;
+              this.scheduleendTime =
+                this.configData?.aiConfig?.tvcompliance?.schedule?.closeTime;
+              this.queueLengthEnabled =
+                this.configData?.aiConfig?.queuealert?.queueLengthEnabled;
+              this.queueLimit =
+                this.configData?.aiConfig?.queuealert?.queueLimit;
+              this.waitTimeEnabled =
+                this.configData?.aiConfig?.queuealert?.waitTimeEnabled;
+              this.waitTimeLimit =
+                this.configData?.aiConfig?.queuealert?.waitTimeLimit;
+              this.alertCooldownEnabled =
+                this.configData?.aiConfig?.queuealert?.alertCooldownEnabled || false;
+              this.alertCooldownTime =
+                this.configData?.aiConfig?.queuealert?.alertCooldownTime || "10";
+            }
+            if (["staffgrouping"].includes(this.type)) {
+              this.scheduletype =
+                this.configData?.aiConfig?.staffGrouping?.schedule?.scheduletype || "standard";
+              this.schedulestartTime =
+                this.configData?.aiConfig?.staffGrouping?.schedule?.openTime;
+              this.scheduleendTime =
+                this.configData?.aiConfig?.staffGrouping?.schedule?.closeTime;
+              if (!this.configData.aiConfig.staffGrouping) {
+                this.configData.aiConfig.staffGrouping = {};
+              }
+              if (!this.configData.aiConfig.staffGrouping.countAlert) {
+                this.configData.aiConfig.staffGrouping.countAlert = {
+                  enabled: false,
+                  threshold: 3,
+                };
+              }
+              if (!this.configData.aiConfig.staffGrouping.timeSpentAlert) {
+                this.configData.aiConfig.staffGrouping.timeSpentAlert = {
+                  enabled: false,
+                  duration: 3,
+                };
+              }
+              if (!this.configData.aiConfig.staffGrouping.hibernation) {
+                this.configData.aiConfig.staffGrouping.hibernation = {
+                  enabled: false,
+                  startTime: "01:00",
+                  startPeriod: "PM",
+                  endTime: "02:00",
+                  endPeriod: "PM",
+                };
+              }
+              this.alertCooldownEnabled =
+                this.configData?.aiConfig?.staffGrouping?.alertCooldownEnabled || false;
+              this.alertCooldownTime =
+                this.configData?.aiConfig?.staffGrouping?.alertCooldownTime || "10";
+            }
+            if (["boxalert"].includes(this.type)) {
+              this.scheduletype =
+                this.configData?.aiConfig?.boxAlert?.schedule?.scheduletype || "standard";
+              this.schedulestartTime =
+                this.configData?.aiConfig?.boxAlert?.schedule?.openTime;
+              this.scheduleendTime =
+                this.configData?.aiConfig?.boxAlert?.schedule?.closeTime;
+              this.recurrenceType =
+                this.configData?.aiConfig?.boxAlert?.recurrence?.type;
+              this.recurrencetime =
+                this.configData?.aiConfig?.boxAlert?.recurrence?.time;
+              if (!this.configData.aiConfig.boxAlert) {
+                this.configData.aiConfig.boxAlert = {};
+              }
+              if (!this.configData.aiConfig.boxAlert.emptyShelfAlert) {
+                this.configData.aiConfig.boxAlert.emptyShelfAlert = {
+                  enabled: false,
+                  duration: 20,
+                };
+              }
+            }
+            if (["employeeCount"].includes(this.type)) {
+              if (!this.configData.aiConfig.employeeCount) {
+                this.configData.aiConfig.employeeCount = {};
+              }
+              this.scheduletype =
+                this.configData?.aiConfig?.employeeCount?.schedule?.scheduletype || "standard";
+              this.schedulestartTime =
+                this.configData?.aiConfig?.employeeCount?.schedule?.openTime;
+              this.scheduleendTime =
+                this.configData?.aiConfig?.employeeCount?.schedule?.closeTime;
+              this.recurrenceType =
+                this.configData?.aiConfig?.employeeCount?.recurrence?.type;
+              this.recurrencetime =
+                this.configData?.aiConfig?.employeeCount?.recurrence?.time;
+              this.recurrenceStatus =
+                this.configData?.aiConfig?.employeeCount?.recurrence?.status || false;
+            }
+            if (
+              [
+                "halfshutter",
+                "tvcompliance",
+                "queuealert",
+                "cameratampering",
+                "storeopenandclose",
+                "mobileusagedetection",
+                "storehygienemonitoring",
+                "uniformdetection",
+                "staffgrouping",
+                "boxalert",
+                "employeeCount",
+              ].includes(this.type)
+            ) {
+              this.cameraAngleEnabled =
+                this.configData?.aiConfig?.cameraAngle?.enabled || false;
+              this.alerttimekeyconfig =
+                this.configData?.aiConfig?.alertConfig?.allowBuffer?.enabled ||
+                false;
+              this.selectedSource =
+                this.configData?.aiConfig?.advancedConfig?.auditConfig
+                  ?.inputSourceFile || "";
+              this.selectedDetectionStatus =
+                this.configData?.aiConfig?.advancedConfig?.detectedStatus
+                  ?.detections || [];
+              this.selectedDataprocessing =
+                this.configData?.aiConfig?.advancedConfig?.dataProcessing || "";
+              this.selectedExportConfig =
+                this.configData?.aiConfig?.exportConfig?.format || [];
+              this.notificationkeyconfig =
+                this.configData?.aiConfig?.alertConfig?.alertSendTo?.enabled ||
+                false;
+              this.autotaskkeyconfig =
+                this.configData?.aiConfig?.autoTaskConfig?.enabled || false;
+              this.exportkeyconfig =
+                this.configData?.aiConfig?.exportConfig?.enabled || false;
+              this.detectedstatuskeyconfig =
+                this.configData?.aiConfig?.advancedConfig?.detectedStatus
+                  ?.enabled || false;
+              this.auditkeyconfig =
+                this.configData?.aiConfig?.advancedConfig?.auditConfig
+                  ?.enabled || false;
+
+              if (this.configData?.aiConfig?.autoTaskConfig?.taskValidity?.type == "days") {
+                this.timeSlot = Array.from({ length: 3 }, (_, i) => i + 1);
+              } else if (this.configData?.aiConfig?.autoTaskConfig?.taskValidity?.type == "hours") {
+                this.timeSlot = Array.from({ length: 24 }, (_, i) => i + 1);
+              } else {
+                this.timeSlot = Array.from({ length: 60 }, (_, i) => i + 1);
+              }
+            }
+            // this.configData.checkListDetails.assign = [];
+            // this.coverage = this.configData.checkListDetails.coverage;
+            // this.checklistId = res.data.checkListDetails._id;
+            // this.type = res.data.checkListDetails.checkListType;
+            this.getClientUser();
+            this.getZoneList();
+            this.getTeamList();
+          }
+        },
+        (error) => {
+          if (error.code == 403) {
+            // this.router.navigate(['/error403'])
+          }
+        },
+      );
+  }
+
+  getInitialData(data: any, change?: any) {
+    let tempId = data.map((el: any) => el?.id);
+    let res = this.storeList.filter((el: any) => tempId.includes(el?._id));
+    res.forEach((element: any) => (element.isSelected = true));
+    this.configData.checkListDetails.assign = res;
+    if (this.assignType === "store" || this.assignType === "user") {
+      this.tableLoading = false;
+      this.tableLoading1 = false;
+      this.showImage = true;
+      // this.userDetails(),
+      // (this.assignType === 'store' && this.initialLoading) ? (this.initialLoading = false) : this.getTableData(change ? change : '');
+      this.idList = this.singleAssign;
+    } else {
+      this.idList = this.groupAssign;
+      this.userDetailsV2();
+    }
+  }
+
+  getTableData(change?: any) {
+    let count = 0;
+    if (this.assignSingle?.length) {
+      if (
+        this.configData.checkListDetails.assign.length !=
+        this.assignSingle.length
+      ) {
+        count++;
+      }
+      this.configData.checkListDetails.assign.forEach((assign: any) => {
+        let findList = this.assignSingle.filter(
+          (item: any) => item.storeId == assign.storeId,
+        );
+        if (findList.length) {
+          if (findList.length > 1) {
+            count++;
+          } else {
+            if (
+              assign.userEmail.toLowerCase() !=
+              findList[0].userEmail.toLowerCase() &&
+              this.coverage === "store"
+            ) {
+              assign.userEmail = findList[0].userEmail;
+              assign.userName = findList[0].userName;
+              count++;
+            }
+          }
+        }
+      });
+      if (count) {
+        this.upload = change ? "upload" : "store";
+      }
+    }
+
+    // this.tableArray = this.assignSingle ? this.assignSingle : this.configData.checkListDetails.assign;
+    change ? (this.tableArray = this.assignSingle) : [];
+    if (this.upload === "store") {
+      let table = [
+        ...this.tableArray,
+        ...this.configData.checkListDetails.assign,
+      ];
+      let uniqueTable = new Map();
+      // Convert objects to JSON strings for full comparison
+      table.forEach((item: any) => {
+        item = {
+          storeName: item?.storeName,
+          storeId: item.storeId,
+          userEmail: item.userEmail.toLowerCase(),
+          userName: item.userName,
+          _id: item._id,
+        };
+        let data = {
+          _id: item._id,
+          ...(this.storeCoverage
+            ? {
+              userEmail: item.userEmail.toLowerCase(),
+              storeName: item?.storeName,
+            }
+            : {}),
+        };
+        let key = JSON.stringify(data); // Convert entire object to string as a key
+        if (!uniqueTable.has(data)) {
+          uniqueTable.set(key, item); // Store the object only if it's completely unique
+        }
+      });
+      this.assignSingle = Array.from(uniqueTable.values());
+      this.tableArray = this.assignSingle;
+    } else if (this.upload === "upload") {
+      this.tableArray = this.assignSingle;
+    } else {
+      this.tableArray = this.configData.checkListDetails.assign;
+      this.assignSingle = this.tableArray;
+    }
+    this.tableArray?.length
+      ? (this.showImage = false)
+      : (this.showImage = true);
+    this.recordsTotal = this.tableArray.length;
+    if (this.recordsTotal < 5) {
+      this.paginationSize = [this.recordsTotal];
+      this.size = this.recordsTotal;
+    } else {
+      this.paginationSize = [5, 10, 15, 20];
+      this.size = 5;
+    }
+    this.tableLoading1 = false;
+    this.tableLoading = false;
+
+    this.tableData = this.tableArray.slice(
+      this.currentValue * this.size - this.size,
+      this.currentValue * this.size,
+    );
+  }
+
+  accordian(index: any) {
+    if (this.show == index) {
+      this.show = -1;
+    } else {
+      this.show = index;
+    }
+  }
+  configaccordian(): void {
+    this.showconfig = !this.showconfig;
+  }
+  advanceaccordian(): void {
+    this.showadvance = !this.showadvance;
+  }
+  Checklist() {
+    // this.mobileusagedetection = true;
+    // this.storeopenandclosedetection = false;
+  }
+  omit_special_char(event: any) {
+    var k;
+    k = event.charCode; //         k = event.keyCode;  (Both can be used)
+    return k == 8 || k == 32 || (k >= 48 && k <= 57);
+  }
+
+  clickAIconfigure(value: any) {
+    this.configData.aiConfig.assignConfig = value;
+    this.configureType = value;
+    this.changedetector.detectChanges();
+  }
+
+  validateLimit(event: any) {
+    if (event.target.value < 1 && this.type == "mobileusagedetection") {
+      // event.target.value = '';
+      this.errormsg = true;
+      // this.configData.checkListDetails.alert.usageExceeds = '';
+      this.changedetector.detectChanges();
+    } else if (
+      this.type == "storeopenandclose" &&
+      !this.configData.aiConfig.storeOpenClose.buffer.openTime &&
+      !this.configData.aiConfig.storeOpenClose.buffer.closeTime
+    ) {
+      this.checkBuffer = false;
+    } else this.errormsg = false;
+  }
+
+  coverage: any = "store";
+
+  selectRadio(data: any, change?: any) {
+    this.coverage = data;
+    this.currentValue = 1;
+    this.size = 5;
+    this.tableFilter = "";
+    this.configData.checkListDetails.assign = [];
+    this.tableArray = [];
+    this.tableData = [];
+    if (data === "store") {
+      this.storeCoverage = true;
+      this.userCoverage = false;
+    } else if (data === "user") {
+      this.userCoverage = true;
+      this.storeCoverage = false;
+    }
+    this.selectInitialTab();
+    if (this.coverage === this.configData.checkListDetails.coverage) {
+      this.singleAssign = this.configData.checkListDetails.singleAssign;
+      this.groupAssign = this.configData.checkListDetails.groupAssign;
+      setTimeout(() => {
+        this.assignType ? this.userDetails() : "";
+      }, 3000);
+    } else {
+      this.singleAssign = [];
+      this.groupAssign = [];
+      ((this.assignSingle = []), (this.assignGroup = []));
+      this.tableLoading = true;
+      this.showImage = true;
+    }
+    this.getassignDropdown();
+  }
+
+  excelData: any;
+  showUser: boolean = false;
+  showTeam: boolean = false;
+  showStore: boolean = false;
+  showCluster: boolean = false;
+
+  onFileUpload(event: any, reupload?: any) {
+    this.validatedStore = [];
+    this.validatedUser = [];
+    this.validatedCluster = [];
+    this.validatedTeam = [];
+    this.newUser = [];
+    this.inactiveStores = [];
+    this.showUser = false;
+    this.showTeam = false;
+    this.showStore = false;
+    this.showCluster = false;
+    this.showInactive = false;
+    this.currentValue = 1;
+    this.reupload = false;
+    this.upload = "upload";
+    this.userData = this.excelUserData = [];
+    let data: any;
+    const target: DataTransfer = <DataTransfer>event.target;
+    let isExcelFile = !!target.files[0].name.match(/(.xls|.xlsx)/);
+    let error: any = [];
+    let ValidationError: boolean = false;
+    if (isExcelFile) {
+      const reader: FileReader = new FileReader();
+      reader.readAsBinaryString(target.files[0]);
+      reader.onload = (e: any) => {
+        const bstr: string = e.target.result;
+        const wb: XLSX.WorkBook = XLSX.read(bstr, { type: "binary" });
+        const wsname: string = wb.SheetNames[0];
+        const ws: XLSX.WorkSheet = wb.Sheets[wsname];
+        data = XLSX.utils.sheet_to_json(ws);
+        this.excelData = data;
+        if (
+          !data.length ||
+          data.some((item: any) => "clusterName" in item || "teamName" in item)
+        ) {
+          this.toast.getErrorToast("Please Upload a Valid file.");
+          return;
+        }
+
+        const requiredKeys = this.storeCoverage
+          ? ["storeName", "userName", "userEmail"]
+          : ["userName", "userEmail"]; // Must always be present
+        const optionalKeys = this.storeCoverage
+          ? ["userPhone", "city"]
+          : ["userPhone", "city"];
+
+        const isValid = data.some((item: any) => {
+          const keys = Object.keys(item);
+          const hasRequiredKeys = requiredKeys.every((key) =>
+            keys.includes(key),
+          );
+          const allKeysAreAllowed = keys.every(
+            (key) => requiredKeys.includes(key) || optionalKeys.includes(key),
+          );
+          return hasRequiredKeys && allKeysAreAllowed;
+        });
+
+        if (!isValid) {
+          this.toast.getErrorToast("Please Upload a Valid file.");
+          return;
+        }
+
+        // data = data.filter((item:any) => {
+        //   return ((item?.storeName && item?.storeName.trim() != '' && item?.storeName.trim() != null) || (item?.userName && item?.userName.trim() != '' && item?.userName.trim() != null) || (item?.userEmail && item?.userEmail.trim() != '' && item?.userEmail.trim() != null))
+        // })
+
+        data.forEach((element: any, index: any) => {
+          if (element?.userEmail) {
+            element.userEmail = element?.userEmail.replace(/\s/g, "");
+          }
+          if (this.storeCoverage) {
+            if (element?.storeName?.trim() == "" || element.storeName == null) {
+              error.push(`Invalid StoreName - A${index + 2}`);
+            }
+            if (element?.userName?.trim() == "" || element.userName == null) {
+              error.push(`Invalid UserName - B${index + 2}`);
+            }
+            if (element?.userEmail?.trim() == "" || element.userEmail == null) {
+              error.push(`Invalid userEmail - C${index + 2}`);
+            }
+            if (
+              element?.userEmail &&
+              !element.userEmail.match(
+                /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/,
+              )
+            ) {
+              error.push(`Invalid userEmail - C${index + 2}`);
+            }
+            if (element.clusterName) {
+              if (
+                element.clusterName?.trim() == "" ||
+                element.clusterName == null
+              ) {
+                error.push(`Invalid clusterName - D${index + 2}`);
+              }
+            }
+          } else if (this.userCoverage && !element?.storeName) {
+            if (element?.userName?.trim() == "" || element.userName == null) {
+              error.push(`Invalid UserName - A${index + 2}`);
+            }
+            if (element?.userEmail?.trim() == "" || element.userEmail == null) {
+              error.push(`Invalid userEmail - B${index + 2}`);
+            }
+            if (
+              element?.userEmail &&
+              !element.userEmail.match(
+                /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/,
+              )
+            ) {
+              error.push(`Invalid userEmail - B${index + 2}`);
+            }
+            if (element.teamName) {
+              if (element.teamName?.trim() == "" || element.teamName == null) {
+                error.push(`Invalid teamName - C${index + 2}`);
+              }
+            }
+          } else {
+            this.toast.getErrorToast("Please upload a valid file.");
+            ValidationError = true;
+          }
+          if (this.storeCoverage) {
+            if (this.assignType === "store") {
+              this.userData.push({
+                storeName: element?.storeName?.trim(),
+                userName: element?.userName?.trim(),
+                userEmail: element?.userEmail?.toLowerCase()?.trim(),
+                userPhone: element?.userPhone,
+                // checkFlag: element?.check ? element.check : false,
+                city: element?.city,
+                type: "store",
+              });
+            } else {
+              this.userData.push({
+                storeName: element?.storeName?.trim(),
+                userName: element?.userName?.trim(),
+                userEmail: element?.userEmail?.toLowerCase()?.trim(),
+                clusterName: element?.clusterName,
+                userPhone: element?.userPhone,
+                // checkFlag: element?.check ? element.check : false,
+                city: element?.city,
+                type: "cluster",
+              });
+            }
+          } else if (this.userCoverage) {
+            if (this.assignType === "user") {
+              this.userData.push({
+                userName: element?.userName?.trim(),
+                userEmail: element?.userEmail?.toLowerCase()?.trim(),
+                userPhone: element?.userPhone,
+                // checkFlag: element?.check ? element.check : false,
+                type: "user",
+              });
+            } else {
+              this.userData.push({
+                userName: element?.userName?.trim(),
+                userEmail: element?.userEmail?.toLowerCase()?.trim(),
+                teamName: element?.teamName,
+                userPhone: element?.userPhone,
+                // checkFlag: element?.check ? element.check : false,
+                type: "teams",
+              });
+            }
+          }
+        });
+
+        if (error.length) {
+          this.dialog.dismissAll();
+          const popupcontent = {
+            displayprop: false,
+            imagesrc: `<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><rect x="4" y="4" width="48" height="48" rx="24" fill="#FEF0C7"/><path d="M27.9998 24.0012V28.0012M27.9998 32.0012H28.0098M26.2898 18.8612L17.8198 33.0012C17.6451 33.3036 17.5527 33.6465 17.5518 33.9957C17.5508 34.3449 17.6413 34.6883 17.8142 34.9917C17.9871 35.2951 18.2365 35.5479 18.5375 35.725C18.8385 35.9021 19.1806 35.9973 19.5298 36.0012H36.4698C36.819 35.9973 37.1611 35.9021 37.4621 35.725C37.7631 35.5479 38.0124 35.2951 38.1854 34.9917C38.3583 34.6883 38.4488 34.3449 38.4478 33.9957C38.4468 33.6465 38.3544 33.3036 38.1798 33.0012L29.7098 18.8612C29.5315 18.5673 29.2805 18.3243 28.981 18.1557C28.6814 17.987 28.3435 17.8984 27.9998 17.8984C27.656 17.8984 27.3181 17.987 27.0186 18.1557C26.7191 18.3243 26.468 18.5673 26.2898 18.8612Z" stroke="#DC6803" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><rect x="4" y="4" width="48" height="48" rx="24" stroke="#FFFAEB" stroke-width="8"/></svg>`,
+            title: `Invalid details!`,
+            content: `Please provide correct and complete store information.`,
+            buttontype: "error",
+            error: error,
+          };
+          this.afterUplload(popupcontent);
+          return;
+        } else {
+          !ValidationError ? this.afterUplload() : "";
+        }
+        if (this.fileInput) {
+          this.fileInput.nativeElement.value = "";
+        }
+        if (this.fileInput1) {
+          this.fileInput1.nativeElement.value = "";
+        }
+      };
+    } else {
+      if (this.fileInput) {
+        this.fileInput.nativeElement.value = "";
+      }
+      if (this.fileInput1) {
+        this.fileInput1.nativeElement.value = "";
+      }
+      this.toast.getErrorToast("Please Upload a Excel file.");
+    }
+  }
+
+  validateUserDetails(del?: any) {
+    let params = {
+      id: this.checklistId,
+      assignedUsers: this.userData,
+      uploadUser: true,
+      type:
+        this.obj?.type &&
+          ["mobileusagedetection", "storeopenandclose"].includes(this.obj.type)
+          ? this.obj.type
+          : "",
+      ...(del ? { delete: false } : {}),
+      clientId: this.clientId,
+    };
+    this.SopService.validateUser(params)
+      .pipe(takeUntil(this.detach))
+      .subscribe(
+        (res: any) => {
+          let validate: Boolean = true;
+          if (res && res.code == 200) {
+            this.dialog.dismissAll();
+            this.configData.uploadUser = true;
+            if (res?.data?.ExistsEmail?.length) {
+              this.toast.getErrorToast(
+                res?.data?.ExistsEmail.join(", ") + " " + res?.data?.message,
+              );
+              if (this.fileInput) {
+                this.fileInput.nativeElement.value = "";
+              }
+              if (this.fileInput1) {
+                this.fileInput1.nativeElement.value = "";
+              }
+              return;
+            } else if (res?.data?.id) {
+              this.configData.checkListDetails._id = res.data.id;
+              this.checklistId = res.data.id;
+              this.configData.checkListDetails.assignedUsers = [];
+              this.configData.uploadUser = true;
+              this.userDetails();
+              this.changedetector.detectChanges();
+            } else {
+              if (res?.data?.domain.length) {
+                let email = res?.data?.domain.map((item: any) => item.email);
+                // +' '+'<a href="profile/domains">Add domain</a>'
+                this.toast.getErrorToast(
+                  email.join(", ") + " " + "Domain is not Exists.",
+                );
+                return;
+              } else if (res?.data?.user?.length && res?.data?.store?.length) {
+                validate = false;
+                let popupcontent;
+                let store: any = [];
+                let location: any = [];
+                let inactiveStore: any = [];
+                store = res.data.store.filter((item: any) => {
+                  return item.message == "";
+                });
+
+                inactiveStore = res.data.store.filter((item: any) => {
+                  return item.message == "store is inactive";
+                });
+
+                // location = res.data.store.filter((item: any) => {
+                //   return item.message != '' && item.message != 'store is inactive';
+                // });
+
+                store = [...new Set(store.map((item: any) => item.store))];
+                inactiveStore = [
+                  ...new Set(inactiveStore.map((item: any) => item.store)),
+                ];
+                location = [
+                  ...new Set(location.map((item: any) => item.store)),
+                ];
+                if (store.length) {
+                  let title = `New Store found in uploaded file`;
+                  if (inactiveStore.length) {
+                    title = `New Store and Inactive Store found in uploaded file`;
+                  }
+                  popupcontent = {
+                    displayprop: false,
+                    imagesrc: "",
+                    title: title,
+                    content: `This CSV contains a new store. Add new stores in the Store Management under Manage menu.`,
+                    buttontype: "Addstore",
+                    subtitle: store.join(", "),
+                    location: location.join(),
+                    inactiveStores: inactiveStore.join(),
+                  };
+                } else if (inactiveStore.length) {
+                  popupcontent = {
+                    displayprop: false,
+                    imagesrc:
+                      '<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><rect x="4" y="4" width="48" height="48" rx="24" fill="#FEF0C7"/><path d="M27.9998 24.0012V28.0012M27.9998 32.0012H28.0098M26.2898 18.8612L17.8198 33.0012C17.6451 33.3036 17.5527 33.6465 17.5518 33.9957C17.5508 34.3449 17.6413 34.6883 17.8142 34.9917C17.9871 35.2951 18.2365 35.5479 18.5375 35.725C18.8385 35.9021 19.1806 35.9973 19.5298 36.0012H36.4698C36.819 35.9973 37.1611 35.9021 37.4621 35.725C37.7631 35.5479 38.0124 35.2951 38.1854 34.9917C38.3583 34.6883 38.4488 34.3449 38.4478 33.9957C38.4468 33.6465 38.3544 33.3036 38.1798 33.0012L29.7098 18.8612C29.5315 18.5673 29.2805 18.3243 28.981 18.1557C28.6814 17.987 28.3435 17.8984 27.9998 17.8984C27.656 17.8984 27.3181 17.987 27.0186 18.1557C26.7191 18.3243 26.468 18.5673 26.2898 18.8612Z" stroke="#DC6803" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><rect x="4" y="4" width="48" height="48" rx="24" stroke="#FFFAEB" stroke-width="8"/></svg>',
+                    title: `Inactive Store found in uploaded file`,
+                    content: `Inactive stores found in the .csv. Please activate or skip them to proceed to assign.`,
+                    buttontype: "Activestore",
+                    subtitle: inactiveStore.join(", "),
+                  };
+                } else {
+                }
+                if (popupcontent) {
+                  const dialogRef = this.dialog.open(TraxpopupComponent, {
+                    centered: true,
+                    size: "md",
+                    backdrop: "static",
+                  });
+                  dialogRef.componentInstance.data = popupcontent;
+                  dialogRef.result.then((result) => {
+                    if (result == "confirmStore") {
+                      this.route.navigateByUrl(`manage/stores/addition-method`);
+                    }
+                    if (result == "activeStore") {
+                      this.route.navigateByUrl(`manage/stores`);
+                    }
+                    validate = true;
+                    if (result == "skip") {
+                      let userDataCopy = [...this.userData];
+                      this.userData = [];
+                      userDataCopy.forEach((item: any) => {
+                        if (
+                          !store.includes(item.storeName) &&
+                          !inactiveStore.includes(item.storeName)
+                        ) {
+                          this.userData.push(item);
+                        }
+                      });
+
+                      if (!this.userData.length) {
+                        this.toast.getErrorToast("Please Enter valid Details");
+                        if (this.fileInput) {
+                          this.fileInput.nativeElement.value = "";
+                        }
+                        if (this.fileInput1) {
+                          this.fileInput1.nativeElement.value = "";
+                        }
+                        return;
+                      }
+                      let userDetails = this.userData.map(
+                        (item: any) => item.userEmail,
+                      );
+                      let user = [...res.data.user];
+                      res.data.user = [];
+                      user.forEach((item: any) => {
+                        if (userDetails.includes(item.userEmail)) {
+                          res.data.user.push(item);
+                        }
+                      });
+                      if (res.data.user.length) {
+                        popupcontent = {
+                          displayprop: false,
+                          imagesrc:
+                            '<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><rect x="4" y="4" width="48" height="48" rx="24" fill="#FEF0C7"/><path d="M27.9998 24.0012V28.0012M27.9998 32.0012H28.0098M26.2898 18.8612L17.8198 33.0012C17.6451 33.3036 17.5527 33.6465 17.5518 33.9957C17.5508 34.3449 17.6413 34.6883 17.8142 34.9917C17.9871 35.2951 18.2365 35.5479 18.5375 35.725C18.8385 35.9021 19.1806 35.9973 19.5298 36.0012H36.4698C36.819 35.9973 37.1611 35.9021 37.4621 35.725C37.7631 35.5479 38.0124 35.2951 38.1854 34.9917C38.3583 34.6883 38.4488 34.3449 38.4478 33.9957C38.4468 33.6465 38.3544 33.3036 38.1798 33.0012L29.7098 18.8612C29.5315 18.5673 29.2805 18.3243 28.981 18.1557C28.6814 17.987 28.3435 17.8984 27.9998 17.8984C27.656 17.8984 27.3181 17.987 27.0186 18.1557C26.7191 18.3243 26.468 18.5673 26.2898 18.8612Z" stroke="#DC6803" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><rect x="4" y="4" width="48" height="48" rx="24" stroke="#FFFAEB" stroke-width="8"/></svg>',
+                          title: `Invite new users added in CSV`,
+                          content: `This CSV contains new users. Invite users by sending mail to them`,
+                          buttontype: "Invite",
+                          user: res.data.user,
+                        };
+                        const dialogRef = this.dialog.open(TraxpopupComponent, {
+                          centered: true,
+                          size: "md",
+                          backdrop: "static",
+                        });
+                        dialogRef.componentInstance.data = popupcontent;
+                        dialogRef.result.then((result) => {
+                          if (
+                            result?.message == "confirm" ||
+                            result == "skip"
+                          ) {
+                            if (result == "skip") {
+                              userDataCopy = [...this.userData];
+                              this.userData = [];
+                              userDataCopy.forEach((item: any) => {
+                                if (!userDetails.includes(item.userEmail)) {
+                                  this.userData.push(item);
+                                }
+                              });
+                            } else {
+                              result?.user.forEach((item: any) => {
+                                let index = this.userData.findIndex(
+                                  (user: any) => {
+                                    return user.userEmail == item.userEmail;
+                                  },
+                                );
+                                if (!item.invite) {
+                                  this.userData.splice(index, 1);
+                                }
+                              });
+                              for (let item of res.data.user) {
+                                if (item?.message) {
+                                  this.toast.getErrorToast(
+                                    `${item.userEmail} - ${item.message}`,
+                                  );
+                                  if (this.fileInput) {
+                                    this.fileInput.nativeElement.value = "";
+                                  }
+                                  if (this.fileInput1) {
+                                    this.fileInput1.nativeElement.value = "";
+                                  }
+                                  validate = false;
+                                  return;
+                                }
+                              }
+                            }
+                            if (!this.userData.length) {
+                              this.toast.getErrorToast(
+                                `Please Enter valid Details`,
+                              );
+                              if (this.fileInput) {
+                                this.fileInput.nativeElement.value = "";
+                              }
+                              if (this.fileInput1) {
+                                this.fileInput1.nativeElement.value = "";
+                              }
+                              return;
+                            }
+                            if (validate) {
+                              this.configData.uploadUser = true;
+                              this.uploadUser(del);
+                            }
+                          }
+                        });
+                      } else {
+                        this.configData.uploadUser = true;
+                        this.uploadUser(del);
+                      }
+                    }
+                  });
+                }
+              } else if (res?.data?.user?.length || res?.data?.store?.length) {
+                validate = false;
+                let popupcontent;
+                let store: any = [];
+                let location: any = [];
+                let inactiveStore: any = [];
+                if (res?.data?.user?.length) {
+                  popupcontent = {
+                    displayprop: false,
+                    imagesrc:
+                      '<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><rect x="4" y="4" width="48" height="48" rx="24" fill="#FEF0C7"/><path d="M27.9998 24.0012V28.0012M27.9998 32.0012H28.0098M26.2898 18.8612L17.8198 33.0012C17.6451 33.3036 17.5527 33.6465 17.5518 33.9957C17.5508 34.3449 17.6413 34.6883 17.8142 34.9917C17.9871 35.2951 18.2365 35.5479 18.5375 35.725C18.8385 35.9021 19.1806 35.9973 19.5298 36.0012H36.4698C36.819 35.9973 37.1611 35.9021 37.4621 35.725C37.7631 35.5479 38.0124 35.2951 38.1854 34.9917C38.3583 34.6883 38.4488 34.3449 38.4478 33.9957C38.4468 33.6465 38.3544 33.3036 38.1798 33.0012L29.7098 18.8612C29.5315 18.5673 29.2805 18.3243 28.981 18.1557C28.6814 17.987 28.3435 17.8984 27.9998 17.8984C27.656 17.8984 27.3181 17.987 27.0186 18.1557C26.7191 18.3243 26.468 18.5673 26.2898 18.8612Z" stroke="#DC6803" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><rect x="4" y="4" width="48" height="48" rx="24" stroke="#FFFAEB" stroke-width="8"/></svg>',
+                    title: `Invite new users added in CSV`,
+                    content: `This CSV contains new users. Invite users by sending mail to them`,
+                    buttontype: "Invite",
+                    user: res.data.user,
+                  };
+                } else {
+                  store = res.data.store.filter((item: any) => {
+                    return item.message == "";
+                  });
+
+                  inactiveStore = res.data.store.filter((item: any) => {
+                    return item.message == "store is inactive";
+                  });
+
+                  // location = res.data.store.filter((item: any) => {
+                  //   return item.message != '';
+                  // });
+
+                  store = [...new Set(store.map((item: any) => item.store))];
+                  inactiveStore = [
+                    ...new Set(inactiveStore.map((item: any) => item.store)),
+                  ];
+                  location = [
+                    ...new Set(location.map((item: any) => item.store)),
+                  ];
+                  if (store.length) {
+                    let title = `New Store found in uploaded file`;
+                    if (inactiveStore.length) {
+                      title = `New Store and Inactive Store found in uploaded file`;
+                    }
+                    popupcontent = {
+                      displayprop: false,
+                      imagesrc:
+                        '<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><rect x="4" y="4" width="48" height="48" rx="24" fill="#FEF0C7"/><path d="M27.9998 24.0012V28.0012M27.9998 32.0012H28.0098M26.2898 18.8612L17.8198 33.0012C17.6451 33.3036 17.5527 33.6465 17.5518 33.9957C17.5508 34.3449 17.6413 34.6883 17.8142 34.9917C17.9871 35.2951 18.2365 35.5479 18.5375 35.725C18.8385 35.9021 19.1806 35.9973 19.5298 36.0012H36.4698C36.819 35.9973 37.1611 35.9021 37.4621 35.725C37.7631 35.5479 38.0124 35.2951 38.1854 34.9917C38.3583 34.6883 38.4488 34.3449 38.4478 33.9957C38.4468 33.6465 38.3544 33.3036 38.1798 33.0012L29.7098 18.8612C29.5315 18.5673 29.2805 18.3243 28.981 18.1557C28.6814 17.987 28.3435 17.8984 27.9998 17.8984C27.656 17.8984 27.3181 17.987 27.0186 18.1557C26.7191 18.3243 26.468 18.5673 26.2898 18.8612Z" stroke="#DC6803" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><rect x="4" y="4" width="48" height="48" rx="24" stroke="#FFFAEB" stroke-width="8"/></svg>',
+                      title: title,
+                      content: `This CSV contains a new store. Add new stores in the Store Management under Manage menu.`,
+                      buttontype: "Addstore",
+                      subtitle: store.join(", "),
+                      location: location.join(),
+                      inactiveStores: inactiveStore.join(),
+                    };
+                  } else if (inactiveStore.length) {
+                    popupcontent = {
+                      displayprop: false,
+                      imagesrc:
+                        '<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><rect x="4" y="4" width="48" height="48" rx="24" fill="#FEF0C7"/><path d="M27.9998 24.0012V28.0012M27.9998 32.0012H28.0098M26.2898 18.8612L17.8198 33.0012C17.6451 33.3036 17.5527 33.6465 17.5518 33.9957C17.5508 34.3449 17.6413 34.6883 17.8142 34.9917C17.9871 35.2951 18.2365 35.5479 18.5375 35.725C18.8385 35.9021 19.1806 35.9973 19.5298 36.0012H36.4698C36.819 35.9973 37.1611 35.9021 37.4621 35.725C37.7631 35.5479 38.0124 35.2951 38.1854 34.9917C38.3583 34.6883 38.4488 34.3449 38.4478 33.9957C38.4468 33.6465 38.3544 33.3036 38.1798 33.0012L29.7098 18.8612C29.5315 18.5673 29.2805 18.3243 28.981 18.1557C28.6814 17.987 28.3435 17.8984 27.9998 17.8984C27.656 17.8984 27.3181 17.987 27.0186 18.1557C26.7191 18.3243 26.468 18.5673 26.2898 18.8612Z" stroke="#DC6803" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><rect x="4" y="4" width="48" height="48" rx="24" stroke="#FFFAEB" stroke-width="8"/></svg>',
+                      title: `Inactive Store found in uploaded file`,
+                      content: `Inactive stores found in the .csv. Please activate or skip them to proceed to assign.`,
+                      buttontype: "Activestore",
+                      subtitle: inactiveStore.join(", "),
+                    };
+                  } else {
+                    if (location.length) {
+                      let userDataCopy = [...this.userData];
+                      let store_id: any = [];
+                      location.forEach((item: any) => {
+                        let details = userDataCopy.find(
+                          (store: any) => item == store.storeName,
+                        );
+                        if (details.city == undefined || details.city == "") {
+                          store_id.push(item);
+                        }
+                      });
+                      if (store_id.length) {
+                        this.toast.getErrorToast(
+                          `City is required on this stores ${store_id.join()}`,
+                        );
+                        if (this.fileInput) {
+                          this.fileInput.nativeElement.value = "";
+                        }
+                        if (this.fileInput1) {
+                          this.fileInput1.nativeElement.value = "";
+                        }
+                        return;
+                      } else {
+                        this.configData.uploadUser = true;
+                        this.uploadUser(del);
+                      }
+                    }
+                  }
+                }
+                if (popupcontent) {
+                  const dialogRef = this.dialog.open(TraxpopupComponent, {
+                    centered: true,
+                    size: "md",
+                    backdrop: "static",
+                  });
+                  dialogRef.componentInstance.data = popupcontent;
+                  dialogRef.result.then((result) => {
+                    if (result == "confirmStore") {
+                      this.route.navigateByUrl(`manage/stores/addition-method`);
+                    }
+                    if (result == "activeStore") {
+                      this.route.navigateByUrl(`manage/stores`);
+                    }
+                    if (result?.message == "confirm" || result == "skip") {
+                      validate = true;
+                      if (result == "skip") {
+                        let userDataCopy = [...this.userData];
+                        this.userData = [];
+                        if (res?.data?.user?.length) {
+                          let userDetails = res.data.user.map(
+                            (item: any) => item.userEmail,
+                          );
+                          userDataCopy.forEach((item: any) => {
+                            if (!userDetails.includes(item.userEmail)) {
+                              this.userData.push(item);
+                            }
+                          });
+                        }
+
+                        if (location.length) {
+                          let store_id: any = [];
+                          location.forEach((item: any) => {
+                            let details = userDataCopy.find(
+                              (store: any) => item == store.storeName,
+                            );
+                            if (
+                              details.city == undefined ||
+                              details.city == ""
+                            ) {
+                              store_id.push(item);
+                            }
+                          });
+                          if (store_id.length) {
+                            this.toast.getErrorToast(
+                              `City is required on this stores ${store_id.join()}`,
+                            );
+                            if (this.fileInput) {
+                              this.fileInput.nativeElement.value = "";
+                            }
+                            if (this.fileInput1) {
+                              this.fileInput1.nativeElement.value = "";
+                            }
+                            return;
+                          }
+                        }
+
+                        if (res?.data?.store?.length) {
+                          userDataCopy.forEach((item: any) => {
+                            if (
+                              !store.includes(item.storeName) &&
+                              !inactiveStore.includes(item.storeName)
+                            ) {
+                              this.userData.push(item);
+                            }
+                          });
+                        }
+                      } else {
+                        result?.user.forEach((item: any) => {
+                          let index = this.userData.findIndex((user: any) => {
+                            return user.userEmail == item.userEmail;
+                          });
+                          if (!item.invite) {
+                            this.userData.splice(index, 1);
+                          }
+                        });
+                        for (let item of res.data.user) {
+                          if (item?.message) {
+                            this.toast.getErrorToast(
+                              `${item.userEmail} - ${item.message}`,
+                            );
+                            if (this.fileInput) {
+                              this.fileInput.nativeElement.value = "";
+                            }
+                            if (this.fileInput1) {
+                              this.fileInput1.nativeElement.value = "";
+                            }
+                            validate = false;
+                            return;
+                          }
+                        }
+                      }
+                      if (validate) {
+                        if (!this.userData.length) {
+                          this.toast.getErrorToast(
+                            "Please Enter valid Details",
+                          );
+                          if (this.fileInput) {
+                            this.fileInput.nativeElement.value = "";
+                          }
+                          if (this.fileInput1) {
+                            this.fileInput1.nativeElement.value = "";
+                          }
+                          return;
+                        }
+                        this.configData.uploadUser = true;
+                        this.uploadUser(del);
+                      }
+                    }
+                  });
+                }
+              } else {
+                this.configData.uploadUser = true;
+                if (this.fileInput) {
+                  this.fileInput.nativeElement.value = "";
+                }
+                if (this.fileInput1) {
+                  this.fileInput1.nativeElement.value = "";
+                }
+                this.uploadUser(del);
+              }
+            }
+          }
+        },
+        (error) => {
+          if (this.fileInput) {
+            this.fileInput.nativeElement.value = "";
+          }
+          if (this.fileInput1) {
+            this.fileInput1.nativeElement.value = "";
+          }
+          this.toast.getErrorToast(error.error.error);
+        },
+      );
+  }
+
+  validatedStore: any = [];
+  validatedUser: any = [];
+  validatedCluster: any = [];
+  validatedTeam: any = [];
+  newUser: any = [];
+  inactiveStores: any = [];
+  showInactive: any = false;
+
+  validateDetails(addUser?: any) {
+    let params: any = {
+      checklistId: this.checklistId,
+      assignedUsers: this.userData,
+      clientId: this.clientId,
+      coverage: this.coverage,
+    };
+    addUser ? (params.addUser = true) : "";
+    this.SopService.validateUserv1(params)
+      .pipe(takeUntil(this.detach))
+      .subscribe({
+        next: (res: any) => {
+          if (res && res?.code == 200) {
+            if (this.upload === "store") {
+              this.tableArray.unshift(...res?.data?.data);
+              this.configData.checkListDetails.assign = this.tableArray;
+              let data = this.tableArray.map((el: any) => {
+                return { id: el?._id, type: el?.type };
+              });
+              this.idList = data;
+              this.singleAssign = this.idList;
+              this.assignType === "user"
+                ? this.getassignDropdown("change")
+                : "";
+              this.getTableData();
+            } else {
+              this.tableArray = [];
+              this.tableLoading = true;
+              this.tableArray = res?.data?.data;
+              this.assignSingle = res?.data?.data;
+              this.configData.checkListDetails.assign = this.tableArray;
+              let data = res?.data?.data.map((el: any) => {
+                return { id: el?._id, type: el?.type };
+              });
+              this.idList = data;
+              this.singleAssign = this.idList;
+              this.tableLoading = false;
+              this.assignType === "user"
+                ? this.getassignDropdown("change")
+                : "";
+              this.getTableData();
+            }
+            this.dialog.dismissAll();
+          }
+        },
+        error: (err: any) => {
+          if (err?.error?.error && err?.error?.code == 400) {
+            let errorData = err?.error?.error;
+            this.excelData = errorData?.data;
+            this.userData = errorData?.data;
+            if (errorData.existEmail?.length) {
+              this.toast.getErrorToast(
+                `Already ${errorData.existEmail.toString()} assigned to another client`,
+              );
+            } else if (
+              errorData.store?.length &&
+              !errorData.existEmail?.length
+            ) {
+              this.validatedStore = errorData?.store;
+              this.showStore = true;
+              this.afterUplload();
+            } else if (
+              errorData.store?.length &&
+              errorData.existEmail?.length
+            ) {
+              !errorData?.inActiveStores?.length
+                ? this.dialog.dismissAll()
+                : "";
+              this.toast.getErrorToast(
+                `Already ${errorData.store.toString()} assigned to another client`,
+              );
+            } else if (errorData?.inActiveStores?.length) {
+              this.inactiveStores = errorData?.inActiveStores;
+              this.showInactive = true;
+              this.afterUplload();
+            } else if (
+              errorData?.user?.length &&
+              !errorData?.existEmail?.length
+            ) {
+              this.validatedUser = errorData.user;
+              this.showUser = true;
+              if (this.upload === "store") {
+                this.confirmUserpopup();
+              } else {
+                this.afterUplload();
+              }
+            } else if (
+              errorData?.user?.length &&
+              errorData?.existEmail?.length
+            ) {
+              this.dialog.dismissAll();
+              this.toast.getErrorToast(
+                `Already ${errorData?.user.toString()} assigned to another client`,
+              );
+            }
+            if (errorData?.duplicates?.length) {
+              this.dialog.dismissAll();
+              this.toast.getErrorToast(
+                `${errorData?.duplicates?.toString()} - ${errorData?.message}`,
+              );
+            }
+          }
+        },
+      });
+  }
+
+  checkBuffer: any;
+  changeBufferTime(event: any) {
+    this.checkBuffer = event.target.checked;
+    if (this.checkBuffer) {
+      this.configData.aiConfig.storeOpenClose.buffer.openTime = 1;
+      this.configData.aiConfig.storeOpenClose.buffer.closeTime = 1;
+    } else {
+      this.configData.aiConfig.storeOpenClose.buffer.openTime = 0;
+      this.configData.aiConfig.storeOpenClose.buffer.closeTime = 0;
+    }
+  }
+
+  selectedTab(value: any) {
+    this.tableArray = [];
+    this.tableLoading = true;
+    this.tableLoading1 = true;
+    this.tableData = [];
+    this.assignType = value;
+    this.currentValue = 1;
+    this.size = 5;
+    this.tableFilter = "";
+    this.configData.checkListDetails.assign = [];
+    this.getassignDropdown();
+  }
+
+  closeactivepopup() {
+    this.dialog.dismissAll();
+  }
+
+  uploadUser(del?: any) {
+    let data = {
+      id: this.checklistId,
+      assignedUsers: this.userData,
+      uploadUser: true,
+      addUser: true,
+      type:
+        this.obj?.type &&
+          ["mobileusagedetection", "storeopenandclose"].includes(this.obj.type)
+          ? this.obj.type
+          : "",
+      ...(del ? { delete: false } : {}),
+      clientId: this.clientId,
+    };
+    this.SopService.validateUser(data)
+      .pipe(takeUntil(this.detach))
+      .subscribe((response: any) => {
+        if (response && response.code == 200) {
+          this.configData.checkListDetails._id = response.data.id;
+          this.checklistId = response.data.id;
+          this.configData.checkListDetails.assignedUsers = [];
+          this.userDetails();
+          this.changedetector.detectChanges();
+        }
+      });
+  }
+
+  storeList: any = [];
+  searchKey: any = [];
+
+  getassignDropdown(change?: any) {
+    let data = {
+      clientId: this.clientId,
+      coverage: this.coverage,
+      assignType: this.assignType,
+    };
+
+    this.storeList = [];
+    this.SopService.getassignDropdown(data)
+      .pipe(takeUntil(this.detach))
+      .subscribe((res: any) => {
+        if (res && res.code == 200 && res.data.data.length) {
+          this.storeList = res?.data?.data;
+          if (data?.coverage === "store") {
+            this.searchKey = ["storeName", "clusterName"];
+          } else if (data?.coverage === "user") {
+            this.searchKey = ["userName", "teamName"];
+          }
+
+          !change
+            ? this.getInitialData(
+              this.assignType === "store" || this.assignType === "user"
+                ? this.singleAssign
+                : this.groupAssign,
+              change ? change : "",
+            )
+            : "";
+          this.changedetector.detectChanges();
+        } else {
+          this.storeList = [];
+          this.tableArray = [];
+          this.tableData = [];
+          this.tableLoading1 = false;
+          this.tableLoading = false;
+        }
+      });
+  }
+
+  getStoreCounts(data: any) {
+    console.log(
+      "🚀 ~ ChecklistConfigureComponent ~ getStoreCounts ~ data:",
+      data,
+    );
+    if (this.storeCoverage) {
+      const uniqueStoreNames = new Set(
+        data?.map((item: any) => item.storeName),
+      );
+      return uniqueStoreNames.size;
+    } else if (this.userCoverage) {
+      const uniqueUserNames = new Set(data?.map((item: any) => item.userName));
+      return uniqueUserNames.size;
+    }
+  }
+
+  userDetails() {
+    this.size = 5;
+    this.tableLoading = true;
+    let params = {
+      id: this.checklistId,
+      clientId: this.clientId,
+    };
+    this.SopService.getUserDetailsV1(params)
+      .pipe(takeUntil(this.detach))
+      .subscribe((res: any) => {
+        this.tableLoading = false;
+        let count = 0;
+        if (res == null) {
+          this.disableBtn = false;
+          this.showImage = true;
+          if (this.tableFilter.length) this.showImage = false;
+          this.tableLoading1 = false;
+          this.tableArray = [];
+          this.tableData = [];
+        }
+        if (res && res.code == 200) {
+          this.disableBtn = false;
+          this.showImage = false;
+          this.tableLoading = false;
+          this.tableLoading1 = false;
+          if (this.storeCoverage) {
+            this.tableArray = res.data.userDetails.filter(
+              (el: any) => el?.clusterName == "" && el?.storeId != "",
+            );
+            this.assignGroup = res.data.userDetails.filter(
+              (el: any) => el?.clusterName !== "",
+            );
+          } else if (this.userCoverage) {
+            this.tableArray = res.data.userDetails.filter(
+              (el: any) => el?.teamName == "" && el?.userName != "",
+            );
+            this.assignGroup = res.data.userDetails.filter(
+              (el: any) => el?.teamName !== "",
+            );
+          }
+          this.assignSingle = this.tableArray;
+          this.recordsTotal = this.tableArray.length;
+          // this.recordsTotal = res.data.count;
+          if (this.recordsTotal < 5) {
+            this.paginationSize = [this.recordsTotal];
+            this.size = this.recordsTotal;
+          } else {
+            this.paginationSize = [5, 10, 15, 20];
+            this.size = 5;
+          }
+          this.tableData = this.tableArray.slice(
+            this.currentValue * this.size - this.size,
+            this.currentValue * this.size,
+          );
+          this.tableData
+            ? (this.tableLoading = false)
+            : (this.tableLoading = true);
+
+          // this.getInitialData();
+        }
+      });
+  }
+
+  downloadTemplateV2() {
+    let excelData: any = [];
+    if (this.storeCoverage) {
+      if (this.tableArray == null || !this.tableArray?.length) {
+        if (this.assignType === "store") {
+          excelData.push({
+            storeName: "",
+            userName: "",
+            userEmail: "",
+            userPhone: "",
+            city: "",
+          });
+        } else {
+          excelData.push({
+            storeName: "",
+            userName: "",
+            userEmail: "",
+            clusterName: "",
+            userPhone: "",
+            city: "",
+          });
+        }
+      }
+      if (this.tableArray && this.tableArray?.length) {
+        this.tableArray.forEach((item: any) => {
+          if (this.assignType === "store") {
+            excelData.push({
+              storeName: item.storeName,
+              userName: item.userName,
+              userEmail: item.userEmail,
+              userPhone: item.userPhone,
+              city: item.city,
+            });
+          } else {
+            excelData.push({
+              storeName: item.storeName,
+              userName: item.userName,
+              userEmail: item.userEmail,
+              clusterName: item.clusterName,
+              userPhone: item.userPhone,
+              city: item.city,
+            });
+          }
+        });
+      }
+    } else if (this.userCoverage) {
+      if (this.tableArray == null || !this.tableArray?.length) {
+        if (this.assignType === "user") {
+          excelData.push({
+            userName: "",
+            userEmail: "",
+            userPhone: "",
+          });
+        } else {
+          excelData.push({
+            userName: "",
+            userEmail: "",
+            teamName: "",
+            userPhone: "",
+          });
+        }
+      }
+      if (this.tableArray && this.tableArray?.length) {
+        this.tableArray.forEach((item: any) => {
+          if (this.assignType === "user") {
+            excelData.push({
+              userName: item.userName,
+              userEmail: item.userEmail,
+              userPhone: item.userPhone,
+            });
+          } else {
+            excelData.push({
+              userName: item.userName,
+              userEmail: item.userEmail,
+              teamName: item.teamName,
+              userPhone: item.userPhone,
+            });
+          }
+        });
+      }
+    }
+    this.SopService.exportAsExcelFile(
+      excelData,
+      `CheckList_${this.assignType}_`,
+    );
+  }
+
+  emailDownloadTemplate() {
+    let excelData: any = [];
+    let users = this.configData.aiConfig.alertConfig.alertSendTo.email?.users || [];
+    let teams = this.configData.aiConfig.alertConfig.alertSendTo.email?.teams || [];
+    let maxLength = Math.max(users.length, teams.length);
+    if (users.length || teams.length) {
+      for (let i = 0; i < maxLength; i++) {
+        excelData.push({
+          Users: users[i]?.value || '',
+          Teams: teams[i]?.name || '',
+        });
+      }
+    } else {
+      excelData.push({
+        Users: '',
+        Teams: '',
+      });
+    }
+    this.SopService.exportAsExcelFile(excelData, 'emailTemplate');
+  }
+
+  validateExcelTemplate(event: any) {
+    const target: DataTransfer = <DataTransfer>event.target;
+    const file = target.files[0];
+    if (!file) return;
+
+    // 1. Check if file is xlsx
+    if (!file.name.match(/\.xlsx$/)) {
+      this.toast.getErrorToast("Please upload a valid .xlsx file.");
+      event.target.value = '';
+      return;
+    }
+
+    const reader: FileReader = new FileReader();
+    reader.readAsBinaryString(file);
+    reader.onload = (e: any) => {
+      const bstr: string = e.target.result;
+      const wb: XLSX.WorkBook = XLSX.read(bstr, { type: "binary" });
+      const wsname: string = wb.SheetNames[0];
+      const ws: XLSX.WorkSheet = wb.Sheets[wsname];
+      const data: any[] = XLSX.utils.sheet_to_json(ws);
+
+      if (!data.length) {
+        this.toast.getErrorToast("Uploaded file is empty.");
+        event.target.value = '';
+        return;
+      }
+
+      // Trim trailing spaces and filter null/empty rows
+      let hasUsers = false;
+      let hasTeams = false;
+      const trimmedData = data.filter((row: any) => {
+        let userVal = row.Users != null ? String(row.Users).trim() : '';
+        let teamVal = row.Teams != null ? String(row.Teams).trim() : '';
+        if (userVal) hasUsers = true;
+        if (teamVal) hasTeams = true;
+        return userVal || teamVal;
+      });
+
+      // 2. Both users and teams empty — at least one is required
+      if (!hasUsers && !hasTeams) {
+        this.toast.getErrorToast("At least one of Users or Teams is required.");
+        event.target.value = '';
+        return;
+      }
+
+      // Match uploaded users with alertUsers by email (value)
+      let matchedUsers: any[] = [];
+      if (hasUsers) {
+        trimmedData.forEach((row: any) => {
+          let userEmail = row.Users != null ? String(row.Users).trim() : '';
+          if (userEmail) {
+            let found = this.alertUsers.find((u: any) => u.value?.toLowerCase() === userEmail.toLowerCase());
+            if (found && !matchedUsers.some((u: any) => u.value?.toLowerCase() === found.value?.toLowerCase())) {
+              matchedUsers.push(found);
+            }
+          }
+        });
+      }
+
+      // Match uploaded teams with alertTeams by team name (name)
+      let matchedTeams: any[] = [];
+      if (hasTeams) {
+        trimmedData.forEach((row: any) => {
+          let teamName = row.Teams != null ? String(row.Teams).trim() : '';
+          if (teamName) {
+            let found = this.alertTeams.find((t: any) => t.name?.toLowerCase() === teamName.toLowerCase());
+            if (found && !matchedTeams.some((t: any) => t.name?.toLowerCase() === found.name?.toLowerCase())) {
+              matchedTeams.push(found);
+            }
+          }
+        });
+      }
+
+      if (!matchedUsers.length && !matchedTeams.length) {
+        return this.toast.getErrorToast("Excel data is not matching with existing data");
+      }
+
+      // Update type array based on which columns had data
+      let typeArr: string[] = this.configData.aiConfig.alertConfig.alertSendTo.email?.type || [];
+      if (hasUsers && !typeArr.includes('user')) {
+        typeArr.push('user');
+      }
+      if (hasTeams && !typeArr.includes('teams')) {
+        typeArr.push('teams');
+      }
+      this.configData.aiConfig.alertConfig.alertSendTo.email.type = typeArr;
+
+      this.configData.aiConfig.alertConfig.alertSendTo.email.users = matchedUsers;
+      this.configData.aiConfig.alertConfig.alertSendTo.email.teams = matchedTeams;
+      event.target.value = '';
+      this.changedetector.detectChanges();
+      this.dialog.dismissAll();
+      this.toast.getSuccessToast("File uploaded Successfully");
+    };
+  }
+
+  onPageChange(event: any) {
+    this.tableData = [];
+    this.tableLoading = true;
+    this.currentValue = event;
+
+    if (this.tableFilter) {
+      // this.searchTableData();
+      this.recordsTotal = this.searchTable.length;
+      if (this.recordsTotal < 5) {
+        this.paginationSize = [this.recordsTotal];
+        this.size = this.recordsTotal;
+      } else {
+        this.paginationSize = [5, 10, 15, 20];
+        this.size = 5;
+      }
+      this.tableData = this.searchTable.slice(
+        this.currentValue * this.size - this.size,
+        this.currentValue * this.size,
+      );
+      this.tableData ? (this.tableLoading = false) : (this.tableLoading = true);
+    } else {
+      this.tableData = this.tableArray.slice(
+        this.currentValue * this.size - this.size,
+        this.currentValue * this.size,
+      );
+      this.tableData ? (this.tableLoading = false) : (this.tableLoading = true);
+    }
+    this.changedetector.detectChanges();
+  }
+
+  onPageSizeChange(event: any) {
+    this.size = event;
+    this.tableLoading = true;
+    this.tableData = [];
+    this.currentValue = 1;
+
+    if (this.tableFilter) {
+      this.recordsTotal = this.searchTable.length;
+      if (this.recordsTotal < 5) {
+        this.paginationSize = [this.recordsTotal];
+        this.size = this.recordsTotal;
+      } else {
+        this.paginationSize = [5, 10, 15, 20];
+      }
+      this.tableData = this.searchTable.slice(
+        this.currentValue * this.size - this.size,
+        this.currentValue * this.size,
+      );
+      this.tableData ? (this.tableLoading = false) : (this.tableLoading = true);
+    } else {
+      this.tableData = this.tableArray.slice(
+        this.currentValue * this.size - this.size,
+        this.currentValue * this.size,
+      );
+      this.tableData ? (this.tableLoading = false) : (this.tableLoading = true);
+    }
+  }
+
+  dropDown: boolean = false;
+  openDropdown(event: any) {
+    this.dropDown = !this.dropDown;
+  }
+
+  openEmailDropdown() {
+    this.emailDropdown = !this.emailDropdown;
+  }
+
+  searchTable: any;
+  searchTableData() {
+    this.tableData = [];
+    this.size = 5;
+    this.currentValue = 1;
+    this.tableLoading = true;
+    let searchField: any = [
+      "storeName",
+      "userName",
+      "userEmail",
+      "clusterName",
+      "teamName",
+    ];
+
+    if (!this.tableFilter) {
+      this.assignType === "store" || this.assignType === "user"
+        ? this.getTableData()
+        : this.userDetailsV2();
+    } else {
+      const searchData = this.tableFilter.toLowerCase();
+      const searchTerm = searchData.split(",").map((el: any) => el.trim());
+      this.searchTable = this.tableArray?.filter((item: any) =>
+        searchField.some((field: any) =>
+          searchTerm.some((term: any) =>
+            item[field]?.toLowerCase().includes(term),
+          ),
+        ),
+      );
+      this.recordsTotal = this.searchTable.length;
+      if (this.recordsTotal < 5) {
+        this.paginationSize = [this.recordsTotal];
+        this.size = this.recordsTotal;
+      } else {
+        this.paginationSize = [5, 10, 15, 20];
+        this.size = 5;
+      }
+      this.tableData = this.searchTable.slice(
+        this.currentValue * this.size - this.size,
+        this.currentValue * this.size,
+      );
+    }
+    this.tableData ? (this.tableLoading = false) : (this.tableLoading = true);
+  }
+
+  sortData(value: any) {
+    this.sortColumn = value;
+    this.sortBy *= -1;
+    const sortBy = parseInt(this.sortBy, 10) === -1 ? -1 : 1;
+    this.tableArray.sort((a: any, b: any) => {
+      return (
+        sortBy *
+        (a[this.sortColumn] || "").localeCompare(b[this.sortColumn] || "")
+      );
+    });
+
+    this.tableData = this.tableArray.slice(
+      this.currentValue * this.size - this.size,
+      this.currentValue * this.size,
+    );
+  }
+
+  updateFlag(event: any, index: any, element: any) {
+    element.checkFlag = event.target.checked;
+    if (event.target.checked) {
+      let index = this.removeUsers.findIndex((item: any) => item == element.id);
+      this.removeUsers.splice(index, 1);
+      this.configData.checkListDetails.assignedUsers.push(element.id);
+    }
+    if (!event.target.checked) {
+      this.removeUsers.push(element.id);
+      let index = this.configData.checkListDetails.assignedUsers.findIndex(
+        (item: any) => item == element.id,
+      );
+      this.configData.checkListDetails.assignedUsers.splice(index, 1);
+    }
+    this.tableData[index].checkFlag = event.target.checked;
+    this.changedetector.detectChanges();
+    if (
+      this.configData.checkListDetails.assignedUsers.length != this.recordsTotal
+    ) {
+      this.selectAll = false;
+    }
+  }
+  checkAll(event: any) {
+    // this.configData.checkListDetails.assignedUsers = [];
+    if (event.target.checked) {
+      this.tableData.forEach((item: any) => {
+        item.checkFlag = true;
+        let index = this.removeUsers.findIndex(
+          (element: any) => element == item.id,
+        );
+        this.removeUsers.splice(index, 1);
+        if (!this.configData.checkListDetails.assignedUsers.includes(item.id))
+          this.configData.checkListDetails.assignedUsers.push(item.id);
+      });
+    } else {
+      this.tableData.forEach((item: any) => {
+        item.checkFlag = false;
+        this.removeUsers.push(item.id);
+        let index = this.configData.checkListDetails.assignedUsers.findIndex(
+          (id: any) => id == item.id,
+        );
+        this.configData.checkListDetails.assignedUsers.splice(index, 1);
+      });
+    }
+
+    this.changedetector.detectChanges();
+  }
+
+  dateSpecific(event: any) {
+    if (
+      this.configData.checkListDetails?.schedule == "range" &&
+      event?.selectedList
+    ) {
+      this.selectedDateList = event.selectedList;
+    }
+  }
+  dateRangeStart(event: any) {
+    if (event && event.startDate) {
+      if (this.configData.checkListDetails?.schedule == "onetime")
+        this.configData.checkListDetails.scheduleDate = this.dayjs(
+          event.startDate,
+        ).format("YYYY-MM-DD");
+      else {
+        this.configData.checkListDetails.configStartDate = this.dayjs(
+          event.startDate,
+        ).format("YYYY-MM-DD");
+      }
+    } else {
+      if (this.configData.checkListDetails?.schedule == "onetime")
+        this.configData.checkListDetails.scheduleDate =
+          this.configData.checkListDetails.scheduleDate;
+      else {
+        this.configData.checkListDetails.configStartDate =
+          this.configData.checkListDetails.configStartDate;
+      }
+    }
+    this.selectedStartDate = {
+      startDate: this.dayjs(
+        this.configData.checkListDetails?.configStartDate,
+      ).format("DD-MM-YYYY"),
+      endDate: this.dayjs(
+        this.configData.checkListDetails?.configStartDate,
+      ).format("DD-MM-YYYY"),
+    };
+    this.minStartDate = this.dayjs().format();
+    this.minDate = this.dayjs().format();
+    this.minEndDate = this.dayjs(
+      this.configData.checkListDetails?.configStartDate,
+    ).format();
+    this.selectedEndDate = "";
+    this.selectedDateList = [];
+    if (this.configData.checkListDetails.schedule == "range") {
+      if (
+        event?.startDate &&
+        this.configData.checkListDetails.configStartDate != event.startDate
+      ) {
+        this.configData.checkListDetails.configEndDate = this.dayjs(
+          this.configData.checkListDetails.configStartDate,
+        )
+          .add(1, "day")
+          .format("YYYY-MM-DD");
+      }
+      this.selectedEndDate = {
+        startDate: this.dayjs(
+          this.configData.checkListDetails?.configEndDate,
+        ).format("DD-MM-YYYY"),
+        endDate: this.dayjs(
+          this.configData.checkListDetails?.configEndDate,
+        ).format("DD-MM-YYYY"),
+      };
+    } else {
+      if (
+        event?.startDate &&
+        this.configData.checkListDetails.configStartDate != event.startDate
+      ) {
+        this.configData.checkListDetails.configEndDate = "";
+      }
+    }
+    this.validateTime();
+  }
+
+  dateRangeEnd(event: any) {
+    if (event && event.endDate) {
+      this.selectedDateList = [];
+      if (
+        this.configData.checkListDetails.configStartDate >
+        this.dayjs(event.endDate).format("YYYY-MM-DD")
+      ) {
+        this.configData.checkListDetails.configEndDate =
+          this.configData.checkListDetails.configStartDate;
+      } else {
+        this.configData.checkListDetails.configEndDate = this.dayjs(
+          event.endDate,
+        ).format("YYYY-MM-DD");
+      }
+      this.selectedEndDate = {
+        startDate: this.dayjs(
+          this.configData.checkListDetails?.configEndDate,
+        ).format("DD-MM-YYYY"),
+        endDate: this.dayjs(
+          this.configData.checkListDetails?.configEndDate,
+        ).format("DD-MM-YYYY"),
+      };
+      this.minEndDate = this.dayjs(
+        this.configData.checkListDetails?.configStartDate,
+      ).format();
+      this.validateTime();
+    }
+  }
+
+  // dateChanged(event: any) {
+  //   this.date = this.dayjs(event.start);
+  //   this.monthDate = parseInt(this.date.format('DD')) == 1 ? parseInt(this.date.format('DD')) + 'st' : parseInt(this.date.format('DD')) == 2 ? parseInt(this.date.format('DD')) + 'nd' : parseInt(this.date.format('DD')) == 3 ? parseInt(this.date.format('DD')) + 'rd' : parseInt(this.date.format('DD')) + 'th';
+  //   this.monthDay = this.date.format('dddd');
+  //   this.configData.checkListDetails.scheduleDate = this.dayjs(event.start).format('YYYY-MM-DD');
+
+  //   let weekNumber = getWeekNumber(this.date);
+  //   this.MonthweekNumber = weekNumber == 1 ? weekNumber + 'st' : weekNumber == 2 ? weekNumber + 'nd' : weekNumber == 3 ? weekNumber + 'rd' : weekNumber + 'th';
+  //   this.setMonthDate(this.configData.checkListDetails.scheduleRepeatedMonthSetup);
+  // }
+  // setDay(day: any) {
+  //   this.configData.checkListDetails.scheduleRepeatedDay = day;
+  // }
+  setDay(day: string) {
+    if (this.selectedDays.includes(day)) {
+      this.selectedDays = this.selectedDays.filter(
+        (selectedDay) => selectedDay !== day,
+      );
+    } else {
+      this.selectedDays.push(day);
+    }
+  }
+  // setMonthDate(data: any) {
+  //   if (data == 'date') {
+  //     this.configData.checkListDetails.scheduleRepeatedDay = [this.monthDate];
+  //     this.selectedDays = [this.monthDate];
+  //   }
+  //   else {
+  //     this.configData.checkListDetails.scheduleRepeatedDay = [this.monthDay];
+  //     this.selectedDays = [this.monthDay];
+  //     let weekNumber = getWeekNumber(this.date);
+  //     this.configData.checkListDetails.scheduleRepeatedMonthWeek = weekNumber == 1 ? weekNumber + 'st' : weekNumber == 2 ? weekNumber + 'nd' : weekNumber == 3 ? weekNumber + 'rd' : weekNumber + 'th';
+  //   }
+  //   this.configData.checkListDetails.scheduleRepeatedMonthSetup = data;
+
+  // }
+  // setDate(event: any) {
+  //   this.configData.checkListDetails.scheduleDate = event.start;
+  // }
+
+  publish(showPopup: boolean = true) {
+    if (
+      ["weekly", "weekday"].includes(
+        this.configData.checkListDetails.schedule,
+      ) &&
+      this.selectedDays.length == 0
+    ) {
+      this.toast.getErrorToast("Please select atleast 1 day to proceed");
+      return false;
+    }
+    if (!this.validTime) {
+      this.toast.getErrorToast("Invalid Schedule End Time");
+      return false;
+    }
+    if (!this.showRangeValue) {
+      this.configData.checkListDetails.configStartDate = "";
+      this.configData.checkListDetails.configEndDate = "";
+    }
+    if (this.configData.checkListDetails.schedule != "onetime") {
+      this.configData.checkListDetails.scheduleDate = "";
+    }
+    if (
+      this.configData.checkListDetails.schedule == "monthly" &&
+      this.configData.checkListDetails.scheduleRepeatedMonthSetup == "date"
+    ) {
+      this.configData.checkListDetails.scheduleRepeatedMonthWeek =
+        this.monthDate + " " + this.monthDay;
+    }
+    if (
+      this.configData.checkListDetails.schedule == "monthly" &&
+      this.configData.checkListDetails.scheduleRepeatedMonthSetup == "specific"
+    ) {
+      if (this.submittedDates.length)
+        this.configData.checkListDetails.specificDate = this.submittedDates;
+      else {
+        this.toast.getErrorToast("Please select atleast 1 date to proceed");
+        return false;
+      }
+    }
+    if (this.configData.checkListDetails.schedule == "range") {
+      this.configData.checkListDetails.specificDate = this.selectedDateList;
+    }
+    if (showPopup) {
+      let popupcontent = {
+        displayprop: false,
+        imagesrc: `<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><rect x="4" y="4" width="48" height="48" rx="24" fill="#D1FADF"/><path d="M38 27.0818V28.0018C37.9988 30.1582 37.3005 32.2565 36.0093 33.9836C34.7182 35.7108 32.9033 36.9743 30.8354 37.5857C28.7674 38.1971 26.5573 38.1237 24.5345 37.3764C22.5117 36.6291 20.7847 35.2479 19.611 33.4389C18.4373 31.6299 17.8798 29.4899 18.0217 27.3381C18.1636 25.1864 18.9972 23.1381 20.3983 21.4989C21.7994 19.8596 23.6928 18.7172 25.7962 18.242C27.8996 17.7667 30.1003 17.9842 32.07 18.8618M38 20.0018L28 30.0118L25 27.0118" stroke="#039855" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><rect x="4" y="4" width="48" height="48" rx="24" stroke="#ECFDF3" stroke-width="8"/></svg>`,
+        title: `Are you sure you want to publish ${this.configData.checkListDetails.checkListName} checklist?`,
+        content: `Publishing will make this checklist live, and changes will take effect immediately.`,
+        buttontype: "confirm",
+      };
+      const dialogRef = this.dialog.open(TraxpopupComponent, {
+        centered: true,
+        size: "md",
+        backdrop: "static",
+      });
+      dialogRef.componentInstance.data = popupcontent;
+      dialogRef.result.then((res) => {
+        if (res == "confirm") {
+          this.detassignUpdate((result: boolean) => {
+            if (result) {
+              this.updatePublish();
+            } else {
+            }
+          });
+        }
+      });
+    } else {
+      this.detassignUpdate((result: boolean) => {
+        if (result) {
+          this.updatePublish();
+        } else {
+        }
+      });
+    }
+  }
+
+  publishAI(showPopup: boolean = true) {
+    if (!this.configData.clientId) {
+      this.configData.type = this.type;
+    } else {
+      this.configData.id = this.checklistId;
+    }
+    this.configData.publish = true;
+    this.configData?.aiConfig?.assignConfig !== "store"
+      ? this.configData.aiConfig.events
+      : (this.configData.aiConfig.events = []);
+
+    if (
+      this.type == "mobileusagedetection" &&
+      !this.configData.aiConfig.mobileDetection.usageExceed
+    ) {
+      this.toast.getErrorToast("Please Enter the Usage Exceed Duration");
+      return;
+    } else if (
+      this.type == "mobileusagedetection" &&
+      this.configData.aiConfig.mobileDetection.usageExceed < 1
+    ) {
+      this.configData.aiConfig.mobileDetection.usageExceed = 0;
+      this.toast.getErrorToast(
+        "Please Enter the Usage Exceed Duration 15 to 999",
+      );
+      return;
+    }
+
+    if (
+      this.type == "storeopenandclose" &&
+      this.checkBuffer &&
+      (this.configData.aiConfig.storeOpenClose.buffer.openTime > 30 ||
+        this.configData.aiConfig.storeOpenClose.buffer.openTime < 1 ||
+        this.configData.aiConfig.storeOpenClose.buffer.closeTime > 30 ||
+        this.configData.aiConfig.storeOpenClose.buffer.closeTime < 1)
+    ) {
+      this.toast.getErrorToast("Buffer time min 1 and max 30");
+      return;
+    }
+    if (
+      ["user", "teams"].includes(
+        this.configData.aiConfig.autoTaskConfig.taskAssignedTo,
+      ) &&
+      !this.configData.aiConfig.autoTaskConfig.users.length
+    ) {
+      this.toast.getErrorToast("Task assigned users is required");
+      return;
+    }
+    if (["tvcompliance"].includes(this.type)) {
+      this.configData.aiConfig.tvcompliance.recurrence = {};
+      this.configData.aiConfig.tvcompliance.schedule = {};
+      this.configData.aiConfig.tvcompliance.detectedStatus = {};
+      this.configData.aiConfig.tvcompliance.schedule.scheduletype =
+        this.scheduletype;
+      this.configData.aiConfig.tvcompliance.schedule.openTime =
+        this.schedulestartTime;
+      this.configData.aiConfig.tvcompliance.schedule.closeTime =
+        this.scheduleendTime;
+      this.configData.aiConfig.tvcompliance.recurrence.status =
+        this.recurrenceStatus;
+      this.configData.aiConfig.tvcompliance.recurrence.time =
+        this.recurrencetime;
+      this.configData.aiConfig.tvcompliance.detectedStatus.status =
+        this.isThresholdEnabled;
+      this.configData.aiConfig.tvcompliance.detectedStatus.detections =
+        this.detectionThreshold;
+    }
+    if (["storehygienemonitoring"].includes(this.type)) {
+      this.configData.aiConfig.hygieneMonitoring.recurrence = {};
+      this.configData.aiConfig.hygieneMonitoring.schedule = {};
+      this.configData.aiConfig.hygieneMonitoring.detectedStatus = {};
+      this.configData.aiConfig.hygieneMonitoring.schedule.scheduletype =
+        this.scheduletype;
+      this.configData.aiConfig.hygieneMonitoring.schedule.openTime =
+        this.scheduletype == "standard" ? undefined : this.schedulestartTime;
+      this.configData.aiConfig.hygieneMonitoring.schedule.closeTime =
+        this.scheduletype == "standard" ? undefined : this.scheduleendTime;
+      this.configData.aiConfig.hygieneMonitoring.recurrence.status = this
+        .recurrenceType
+        ? true
+        : false;
+      this.configData.aiConfig.hygieneMonitoring.recurrence.time =
+        this.recurrencetime;
+      this.configData.aiConfig.hygieneMonitoring.recurrence.type =
+        this.recurrenceType;
+    }
+    if (["staffgrouping"].includes(this.type)) {
+      if (!this.configData.aiConfig.staffGrouping) {
+        this.configData.aiConfig.staffGrouping = {};
+      }
+      this.configData.aiConfig.staffGrouping.schedule = {
+        scheduletype: this.scheduletype,
+        openTime: this.schedulestartTime,
+        closeTime: this.scheduleendTime,
+      };
+        this.configData.aiConfig.staffGrouping.alertCooldownEnabled =
+        this.alertCooldownEnabled;
+      this.configData.aiConfig.staffGrouping.alertCooldownTime =
+        this.alertCooldownTime;
+    }
+    if (["boxalert"].includes(this.type)) {
+      if (!this.configData.aiConfig.boxAlert) {
+        this.configData.aiConfig.boxAlert = {};
+      }
+      this.configData.aiConfig.boxAlert.schedule = {
+        scheduletype: this.scheduletype,
+        openTime: this.schedulestartTime,
+        closeTime: this.scheduleendTime,
+      };
+      this.configData.aiConfig.boxAlert.recurrence = {
+        status: this.recurrenceType ? true : false,
+        time: this.recurrencetime,
+        type: this.recurrenceType,
+      };
+    }
+    if (["employeeCount"].includes(this.type)) {
+      if (!this.configData.aiConfig.employeeCount) {
+        this.configData.aiConfig.employeeCount = {};
+      }
+      this.configData.aiConfig.employeeCount.schedule = {
+        scheduletype: this.scheduletype,
+        openTime: this.schedulestartTime,
+        closeTime: this.scheduleendTime,
+      };
+      this.configData.aiConfig.employeeCount.recurrence = {
+        status: this.recurrenceType ? true : false,
+        time: this.recurrencetime,
+        type: this.recurrenceType,
+      };
+    }
+    if (["queuealert"].includes(this.type)) {
+      console.log(this.waitTimeLimit, this.queueLimit);
+      this.configData.aiConfig.queuealert = {};
+      this.configData.aiConfig.tvcompliance.schedule = {};
+      this.configData.aiConfig.tvcompliance.schedule.scheduletype =
+        this.scheduletype;
+      this.configData.aiConfig.tvcompliance.schedule.openTime =
+        this.schedulestartTime;
+      this.configData.aiConfig.tvcompliance.schedule.closeTime =
+        this.scheduleendTime;
+      this.configData.aiConfig.queuealert.queueLengthEnabled =
+        this.queueLengthEnabled;
+      this.configData.aiConfig.queuealert.queueLimit = this.queueLimit;
+      this.configData.aiConfig.queuealert.waitTimeEnabled =
+        this.waitTimeEnabled;
+      this.configData.aiConfig.queuealert.waitTimeLimit = this.waitTimeLimit;
+      this.configData.aiConfig.queuealert.alertCooldownEnabled =
+        this.alertCooldownEnabled;
+      this.configData.aiConfig.queuealert.alertCooldownTime =
+        this.alertCooldownTime;
+    }
+    if (["cameratampering"].includes(this.type)) {
+      this.configData.aiConfig.cameraAngle = {};
+      this.configData.aiConfig.cameraAngle.enabled = this.cameraAngleEnabled;
+    }
+    if (showPopup) {
+      let popupcontent = {
+        displayprop: false,
+        imagesrc: `<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><rect x="4" y="4" width="48" height="48" rx="24" fill="#D1FADF"/><path d="M38 27.0818V28.0018C37.9988 30.1582 37.3005 32.2565 36.0093 33.9836C34.7182 35.7108 32.9033 36.9743 30.8354 37.5857C28.7674 38.1971 26.5573 38.1237 24.5345 37.3764C22.5117 36.6291 20.7847 35.2479 19.611 33.4389C18.4373 31.6299 17.8798 29.4899 18.0217 27.3381C18.1636 25.1864 18.9972 23.1381 20.3983 21.4989C21.7994 19.8596 23.6928 18.7172 25.7962 18.242C27.8996 17.7667 30.1003 17.9842 32.07 18.8618M38 20.0018L28 30.0118L25 27.0118" stroke="#039855" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><rect x="4" y="4" width="48" height="48" rx="24" stroke="#ECFDF3" stroke-width="8"/></svg>`,
+        title: `Are you sure you want to publish ${this.configData.checkListName} checklist?`,
+        content: `Publishing will make this checklist live, and changes will take effect immediately.`,
+        buttontype: "confirm",
+      };
+      const dialogRef = this.dialog.open(TraxpopupComponent, {
+        centered: true,
+        size: "md",
+        backdrop: "static",
+      });
+      dialogRef.componentInstance.data = popupcontent;
+      dialogRef.result.then((res) => {
+        if (res == "confirm") {
+          this.configData.clientId = this.clientId;
+          this.SopService.updateAiConfigure(this.configData).subscribe({
+            next: (res: any) => {
+              if (res && res?.code == 200) {
+                this.toast.getSuccessToast(res?.message);
+                this.route.navigate(["/manage/trax/checklist"]);
+              }
+            },
+            error: (err: any) => {
+              let error = err?.error?.error || "something went wrong";
+              this.toast.getErrorToast(error);
+            },
+          });
+        }
+      });
+    }
+  }
+
+  saveDraftAI() {
+    if (this.configData.clientId) {
+      this.configData.id = this.checklistId;
+    } else {
+      this.configData.type = this.type;
+    }
+
+    if (["tvcompliance"].includes(this.type)) {
+      this.configData.aiConfig.tvcompliance.recurrence = {};
+      this.configData.aiConfig.tvcompliance.schedule = {};
+      this.configData.aiConfig.tvcompliance.detectedStatus = {};
+      this.configData.aiConfig.tvcompliance.schedule.scheduletype =
+        this.scheduletype;
+      this.configData.aiConfig.tvcompliance.schedule.openTime =
+        this.schedulestartTime;
+      this.configData.aiConfig.tvcompliance.schedule.closeTime =
+        this.scheduleendTime;
+      this.configData.aiConfig.tvcompliance.recurrence.status =
+        this.recurrenceStatus;
+      this.configData.aiConfig.tvcompliance.recurrence.time =
+        this.recurrencetime;
+      this.configData.aiConfig.tvcompliance.detectedStatus.status =
+        this.isThresholdEnabled;
+      this.configData.aiConfig.tvcompliance.detectedStatus.detections =
+        this.detectionThreshold;
+    }
+    if (["storehygienemonitoring"].includes(this.type)) {
+      this.configData.aiConfig.hygieneMonitoring.recurrence = {};
+      this.configData.aiConfig.hygieneMonitoring.schedule = {};
+      this.configData.aiConfig.hygieneMonitoring.detectedStatus = {};
+      this.configData.aiConfig.hygieneMonitoring.schedule.scheduletype =
+        this.scheduletype;
+      this.configData.aiConfig.hygieneMonitoring.schedule.openTime =
+        this.scheduletype == 'standard' ? undefined : this.schedulestartTime;
+      this.configData.aiConfig.hygieneMonitoring.schedule.closeTime =
+        this.scheduletype == "standard" ? undefined : this.scheduleendTime;
+      this.configData.aiConfig.hygieneMonitoring.recurrence.status = this
+        .recurrenceType
+        ? true
+        : false;
+      this.configData.aiConfig.hygieneMonitoring.recurrence.time =
+        this.recurrencetime;
+    }
+    if (["staffgrouping"].includes(this.type)) {
+      if (!this.configData.aiConfig.staffGrouping) {
+        this.configData.aiConfig.staffGrouping = {};
+      }
+      this.configData.aiConfig.staffGrouping.schedule = {
+        scheduletype: this.scheduletype,
+        openTime: this.schedulestartTime,
+        closeTime: this.scheduleendTime,
+      };
+      this.configData.aiConfig.staffGrouping.alertCooldownEnabled =
+        this.alertCooldownEnabled;
+      this.configData.aiConfig.staffGrouping.alertCooldownTime =
+        this.alertCooldownTime;
+    }
+    if (["boxalert"].includes(this.type)) {
+      if (!this.configData.aiConfig.boxAlert) {
+        this.configData.aiConfig.boxAlert = {};
+      }
+      this.configData.aiConfig.boxAlert.schedule = {
+        scheduletype: this.scheduletype,
+        openTime: this.schedulestartTime,
+        closeTime: this.scheduleendTime,
+      };
+      this.configData.aiConfig.boxAlert.recurrence = {
+        status: this.recurrenceType ? true : false,
+        time: this.recurrencetime,
+        type: this.recurrenceType,
+      };
+    }
+    if (["employeeCount"].includes(this.type)) {
+      if (!this.configData.aiConfig.employeeCount) {
+        this.configData.aiConfig.employeeCount = {};
+      }
+      this.configData.aiConfig.employeeCount.schedule = {
+        scheduletype: this.scheduletype,
+        openTime: this.schedulestartTime,
+        closeTime: this.scheduleendTime,
+      };
+      this.configData.aiConfig.employeeCount.recurrence = {
+        status: this.recurrenceType ? true : false,
+        time: this.recurrencetime,
+        type: this.recurrenceType,
+      };
+    }
+    if (["queuealert"].includes(this.type)) {
+      this.configData.aiConfig.queuealert = {};
+      this.configData.aiConfig.tvcompliance.schedule = {};
+      this.configData.aiConfig.tvcompliance.schedule.scheduletype =
+        this.scheduletype;
+      this.configData.aiConfig.tvcompliance.schedule.openTime =
+        this.schedulestartTime;
+      this.configData.aiConfig.tvcompliance.schedule.closeTime =
+        this.scheduleendTime;
+      this.configData.aiConfig.queuealert.queueLengthEnabled =
+        this.queueLengthEnabled;
+      this.configData.aiConfig.queuealert.queueLimit = this.queueLimit;
+      this.configData.aiConfig.queuealert.waitTimeEnabled =
+        this.waitTimeEnabled;
+      this.configData.aiConfig.queuealert.waitTimeLimit = this.waitTimeLimit;
+      this.configData.aiConfig.queuealert.alertCooldownEnabled =
+        this.alertCooldownEnabled;
+      this.configData.aiConfig.queuealert.alertCooldownTime =
+        this.alertCooldownTime;
+    }
+    if (["cameratampering"].includes(this.type)) {
+      this.configData.aiConfig.cameraAngle = {};
+      this.configData.aiConfig.cameraAngle.enabled = this.cameraAngleEnabled;
+    }
+    this.configData.publish = false;
+    this.configData?.aiConfig?.assignConfig !== "store"
+      ? this.configData.aiConfig.events
+      : (this.configData.aiConfig.events = []);
+    if (
+      this.type == "mobileusagedetection" &&
+      !this.configData.aiConfig.mobileDetection.usageExceed
+    ) {
+      this.toast.getErrorToast("Please Enter the Usage Exceed Duration");
+      return;
+    } else if (
+      this.type == "mobileusagedetection" &&
+      this.configData.aiConfig.mobileDetection.usageExceed < 1
+    ) {
+      this.configData.aiConfig.mobileDetection.usageExceed = 0;
+      this.toast.getErrorToast(
+        "Please Enter the Usage Exceed Duration 15 to 999",
+      );
+      return;
+    }
+
+    const popupcontent = {
+      displayprop: false,
+      imagesrc:
+        '<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><rect x="4" y="4" width="48" height="48" rx="24" fill="#FEF0C7"/><path d="M27.9998 24.0012V28.0012M27.9998 32.0012H28.0098M26.2898 18.8612L17.8198 33.0012C17.6451 33.3036 17.5527 33.6465 17.5518 33.9957C17.5508 34.3449 17.6413 34.6883 17.8142 34.9917C17.9871 35.2951 18.2365 35.5479 18.5375 35.725C18.8385 35.9021 19.1806 35.9973 19.5298 36.0012H36.4698C36.819 35.9973 37.1611 35.9021 37.4621 35.725C37.7631 35.5479 38.0124 35.2951 38.1854 34.9917C38.3583 34.6883 38.4488 34.3449 38.4478 33.9957C38.4468 33.6465 38.3544 33.3036 38.1798 33.0012L29.7098 18.8612C29.5315 18.5673 29.2805 18.3243 28.981 18.1557C28.6814 17.987 28.3435 17.8984 27.9998 17.8984C27.656 17.8984 27.3181 17.987 27.0186 18.1557C26.7191 18.3243 26.468 18.5673 26.2898 18.8612Z" stroke="#DC6803" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><rect x="4" y="4" width="48" height="48" rx="24" stroke="#FFFAEB" stroke-width="8"/></svg>',
+      title: `Unsaved changes`,
+      content: `Do you want to save as draft?`,
+      buttontype: "draft",
+    };
+    const dialogRef = this.dialog.open(TraxpopupComponent, {
+      centered: true,
+      size: "md",
+      backdrop: "static",
+    });
+    dialogRef.componentInstance.data = popupcontent;
+
+    dialogRef.result.then((res) => {
+      if (!res) {
+        this.popupCount = 0;
+      }
+      if (res == "confirm") {
+        this.configData.clientId = this.clientId;
+        this.SopService.updateAiConfigure(this.configData)
+          .pipe(takeUntil(this.detach))
+          .subscribe(
+            (result: any) => {
+              if (result && result.code == 200) {
+                this.toast.getSuccessToast(
+                  "Draft has been saved successfully.",
+                );
+                this.route.navigate(["/manage/trax/checklist"]);
+              }
+            },
+            (error: any) => {
+              let err = error?.error?.error || "something went wrong";
+              this.toast.getErrorToast(err);
+            },
+          );
+      }
+    });
+  }
+
+  uploadData: boolean = false;
+  uploadAIfiles() {
+    this.uploadData = true;
+  }
+
+  handleDataFromChild(data: any) {
+    this.uploadData = data;
+  }
+
+  updatePublish() {
+    if (
+      this.type == "mobileusagedetection" ||
+      this.type == "storeopenandclose"
+    ) {
+      // if (this.type == 'mobileusagedetection') {
+      //   this.configData.checkListDetails.detectionArea = this.zones;
+      // }
+      if (this.type == "storeopenandclose") {
+        this.configData.checkListDetails.scheduleStartTime =
+          this.configData.openTime;
+        this.configData.checkListDetails.scheduleEndTime =
+          this.configData.closeTime;
+      }
+      // this.configData.checkListDetails.alert.alertsTo = this.emailList;
+    }
+    this.configData.checkListDetails.publish = true;
+    this.configData.checkListDetails.coverage = this.coverage;
+    this.configData.submitType = "publish";
+    this.configData.removedUsers = this.removeUsers;
+    this.configData.checkListDetails.scheduleWeekDays = this.selectedDays;
+    this.configData.updateConfigure = this.disabledQuestion ? true : false;
+    this.configData.clientId = this.clientId;
+    this.configData.showEdit = this.showEdit;
+    this.configData.checkListDetails.assignedUsers = [
+      ...this.singleAssign,
+      ...this.groupAssign,
+    ];
+    this.configData.checkListDetails.storeCount =
+      this.assignSingle?.length + this.groupAssign?.length;
+    this.configData.checkListDetails.enableNewDeployedStore = this.storeCoverage
+      ? this.configData.checkListDetails.enableNewDeployedStore
+      : false;
+    const timeZone = dayjs.tz.guess();
+    this.configData.timeZone = timeZone;
+
+    this.SopService.configUpdate(this.configData)
+      .pipe(takeUntil(this.detach))
+      .subscribe(
+        (res: any) => {
+          if (res) {
+            if (res && res.code == 200) {
+              this.toast.getSuccessToast(
+                `${this.configData.checkListDetails.checkListName} checklist published.`,
+              );
+              this.route.navigate(["/manage/trax/checklist"]);
+            } else {
+              this.toast.getErrorToast("Please Assign a User!");
+            }
+          } else {
+            this.toast.getErrorToast("Please Assign a User!");
+          }
+        },
+        (error: any) => {
+          let err = error?.error?.error || "something went wrong";
+          if (err == "Checklist got submitted") {
+            let popupcontent = {
+              displayprop: false,
+              imagesrc: `<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><rect x="4" y="4" width="48" height="48" rx="24" fill="#FEF0C7"></rect><path d="M27.9998 24.0012V28.0012M27.9998 32.0012H28.0098M26.2898 18.8612L17.8198 33.0012C17.6451 33.3036 17.5527 33.6465 17.5518 33.9957C17.5508 34.3449 17.6413 34.6883 17.8142 34.9917C17.9871 35.2951 18.2365 35.5479 18.5375 35.725C18.8385 35.9021 19.1806 35.9973 19.5298 36.0012H36.4698C36.819 35.9973 37.1611 35.9021 37.4621 35.725C37.7631 35.5479 38.0124 35.2951 38.1854 34.9917C38.3583 34.6883 38.4488 34.3449 38.4478 33.9957C38.4468 33.6465 38.3544 33.3036 38.1798 33.0012L29.7098 18.8612C29.5315 18.5673 29.2805 18.3243 28.981 18.1557C28.6814 17.987 28.3435 17.8984 27.9998 17.8984C27.656 17.8984 27.3181 17.987 27.0186 18.1557C26.7191 18.3243 26.468 18.5673 26.2898 18.8612Z" stroke="#DC6803" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><rect x="4" y="4" width="48" height="48" rx="24" stroke="#FFFAEB" stroke-width="8"></rect></svg>`,
+              title: `Checklist Update!`,
+              content: `Multiple stores have already submitted this checklist. Do you want to re-assign it to them?`,
+              buttontype: "reAssign",
+            };
+            const dialogRef = this.dialog.open(TraxpopupComponent, {
+              centered: true,
+              size: "md",
+              backdrop: "static",
+            });
+            dialogRef.componentInstance.data = popupcontent;
+            dialogRef.result.then((res) => {
+              if (res == "confirm") {
+                this.configData.editSubmit = true;
+              } else {
+                this.configData.editSubmit = false;
+              }
+              this.publish(false);
+            });
+          } else {
+            this.toast.getErrorToast(err);
+          }
+        },
+      );
+  }
+
+  detassignUpdate(callback: (result: boolean) => void): void {
+    const payload = {
+      checkListId: this.checklistId,
+      assignedList: this.assignSingle || [],
+      assignedGroup: this.assignGroup || [],
+      clientId: this.clientId,
+      coverage: this.coverage,
+    };
+
+    this.SopService.assignUpdate(payload)
+      .pipe(takeUntil(this.detach))
+      .subscribe({
+        next: (res: any) => {
+          if (res?.code == 200) {
+            this.configData.added = res?.data?.added;
+            this.configData.removed = res?.data?.removed;
+            callback(true);
+          } else {
+            callback(false);
+          }
+        },
+        error: (err: any) => {
+          this.toast.getErrorToast(err);
+          callback(false);
+        },
+      });
+  }
+
+  // selectstore(element: any) {
+  //   const dialogRef = this.dialog.open(TraxStoreComponent, {
+  //    centered:true,size:'md'
+  //   });
+
+  //   dialogRef.componentInstance.data = element;
+
+  //   dialogRef.result.then((data: any) => {
+  //     if (data && data.msg == 'confirm') {
+  //       if (data.stores.length) {
+  //         let sop = data.stores;
+  //         let id = element.id;
+  //         // this.SopService.assignSopStore(sop, id).subscribe((res: any) => {
+  //         //   if (res && res.code == 200) {
+  //         //     element.sop_stores = data.stores;
+  //         //     this.changedetector.detectChanges();
+  //         //   }
+  //         // }, (error: any) => {
+
+  //         // })
+  //       }
+  //     }
+  //   })
+  // }
+  newstore() {
+    this.route.navigate(["/manage/stores"], {
+      queryParams: { checklistid: JSON.stringify(this.obj) },
+    });
+  }
+
+  inviteuser() {
+    this.route.navigate(["/control-panel/assign-role"], {
+      queryParams: { checklistid: JSON.stringify(this.obj) },
+    });
+  }
+
+  updateDay() {
+    return this.configData.checkListDetails.scheduleRepeatedMonthSetup == "day"
+      ? this.dayjs().format("DD")
+      : "";
+  }
+
+  updateValue(event: any) {
+    if (event.target.value.length != 0) {
+      this.configData.checkListDetails.scheduleRepeatedMonthWeek =
+        event.target.value < 9 ? "0" + event.target.value : event.target.value;
+    } else {
+      this.configData.checkListDetails.scheduleRepeatedMonthWeek =
+        this.dayjs().format("DD");
+    }
+    this.changedetector.detectChanges();
+  }
+
+  validate(event: any) {
+    if (!isNaN(event.target.value)) {
+      if (event.target.value[0] == 3 && event.target.value[1] > 1) {
+        event.target.value = 3;
+        this.configData.checkListDetails.scheduleRepeatedMonthWeek = 3;
+      }
+      if (event.target.value[0] > 3 && event.target.value[1] >= 0) {
+        event.target.value = event.target.value[0];
+        this.configData.checkListDetails.scheduleRepeatedMonthWeek =
+          event.target.value[0];
+      }
+      if (event.target.value[0] < 1) {
+        event.target.value = "";
+        this.configData.checkListDetails.scheduleRepeatedMonthWeek = "";
+      }
+    } else {
+      this.configData.checkListDetails.scheduleRepeatedMonthWeek = "";
+      event.target.value = "";
+    }
+  }
+
+  savedraft() {
+    if (!this.validTime) {
+      this.toast.getErrorToast("Invalid Schedule End Time");
+      return false;
+    }
+    let startDateWithTime, endDateWithTime;
+    if (!this.showRangeValue) {
+      this.configData.checkListDetails.configStartDate = "";
+      this.configData.checkListDetails.configEndDate = "";
+    }
+    if (this.configData.checkListDetails.schedule != "onetime") {
+      this.configData.checkListDetails.scheduleDate = "";
+    }
+    if (
+      this.configData.checkListDetails.schedule == "monthly" &&
+      this.configData.checkListDetails.scheduleRepeatedMonthSetup == "date"
+    ) {
+      this.configData.checkListDetails.scheduleRepeatedMonthWeek =
+        this.monthDate + " " + this.monthDay;
+    }
+    if (
+      this.configData.checkListDetails.schedule == "monthly" &&
+      this.configData.checkListDetails.scheduleRepeatedMonthSetup == "specific"
+    ) {
+      if (this.submittedDates.length)
+        this.configData.checkListDetails.specificDate = this.submittedDates;
+    }
+
+    if (this.configData.checkListDetails.schedule == "range") {
+      this.configData.checkListDetails.specificDate = this.selectedDateList;
+    }
+    // if (this.configData.checkListDetails.scheduleRepeatedType == 'range') {
+    //   let start = this.configData.checkListDetails.scheduleStartTime.split(' ');
+    //   let end = this.configData.checkListDetails.scheduleEndTime.split(' ');
+    //   startDateWithTime = start.length > 2 ? start[1] + ' ' + start[2] : this.configData.checkListDetails.scheduleStartTime;
+    //   endDateWithTime = end.length > 2 ? end[1] + ' ' + end[2] : this.configData.checkListDetails.scheduleEndTime;
+    //   this.configData.checkListDetails.scheduleStartTime = this.dayjs(this.rangeStart).format('YYYY-MM-DD') + ' ' + startDateWithTime;
+    //   this.configData.checkListDetails.scheduleEndTime = this.dayjs(this.rangeEnd).format('YYYY-MM-DD') + ' ' + endDateWithTime;
+
+    //   if (this.configData.checkListDetails.scheduleStartTime > this.configData.checkListDetails.scheduleEndTime) {
+    //     this.configData.checkListDetails.scheduleStartTime = startDateWithTime;
+    //     this.configData.checkListDetails.scheduleEndTime = endDateWithTime;
+    //     this.toast.getErrorToast('End time must be greater than start time');
+    //     return false;
+    //   }
+    // }
+
+    this.popupCount = this.popupCount + 1;
+    this.configData.submitType = "save";
+    this.configData.checkListDetails.publish = false;
+    this.configData.removedUsers = this.removeUsers;
+    this.configData.checkListDetails.scheduleWeekDays = this.selectedDays;
+    this.configData.checkListDetails.coverage = this.coverage;
+    this.configData.checkListDetails.assignedUsers = [
+      ...this.singleAssign,
+      ...this.groupAssign,
+    ];
+    this.configData.checkListDetails.storeCount =
+      this.assignSingle?.length + this.groupAssign?.length;
+    this.configData.checkListDetails.enableNewDeployedStore = this.storeCoverage
+      ? this.configData.checkListDetails.enableNewDeployedStore
+      : false;
+    const timeZone = dayjs.tz.guess();
+    this.configData.timeZone = timeZone;
+    const popupcontent = {
+      displayprop: false,
+      imagesrc:
+        '<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><rect x="4" y="4" width="48" height="48" rx="24" fill="#FEF0C7"/><path d="M27.9998 24.0012V28.0012M27.9998 32.0012H28.0098M26.2898 18.8612L17.8198 33.0012C17.6451 33.3036 17.5527 33.6465 17.5518 33.9957C17.5508 34.3449 17.6413 34.6883 17.8142 34.9917C17.9871 35.2951 18.2365 35.5479 18.5375 35.725C18.8385 35.9021 19.1806 35.9973 19.5298 36.0012H36.4698C36.819 35.9973 37.1611 35.9021 37.4621 35.725C37.7631 35.5479 38.0124 35.2951 38.1854 34.9917C38.3583 34.6883 38.4488 34.3449 38.4478 33.9957C38.4468 33.6465 38.3544 33.3036 38.1798 33.0012L29.7098 18.8612C29.5315 18.5673 29.2805 18.3243 28.981 18.1557C28.6814 17.987 28.3435 17.8984 27.9998 17.8984C27.656 17.8984 27.3181 17.987 27.0186 18.1557C26.7191 18.3243 26.468 18.5673 26.2898 18.8612Z" stroke="#DC6803" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><rect x="4" y="4" width="48" height="48" rx="24" stroke="#FFFAEB" stroke-width="8"/></svg>',
+      title: `Unsaved changes`,
+      content: `Do you want to save as draft?`,
+      buttontype: "draft",
+    };
+    const dialogRef = this.dialog.open(TraxpopupComponent, {
+      centered: true,
+      size: "md",
+      backdrop: "static",
+    });
+    dialogRef.componentInstance.data = popupcontent;
+    dialogRef.result.then((res) => {
+      if (
+        this.type == "mobileusagedetection" ||
+        this.type == "storeopenandclose"
+      ) {
+        if (this.type == "mobileusagedetection") {
+          // this.configData.checkListDetails.detectionArea = this.zones;
+        }
+        if (this.type == "storeopenandclose") {
+          this.configData.checkListDetails.scheduleStartTime =
+            this.configData.openTime;
+          this.configData.checkListDetails.scheduleEndTime =
+            this.configData.closeTime;
+        }
+        // this.configData.checkListDetails.assignedUsers = this.sopStores;
+        // this.configData.checkListDetails.alert.alertsTo = this.emailList;
+      }
+
+      if (!res) {
+        this.popupCount = 0;
+      }
+      if (res == "confirm") {
+        this.detassignUpdate((result: boolean) => {
+          if (result) {
+            this.configData.clientId = this.clientId;
+            this.SopService.configUpdate(this.configData)
+              .pipe(takeUntil(this.detach))
+              .subscribe(
+                (result: any) => {
+                  if (result && result.code == 200) {
+                    this.toast.getSuccessToast(
+                      "Draft has been saved successfully.",
+                    );
+                    this.route.navigate(["/manage/trax/checklist"]);
+                  }
+                },
+                (error: any) => {
+                  let err = error?.error?.error || "something went wrong";
+                  this.toast.getErrorToast(err);
+                },
+              );
+          } else {
+          }
+        });
+      }
+    });
+  }
+
+  Reupload() {
+    // this.dialog.dismissAll();
+    this.validatedStore = [];
+    this.validatedUser = [];
+    this.validatedCluster = [];
+    this.validatedTeam = [];
+    this.newUser = [];
+    this.inactiveStores = [];
+    this.showUser = false;
+    this.showTeam = false;
+    this.showStore = false;
+    this.showCluster = false;
+    this.showInactive = false;
+    if (this.fileInput) {
+      this.fileInput.nativeElement.value = "";
+    }
+    if (this.fileInput1) {
+      this.fileInput1.nativeElement.value = "";
+    }
+    let ele = document.getElementById("kt_account_team_size_select_2");
+    ele?.click();
+    this.changedetector.detectChanges();
+  }
+
+  Reupload1() {
+    if (this.fileInput) {
+      this.fileInput.nativeElement.value = "";
+    }
+    if (this.fileInput1) {
+      this.fileInput1.nativeElement.value = "";
+    }
+    this.popupCount = this.popupCount + 1;
+    const popupcontent = {
+      displayprop: false,
+      imagesrc: `<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><rect x="4" y="4" width="48" height="48" rx="24" fill="#FEF0C7"/><path d="M27.9998 24.0012V28.0012M27.9998 32.0012H28.0098M26.2898 18.8612L17.8198 33.0012C17.6451 33.3036 17.5527 33.6465 17.5518 33.9957C17.5508 34.3449 17.6413 34.6883 17.8142 34.9917C17.9871 35.2951 18.2365 35.5479 18.5375 35.725C18.8385 35.9021 19.1806 35.9973 19.5298 36.0012H36.4698C36.819 35.9973 37.1611 35.9021 37.4621 35.725C37.7631 35.5479 38.0124 35.2951 38.1854 34.9917C38.3583 34.6883 38.4488 34.3449 38.4478 33.9957C38.4468 33.6465 38.3544 33.3036 38.1798 33.0012L29.7098 18.8612C29.5315 18.5673 29.2805 18.3243 28.981 18.1557C28.6814 17.987 28.3435 17.8984 27.9998 17.8984C27.656 17.8984 27.3181 17.987 27.0186 18.1557C26.7191 18.3243 26.468 18.5673 26.2898 18.8612Z" stroke="#DC6803" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><rect x="4" y="4" width="48" height="48" rx="24" stroke="#FFFAEB" stroke-width="8"/></svg>`,
+      title: `Reupload CSV`,
+      content: `Are you sure you want to replace existing data by uploading new file? Your existing data will get replaced with the new one.`,
+      buttontype: "Reupload",
+    };
+    const dialogRef = this.dialog.open(TraxpopupComponent, {
+      centered: true,
+      size: "md",
+      backdrop: "static",
+    });
+    dialogRef.componentInstance.data = popupcontent;
+    dialogRef.result.then((res) => {
+      if (res == "confirm") {
+        this.reupload = true;
+        this.changedetector.detectChanges();
+        let ele = document.getElementById("kt_account_team_size_select_2");
+        ele?.click();
+      }
+    });
+  }
+  // invitenewuser() {
+  //   this.popupCount = this.popupCount + 1;
+  //   const popupcontent = {
+  //     displayprop: false,
+  //     imagesrc: `<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><rect x="4" y="4" width="48" height="48" rx="24" fill="#FEF0C7"/><path d="M27.9998 24.0012V28.0012M27.9998 32.0012H28.0098M26.2898 18.8612L17.8198 33.0012C17.6451 33.3036 17.5527 33.6465 17.5518 33.9957C17.5508 34.3449 17.6413 34.6883 17.8142 34.9917C17.9871 35.2951 18.2365 35.5479 18.5375 35.725C18.8385 35.9021 19.1806 35.9973 19.5298 36.0012H36.4698C36.819 35.9973 37.1611 35.9021 37.4621 35.725C37.7631 35.5479 38.0124 35.2951 38.1854 34.9917C38.3583 34.6883 38.4488 34.3449 38.4478 33.9957C38.4468 33.6465 38.3544 33.3036 38.1798 33.0012L29.7098 18.8612C29.5315 18.5673 29.2805 18.3243 28.981 18.1557C28.6814 17.987 28.3435 17.8984 27.9998 17.8984C27.656 17.8984 27.3181 17.987 27.0186 18.1557C26.7191 18.3243 26.468 18.5673 26.2898 18.8612Z" stroke="#DC6803" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><rect x="4" y="4" width="48" height="48" rx="24" stroke="#FFFAEB" stroke-width="8"/></svg>`,
+  //     title: `Invite new users added in CSV`,
+  //     content: `This CSV contains new users. Invite users by sending mail to them. <br>`,
+  //     buttontype: 'Invite'
+  //   }
+  //   const dialogRef = this.dialog.open(TraxpopupComponent, {
+  //     centered:true,size:'md'
+  //   });
+  //   dialogRef.componentInstance.data = popupcontent;
+  //   dialogRef.result.then((res) => {
+
+  //     if (res == 'confirm') {
+  //       // this.SopService.configUpdate(this.configData).subscribe((result: any) => {
+  //       //   // console.log(result);
+
+  //       //   if (result && result.code == 200) {
+  //       //     Swal.fire({
+  //       //       toast: true,
+  //       //       iconHtml: '<img  src="../../../../assets/Icons/checklist-unpublished-icon.svg">',
+  //       //       // titleText: `Email sent succesfully`,
+  //       //       html: `<div class="row">
+  //       //       <div class="col-12 mt-2">
+  //       //       <h4>CSV has been Reuploaded successfully.</h4>
+  //       //       </div>
+  //       //       </div>`,
+  //       //       position: 'bottom',
+  //       //       showConfirmButton: false,
+  //       //       showCloseButton: true,
+  //       //       timer: 6000,
+  //       //       timerProgressBar: true,
+  //       //       didOpen: (toast) => {
+  //       //         toast.addEventListener('mouseenter', Swal.stopTimer)
+  //       //         toast.addEventListener('mouseleave', Swal.resumeTimer)
+  //       //         $("#kt_create_account_form_account_type_personal").val('')
+  //       //         this.changedetector.detectChanges();
+  //       //       }
+
+  //       //     })
+
+  //       //     // this.route.navigate(['/sop/Checklists']);
+
+  //       //   }
+  //       // })
+  //     }
+  //   })
+
+  // }
+  // Addstore() {
+  //   this.popupCount = this.popupCount + 1;
+  //   const popupcontent = {
+  //     displayprop: false,
+  //     imagesrc: `<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><rect x="4" y="4" width="48" height="48" rx="24" fill="#FEF0C7"/><path d="M27.9998 24.0012V28.0012M27.9998 32.0012H28.0098M26.2898 18.8612L17.8198 33.0012C17.6451 33.3036 17.5527 33.6465 17.5518 33.9957C17.5508 34.3449 17.6413 34.6883 17.8142 34.9917C17.9871 35.2951 18.2365 35.5479 18.5375 35.725C18.8385 35.9021 19.1806 35.9973 19.5298 36.0012H36.4698C36.819 35.9973 37.1611 35.9021 37.4621 35.725C37.7631 35.5479 38.0124 35.2951 38.1854 34.9917C38.3583 34.6883 38.4488 34.3449 38.4478 33.9957C38.4468 33.6465 38.3544 33.3036 38.1798 33.0012L29.7098 18.8612C29.5315 18.5673 29.2805 18.3243 28.981 18.1557C28.6814 17.987 28.3435 17.8984 27.9998 17.8984C27.656 17.8984 27.3181 17.987 27.0186 18.1557C26.7191 18.3243 26.468 18.5673 26.2898 18.8612Z" stroke="#DC6803" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><rect x="4" y="4" width="48" height="48" rx="24" stroke="#FFFAEB" stroke-width="8"/></svg>`,
+  //     title: `Invite new users added in CSV`,
+  //     content: `This CSV contains new users. Invite users by sending mail to them. <br>`,
+  //     subtitle: 'LKST009, ST3045',
+  //     buttontype: 'Addstore'
+  //   }
+  //   const dialogRef = this.dialog.open(TraxpopupComponent, {
+  //     centered:true,size:'md'
+  //   });
+  //   dialogRef.componentInstance.data = popupcontent;
+  //   dialogRef.result.then((res) => {
+
+  //     if (res == 'confirm') {
+  //       // this.SopService.configUpdate(this.configData).subscribe((result: any) => {
+  //       //   // console.log(result);
+
+  //       //   if (result && result.code == 200) {
+  //       //     Swal.fire({
+  //       //       toast: true,
+  //       //       iconHtml: '<img  src="../../../../assets/Icons/checklist-unpublished-icon.svg">',
+  //       //       // titleText: `Email sent succesfully`,
+  //       //       html: `<div class="row">
+  //       //       <div class="col-12 mt-2">
+  //       //       <h4>CSV has been Reuploaded successfully.</h4>
+  //       //       </div>
+  //       //       </div>`,
+  //       //       position: 'bottom',
+  //       //       showConfirmButton: false,
+  //       //       showCloseButton: true,
+  //       //       timer: 6000,
+  //       //       timerProgressBar: true,
+  //       //       didOpen: (toast) => {
+  //       //         toast.addEventListener('mouseenter', Swal.stopTimer)
+  //       //         toast.addEventListener('mouseleave', Swal.resumeTimer)
+  //       //         $("#kt_create_account_form_account_type_personal").val('')
+  //       //         this.changedetector.detectChanges();
+  //       //       }
+
+  //       //     })
+
+  //       //     // this.route.navigate(['/sop/Checklists']);
+
+  //       //   }
+  //       // })
+  //     }
+  //   })
+
+  // }
+  // addUser() {
+  //   this.addUserForm = !this.addUserForm;
+  // }
+
+  // createuserPopup(type: string, record: any = null): void {
+  //     if (type == 'view') {
+  //       this.popUpTitle = "View User Details";
+  //     } else if (type == 'edit') {
+  //       this.popUpTitle = "Edit User Details";
+  //     } else {
+  //       this.popUpTitle = "Enter New User Details";
+  //       // this.popUpTitle = "Enter New User Details";
+  //     }
+  //     let data = {
+  //       record: record,
+  //       type: type,
+  //       title: this.popUpTitle
+  //     }
+
+  //     const dialogRef_createUser = this.dialog.open(UploadSingleUserComponent, {
+  //       panelClass: 'custom-modalbox',
+  //       data: data
+  //     });
+
+  //     dialogRef_createUser.afterClosed().subscribe((res: any) => {
+  //       this.showIntro = false;
+  //       if (!record && res && res.data.code == 200) {
+  //         Swal.fire({
+  //           icon: 'success',
+  //           text: 'The user invite has been sent successfully to the user and added to the platform!',
+  //           confirmButtonText: 'OK',
+  //           allowOutsideClick: false,
+  //           heightAuto: false
+  //         }).then((result) => {
+  //           if (result.isConfirmed) {
+  //             this.searchUser = ''
+  //             this.addUserForm = false;
+  //             this.currentValue = 1;
+  //             // this.loadRecords(0, this.size)
+  //           }
+  //         })
+  //       } else if (res && res.data.code == 200) {
+  //         Swal.fire({
+  //           icon: 'success',
+  //           text: 'User Updated Successfully!',
+  //           heightAuto: false
+  //         });
+  //         this.searchUser = ''
+  //         this.addUserForm = false;
+  //         this.currentValue = 1;
+  //         // this.loadRecords(0, this.size)
+  //       }
+  //     })
+  //   }
+
+  // createuserPopup() {
+  //   const dialogRef = this.dialog.open(UploadSingleUserComponent, {
+  //     panelClass: 'custom-modalbox'
+
+  //   });
+  //   dialogRef.afterClosed()
+  //     .subscribe((res: any) => {
+
+  //     })
+  // }
+
+  // transferFormData() {
+  //   this.SopService.sopData.asObservable()
+  // }
+  saveandredirect(id: any) {
+    if (
+      this.type == "mobileusagedetection" ||
+      this.type == "storeopenandclose"
+    ) {
+      if (this.type == "mobileusagedetection") {
+        // this.configData.checkListDetails.detectionArea = this.zones;
+      }
+      if (this.type == "storeopenandclose") {
+        this.configData.checkListDetails.scheduleStartTime =
+          this.configData.openTime;
+        this.configData.checkListDetails.scheduleEndTime =
+          this.configData.closeTime;
+      }
+      // this.configData.checkListDetails.alert.alertsTo = this.emailList;
+    }
+    this.configData.submitType = "save";
+    this.configData.removedUsers = this.removeUsers;
+
+    let startDateWithTime, endDateWithTime;
+    if (!this.showRangeValue) {
+      this.configData.checkListDetails.configStartDate = "";
+      this.configData.checkListDetails.configEndDate = "";
+    }
+    if (this.configData.checkListDetails.schedule != "onetime") {
+      this.configData.checkListDetails.scheduleDate = "";
+    }
+
+    if (
+      this.configData.checkListDetails.schedule == "monthly" &&
+      this.configData.checkListDetails.scheduleRepeatedMonthSetup == "date"
+    ) {
+      this.configData.checkListDetails.scheduleRepeatedMonthWeek =
+        this.monthDate + " " + this.monthDay;
+    }
+    if (
+      this.configData.checkListDetails.schedule == "monthly" &&
+      this.configData.checkListDetails.scheduleRepeatedMonthSetup == "specific"
+    ) {
+      if (this.submittedDates.length)
+        this.configData.checkListDetails.specificDate = this.submittedDates;
+    }
+    if (
+      this.configData.checkListDetails.schedule == "range" &&
+      this.selectedDateList.length
+    ) {
+      this.configData.checkListDetails.specificDate = this.selectedDateList;
+    }
+
+    this.configData.clientId = this.clientId;
+
+    this.SopService.configUpdate(this.configData)
+      .pipe(takeUntil(this.detach))
+      .subscribe(
+        (result: any) => {
+          if (result && result.code == 200) {
+            this.route.navigate(["/manage/trax/createChecklist"], {
+              queryParams: { checklistId: id },
+            });
+          }
+        },
+        (error: any) => {
+          let err = error?.error?.error || "something went wrong";
+          return this.toast.getErrorToast(err);
+        },
+      );
+  }
+  validateTime() {
+    let startTime = this.dayjs(this.startTime, "HH:mm");
+    let endTime = this.dayjs(this.endTime, "HH:mm");
+    if (this.showRangeValue) {
+      if (
+        this.configData.checkListDetails?.configStartDate != "" &&
+        this.configData.checkListDetails?.configStartDate != null &&
+        this.configData.checkListDetails.configEndDate != "" &&
+        this.configData.checkListDetails.configEndDate != null
+      ) {
+        if (
+          this.configData.checkListDetails?.configStartDate ==
+          this.configData.checkListDetails?.configEndDate
+        ) {
+          if (startTime > endTime) {
+            this.validTime = false;
+            // this.toast.getErrorToast('Invalid Schedule End Time');
+            return false;
+          } else {
+            this.validTime = true;
+            return true;
+          }
+        } else if (
+          this.configData.checkListDetails.configStartDate >
+          this.configData.checkListDetails.configEndDate
+        ) {
+          this.validTime = false;
+          this.toast.getErrorToast("Invalid Schedule End Date");
+          return false;
+        } else {
+          this.validTime = true;
+          return true;
+        }
+      } else {
+        this.validTime = true;
+        return true;
+      }
+    } else if (startTime > endTime) {
+      this.validTime = false;
+      // this.toast.getErrorToast('Invalid Schedule End Time');
+      return false;
+    } else {
+      this.validTime = true;
+      return true;
+    }
+  }
+  updateTime(data: any) {
+    if (this.validateTime()) {
+      if (data == "start") {
+        this.configData.checkListDetails.scheduleStartTime = this.dayjs(
+          this.startTime,
+          "HH:mm",
+        ).format("hh:mm A");
+      } else {
+        this.configData.checkListDetails.scheduleEndTime = this.dayjs(
+          this.endTime,
+          "HH:mm",
+        ).format("hh:mm A");
+      }
+    }
+    this.changedetector.detectChanges();
+  }
+  updateSchedule(event: any) {
+    this.configData.checkListDetails.scheduleRepeatedMonthSetup = "";
+    this.configData.checkListDetails.scheduleRepeatedDay = "01";
+    this.selectedDays = [];
+    this.submittedDates = [];
+    this.selectedDate = [];
+    this.selectedDateList = [];
+    this.specific = false;
+    this.monthDate = "";
+    this.monthDay = "";
+    this.showDropDown = false;
+    this.showRangeValue = event.target.value == "range" ? true : false;
+    if (event.target.value == "range") {
+      // this.refreshPicker = false;
+      this.specific = false;
+      this.selectedDateList = [];
+      this.configData.checkListDetails.specificDate = [];
+      this.configData.checkListDetails.configStartDate =
+        this.configData.checkListDetails?.configStartDate ||
+        this.dayjs().format("YYYY-MM-DD");
+      this.configData.checkListDetails.configEndDate =
+        this.configData.checkListDetails?.configEndDate ||
+        this.dayjs().add(1, "day").format("YYYY-MM-DD");
+      this.selectedEndDate = {
+        startDate: this.dayjs(
+          this.configData.checkListDetails?.configEndDate,
+        ).format("DD-MM-YYYY"),
+        endDate: this.dayjs(
+          this.configData.checkListDetails?.configEndDate,
+        ).format("DD-MM-YYYY"),
+      };
+      this.minEndDate = this.dayjs(
+        this.configData.checkListDetails?.configEndDate,
+      ).format();
+      this.selectedStartDate = {
+        startDate: this.dayjs(
+          this.configData.checkListDetails?.configStartDate,
+        ).format("DD-MM-YYYY"),
+        endDate: this.dayjs(
+          this.configData.checkListDetails?.configStartDate,
+        ).format("DD-MM-YYYY"),
+      };
+      this.minStartDate = this.dayjs(
+        this.configData.checkListDetails?.configStartDate,
+      ).format();
+    } else {
+      this.configData.checkListDetails.configStartDate = "";
+      this.selectedStartDate = "";
+      this.minStartDate = "";
+      this.selectedEndDate = "";
+      this.minEndDate = "";
+      this.configData.checkListDetails.configEndDate = this.dayjs()
+        .add(1, "day")
+        .format("YYYY-MM-DD");
+      // this.refreshPicker = false;
+    }
+    if (event.target.value == "weekday") {
+      this.selectedDays = [
+        "Monday",
+        "Tuesday",
+        "Wednesday",
+        "Thursday",
+        "Friday",
+      ];
+    }
+    if (event.target.value == "weekly") {
+      let todayDate = this.dayjs().format("dddd");
+      this.selectedDays = [todayDate];
+    }
+    if (event.target.value == "monthly") {
+      this.configData.checkListDetails.scheduleRepeatedMonthSetup = "day";
+      this.configData.checkListDetails.scheduleRepeatedMonthWeek =
+        this.dayjs().format("DD");
+    }
+    if (
+      ["daily", "onetime"].includes(event.target.value) ||
+      (event.target.value == "monthly" &&
+        ["day", "date"].includes(
+          this.configData.checkListDetails.scheduleRepeatedMonthSetup,
+        ))
+    ) {
+      if (event.target.value == "onetime") {
+        this.configData.checkListDetails.scheduleDate = this.configData
+          .checkListDetails.scheduleDate
+          ? this.configData.checkListDetails.scheduleDate
+          : dayjs().format();
+        this.selectedDates = {
+          startDate: this.dayjs(
+            this.configData.checkListDetails.scheduleDate,
+          ).format("DD-MM-YYYY"),
+          endDate: this.dayjs(
+            this.configData.checkListDetails.scheduleDate,
+          ).format("DD-MM-YYYY"),
+        };
+        this.minDate = this.dayjs().format();
+      }
+      this.configData.checkListDetails.allowOnce = false;
+    }
+    this.repeatType =
+      this.configData.checkListDetails?.schedule == "daily"
+        ? "Day"
+        : ["weekly", "weekday"].includes(
+          this.configData.checkListDetails?.schedule,
+        )
+          ? "Week"
+          : this.configData.checkListDetails?.schedule == "monthly"
+            ? "Month"
+            : "";
+    this.changedetector.detectChanges();
+    this.validateTime();
+  }
+
+  navigateToControlCenter() {
+    this.route.navigate(["/controlcenter/templateview"], {
+      queryParams: { source: "cc" },
+    });
+  }
+
+  upload: any;
+
+  addStoreComponent() {
+    const dialogRef = this.dialog.open(TraxStoreComponent, {
+      centered: true,
+      size: "md",
+      backdrop: "static",
+    });
+    dialogRef.componentInstance.data = {
+      checklistId: this.checklistId,
+      obj: this.obj,
+      coverage: this.coverage,
+    };
+    dialogRef.result.then((res) => {
+      if (res) {
+        this.userData = res;
+        this.upload = "store";
+        this.validateDetails();
+      }
+    });
+  }
+  toggleDropDown() {
+    this.showDropDown = !this.showDropDown;
+  }
+  selectDate(date: number) {
+    if (this.selectedDate.includes(date)) {
+      this.selectedDate = this.selectedDate.filter((day: any) => day !== date);
+    } else {
+      if (!this.selectedDate.includes(date)) {
+        this.selectedDate.push(date);
+      }
+    }
+  }
+  submitDate() {
+    this.submittedDates = [...this.selectedDate];
+  }
+
+  removeBadge(date: number) {
+    this.submittedDates = this.submittedDates.filter((d) => d !== date);
+    this.selectedDate = this.selectedDate.filter((d: any) => d !== date);
+  }
+  getDateWithSuffix(date: number): string {
+    if (date == 1 || date == 31 || date == 21) {
+      return date + "st";
+    } else if (date == 2 || date == 22) {
+      return date + "nd";
+    } else if (date == 3 || date == 23) {
+      return date + "rd";
+    } else {
+      return date + "th";
+    }
+  }
+
+  closeDropDown() {
+    this.showDropDown = false;
+  }
+
+  updateMonth(type: any) {
+    this.configData.checkListDetails.scheduleRepeatedMonthWeek = "";
+    this.submittedDates = [];
+    this.selectedDate = [];
+    this.configData.checkListDetails.specificDate = [];
+    this.configData.checkListDetails.scheduleRepeatedMonthSetup = type;
+    this.monthDate = "";
+    this.monthDay = "";
+    this.selectedDateList = [];
+    this.configData.checkListDetails.allowOnce = false;
+    if (this.configData.checkListDetails.scheduleRepeatedMonthSetup == "date") {
+      let dateWeek = getWeekNumber(this.dayjs());
+      this.monthDate = dateWeek.toString();
+      this.monthDay = this.dayjs().format("dddd");
+    }
+    if (this.configData.checkListDetails.scheduleRepeatedMonthSetup == "day") {
+      this.configData.checkListDetails.scheduleRepeatedMonthWeek =
+        this.dayjs().format("DD");
+    }
+  }
+
+  updateRepeatDay() {
+    let value = this.configData.checkListDetails.scheduleRepeatedDay;
+    if (isNaN(value)) {
+      value = "01";
+    }
+    this.configData.checkListDetails.scheduleRepeatedDay =
+      value == "00" || value == "0" || value == "" ? "01" : value;
+  }
+
+  updateMonthValue() {
+    let dateValue = "";
+    if (this.monthDate == "1") {
+      dateValue = "First";
+    }
+    if (this.monthDate == "2") {
+      dateValue = "Second";
+    }
+    if (this.monthDate == "3") {
+      dateValue = "Third";
+    }
+    if (this.monthDate == "4") {
+      dateValue = "Fourth";
+    }
+    if (this.monthDate == "5") {
+      dateValue = "Last";
+    }
+    return "on the " + dateValue + " " + this.monthDay;
+  }
+
+  updateSpecificValue() {
+    let value: any = [];
+    this.submittedDates.forEach((item: any) => {
+      item =
+        item == 1 || item == 31 || item == 21
+          ? item + " st"
+          : item == 2 || item == 22
+            ? item + " nd"
+            : item == 3 || item == 23
+              ? item + "rd"
+              : item + " th";
+      value.push(item);
+    });
+    return value;
+  }
+
+  removeDate(date: any) {
+    this.selectedDateList = this.selectedDateList.filter(
+      (ele: any) => ele != date,
+    );
+  }
+
+  updateSceduleDate() {
+    // console.log('this.configData?.checkListDetails?.configEndDate',this.configData?.checkListDetails?.configEndDate)
+    if (
+      this.configData?.checkListDetails?.configEndDate != "" &&
+      this.configData?.checkListDetails?.configEndDate != null
+    ) {
+      return this.configData?.checkListDetails?.configEndDate;
+    } else {
+      return "";
+    }
+  }
+
+  updateDateValue(event: any) {
+    if (event.target.checked) {
+      this.configData.checkListDetails.configStartDate =
+        this.configData.checkListDetails?.configStartDate ||
+        this.dayjs().format("YYYY-MM-DD");
+      this.configData.checkListDetails.configEndDate = "";
+    } else {
+      this.configData.checkListDetails.configStartDate = "";
+      this.configData.checkListDetails.configEndDate = "";
+    }
+    this.selectedEndDate = "";
+    this.minDate = "";
+    // this.selectedDate = [];
+    this.selectedStartDate = {
+      startDate: this.dayjs(
+        this.configData.checkListDetails?.configStartDate,
+      ).format("DD-MM-YYYY"),
+      endDate: this.dayjs(
+        this.configData.checkListDetails?.configStartDate,
+      ).format("DD-MM-YYYY"),
+    };
+    this.minStartDate = this.dayjs(
+      this.configData.checkListDetails?.configStartDate,
+    ).format();
+  }
+
+  updateSpecific(event: any) {
+    if (!event.target.checked) {
+      this.selectedDateList = [];
+    }
+  }
+
+  onDatepickerRefresh() {
+    this.configData.checkListDetails.configEndDate = "";
+    this.selectedEndDate = "";
+    this.minEndDate = this.dayjs(
+      this.configData.checkListDetails.configStartDate,
+    ).format();
+  }
+
+  selectSpecificDate(event: any) {
+    this.showDropDown = false;
+    this.selectedDateList = event;
+  }
+
+  @HostListener("document:click", ["$event"])
+  clickOutside(event: MouseEvent): void {
+    const clickedInside = (event.target as HTMLElement).closest(
+      ".dropdown-close",
+    );
+    // console.log(clickedInside);
+
+    if (!clickedInside) {
+      this.closeDropDown();
+    }
+  }
+
+  getClientUser() {
+    this.SopService.getClientUser(this.clientId)
+      .pipe(takeUntil(this.detach))
+      .subscribe((res: any) => {
+        if (res && res.code == 200 && res.data.length) {
+          this.alertUsers = res.data.map((item: any) => {
+            return { name: item.userName, value: item.email, role: item.role };
+          });
+
+          // this.adminUsers = this.alertUsers.filter((ele:any) => ele.role != 'user');
+
+          if (!this.configData?.checkListDetails?.approver?.length) {
+            this.approve = true;
+            let userInfo = JSON.parse(
+              localStorage.getItem("user-info") || "{}",
+            );
+            if (userInfo.userType) {
+              this.userType = userInfo.userType;
+            }
+            if (
+              userInfo?.userType == "tango" ||
+              (userInfo?.userType == "client" && userInfo?.role == "user")
+            ) {
+              let userList = this.alertUsers.find(
+                (ele: any) => ele.role == "superadmin",
+              );
+              if (userList && this.type == "custom") {
+                this.configData.checkListDetails.approver = [
+                  { name: userList.name, value: userList.value },
+                ];
+              }
+            } else {
+              this.configData.checkListDetails.approver = [
+                this.alertUsers.find((ele: any) => ele.value == userInfo.email),
+              ];
+            }
+          }
+        } else {
+          this.alertUsers = [];
+        }
+      });
+  }
+
+  getZoneList() {
+    this.SopService.getZoneList({
+      clientId: this.clientId,
+      checkListName: this.configData.checkListName,
+    })
+      .pipe(takeUntil(this.detach))
+      .subscribe((res: any) => {
+        if (res && res.code == 200) {
+          this.zoneList = res.data.map((item: any) => {
+            return { name: item.zone, value: item.zone };
+          });
+        } else {
+          this.zoneList = [];
+        }
+      });
+  }
+
+  getTeamList() {
+    this.SopService.getTeamList(this.clientId)
+      .pipe(takeUntil(this.detach))
+      .subscribe((res: any) => {
+        if (res && res.code == 200) {
+          this.alertTeams = res.data.map((item: any) => {
+            return { name: item.teamName, value: item._id };
+          });
+        } else {
+          this.alertTeams = [];
+        }
+      });
+  }
+
+  updateAlert(event: any, type: any) {
+    if (type == "user") {
+      this.configData.aiConfig.alerts.users = event;
+    } else if (type == "approve") {
+      this.configData.approver = event;
+    }
+  }
+
+  updateZone(event: any) {
+    this.configData.aiConfig.mobileDetection.detectionArea = event;
+  }
+
+  updateLoop() {
+    let data = this.minutes.filter(
+      (item) => !this.configData.checkListDetails.remainder.includes(item),
+    );
+    this.configData.checkListDetails.remainder.push(data[0]);
+  }
+
+  updateRemainder(event: any, index: any) {
+    this.configData.checkListDetails.remainder[index] = parseInt(
+      event.target.value,
+    );
+  }
+
+  updateApprover(event: any) {
+    this.configData.checkListDetails.approver = event;
+  }
+
+  updateOwner(event: any) {
+    this.configData.checkListDetails.owner = event;
+  }
+
+  updateAssign(event: any) {
+    this.upload = "";
+    this.currentValue = 1;
+    this.configData.checkListDetails.assign = event;
+    // this.tableArray = event;
+    let data = event.map((el: any) => {
+      return { id: el?._id, type: el?.type };
+    });
+    this.idList = data;
+    this.tableFilter = "";
+    this.assignType === "store" || this.assignType === "user"
+      ? ((this.singleAssign = this.idList), this.getTableData())
+      : ((this.groupAssign = this.idList), this.userDetailsV2(event));
+  }
+
+  removedChip(event: any) {
+    this.tableArray = this.tableArray?.filter(
+      (item: any) => !event.includes(item._id),
+    );
+    this.configData.checkListDetails.assign =
+      this.configData.checkListDetails.assign?.filter(
+        (item: any) => !event.includes(item._id),
+      );
+    // (this.assignType === 'store' || this.assignType === 'user') ? this.getTableData() :this.userDetailsV2();
+  }
+
+  tableArray: any = [];
+  tableLoading1: boolean = true;
+
+  userDetailsV2(data?: any) {
+    const payload = {
+      checklistId: this.checklistId,
+      idList: this.idList,
+      coverage: this.coverage, //["cluster","store","user","teams"]
+      clientId: this.clientId,
+      search: this.tableFilter,
+    };
+    this.tableLoading = true;
+    this.tableLoading1 = true;
+    this.showImage = true;
+    this.tableArray = [];
+    this.tableData = [];
+    this.SopService.selectChips(payload)
+      .pipe(takeUntil(this.detach))
+      .subscribe({
+        next: (res: any) => {
+          if (res && res?.code === 200) {
+            this.tableLoading = false;
+            this.tableLoading1 = false;
+            this.tableArray = res?.data?.uniqueArr;
+            this.assignGroup = this.tableArray;
+            this.recordsTotal = res.data.count;
+            this.recordsCount = this.tableData.length;
+            this.tableArray?.length
+              ? (this.showImage = false)
+              : (this.showImage = true);
+            if (this.recordsTotal < 5) {
+              this.paginationSize = [this.recordsTotal];
+              this.size = this.recordsTotal;
+            } else {
+              this.paginationSize = [5, 10, 15, 20];
+              this.size = 5;
+            }
+            this.tableData = this.tableArray.slice(
+              this.currentValue * this.size - this.size,
+              this.currentValue * this.size,
+            );
+          } else {
+            this.tableArray = [];
+            this.tableData = [];
+            this.showImage = true;
+            this.tableLoading = true;
+          }
+          // this.storeCoverage ? this.getInitialData(res?.data?.storeList) : this.getInitialData(res?.data?.userList);
+        },
+        error: (err: any) => {
+          this.tableLoading = false;
+          this.tableLoading1 = false;
+          this.showImage = false;
+          this.tableArray = [];
+          this.tableData = [];
+          this.toast.getErrorToast(err?.message);
+        },
+      });
+  }
+
+  sortColumn: any = "";
+  sortBy: any = -1;
+
+  gettableData() {
+    const payload = {
+      checklistId: this.checklistId,
+      limit: this.size,
+      offset: 0,
+      search: this.tableFilter,
+      clientId: this.clientId,
+      sortColumn: this.sortColumn,
+      sortBy: this.sortBy,
+      coverage: this.coverage,
+    };
+    this.tableData = [];
+    this.SopService.getUserDetailsV2(payload)
+      .pipe(takeUntil(this.detach))
+      .subscribe({
+        next: (res: any) => {
+          if (res && res?.code === 200) {
+            this.disableBtn = false;
+            this.showImage = false;
+            this.tableData = res?.data?.users;
+            this.recordsCount = this.tableData.length;
+            this.recordsTotal = res.data.count;
+            if (this.recordsTotal < 5) {
+              this.paginationSize = [this.recordsTotal];
+              this.size = this.recordsTotal;
+            } else {
+              this.paginationSize = [5, 10, 15, 20];
+              this.size = 5;
+            }
+          }
+          this.storeCoverage
+            ? this.getInitialData(res?.data?.storeList)
+            : this.getInitialData(res?.data?.userList);
+        },
+        error: (err: any) => {
+          this.disableBtn = false;
+          this.toast.getErrorToast(err?.message);
+        },
+      });
+  }
+
+  updateHuddletime(event: Event, key: any) {
+    // let sampleObject:any;
+    // if (key === 'time') {
+    //   const selectedTime = (event.target as HTMLInputElement).value;
+    //   sampleObject.startTime = selectedTime;
+    // } else if (key === 'duration') {
+    // }
+    // console.log('duration',this.huddleattimeArray)
+  }
+
+  deleteHuddle(i: any) {
+    this.configData?.aiConfig?.events.splice(i, 1);
+  }
+
+  AddHuddleEent() {
+    let sampleObject = { time: this.dayjs().format("HH:mm"), duration: "15" };
+    this.configData?.aiConfig?.events?.length < 3
+      ? this.configData?.aiConfig?.events.push(sampleObject)
+      : "";
+  }
+
+  updateConfigRemainder(event: any) {
+    if (!event.target.checked) {
+      this.configData.checkListDetails.remainder = [];
+    } else {
+      this.configData.checkListDetails.remainder = [this.minutes[0]];
+    }
+  }
+  updateConfigApprover(event: any) {
+    if (!event.target.checked) {
+      this.configData.checkListDetails.approver = [];
+    } else {
+      let userInfo = JSON.parse(localStorage.getItem("user-info") || "{}");
+      if (
+        userInfo?.userType == "tango" ||
+        (userInfo?.userType == "client" && userInfo?.role == "user")
+      ) {
+        this.configData.checkListDetails.approver = [
+          this.alertUsers.find((ele: any) => ele.role == "superadmin"),
+        ];
+      } else {
+        this.configData.checkListDetails.approver = [
+          this.alertUsers.find((ele: any) => ele.value == userInfo.email),
+        ];
+      }
+    }
+  }
+
+  updateTimeLoop(index: any) {
+    let data = JSON.parse(
+      JSON.stringify(this.configData.checkListDetails.remainder),
+    );
+    if (data.length) {
+      data.splice(index, 1);
+    }
+    return this.minutes.filter((item: any) =>
+      data.length ? !data?.includes(item) : item,
+    );
+  }
+
+  bulkuploadModel() {
+    this.dropDown = false;
+    this.dialog.open(this.bulkupload, {
+      centered: true,
+      backdrop: "static",
+    });
+  }
+
+  emailBulkuploadModel() {
+    this.dropDown = false;
+    this.dialog.open(this.emailBulkupload, {
+      centered: true,
+      backdrop: "static",
+    });
+  }
+
+  excelError: any;
+
+  afterUplload(data?: any) {
+    this.excelError = data;
+    this.dialog.open(this.afterValidation, {
+      centered: true,
+      backdrop: "static",
+    });
+  }
+
+  getInitials(name: string): string {
+    if (!name) return ""; // Handle empty case
+    const [firstName, lastName] = name.split(" ");
+    if (!lastName) {
+      const initials = (firstName?.[0] || "") + (firstName?.[1] || "");
+      return initials.toUpperCase();
+    } else {
+      const initials = (firstName?.[0] || "") + (lastName?.[0] || "");
+      return initials.toUpperCase();
+    }
+  }
+
+  confirmUserpopup() {
+    const dialogRef = this.dialog.open(this.confirmUser, {
+      centered: true,
+      backdrop: "static",
+    });
+    dialogRef.closed.subscribe((res: any) => {
+      if (res === "confirm") {
+        this.validateDetails("addUser");
+      }
+    });
+  }
+
+  onDragLeave(event: DragEvent) {
+    event.preventDefault();
+    (event.target as HTMLElement).classList.remove("drag-over");
+  }
+
+  onDragOver(event: DragEvent) {
+    event.preventDefault();
+    event.stopPropagation();
+    // Add a visual effect to indicate drag is over the area
+    (event.target as HTMLElement).classList.add("drag-over");
+  }
+
+  onDrop(event: DragEvent) {
+    event.preventDefault();
+    (event.target as HTMLElement).classList.remove("drag-over");
+
+    if (event.dataTransfer?.files.length) {
+      const file = event.dataTransfer.files[0];
+      const fileInputElement = this.fileInput.nativeElement;
+
+      // Manually set the file to the input
+      const dataTransfer = new DataTransfer();
+      dataTransfer.items.add(file);
+      fileInputElement.files = dataTransfer.files;
+
+      // Trigger the change event manually
+      fileInputElement.dispatchEvent(new Event("change"));
+    }
+  }
+
+  removeAlphapet(event: any) {
+    if (isNaN(event.target.value)) {
+      event.target.value = "01";
+      this.configData.checkListDetails.scheduleRepeatedDay = "01";
+    }
+  }
+
+  preopentimeconfig: any;
+  changePreopentimeconfig(event: any) {
+    this.preopentimeconfig = event.target.checked;
+    if (!this.preopentimeconfig) {
+      this.configData.aiConfig.outsidebusinesshoursqueuetracking.preopentimeconfig =
+        "";
+    }
+  }
+
+  preclosetimeconfig: any;
+  changePreclosetimeconfig(event: any) {
+    this.preclosetimeconfig = event.target.checked;
+    if (!this.preclosetimeconfig) {
+      this.configData.aiConfig.outsidebusinesshoursqueuetracking.preclosetimeconfig =
+        "";
+    }
+  }
+
+  changealerttimeconfig(event: any) {
+    this.alerttimekeyconfig = event.target.checked;
+    this.configData.aiConfig.alertConfig.allowBuffer.enabled =
+      event.target.checked || false;
+    if (!this.alerttimekeyconfig) {
+      // this.configData.aiConfig.alertConfig.allowBuffer.afterOpenTime = '';
+      // this.configData.aiConfig.alertConfig.allowBuffer.beforeCloseTime = '';
+    }
+  }
+
+  changenotificationconfig(event: any) {
+    this.notificationkeyconfig = event.target.checked;
+    this.configData.aiConfig.alertConfig.alertSendTo.enabled =
+      event.target.checked || false;
+    if (!this.notificationkeyconfig) {
+      this.configData.aiConfig.alertConfig.alertSendTo.web = [];
+      this.configData.aiConfig.alertConfig.alertSendTo.mobile = [];
+      this.configData.aiConfig.alertConfig.alertSendTo.syncMobileWeb = false;
+      this.configData.aiConfig.alertConfig.alertSendTo.email.type = [];
+      this.configData.aiConfig.alertConfig.alertSendTo.email.users = [];
+      this.configData.aiConfig.alertConfig.alertSendTo.email.teams = [];
+    }
+  }
+
+  changeautotaskconfig(event: any) {
+    this.autotaskkeyconfig = event.target.checked;
+    this.configData.aiConfig.autoTaskConfig.enabled =
+      event.target.checked || false;
+    if (!this.autotaskkeyconfig) {
+      // this.configData.aiConfig.autoTaskConfig.approver = [];
+    }
+  }
+  changequeuelengthconfig(event: any) {
+    this.queueLengthEnabled = event.target.checked;
+    console.log(
+      "🚀 ~ ChecklistConfigureComponent ~ changequeuelengthconfig ~ this.queueLengthEnabled:",
+      this.queueLengthEnabled,
+    );
+
+    this.configData.aiConfig.queuealert.queueLengthEnabled =
+      event.target.checked || false;
+  }
+  cameraAngleconfig(event: any) {
+    this.cameraAngleEnabled = event.target.checked;
+    console.log(
+      "🚀 ~ ChecklistConfigureComponent ~ changequeuelengthconfig ~ this.queueLengthEnabled:",
+      this.cameraAngleEnabled,
+    );
+
+    this.configData.aiConfig.camerAngle.enabled = event.target.checked || false;
+  }
+  changequeuewaittimeconfig(event: any) {
+    this.waitTimeEnabled = event.target.checked;
+    this.configData.aiConfig.queuealert.waitTimeEnabled =
+      event.target.checked || false;
+  }
+
+  changealertcooldownconfig(event: any) {
+    this.alertCooldownEnabled = event.target.checked;
+    if (this.type === 'staffgrouping') {
+      if (!this.configData.aiConfig.staffGrouping) {
+        this.configData.aiConfig.staffGrouping = {};
+      }
+      this.configData.aiConfig.staffGrouping.alertCooldownEnabled =
+        event.target.checked || false;
+    } else {
+      if (!this.configData.aiConfig.queuealert) {
+        this.configData.aiConfig.queuealert = {};
+      }
+      this.configData.aiConfig.queuealert.alertCooldownEnabled =
+        event.target.checked || false;
+    }
+  }
+
+  changeexportconfig(event: any) {
+    this.exportkeyconfig = event.target.checked;
+    this.configData.aiConfig.exportConfig.enabled =
+      event.target.checked || false;
+    if (!this.exportkeyconfig) {
+      // this.configData.aiConfig.exportConfig.format = [];
+    }
+  }
+
+  changedetectedstatusconfig(event: any) {
+    this.detectedstatuskeyconfig = event.target.checked;
+    this.configData.aiConfig.advancedConfig.detectedStatus.enabled =
+      event.target.checked || false;
+    if (!this.detectedstatuskeyconfig) {
+      // this.configData.aiConfig.advancedConfig.detectedStatus.detections = [];
+    }
+  }
+
+  changeauditrequiredconfig(event: any) {
+    this.auditkeyconfig = event.target.checked;
+    this.configData.aiConfig.advancedConfig.auditConfig.enabled =
+      event.target.checked || false;
+    if (!this.auditkeyconfig) {
+      // this.configData.aiConfig.advancedConfig.auditConfig.inputSourceFile = '';
+    }
+  }
+
+  changesyncMobileWebconfig(event: any) {
+    this.configData.aiConfig.alertConfig.alertSendTo.syncMobileWeb =
+      event.target.checked || false;
+    if (this.configData.aiConfig.alertConfig.alertSendTo.syncMobileWeb) {
+      this.configData.aiConfig.alertConfig.alertSendTo.web = this.mergeUnique(
+        [
+          ...this.configData.aiConfig.alertConfig.alertSendTo.web,
+          ...this.configData.aiConfig.alertConfig.alertSendTo.mobile,
+        ],
+        "name",
+      );
+    }
+  }
+
+  // updateNotificationAlert(event: any,type:any,option:any) {
+  //   if (type == 'user') {
+  //     if (option == 'web') {
+  //       this.configData.aiConfig.alertConfig.alertSendTo.web = [...event];
+  //     }else if (option == 'mobile') {
+  //       this.configData.aiConfig.alertConfig.alertSendTo.mobile = [...event];
+  //       if(this.configData.aiConfig.alertConfig.alertSendTo.syncMobileWeb){
+  //         this.configData.aiConfig.alertConfig.alertSendTo.web = [...event];
+  //       }
+  //     }
+  //   } else if (type == 'approve') {
+  //     this.configData.approver = event;
+  //   }
+  // }
+
+  // private mergeUnique(targetArr: any[], newItems: any | any[]): any[] {
+  //   const arr = Array.isArray(newItems) ? newItems : [newItems];
+  //   // merge arrays
+  //   const merged = [...targetArr, ...arr];
+  //   // remove duplicates by "value"
+  //   const unique = Array.from(
+  //     new Map(merged.map(item => [item.value, item])).values()
+  //   );
+  //   return unique;
+  // }
+
+  updateNotificationAlert(event: any, type: any, option: any) {
+    if (type === "user") {
+      if (option === "web") {
+        this.configData.aiConfig.alertConfig.alertSendTo.web = this.mergeUnique(
+          [...this.configData.aiConfig.alertConfig.alertSendTo.web, ...event],
+          "name",
+        );
+      } else if (option === "mobile") {
+        this.configData.aiConfig.alertConfig.alertSendTo.mobile =
+          this.mergeUnique(
+            [
+              ...this.configData.aiConfig.alertConfig.alertSendTo.mobile,
+              ...event,
+            ],
+            "name",
+          );
+
+        if (this.configData.aiConfig.alertConfig.alertSendTo.syncMobileWeb) {
+          this.configData.aiConfig.alertConfig.alertSendTo.web =
+            this.mergeUnique(
+              [
+                ...this.configData.aiConfig.alertConfig.alertSendTo.web,
+                ...event,
+              ],
+              "name",
+            );
+        }
+      }
+    } else if (type === "approve") {
+      this.configData.approver = event;
+    }
+  }
+
+  private mergeUnique(arr: any, key: string) {
+    return [...new Map(arr.map((obj: any) => [obj[key], obj])).values()];
+  }
+
+  updateAutoTask(event: any, type: any) {
+    if (type == "user") {
+      this.configData.aiConfig.autoTaskConfig.approver = event;
+      this.configData.approver = event;
+    }
+  }
+
+  changeInputSourceFileRadio(data: any) {
+    this.configData.aiConfig.advancedConfig.auditConfig.inputSourceFile = data;
+  }
+
+  changeDetectionStatus(event: Event) {
+    const input = event.target as HTMLInputElement;
+    const value = input.value;
+
+    if (input.checked) {
+      if (!this.selectedDetectionStatus.includes(value)) {
+        this.selectedDetectionStatus.push(value);
+        this.configData.aiConfig.advancedConfig.detectedStatus.detections =
+          this.selectedDetectionStatus;
+      }
+    } else {
+      if (this.selectedDetectionStatus.length > 0) {
+        this.selectedDetectionStatus = this.selectedDetectionStatus.filter(
+          (item: any) => item !== value,
+        );
+      }
+    }
+  }
+
+  changeDataprocessing(data: any) {
+    this.configData.aiConfig.advancedConfig.dataProcessing = data;
+  }
+
+  changeExportValue(event: any) {
+    const input = event.target as HTMLInputElement;
+    const value = input.value;
+    const allValue = ["ALL", "CSV", "PDF", "PPT", "ZIP"];
+    const requiredValues = ["CSV", "PDF", "PPT", "ZIP"];
+    if (value == "ALL") {
+      if (event.target.checked) {
+        this.selectedExportConfig = allValue;
+        this.configData.aiConfig.exportConfig.format =
+          this.selectedExportConfig;
+      } else {
+        this.selectedExportConfig = [];
+        this.configData.aiConfig.exportConfig.format =
+          this.selectedExportConfig;
+      }
+    } else {
+      // how to remove only 'ALL' value
+      if (this.selectedExportConfig.includes("ALL")) {
+        this.selectedExportConfig = this.selectedExportConfig.filter(
+          (item) => item !== "ALL",
+        );
+        this.configData.aiConfig.exportConfig.format =
+          this.selectedExportConfig;
+      }
+      if (input.checked) {
+        if (!this.selectedExportConfig.includes(value)) {
+          this.selectedExportConfig.push(value);
+          if (
+            requiredValues.every((val) =>
+              this.selectedExportConfig.includes(val),
+            )
+          ) {
+            if (!this.selectedExportConfig.includes("ALL")) {
+              this.selectedExportConfig.push("ALL");
+            }
+          }
+          this.configData.aiConfig.exportConfig.format =
+            this.selectedExportConfig;
+        }
+      } else {
+        if (this.selectedExportConfig.length > 0) {
+          this.selectedExportConfig = this.selectedExportConfig.filter(
+            (item: any) => item !== value,
+          );
+          this.configData.aiConfig.exportConfig.format =
+            this.selectedExportConfig;
+        }
+      }
+    }
+  }
+
+  updateNotify(event: any, type: string) {
+    if (!this.configData.checkListDetails?.notifyFlags) {
+      this.configData.checkListDetails["notifyFlags"] = {
+        notifyType: [],
+        users: [],
+      };
+    }
+    if (event.target.checked) {
+      this.configData.checkListDetails.notifyFlags.notifyType.push(type);
+    } else {
+      this.configData.checkListDetails.notifyFlags.notifyType =
+        this.configData.checkListDetails.notifyFlags.notifyType.filter(
+          (ele: any) => ele != type,
+        );
+    }
+  }
+
+  onNotifyFlagToggle() {
+    if (this.notifyFlag) return;
+    this.configData.checkListDetails.notifyFlags.notifyType = [];
+    this.configData.checkListDetails.notifyFlags.users = [];
+  }
+
+  onEnableEmailToggle() {
+    if (this.enableEmail) return;
+    this.configData.checkListDetails.autoEmail.type = [];
+    this.configData.checkListDetails.autoEmail.users = [];
+  }
+
+  onRecurringFlagToggle() {
+    if (this.recurringFlagNotify) return;
+    this.configData.checkListDetails.recurringFlag.notifyType = [];
+    this.configData.checkListDetails.recurringFlag.users = [];
+    this.configData.checkListDetails.recurringFlag.threshold = 2;
+  }
+
+  updateMailer(event: any, type: string) {
+    console.log(this.configData.aiConfig?.alertConfig?.alertSendTo);
+    if (!this.configData.aiConfig?.alertConfig?.alertSendTo?.email) {
+      this.configData.aiConfig.alertConfig.alertSendTo["email"] = {
+        type: [],
+        users: [],
+        teams: [],
+      };
+    }
+    if (event.target.checked) {
+      this.configData.aiConfig.alertConfig.alertSendTo.email.type.push(type);
+    } else {
+      this.configData.aiConfig.alertConfig.alertSendTo.email.type =
+        this.configData.aiConfig.alertConfig.alertSendTo.email.type.filter(
+          (ele: any) => ele != type,
+        );
+    }
+  }
+
+  updateNotifier(event: any) {
+    this.configData.checkListDetails.notifyFlags.users = event;
+  }
+
+  updateRecurringNotify(event: any, type: string) {
+    if (!this.configData.checkListDetails?.recurringFlag) {
+      this.configData.checkListDetails["recurringFlag"] = {
+        notifyType: [],
+        users: [],
+        threshold: 3,
+      };
+    }
+    if (event.target.checked) {
+      this.configData.checkListDetails.recurringFlag.notifyType.push(type);
+    } else {
+      this.configData.checkListDetails.recurringFlag.notifyType =
+        this.configData.checkListDetails.recurringFlag.notifyType.filter(
+          (ele: any) => ele != type,
+        );
+    }
+  }
+
+  updateRecurringFlagUsers(event: any) {
+    if (!this.configData.checkListDetails?.recurringFlag) {
+      this.configData.checkListDetails["recurringFlag"] = {
+        notifyType: [],
+        users: [],
+        threshold: 3,
+      };
+    }
+    this.configData.checkListDetails.recurringFlag.users = event;
+  }
+
+  updateRecurringThreshold(value: any) {
+    if (!this.configData.checkListDetails?.recurringFlag) {
+      this.configData.checkListDetails["recurringFlag"] = {
+        notifyType: [],
+        users: [],
+        threshold: 2,
+      };
+    }
+    this.configData.checkListDetails.recurringFlag.threshold = Number(value);
+  }
+
+  updateAutoEmail(event: any, type: string) {
+    if (!this.configData.checkListDetails?.autoEmail) {
+      this.configData.checkListDetails["autoEmail"] = {
+        type: [],
+        users: [],
+      };
+    }
+    if (event.target.checked) {
+      this.configData.checkListDetails.autoEmail.type.push(type);
+    } else {
+      this.configData.checkListDetails.autoEmail.type =
+        this.configData.checkListDetails.autoEmail.type.filter(
+          (ele: any) => ele != type,
+        );
+    }
+  }
+
+  updateEmailer(event: any) {
+    this.configData.checkListDetails.autoEmail.users = event;
+  }
+
+  updateEmailUsers(event: any) {
+    this.configData.aiConfig.alertConfig.alertSendTo.email.users = event;
+  }
+
+  updateEmailTeams(event: any) {
+    this.configData.aiConfig.alertConfig.alertSendTo.email.teams = event;
+  }
+
+  updateAutoTaskUsers(event: any) {
+    this.configData.aiConfig.autoTaskConfig.users = event;
+  }
+
+  updateTimeSlot(event: any) {
+    this.configData.aiConfig.autoTaskConfig.taskValidity.time = 1;
+    if (event.target.value == "mins") {
+      this.timeSlot = Array.from({ length: 60 }, (_, i) => i + 1);
+    } else if (event.target.value == "hours") {
+      this.timeSlot = Array.from({ length: 24 }, (_, i) => i + 1);
+    } else {
+      this.timeSlot = Array.from({ length: 3 }, (_, i) => i + 1);
+    }
+  }
+
+  updateRecurrence(event: any, type: string) {
+    if (event.target.checked) {
+      this.recurrenceType = type;
+      this.recurrencetime = null;
+    }
+  }
+}
+
+function getWeekNumber(date: any) {
+  let days = [];
+  let dateDat = dayjs(date).startOf('month');
+
+  while (dateDat.month() === date.month()) {
+    if (dateDat.format('dddd') === date.format('dddd')) {
+      days.push(dateDat.format('YYYY-MM-DD'));
+    }
+    dateDat = dateDat.add(1, 'day');
+  }
+
+  let findIndex = days.findIndex((item: any) => item == date.format('YYYY-MM-DD'))
+  return (findIndex + 1);
+}