vcomply-workflow-engine 2.0.4 → 2.0.167

package/projects/vx-workflow-engine/src/lib/workflow-compliance/workflow-compliance.component.ts

@@ -0,0 +1,4713 @@
+import {
+  Component,
+  OnInit,
+  Input,
+  Output,
+  EventEmitter,
+  ViewChild,
+  ElementRef,
+} from '@angular/core';
+import { cloneDeep } from 'lodash';
+import { EditorConfig } from 'vcomply-editor';
+import { AuthService } from '../workflow-services/auth.service';
+import { ResponsibilityService } from '../workflow-services/responsibility.service';
+import { FrequencyService } from '../sharedComponents/frequency/frequency.service';
+import moment from 'moment/moment';
+import { UiKitService } from '../workflow-services/ui-kit.service';
+import { SnackBarService } from '../ui-kit/snack-bar/snack-bar.service';
+import { HttpParams } from '@angular/common/http';
+import { Subject, Subscription, takeUntil } from 'rxjs';
+import { ProgramsService } from '../workflow-services/programs.service';
+import {
+  GRC_TYPE_ARRAY,
+  OTHER_GRC_CARD,
+} from '../workflow/shared/constants/grcObject.constant';
+import { GrcService } from '../workflow/shared/services/grc.service';
+
+@Component({
+  selector: 'app-workflow-compliance',
+  templateUrl: './workflow-compliance.component.html',
+  styleUrls: ['./workflow-compliance.component.less', '../forms.less'],
+  // changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class WorkflowComplianceComponent implements OnInit {
+  /* Defining the input parameters for the component. */
+  @Input() mode = 'CREATE';
+  @Input() responsibilityId = '';
+  @Input() frameworkDetails: Array<any> = [];
+  @Input() isEntrust: boolean = true;
+  @Input() feature: any;
+  allGroupAssignee: boolean = true;
+  assignorId: any[] = [];
+  assigneeIds: any[] = [];
+  reviewerIds: any[] = [];
+  overseerIds: any[] = [];
+  disableRadioAssignee: any[] = [];
+  isResponsibilitySimplified: boolean = false;
+  queryParam: string = '';
+  recentResponsibilityUrl: any = {
+    byResponsibilities: { type: ['recent_responsibilities'], subType: ['CC'] },
+    byStatus: { type: [], subType: [] },
+    filterObject: {
+      responsibilityCenter: [],
+      entrustedBy: [],
+      entrustedTo: [],
+      riskIds: [],
+      responsibilityCategory: [],
+    },
+    timePeriodDetails: { type: '', selectedPeriod: '', selectedYear: '' },
+    status: '',
+  };
+  isResponsibilityRcLinkEnabled: boolean = false;
+  grcList: Array<any> = [];
+  grcLoader: boolean = false;
+  otherGRCCard: any = JSON.parse(JSON.stringify(OTHER_GRC_CARD));
+  selectedGRCTab: number = 0;
+  grcTabLoader: boolean = false;
+  grcSearchString: string = '';
+  GRC_TYPE_ARRAY = GRC_TYPE_ARRAY;
+  grcDataWithTypes: any = {
+    assets: [],
+    processes: [],
+    vendors: [],
+    inventory: [],
+  };
+
+  @Input('closeOnEsc') set closeOnEsc(escapeCondition: boolean) {
+    if (escapeCondition) {
+      this.activeDeselector();
+    }
+  }
+  @Input() orgDetails: any;
+
+  url =
+    'q={"byResponsibilities":{"type":["responsibilities_in_queue"],"subType":["CC"]},"byStatus":{"type":["responsibilities_in_queue"],"subType":[]},"filterObject":{"responsibilityCenter":[],"entrustedBy":[],"entrustedTo":[],"riskIds":[],"responsibilityCategory":[]},"timePeriodDetails":{"type":"","selectedPeriod":"","selectedYear":""},"status":""}';
+  @Output() pickerChanged = new EventEmitter();
+  @Output() populateOption = new EventEmitter();
+  @Output() hideElementsFromMoreOptions = new EventEmitter();
+  @Output() closeWorkflow = new EventEmitter();
+  @Output() resetForm = new EventEmitter();
+  @Output() disconnectRefresh = new EventEmitter();
+  @Output() checkpointCountUpdated = new EventEmitter();
+  @Output() rcSelected = new EventEmitter();
+  @Input() openedFrom!: any; //when opened from risk treatment it will be 'RISK_TREATMENT'
+  @Input() selectedRC: number = 0; // 4-5 digit id of selected rc by default when opened from risk treatment
+  // @Input() selectedProgram: any = null;
+  featureFlag_groups: boolean = false;
+  selectedProgram: any = null;
+  selectedReviewer: boolean = true;
+  @Input('selectedProgram') set setSelectedProgram(program: any) {
+    if (program && Object.keys(program)?.length) {
+      this.selectedProgram = program;
+      this.responsibilityForm.program = [];
+      this.responsibilityForm.linkedProgram = [];
+      // this.responsibilityForm.program.push(program);
+      this.responsibilityForm.linkedProgram.push(program);
+    }
+  }
+
+  /* Creating an event emitter. */
+  @Output() onRemovingCheckpoint: EventEmitter<any> = new EventEmitter();
+  @Output() isAssessmentDisabled = new EventEmitter();
+  @Output() assigneeTypeChange = new EventEmitter(); // it will emit when assignee type change
+  @Output() onReviewerTypeChange = new EventEmitter(); // it will emit when reviewer type change
+
+  scrollToBottom = false;
+  description: EditorConfig = {
+    mode: 'prime',
+    colorPalette: true,
+    link: true,
+    placeholder: 'Add more information about completing the responsibility',
+  };
+  programPeopleList: any = {
+    assigneesList: [],
+    reviewersList: [],
+    overseersList: [],
+  };
+  loader = false;
+  submitted = false;
+  editDetails!: any;
+  smileyMessage = `Done!`;
+  actionButtons = [
+    {
+      buttonText: 'Entrust More Responsibilities',
+      class: 'white-btn',
+      id: 'addMore',
+    },
+    { buttonText: 'View Responsibilities', class: 'blue-btn', id: 'view' },
+  ];
+  showSmiley = false;
+  memberId = 0;
+  organizationId = 0;
+  rcListLoaded = false;
+  assignorsListLoaded = false;
+  assigneesListLoaded = false;
+  categoriesListLoaded = false;
+  groupsListLoaded = false;
+  assuranceCategoryListLoaded = false;
+  selectedFrameworkValues!: any;
+  hasReviewer: boolean = false;
+
+  // usersList: any[] = [];
+  assignorsList: any[] = [];
+  assigneesList: any[] = [];
+  reviewersList: any[] = [];
+  disableAssigneeIds: any[] = [];
+  disableReviewerIds: any[] = [];
+  disableOverseerIds: any[] = [];
+  reviewerMemberIdsList: any[] = [];
+  groupOverseerList: any[] = [];
+  groupReviewerList: any[] = [];
+  groupAssigneeList: any[] = [];
+  overseersList: any[] = [];
+  allUsersList: any[] = [];
+  behalfOfUsersList: any[] = [];
+  assigneeUserList: any[] = [];
+  reviewerUserList: any[] = [];
+  overseerUserList: any[] = [];
+  overseerUserNotifyList: any[] = [];
+  allCategories: any[] = [];
+  assuranceCategoriesList: any[] = [];
+  assuranceRequiresAuditList: any[] = [];
+  groupsList: any[] = [];
+  OrgGroup: any[] = [];
+  adminsList: any[] = [];
+  responsibilityCentersList: any[] = [];
+  categoryList: any[] = [];
+  nonRemovableUsersList: any[] = [];
+  responsibilityCenterType: Number = 0;
+
+  responsibilityForm: any = {
+    assignors: {
+      enable: false,
+      list: [],
+    },
+    responsibility: {
+      name: '',
+      keyResponsibility: false,
+    },
+    assigneeGroups: {
+      whoCanComplete: 'ANYONE',
+      list: [],
+    },
+    assignees: {
+      whoCanComplete: 'ALL',
+      list: [],
+    },
+    frequency: '',
+    description: '',
+    objective: '',
+    rc: [],
+    responsibilityCenterType: 0,
+    category: [],
+    program: [],
+    program_selected_ids: [],
+    checkpointInstruction: '',
+    customTags: [],
+    checkpoints: [],
+    reviewers: {
+      sequentialWorkflow: true,
+      reviewFrequency: {
+        reviewCompleteDays: 2,
+        reviewNOtCompletedDays: 2,
+      },
+      list: [],
+    },
+    groupReviewers: {
+      sequentialWorkflow: true,
+      reviewFrequency: {
+        reviewCompleteDays: 2,
+        reviewNOtCompletedDays: 2,
+      },
+      list: [],
+    },
+    overseers: {
+      notifyList: [],
+      list: [],
+    },
+    overseersGroups: {
+      notifyList: [],
+      list: [],
+    },
+    formatAndEvidence: {
+      formatRequired: false,
+      formatFiles: [],
+      formatLinks: [],
+      evidenceRequired: false,
+    },
+    assuranceList: [],
+    requiresAuditList: [],
+    riskClass: 1,
+    riskMatrix: '0,0,0,0,0,0',
+    audit_category_details: {
+      category_id: 0,
+      sample: 5,
+      percentage: 30,
+      frequency_pattern: '1~0~3~1',
+      frequency_time: '23:59:00',
+    },
+    assessment: {
+      category_id: '',
+      assessment_id: '',
+    },
+    new_checkpoints: {},
+    linkedProgram: [],
+    selectedGRCObjects: [],
+  };
+  moreOptions: any = {
+    OBJECTIVE: false,
+    RC: false,
+    CATEGORY: false,
+    PROGRAM: false,
+    FORMATE_EVIDENCE: false,
+    CHECKPOINTS: false,
+    ASSESSMENT: false,
+    RISK_CLASSIFICATION: false,
+    REVIEWER: false,
+    OVERSEER: false,
+    ASSURANCE: false,
+    APPS: false,
+    REQUIRES_AUDIT: false,
+    CHECKPOINTS_NEW: false,
+    GRC_OBJECTS: false,
+  };
+  activeSelector = '';
+  sideSelectorElements: any = [
+    'assurance',
+    'framework',
+    'assignors',
+    'assignees',
+    'category',
+    'program',
+    'rc',
+    'checkpoints',
+    'frequency',
+    'reviewer',
+    'reviewerFrequency',
+    'overseer',
+    'overseerNotify',
+    'riskCalculator',
+    'isAssessment',
+    'requires_audit',
+    'checkpoints-new',
+    'GRC_OBJECTS',
+  ];
+
+  focus = {
+    responsibilityName: false,
+    description: false,
+    objective: false,
+  };
+
+  categories: any = {
+    regulations: {
+      list: [],
+      selectedList: [],
+    },
+    standards: {
+      list: [],
+      selectedList: [],
+    },
+    internalControls: {
+      list: [],
+      selectedList: [],
+    },
+    others: {
+      list: [],
+      selectedList: [],
+    },
+  };
+
+  allPrograms: any[] = [];
+
+  riskClassification = [
+    { name: 'Low', value: 1, class: 'low' },
+    { name: 'Low-Medium', value: 2, class: 'low-med' },
+    { name: 'Medium-High', value: 3, class: 'med-high' },
+    { name: 'High', value: 4, class: 'high' },
+  ];
+
+  assignorMode = 'checkbox';
+  rcMode = 'checkbox';
+  invalidType = '';
+  responsibilityPayload!: any;
+  assigneeRadioSelect = false;
+  programsList: any[] = [];
+
+  // frequency variable declaration
+  frequencyDetails = {
+    pattern: '',
+    notificationPending: 0,
+    dateOfModified: 0,
+    deactivationValue: 0,
+    selectedReport: 0,
+    lifecycle: '0000-00-00~~0',
+    startDate: Math.floor(new Date().getTime() / 1000),
+    startOnTheDay: Math.floor(new Date().getTime() / 1000),
+    window: 0,
+    failed: 0,
+    time: '11:59 pm',
+    failedTime: '',
+    continuous_failed_days: 0,
+    onCompletionReportDetails: {},
+  };
+  frequencyPlaceholder = 'How often does the responsibility occur?';
+  shortMonth: Array<string> = [];
+  isEditWhat: Boolean = true;
+  isFrameworkAvailable = 1;
+  isNotificationPending = 0;
+
+  assuranceFlag!: any;
+  riskClassificationFlag!: any;
+  hiddenList: any[] = [];
+  subscriptionDetails!: any;
+  isRiskEnable: boolean = true;
+  isDuplicateEntrust: boolean = false;
+  auditTime: string = '11:59 pm';
+  sendAuditRemindersValue: number = 2;
+  sampleValue: any;
+  samplePercentage: any;
+  selectedSample!: number;
+  isSample: boolean = false;
+  tempCheckValue: number = -1;
+  isAssessment: boolean = false;
+  managePermission: boolean = false;
+  checkpointCount: number = 0;
+  roleBasedPermissions!: any;
+  isGroupAssigned: boolean = false;
+  responsibilityData!: any;
+  originalAssignee!: any;
+  userListLoader: boolean = false;
+  assignorsListLoader: boolean = false;
+  rawResponsibility: any;
+  otherGRCSubscription!: Subscription;
+
+  @ViewChild('what') whatInput!: ElementRef;
+  unSubscribeProgram = new Subject<void>();
+  constructor(
+    private authService: AuthService,
+    private responsibilityService: ResponsibilityService,
+    private frequencyService: FrequencyService,
+    private uiKitService: UiKitService,
+    private snackBar: SnackBarService,
+    private permission: AuthService,
+    private programService: ProgramsService,
+    private grcService: GrcService
+  ) {
+    this.authService.getUserInfo().subscribe((res: any) => {
+      const complianceSubmodule =
+        res.roleActions[
+          res.roleActions.findIndex(
+            (ele: any) => ele.moduleName == 'compliance'
+          )
+        ].subModule;
+      const permissions =
+        complianceSubmodule[
+          complianceSubmodule.findIndex(
+            (ele: any) => ele.subModuleName == 'Programs'
+          )
+        ].permissions;
+      this.managePermission = permissions[
+        permissions.findIndex((ele: any) => ele.name == 'manage programs')
+      ].enable
+        ? true
+        : false;
+      if (this.managePermission) {
+        this.hiddenList.push('CATEGORY');
+        this.categoriesListLoaded = true;
+      } else {
+        this.hiddenList.push('PROGRAM');
+        this.getCategoryList();
+      }
+      this.hideElementsFromMoreOptions.emit(this.hiddenList);
+    });
+  }
+
+  ngOnInit(): void {
+    this.featureFlag_groups = this.feature.isFeatureEnabled(
+      'ff_responsibility_groups'
+    );
+    this.isResponsibilitySimplified = this.feature.isFeatureEnabled(
+      'ff_responsibility_simplification'
+    );
+    this.isResponsibilityRcLinkEnabled = this.feature.isFeatureEnabled(
+      'ff_responsibility_rc_link'
+    );
+    this.pickerChanged.emit(false);
+    //   this.responsibilityForm.responsibility.name = "abcdef"
+    this.loader = true;
+    this.uiKitService.isLoader = true;
+    this.hiddenList.push('ASSESSMENT');
+    this.getRCList();
+    this.getAssignorsList();
+    this.getAssigneesList();
+    this.getAssurance();
+    this.getGroupsList();
+    this.getAssuranceForRequiresAudit();
+    this.checkWhetherAllListsLoaded();
+    this.getOrganizationDetails();
+    this.getUserDetails();
+    this.shortMonth = this.frequencyService.monthArray.map((month) =>
+      month.substring(0, 3)
+    );
+    if (this.mode === 'CREATE') {
+      this.organizationId = this.authService.getOrganizationId();
+      this.memberId = this.authService.getMemberId();
+      this.hiddenList.push('CHECKPOINTS');
+    }
+    this.authService.getOrganizationDetails().subscribe((res: any) => {
+      this.isRiskEnable = res.enable_riskclass ? true : false;
+      if (!res.enable_riskclass) {
+        this.hiddenList.push('RISK_CLASSIFICATION');
+        this.hideElementsFromMoreOptions.emit(this.hiddenList);
+      }
+    });
+    this.authService.getSubscriptionDetails().subscribe((res: any) => {
+      this.subscriptionDetails = res;
+      if (this.subscriptionDetails[0].assessment_flag) {
+        this.hiddenList = this.hiddenList.filter((ele) => ele !== 'ASSESSMENT');
+        this.hideElementsFromMoreOptions.emit(this.hiddenList);
+      }
+    });
+    this.hideElementsFromMoreOptions.emit(this.hiddenList);
+  }
+  activateSelector(type: any, event: boolean) {
+    this.activeSelector = event ? type : '';
+    if (type === 'checkpoints-new') this.authService.previewPanel.next(event);
+    if (this.sideSelectorElements?.includes(type)) {
+      this.pickerChanged.emit(event);
+    }
+  }
+
+  whatChanged(event: any) {
+    this.responsibilityForm.responsibility.name = event?.target?.value;
+    if (event.target.value.trim() !== '') {
+      this.isEditWhat = true;
+      if (this.invalidType === 'what') {
+        this.invalidType = '';
+      }
+    } else {
+      this.isEditWhat = false;
+    }
+  }
+
+  activeDeselector() {
+    this.activeSelector = '';
+    this.pickerChanged.emit(false);
+  }
+
+  addMoreInfo(event: any) {
+    this.scrollToBottom = true;
+    if (
+      event.code === 'CHECKPOINTS_NEW' &&
+      event.checkpoint_new &&
+      this.checkpointCount
+    ) {
+    } else {
+      this.moreOptions[event.code] = event.checked;
+    }
+  }
+
+  onRcTypeChange(selectedType: Number) {
+    this.responsibilityCenterType = selectedType ?? 0;
+  }
+
+  getRCList(program_id?: string) {
+    let params = new HttpParams();
+    if (program_id) {
+      params = params.append('program_ids', program_id);
+    }
+    this.responsibilityService?.getResponsibilityCenterList(params).subscribe(
+      (res) => {
+        this.responsibilityCentersList = res;
+        this.rcListLoaded = true;
+
+        const ids = this.returnIds(this.responsibilityForm.rc, 'item_id');
+        const RC = this.responsibilityCentersList.filter((element: any) =>
+          ids?.includes(element.item_id)
+        );
+        if (RC?.length) {
+          this.responsibilityForm.rc = RC;
+        } else {
+          this.responsibilityForm.rc = [];
+        }
+
+        if (this.openedFrom === 'RISK_TREATMENT') {
+          this.responsibilityForm.rc = this.setList(
+            this.responsibilityCentersList,
+            [this.selectedRC],
+            'item_id'
+          );
+          this.moreOptions.RC = true;
+          this.actionButtons = [
+            {
+              buttonText: 'Go to risk treatment',
+              class: 'blue-btn',
+              id: 'view',
+            },
+          ];
+          // Previously there was only RC was emitting which made the checked options to de check now checking the condition and sending all the selected options
+          let checkedMoreOptions = [];
+          for (const key in this.moreOptions) {
+            if (this.moreOptions[key]) {
+              checkedMoreOptions.push(key);
+            }
+          }
+          this.populateOption.emit(checkedMoreOptions);
+        }
+      },
+      (err) => {
+        console.error(err);
+        this.rcListLoaded = true;
+      }
+    );
+  }
+
+  getUserDetails() {
+    this.authService.getUserInfo().subscribe((res: any) => {
+      this.isNotificationPending = res.notification_pending_flag;
+      this.actionButtons[1].buttonText = this.isNotificationPending
+        ? 'View Responsibilities in Queue'
+        : 'View Responsibilities';
+    });
+  }
+
+  getAssurance() {
+    this.assuranceCategoryListLoaded = true;
+    this.responsibilityService.getAssurance().subscribe(
+      (res: any) => {
+        this.assuranceCategoriesList = res;
+        if (
+          (this.subscriptionDetails &&
+            !this.subscriptionDetails[0].assurance_flag) ||
+          this.assuranceCategoriesList?.length == 0
+        ) {
+          this.hiddenList.push('ASSURANCE');
+        }
+        this.hideElementsFromMoreOptions.emit(this.hiddenList);
+        this.assuranceCategoryListLoaded = true;
+      },
+      (err) => {
+        console.error(err);
+        this.assuranceCategoryListLoaded = true;
+      }
+    );
+  }
+
+  getAssuranceForRequiresAudit() {
+    // this.assuranceCategoryListLoaded = true;
+    this.responsibilityService.getAssuranceForRequiresAudit().subscribe(
+      (res: any) => {
+        this.assuranceRequiresAuditList = res;
+        if (
+          (this.subscriptionDetails &&
+            !this.subscriptionDetails[0].audit_flag) ||
+          this.assuranceRequiresAuditList?.length == 0
+        ) {
+          this.hiddenList.push('REQUIRES_AUDIT');
+        }
+        this.hideElementsFromMoreOptions.emit(this.hiddenList);
+        // this.assuranceCategoryListLoaded = true;
+      },
+      (err) => {
+        console.error(err);
+        // this.assuranceCategoryListLoaded = true;
+      }
+    );
+  }
+
+  getOrganizationDetails() {
+    this.authService.getOrganizationDetails().subscribe((res: any) => {
+      this.isFrameworkAvailable = res?.enable_responsibility_framework;
+    });
+  }
+
+  getCategoryList() {
+    this.loader = true;
+    this.uiKitService.isLoader = true;
+    this.responsibilityService.getCategoriesList().subscribe(
+      (res) => {
+        const data = res;
+        this.allCategories = cloneDeep(res);
+        data.forEach((element: any) => {
+          if (element && element.compliance_type == 0) {
+            this.categories.others.list.push(element);
+          }
+          if (element && element.compliance_type == 1) {
+            this.categories.regulations.list.push(element);
+          }
+          if (element && element.compliance_type == 2) {
+            this.categories.standards.list.push(element);
+          }
+          if (element && element.compliance_type == 3) {
+            this.categories.internalControls.list.push(element);
+          }
+        });
+        this.categoriesListLoaded = true;
+      },
+      (err) => {
+        console.error(err);
+        this.categoriesListLoaded = true;
+      }
+    );
+  }
+
+  filterListsAccordingToProgram(program_id?: string) {
+    this.unSubscribeProgram.next();
+    this.unSubscribeProgram.complete();
+    if (program_id && this.orgDetails?.hasProgramFullPermission) {
+      this.getPeopleListAgainstPID(program_id);
+      this.getRCList(program_id);
+      this.getGroupsList(program_id);
+      this.getAssignorsList(program_id);
+    } else {
+      this.getAssigneesList();
+      this.getRCList();
+      this.getGroupsList();
+      this.getAssignorsList();
+    }
+  }
+
+  getProgramDetails(programId?: string) {
+    this.loader = true;
+    this.programService.getProgram(programId).subscribe((res: any) => {
+      if (
+        res?.assessment &&
+        res?.assessment?.length &&
+        Object.keys(this.responsibilityForm?.assessment)?.length
+      ) {
+        const categoryAssessment = res?.assessment.filter(
+          (assessment: any) =>
+            this.responsibilityForm?.assessment?.category_id ===
+            assessment?.category_id
+        );
+        if (
+          categoryAssessment?.length &&
+          categoryAssessment[0]?.assessmentIds?.length
+        ) {
+          const isExist = categoryAssessment[0]?.assessmentIds?.includes(
+            this.responsibilityForm?.assessment?.assessment_id
+          );
+          if (!isExist) {
+            this.responsibilityForm.assessment = {
+              assessment_id: '',
+              category_id: '',
+            };
+          }
+        } else {
+          this.responsibilityForm.assessment = {
+            assessment_id: '',
+            category_id: '',
+          };
+        }
+      }
+      this.loader = false;
+    });
+  }
+
+  getListsAccordingToProgram(program_id: string) {
+    this.getPeopleListAgainstPID(program_id);
+    this.getRCList(program_id);
+    this.getGroupsList(program_id);
+    this.getAssignorsList(program_id);
+  }
+
+  getAssignorsList(program_id?: string) {
+    let params = new HttpParams();
+    if (program_id) {
+      params = params.append('program_ids', program_id);
+    }
+    this.assignorsListLoader = true;
+    this.responsibilityService.getAssignorsList(params).subscribe(
+      (res: any) => {
+        this.behalfOfUsersList = res;
+        if (program_id) {
+          this.refreshListsWhileProgramSelected();
+        } else {
+          this.refreshAllLists();
+        }
+        this.assignorsListLoaded = true;
+      },
+      (err) => {
+        console.error(err);
+        this.assignorsListLoaded = true;
+        this.assignorsListLoader = false;
+      },
+      () => {
+        this.assignorsListLoader = false;
+        if (program_id) {
+          this.refreshListsWhileProgramSelected();
+        } else {
+          this.refreshAllLists();
+        }
+      }
+    );
+  }
+
+  getAssigneesList(program_id?: string) {
+    let params = new HttpParams();
+    if (program_id) {
+      params = params.append('program_ids', program_id);
+    }
+    this.userListLoader = true;
+    this.responsibilityService.getOrganizationPeople(params).subscribe(
+      (res: any) => {
+        this.allUsersList = res.map((user: any) => {
+          user.member_name = user.employee_name;
+          return user;
+        });
+        if (program_id) {
+          this.refreshListsWhileProgramSelected();
+        } else {
+          this.refreshAllLists();
+        }
+        this.assigneesListLoaded = true;
+      },
+      (err) => {
+        console.error(err);
+        this.assigneesListLoaded = true;
+        this.userListLoader = false;
+      },
+      () => {
+        this.userListLoader = false;
+        if (program_id) {
+          this.refreshListsWhileProgramSelected();
+        } else {
+          this.refreshAllLists();
+        }
+      }
+    );
+  }
+
+  getPeopleListAgainstPID(program_id: string) {
+    let params = new HttpParams();
+    if (program_id) {
+      params = params.append('program_ids', program_id);
+      this.userListLoader = true;
+    }
+    this.responsibilityService.getOrganizationPeople(params).subscribe(
+      (res: any) => {
+        this.assigneesList = res.assignee.map((user: any) => {
+          user.member_name = user.employee_name;
+          return user;
+        });
+        this.overseersList = res.overseer.map((user: any) => {
+          user.member_name = user.employee_name;
+          return user;
+        });
+        this.reviewersList = res.reviewer.map((user: any) => {
+          user.member_name = user.employee_name;
+          return user;
+        });
+        this.programPeopleList = {
+          assigneesList: [...new Set(this.assigneesList)],
+          reviewersList: [...new Set(this.reviewersList)],
+          overseersList: [...new Set(this.overseersList)],
+        };
+        if (
+          this.responsibilityForm?.program[0]?.default_assignee_ids ||
+          this.responsibilityForm.assignees.list?.length
+        ) {
+          if (this.responsibilityForm.assignees.list?.length) {
+            const ids = this.returnIds(
+              this.responsibilityForm.assignees.list,
+              'my_member_id'
+            );
+            const allIds = [
+              ...new Set(ids),
+              ...new Set(
+                this.responsibilityForm?.program[0]?.default_assignee_ids
+              ),
+            ];
+            const assignors = this.assigneesList.filter((element: any) =>
+              allIds?.includes(element?.my_member_id)
+            );
+            if (assignors?.length) {
+              this.responsibilityForm.assignees.list = assignors;
+            } else {
+              this.responsibilityForm.assignees.list = [];
+            }
+          } else {
+            const assignors = this.assigneesList.filter((element: any) =>
+              this.responsibilityForm?.program[0]?.default_assignee_ids?.includes(
+                element?.my_member_id
+              )
+            );
+            if (assignors?.length) {
+              this.responsibilityForm.assignees.list = assignors;
+            }
+          }
+        } else {
+          this.responsibilityForm.assignees.list = [];
+        }
+        if (this.featureFlag_groups) {
+          this.populateProgramAssigneeGroup();
+        }
+        const checkedMoreOptions = [];
+
+        if (
+          this.responsibilityForm?.program[0]?.default_reviewers ||
+          this.responsibilityForm?.reviewers?.list?.length ||
+          this.responsibilityForm?.groupReviewers?.list?.length
+        ) {
+          const ids = this.returnIds(
+            this.responsibilityForm.reviewers.list,
+            'my_member_id'
+          );
+          const allIds = [
+            ...new Set(ids),
+            ...new Set(this.responsibilityForm.program[0].default_reviewers),
+          ];
+          const reviewers = this.reviewersList.filter((element: any) =>
+            allIds?.includes(element?.my_member_id)
+          );
+          // const reviewers = this.reviewersList.filter((element: any) => this.responsibilityForm.program[0].default_reviewers?.includes(element?.my_member_id));
+          if (
+            reviewers?.length ||
+            (this.featureFlag_groups &&
+              this.responsibilityForm?.groupReviewers?.list?.length > 0)
+          ) {
+            this.responsibilityForm.reviewers.list = reviewers;
+            this.responsibilityForm.reviewers.list = reviewers;
+            if (this.featureFlag_groups) {
+              this.responsibilityForm.reviewers.list = this.assignUserMemberId(
+                this.responsibilityForm.reviewers.list
+              );
+            }
+
+            this.moreOptions.REVIEWER = true;
+          } else {
+            this.responsibilityForm.reviewers.list = [];
+          }
+        } else {
+          this.responsibilityForm.reviewers.list = [];
+        }
+        if (this.featureFlag_groups) {
+          this.populateProgramReviewerGroup();
+        }
+        if (
+          this.responsibilityForm.program[0].default_overseers ||
+          this.responsibilityForm?.overseers?.list?.length ||
+          this.responsibilityForm?.overseers?.notifyList?.length
+        ) {
+          const ids = this.returnIds(
+            this.responsibilityForm?.overseers?.list,
+            'my_member_id'
+          );
+          const allDefaultCCIds = [
+            ...new Set(ids),
+            ...new Set(
+              this.responsibilityForm?.program[0]?.default_overseers?.cc_email
+            ),
+          ];
+          const overseersCC = this.overseersList?.filter((element: any) =>
+            allDefaultCCIds?.includes(element?.my_member_id)
+          );
+          // const overseers = this.overseersList.filter((element: any) => this.responsibilityForm.program[0].default_overseers.cc_email.includes(element.my_member_id));
+          const notifyListIds = this.returnIds(
+            this.responsibilityForm.overseers.notifyList,
+            'my_member_id'
+          );
+          const allDefaultCCFailureIds = [
+            ...new Set(notifyListIds),
+            ...new Set(
+              this.responsibilityForm?.program[0]?.default_overseers?.failure_cc_email
+            ),
+          ];
+          const overseersCCFailure = this.overseersList?.filter(
+            (element: any) =>
+              allDefaultCCFailureIds?.includes(element?.my_member_id)
+          );
+          // const notifyOverseers = this.overseersList.filter((element: any) => this.responsibilityForm.program[0].default_overseers.failure_cc_email.includes(element.my_member_id));
+          // if (overseers?.length) {
+          //   this.responsibilityForm.overseers.list = overseers;
+          //   this.moreOptions.OVERSEER = true;
+          // }
+          // if (notifyOverseers?.length) {
+          //   this.responsibilityForm.overseers.notifyList = notifyOverseers;
+          //   this.moreOptions.OVERSEER = true;
+          // }
+
+          if (overseersCC?.length) {
+            this.responsibilityForm.overseers.list = overseersCC;
+            if (this.featureFlag_groups) {
+              this.responsibilityForm.overseers.list = this.assignUserMemberId(
+                this.responsibilityForm.overseers.list
+              );
+            }
+            this.moreOptions.OVERSEER = true;
+          } else {
+            this.responsibilityForm.overseers.list = [];
+          }
+          if (overseersCCFailure?.length) {
+            this.responsibilityForm.overseers.notifyList = overseersCCFailure;
+            if (this.featureFlag_groups) {
+              this.responsibilityForm.overseers.notifyList =
+                this.assignUserMemberId(
+                  this.responsibilityForm.overseers.notifyList
+                );
+            }
+            this.moreOptions.OVERSEER = true;
+          } else {
+            this.responsibilityForm.overseers.notifyList = [];
+          }
+        } else {
+          this.responsibilityForm.overseers.list = [];
+          this.responsibilityForm.overseers.notifyList = [];
+        }
+        if (this.featureFlag_groups) {
+          this.populateProgramOverseerGroup();
+        }
+        for (const key in this.moreOptions) {
+          if (this.moreOptions[key]) {
+            checkedMoreOptions.push(key);
+          }
+        }
+        this.populateOption.emit(checkedMoreOptions);
+      },
+      (err) => {
+        this.userListLoader = false;
+        console.error(err);
+      },
+      () => {
+        this.refreshAllLists();
+        this.userListLoader = false;
+      }
+    );
+  }
+
+  getGroupsList(program_id?: string) {
+    let params = new HttpParams();
+    if (program_id) {
+      params = params.append('program_ids', program_id);
+    }
+    this.responsibilityService
+      .getOrganizationGroups(params)
+      .pipe(takeUntil(this.unSubscribeProgram))
+      .subscribe(
+        (res: any) => {
+          const data = res ?? [];
+          if (!program_id) {
+            this.OrgGroup = data;
+          }
+          const groups: any = [];
+          if (data?.length) {
+            data?.forEach((element: any) => {
+              const obj = {
+                groupName: element.group_name,
+                userIds: element.member_ids,
+              };
+              groups.push(obj);
+            });
+          }
+          this.groupsList = groups;
+          this.groupsListLoaded = true;
+          if (
+            this.featureFlag_groups &&
+            this.OrgGroup?.length &&
+            this.responsibilityForm.program?.length &&
+            program_id
+          ) {
+            this.refreshListsWhileProgramSelected();
+          } else {
+            this.refreshAllLists();
+          }
+          if (
+            this.responsibilityForm?.program[0]?.default_assignee_group_ids &&
+            program_id
+          ) {
+            const selectedGroups = data.filter((element: any) =>
+              this.responsibilityForm.program[0].default_assignee_group_ids?.includes(
+                element.group_id
+              )
+            );
+            if (groups?.length) {
+              let memberIds: any[] = [];
+              selectedGroups.forEach((eachGroup: any) => {
+                if (eachGroup?.member_ids?.length) {
+                  memberIds = [
+                    ...new Set(memberIds.concat(eachGroup?.member_ids)),
+                  ];
+                }
+              });
+              if (this.responsibilityForm.assignees.list?.length) {
+                const ids = this.returnIds(
+                  this.responsibilityForm.assignees.list,
+                  'my_member_id'
+                );
+                const allIds = [...new Set(ids), ...new Set(memberIds)];
+                const assignors = this.assigneesList.filter((element: any) =>
+                  allIds?.includes(element?.my_member_id)
+                );
+                if (assignors?.length) {
+                  this.responsibilityForm.assignees.list = assignors;
+                }
+              } else {
+                const assignors = this.assigneesList.filter((element: any) =>
+                  memberIds?.includes(element?.my_member_id)
+                );
+                if (assignors?.length) {
+                  this.responsibilityForm.assignees.list = assignors;
+                }
+              }
+            }
+          }
+        },
+        (err) => {
+          console.error(err);
+          this.groupsListLoaded = true;
+        }
+      );
+  }
+
+  getEditResponsibilityDetails(id: any) {
+    this.responsibilityService.editResponsibility(id).subscribe((res: any) => {
+      this.isDuplicateEntrust = true;
+      if (res) {
+        this.rawResponsibility = res;
+        this.originalAssignee = [Number(res.assigned_to)];
+        const currentUser = this.authService.getUserDetails()?.user;
+        this.isGroupAssigned = res?.isGroupAssignTo ? true : false;
+        const currentsUerInfo = {
+          member_email: currentUser?.email,
+          member_id: currentUser.id,
+          member_name: currentUser.name,
+          organisation_id: currentUser.organisation_id,
+          _id: this.authService.getUserDetails()._id,
+        };
+        const testPlanCategory =
+          typeof res?.testplan_category_id === 'string'
+            ? []
+            : res?.testplan_category_id;
+        const requiredAuditCategoryId = res?.audit_category_details?.category_id
+          ? [res?.audit_category_details?.category_id]
+          : [];
+        const reviewerDetails = Object.keys(res?.reviewer_arr);
+        this.hasReviewer = reviewerDetails?.length > 0;
+        this.assigneeRadioSelect =
+          res?.assigned_to_member_id?.length == 0 ? true : false;
+        this.isEntrust = res.isGroupAssignTo ? true : false;
+        let linkage = res?.linkedProgramDetails;
+        linkage.push(res?.programDetails);
+        this.responsibilityForm = {
+          assignors: {
+            enable: false,
+            list:
+              this.setList(this.assignorsList, [res.member_id], 'member_id')
+                ?.length > 0
+                ? this.setList(this.assignorsList, [res.member_id], 'member_id')
+                : [currentsUerInfo],
+          },
+          responsibility: {
+            name: res?.report_name,
+            keyResponsibility: res?.key_compliance,
+          },
+          assignees: {
+            whoCanComplete: res.isGroupAssignTo ? 'ANY_ONE' : 'ALL',
+            list:
+              res.assigned_to_member_id?.length == 0
+                ? this.setList(
+                    this.assigneesList,
+                    [Number(res.assigned_to)],
+                    'employee_id'
+                  )
+                : this.setList(
+                    this.assigneesList,
+                    res.assigned_to_member_id,
+                    'my_member_id'
+                  ),
+          },
+          frequency: res?.frequency_details,
+          description: res?.remarks,
+          objective: res?.objective,
+          rc: this.setList(
+            this.responsibilityCentersList,
+            [Number(res?.rc_id)],
+            'rc_id'
+          ),
+          responsibilityCenterType:
+            this.isResponsibilityRcLinkEnabled && res?.responsibilityCenterType
+              ? parseInt(res?.responsibilityCenterType)
+              : 0,
+          category: res?.program_cat_ids?.length
+            ? res?.category_ids_array.filter(
+                (ele: any) => !res.program_cat_ids?.includes(ele)
+              )
+            : res?.category_ids_array,
+          program_selected_ids: res?.category_id.split(',') ?? [],
+          category_id: res?.category_id ?? '',
+
+          linkedProgram: linkage ?? res?.linkedProgramDetails,
+          program: res?.programDetails?.category_id
+            ? [res?.programDetails]
+            : [],
+          checkpointInstruction: res?.checkpoint_description,
+          customTags: res?.custom_tags ? JSON.parse(res?.custom_tags) : '',
+          checkpoints: res?.checkpoint_details
+            ? JSON.parse(res?.checkpoint_details)
+            : '',
+          reviewers: {
+            sequentialWorkflow:
+              res?.reviewer_arr?.level1?.type == 'SEQUENTIAL' ? true : false,
+            reviewFrequency: {
+              reviewCompleteDays:
+                reviewerDetails?.length > 0 ? res?.review_after_days : 2,
+              reviewNOtCompletedDays:
+                reviewerDetails?.length > 0 ? res?.review_failed_after_days : 2,
+            },
+            acceptedData:
+              reviewerDetails?.length > 0
+                ? res?.reviewer_arr?.level1?.reviewers
+                : [],
+            list:
+              reviewerDetails?.length > 0
+                ? this.setReviewerPayload(
+                    res?.reviewer_arr?.level1?.reviewers,
+                    'object',
+                    res?.reviewer_arr?.level1?.type
+                  )
+                : [],
+          },
+
+          overseers: {
+            list: res?.cc_email
+              ? this.setList(
+                  this.overseersList,
+                  Object.keys(res?.cc_email).map(Number),
+                  'employee_id'
+                )
+              : [],
+            notifyList: res?.failure_cc_email
+              ? this.setList(
+                  this.overseersList,
+                  Object.keys(res?.failure_cc_email).map(Number),
+                  'employee_id'
+                )
+              : [],
+          },
+          formatAndEvidence: {
+            formatRequired:
+              res?.report_format?.length > 0 ||
+              res?.link_for_details?.length > 0
+                ? true
+                : false,
+            formatFiles: res?.report_format,
+            formatLinks: res?.link_for_details,
+            evidenceRequired: res?.report_upload_flag ? true : false,
+          },
+          assuranceList: this.setList(
+            this.assuranceCategoriesList,
+            testPlanCategory,
+            'category_id'
+          ),
+          requiresAuditList: this.setList(
+            this.assuranceRequiresAuditList,
+            requiredAuditCategoryId,
+            'category_id'
+          ),
+          riskClass: res?.risk_class,
+          riskMatrix: res?.risk_matrix_data,
+          selectedGRCObjects: res?.linkedGrcDetails ?? [],
+        };
+        if (res?.linkedGrcDetails?.length > 0) {
+          this.setOtherGRCTypesFormate();
+        }
+        if (this.featureFlag_groups) {
+          this.populateAssigneeData(res);
+          this.populateOverseerData(res);
+          this.populateReviewerData(res);
+        }
+        this.responsibilityCenterType =
+          this.isResponsibilityRcLinkEnabled && res?.responsibilityCenterType
+            ? parseInt(res?.responsibilityCenterType)
+            : 0;
+
+        this.selectedProgram = res?.programDetails?.category_id
+          ? res.programDetails
+          : undefined;
+        if (
+          this.selectedProgram?._id &&
+          this.orgDetails?.hasProgramFullPermission
+        ) {
+          this.getListsAccordingToProgram(this.selectedProgram?._id);
+        }
+        this.isNotificationPending = res.notification_pending;
+        if (this.isNotificationPending) {
+          this.actionButtons[1].buttonText = 'View Responsibilities in Queue';
+        } else {
+          this.actionButtons[1].buttonText = 'View Responsibilities';
+        }
+        // 5~0~0~0 this is for other frequency
+        if (
+          res.frequency_details !== '' &&
+          res.frequency_details !== '5~0~0~0'
+        ) {
+          this.frequencyDataPopulation(res);
+          this.getFrequencyPlaceholder(res);
+          res.placeholder = this.frequencyPlaceholder;
+        } else {
+          this.isEntrust = true;
+          this.mode = 'CREATE';
+          this.assigneeRadioSelect = false;
+          this.responsibilityForm.assignors.enable = false;
+          this.responsibilityForm.assignors.list = [];
+          this.organizationId = this.authService.getOrganizationId();
+          this.memberId = this.authService.getMemberId();
+        }
+
+        if (
+          this.responsibilityForm.assignees.list?.length === 0 &&
+          (!this.featureFlag_groups ||
+            (this.responsibilityForm?.assigneeGroups.list?.length === 0 &&
+              this.featureFlag_groups))
+        ) {
+          this.isEntrust = true;
+          this.mode = 'CREATE';
+          this.assigneeRadioSelect = false;
+          this.responsibilityForm.assignors.enable = false;
+          this.responsibilityForm.assignors.list = [];
+          this.organizationId = this.authService.getOrganizationId();
+          this.memberId = this.authService.getMemberId();
+        }
+        //
+        if (res.frequency_details.split('~')[0] !== 6) {
+          this.loader = false;
+          this.uiKitService.isLoader = false;
+        }
+
+        if (res?.rc_id > 0) {
+          this.rcSelected.emit(true);
+        }
+        if (
+          this.isResponsibilityRcLinkEnabled &&
+          res?.responsibilityCenterArr?.length &&
+          res?.responsibilityCenterType === 1
+        ) {
+          this.responsibilityForm.rc = this.setList(
+            this.responsibilityCentersList,
+            res.responsibilityCenterArr,
+            'rc_id'
+          );
+          this.rcSelected.emit(true);
+        }
+        if (res?.audit_category_details) {
+          this.populateAssuranceList(res?.audit_category_details);
+        } else {
+          this.responsibilityForm.audit_category_details = {
+            category_id: 0,
+            sample: 0,
+            percentage: 0,
+            frequency_pattern: '',
+            frequency_time: '',
+          };
+        }
+        if (res.assessment?.assessment_id) {
+          this.getAssessmentDetails(res.assessment, res.questionnaire_type);
+        }
+
+        if (!this.responsibilityForm.checkpoints) {
+          this.hiddenList.push('CHECKPOINTS');
+          this.hideElementsFromMoreOptions.emit(this.hiddenList);
+        } else {
+          this.isAssessmentDisabled.emit(true);
+        }
+        this.callRefreshList();
+        this.getEditMoreOptions(res);
+        this.getOtherGRCTabCount({ rc_ids: '' });
+        this.getOtherGRCObjects({ rc_ids: '', type: this.selectedGRCTab });
+      }
+    });
+  }
+
+  setList(list: any[], ids: any[], key: string) {
+    const data: any = [];
+    ids?.forEach((element: any) => {
+      const index = list.findIndex(
+        (listElement: any) => listElement[key] == element
+      );
+      if (index !== -1) {
+        data.push(list[index]);
+      }
+    });
+    return data;
+  }
+
+  returnIds(list: any[], key: string) {
+    return list
+      ?.map((ele) => {
+        if (ele[key]) {
+          return ele[key];
+        }
+      })
+      .filter((ele) => ele);
+  }
+
+  populateProgramAssigneeGroup() {
+    if (
+      this.responsibilityForm?.program[0]?.default_assignee_group_ids ||
+      this.responsibilityForm?.assigneeGroups?.list?.length
+    ) {
+      if (this.responsibilityForm?.assigneeGroups?.list?.length) {
+        const ids = this.returnIds(
+          this.responsibilityForm?.assigneeGroups?.list,
+          'group_id'
+        );
+        const allIds = [
+          ...new Set(ids),
+          ...new Set(
+            this.responsibilityForm?.program[0]?.default_assignee_group_ids
+          ),
+        ];
+        const assigneeGroups = this.groupAssigneeList?.filter((element: any) =>
+          allIds?.includes(element?.group_id)
+        );
+        if (assigneeGroups?.length) {
+          this.responsibilityForm.assigneeGroups.list = assigneeGroups;
+        } else {
+          this.responsibilityForm.assigneeGroups.list = [];
+        }
+      } else {
+        const assigneeGroups = this.groupAssigneeList?.filter((element: any) =>
+          this.responsibilityForm?.program[0]?.default_assignee_group_ids?.includes(
+            element?.group_id
+          )
+        );
+        if (assigneeGroups?.length) {
+          this.responsibilityForm.assigneeGroups.list = assigneeGroups;
+        }
+      }
+    } else {
+      this.responsibilityForm.assigneeGroups.list = [];
+    }
+  }
+
+  populateProgramOverseerGroup() {
+    if (
+      this.responsibilityForm?.program[0]?.default_overseers?.cc_email_groups ||
+      this.responsibilityForm?.overseersGroups?.notifyList?.length ||
+      this.responsibilityForm?.overseersGroups?.list?.length ||
+      this.responsibilityForm?.program[0]?.default_overseers
+        ?.failure_cc_email_groups
+    ) {
+      if (this.responsibilityForm?.overseersGroups?.list?.length) {
+        const ids = this.returnIds(
+          this.responsibilityForm?.overseersGroups?.list,
+          'group_id'
+        );
+        const allDefaultCCGroupIds = [
+          ...new Set(ids),
+          ...new Set(
+            this.responsibilityForm?.program[0]?.default_overseers?.cc_email_groups
+          ),
+        ];
+        const overseersCCGroup = this.groupOverseerList?.filter(
+          (element: any) => allDefaultCCGroupIds?.includes(element?.group_id)
+        );
+        const notifyListIds = this.returnIds(
+          this.responsibilityForm.overseersGroups.notifyList,
+          'group_id'
+        );
+        const allDefaultCCFailureGroupIds = [
+          ...new Set(notifyListIds),
+          ...new Set(
+            this.responsibilityForm?.program[0]?.default_overseers?.failure_cc_email_groups
+          ),
+        ];
+        const overseersCCFailureGroup = this.groupOverseerList?.filter(
+          (element: any) =>
+            allDefaultCCFailureGroupIds?.includes(element?.group_id)
+        );
+        if (overseersCCGroup?.length) {
+          this.responsibilityForm.overseersGroups.list = overseersCCGroup;
+          this.moreOptions.OVERSEER = true;
+        } else {
+          this.responsibilityForm.overseersGroups.list = [];
+        }
+        if (overseersCCFailureGroup?.length) {
+          this.responsibilityForm.overseersGroups.notifyList =
+            overseersCCFailureGroup;
+          this.moreOptions.OVERSEER = true;
+        } else {
+          this.responsibilityForm.overseersGroups.notifyList = [];
+        }
+      } else {
+        const overseersCCGroup = this.groupOverseerList?.filter(
+          (element: any) =>
+            this.responsibilityForm?.program[0]?.default_overseers?.cc_email_groups?.includes(
+              element?.group_id
+            )
+        );
+        const overseersCCFailureGroup = this.groupOverseerList?.filter(
+          (element: any) =>
+            this.responsibilityForm?.program[0]?.default_overseers?.failure_cc_email_groups?.includes(
+              element?.group_id
+            )
+        );
+        if (overseersCCGroup?.length) {
+          this.responsibilityForm.overseersGroups.list = overseersCCGroup;
+          this.moreOptions.OVERSEER = true;
+        }
+        if (overseersCCFailureGroup.length) {
+          this.responsibilityForm.overseersGroups.notifyList =
+            overseersCCFailureGroup;
+          this.moreOptions.OVERSEER = true;
+        }
+      }
+    } else {
+      this.responsibilityForm.overseersGroups.list = [];
+      this.responsibilityForm.overseersGroups.notifyList = [];
+    }
+  }
+
+  populateProgramReviewerGroup() {
+    if (
+      this.responsibilityForm?.program[0]?.default_reviewer_group_ids ||
+      this.responsibilityForm?.groupReviewers?.list?.length
+    ) {
+      const ids = this.returnIds(
+        this.responsibilityForm?.groupReviewers?.list,
+        'group_id'
+      );
+      const allIds = [
+        ...new Set(ids),
+        ...new Set(
+          this.responsibilityForm.program[0]?.default_reviewer_group_ids
+        ),
+      ];
+      const reviewersGroup = this.groupReviewerList.filter((element: any) =>
+        allIds?.includes(element?.group_id)
+      );
+      if (
+        reviewersGroup?.length ||
+        (this.featureFlag_groups &&
+          this.responsibilityForm?.groupReviewers?.list?.length > 0)
+      ) {
+        this.responsibilityForm.groupReviewers.list = reviewersGroup;
+        this.moreOptions.REVIEWER = true;
+      } else {
+        this.responsibilityForm.groupReviewers.list = [];
+      }
+    } else {
+      this.responsibilityForm.groupReviewers.list = [];
+    }
+  }
+
+  populateOverseerData(res: any) {
+    let overseerUserList: number[] = [];
+    let overseerUserNotifyList: number[] = [];
+    let overseerEmployeesList = res?.cc_email
+      ? Object.keys(res?.cc_email).map(Number)
+      : [];
+    overseerUserList =
+      overseerEmployeesList?.length > 0 &&
+      res?.userGroupIds?.ccEmailGroupIds?.length > 0
+        ? overseerEmployeesList.filter((employeeIds: number) =>
+            res?.existingUserIds?.ccEmailEmpIds?.includes(employeeIds)
+          )
+        : [...overseerEmployeesList];
+    let overseerEmployeeNotifyList = res?.failure_cc_email
+      ? Object.keys(res?.failure_cc_email).map(Number)
+      : [];
+    overseerUserNotifyList =
+      overseerEmployeeNotifyList?.length > 0 &&
+      res?.userGroupIds?.failureCCEmailGroupIds?.length > 0
+        ? overseerEmployeeNotifyList.filter((employeeIds: number) =>
+            res?.existingUserIds?.failureCCEmailEmpIds?.includes(employeeIds)
+          )
+        : [...overseerEmployeeNotifyList];
+
+    this.responsibilityForm['overseers'] = {
+      list: res?.cc_email
+        ? this.setList(this.overseersList, overseerUserList, 'employee_id')
+        : [],
+      notifyList: res?.failure_cc_email
+        ? this.setList(
+            this.overseersList,
+            overseerUserNotifyList,
+            'employee_id'
+          )
+        : [],
+    };
+
+    this.responsibilityForm['overseersGroups'] = {
+      list: res?.userGroupIds?.ccEmailGroupIds
+        ? this.setList(
+            this.OrgGroup,
+            res?.userGroupIds?.ccEmailGroupIds,
+            'group_id'
+          )
+        : [],
+      notifyList: res?.userGroupIds?.failureCCEmailGroupIds
+        ? this.setList(
+            this.OrgGroup,
+            res?.userGroupIds?.failureCCEmailGroupIds,
+            'group_id'
+          )
+        : [],
+    };
+  }
+
+  populateReviewerData(res: any) {
+    const reviewerDetails = Object.keys(res?.reviewer_arr);
+    this.hasReviewer = reviewerDetails?.length > 0;
+    const groupReviewerDetails = res?.userGroupIds?.reviewerGroupIds?.length
+      ? Object.assign(res?.userGroupIds?.reviewerGroupIds)
+      : [];
+    let reviewer_users: any[] = [];
+    reviewer_users =
+      res?.reviewer_arr?.level1?.reviewers?.length > 0 &&
+      res?.userGroupIds?.reviewerGroupIds?.length > 0
+        ? res?.reviewer_arr?.level1?.reviewers.filter((memberId: any) =>
+            res?.existingUserIds?.reviewerIds?.includes(memberId?.member_id)
+          )
+        : res?.reviewer_arr?.level1?.reviewers;
+    this.responsibilityForm['reviewers'] = {
+      sequentialWorkflow:
+        res?.reviewer_arr?.level1?.type == 'SEQUENTIAL' ? true : false,
+      reviewFrequency: {
+        reviewCompleteDays:
+          reviewerDetails?.length > 0 ? res?.review_after_days : 2,
+        reviewNOtCompletedDays:
+          reviewerDetails?.length > 0 ? res?.review_failed_after_days : 2,
+      },
+      acceptedData: reviewerDetails?.length > 0 ? reviewer_users : [],
+      list:
+        reviewerDetails?.length > 0
+          ? this.setReviewerPayload(
+              reviewer_users,
+              'object',
+              res?.reviewer_arr?.level1?.type
+            )
+          : [],
+    };
+    this.responsibilityForm['groupReviewers'] = {
+      sequentialWorkflow:
+        res?.reviewer_arr?.level1?.type == 'SEQUENTIAL' ? true : false,
+      reviewFrequency: {
+        reviewCompleteDays:
+          reviewerDetails?.length > 0 ? res?.review_after_days : 2,
+        reviewNOtCompletedDays:
+          reviewerDetails?.length > 0 ? res?.review_failed_after_days : 2,
+      },
+      list:
+        groupReviewerDetails?.length > 0
+          ? this.setList(this.OrgGroup, groupReviewerDetails, 'group_id')
+          : [],
+    };
+  }
+
+  populateAssigneeData(res: any) {
+    let AssigneeAnyUserList: number[] = [];
+    let AssigneeAllUserList: number[] = [];
+    let assigneeAnyOneList =
+      res?.assigned_to_member_id && this.isEntrust
+        ? res?.assigned_to_member_id
+        : [];
+    AssigneeAnyUserList =
+      res?.assigned_to_member_id?.length > 0 &&
+      res?.userGroupIds?.assigneeAnyoneGroupIds?.length > 0
+        ? assigneeAnyOneList.filter((employeeIds: number) =>
+            res?.existingUserIds?.assigneeAnyoneIds?.includes(employeeIds)
+          )
+        : [...assigneeAnyOneList];
+
+    AssigneeAllUserList =
+      res?.assigned_to && !this.isEntrust ? res?.assigned_to : [];
+    const assignedToUserDetails = this.setList(
+      this.assigneesList,
+      [Number(res?.assigned_to)],
+      'employee_id'
+    );
+    if (assignedToUserDetails?.length) {
+      const member_id = assignedToUserDetails[0]?.my_member_id;
+      if (res?.existingUserIds?.assigneeAllIds?.includes(member_id)) {
+        AssigneeAllUserList = res?.assigned_to;
+        res.userGroupIds['assigneeAllGroupIds'] = [];
+      } else if (res?.userGroupIds?.assigneeAllGroupIds?.length > 0) {
+        AssigneeAllUserList = [];
+      }
+    }
+    this.responsibilityForm['assignees'] = {
+      whoCanComplete: res.isGroupAssignTo ? 'ANY_ONE' : 'ALL',
+      list:
+        res?.assigned_to_member_id?.length == 0
+          ? this.setList(
+              this.assigneesList,
+              [Number(AssigneeAllUserList)],
+              'employee_id'
+            )
+          : this.setList(
+              this.assigneesList,
+              AssigneeAnyUserList,
+              'my_member_id'
+            ),
+    };
+    this.responsibilityForm['assigneeGroups'] = {
+      whoCanComplete: res?.isGroupAssignTo ? 'ANY_ONE' : 'ALL',
+      list:
+        res?.userGroupIds?.assigneeAnyoneGroupIds?.length == 0
+          ? res?.userGroupIds?.assigneeAllGroupIds?.length > 0
+            ? this.setList(
+                this.OrgGroup,
+                res?.userGroupIds?.assigneeAllGroupIds,
+                'group_id'
+              )
+            : []
+          : this.setList(
+              this.OrgGroup,
+              res?.userGroupIds?.assigneeAnyoneGroupIds,
+              'group_id'
+            ),
+    };
+    this.allGroupAssignee =
+      this.responsibilityForm?.assigneeGroups?.list?.length > 0 &&
+      !this.isEntrust;
+  }
+
+  /**
+   * this function is for getting the users data based on member_id of users of selected User Group
+   * @param userlist contains users data
+   * @param selectedgroups contains selected User Group data
+   * @returns user data of Selected user group.
+   */
+  getGroupsUserEmployeesId(userList: any, selectedGroups: any) {
+    let groupMemberIds: any = [];
+    let groupUserEmployee: any = [];
+    selectedGroups?.forEach((group: any) => {
+      groupMemberIds = [...new Set([...groupMemberIds, ...group?.member_ids])];
+    });
+    userList?.forEach((ele: any) => {
+      if (groupMemberIds?.includes(ele?.my_member_id)) {
+        groupUserEmployee.push(ele);
+      }
+    });
+    return groupUserEmployee;
+  }
+
+  setReviewerPayload(
+    ids: any[],
+    type: string,
+    acceptedData?: Array<any>,
+    reviewerType?: string
+  ) {
+    if (type === 'object') {
+      const idObjArray = this.returnIds(ids, 'member_id');
+      return this.setList(this.allUsersList, idObjArray, 'my_member_id');
+    } else if (type === 'list') {
+      const payLoad: any = [];
+      const idsList = this.returnIds(ids, 'my_member_id');
+      idsList.forEach((element: any) => {
+        let index = -1;
+        if ((acceptedData ?? [])?.length > 0) {
+          index =
+            acceptedData?.findIndex((ele) => ele.member_id === element) ?? -1;
+        }
+        let acceptStatus =
+          index > -1 && acceptedData ? acceptedData[index].reviewer_accept : 0;
+        if (acceptStatus === 0 && reviewerType === 'ANYONE') {
+          acceptStatus = 1;
+        }
+        payLoad.push({ member_id: element, reviewer_accept: acceptStatus });
+      });
+      return payLoad;
+    }
+  }
+
+  checkWhetherAllListsLoaded() {
+    if (
+      this.rcListLoaded &&
+      this.assigneesListLoaded &&
+      this.assignorsListLoaded &&
+      this.categoriesListLoaded &&
+      this.assuranceCategoryListLoaded &&
+      this.groupsListLoaded
+    ) {
+      if (this.frameworkDetails?.length > 0) {
+        this.assignFromFramework(this.frameworkDetails[0]);
+      }
+
+      if (this.mode === 'EDIT') {
+        this.getEditResponsibilityDetails(this.responsibilityId);
+      } else {
+        this.loader = false;
+        this.uiKitService.isLoader = false;
+
+        if (this.selectedProgram) {
+          this.responsibilityForm.program.push(this.selectedProgram);
+          this.responsibilityForm.program_selected_ids.push(
+            this.selectedProgram.category_id
+          );
+          this.responsibilityForm.category_id =
+            this.selectedProgram?.category_id?.toString();
+          if (this.orgDetails?.hasProgramFullPermission) {
+            this.responsibilityForm.assignees.whoCanComplete =
+              this.selectedProgram?.default_assignee_type == 'ANYONE'
+                ? 'ANY_ONE'
+                : 'ALL';
+            this.responsibilityForm.reviewers.sequentialWorkflow =
+              this.selectedProgram?.default_reviewers_type == 'SEQUENTIAL'
+                ? true
+                : false;
+            this.responsibilityForm.formatAndEvidence.evidenceRequired = this
+              .selectedProgram?.evidence_upload_flag
+              ? true
+              : false;
+          }
+          const programCustomTags = this.selectedProgram?.custom_tags
+            ? JSON.parse(this.selectedProgram.custom_tags)
+            : [];
+          programCustomTags.forEach((tag: any) => {
+            const tagData = JSON.parse(tag);
+            const index = this.responsibilityForm.customTags.findIndex(
+              (tagElement: any) => tagElement.tag_name == tagData.tag_name
+            );
+            if (index == -1) {
+              this.responsibilityForm.customTags.push(tagData);
+            }
+          });
+          const checkedMoreOptions = [];
+          this.moreOptions.PROGRAM = true;
+          checkedMoreOptions.push('PROGRAM');
+          if (
+            this.selectedProgram?.evidence_upload_flag &&
+            this.orgDetails?.hasProgramFullPermission
+          ) {
+            checkedMoreOptions.push('FORMATE_EVIDENCE');
+            this.moreOptions.FORMATE_EVIDENCE = true;
+          }
+          this.filterListsAccordingToProgram(this.selectedProgram?._id);
+          this.populateOption.emit(checkedMoreOptions);
+        }
+      }
+    } else {
+      setTimeout(() => {
+        this.checkWhetherAllListsLoaded();
+      }, 300);
+    }
+  }
+
+  saveSelectedList(type: string, selectedItems: any) {
+    switch (type) {
+      case 'assignors':
+        if (this.invalidType === 'whom') {
+          this.invalidType = '';
+        }
+        this.responsibilityForm.assignors.list = this.setList(
+          this.assignorsList,
+          [selectedItems.member_id],
+          'member_id'
+        );
+        this.callRefreshList();
+        break;
+      case 'assignees':
+        if (this.invalidType === 'who') {
+          this.invalidType = '';
+        }
+        if (
+          !this.isEntrust &&
+          this.responsibilityForm.assignees.whoCanComplete !== 'ANY_ONE'
+        ) {
+          this.responsibilityForm.assignees.list = this.setList(
+            this.assigneesList,
+            [selectedItems.employee_id],
+            'employee_id'
+          );
+          this.callRefreshList();
+        } else {
+          if (this.featureFlag_groups) {
+            this.saveGroupAssigneeData(selectedItems);
+          } else {
+            this.responsibilityForm.assignees.list = this.setList(
+              this.assigneesList,
+              selectedItems,
+              'my_member_id'
+            );
+          }
+          this.callRefreshList();
+        }
+        break;
+      case 'rc':
+        this.responsibilityForm.rc = this.setList(
+          this.responsibilityCentersList,
+          selectedItems,
+          'item_id'
+        );
+        this.rcSelected.emit(this.responsibilityForm.rc?.length > 0);
+        if (this.responsibilityForm.rc?.length === 0) {
+          this.responsibilityForm.requiresAuditList = [];
+          this.responsibilityForm['audit_category_details']['category_id'] = 0;
+          this.responsibilityForm.selectedGRCObjects = [];
+        }
+        this.getOtherGRCTabCount({ rc_ids: '' });
+        this.getOtherGRCObjects({ rc_ids: '', type: this.selectedGRCTab });
+
+        break;
+      case 'category':
+        this.responsibilityForm.category = selectedItems;
+        selectedItems.forEach((element: any) => {
+          const tag =
+            element.custom_tags !== '' &&
+            element.custom_tags !== 'null' &&
+            element.custom_tags != '[]'
+              ? JSON.parse(element.custom_tags)
+              : [];
+          if (tag?.length > 0) {
+            tag.forEach((tagData: any) => {
+              const index = this.responsibilityForm.customTags.findIndex(
+                (tagElement: any) => tagElement.tag_name == tagData.tag_name
+              );
+              if (index == -1) {
+                this.responsibilityForm.customTags.push(tagData);
+              }
+            });
+          }
+        });
+        break;
+      case 'program':
+        this.responsibilityForm.linkedProgram = selectedItems?.linkedProgram;
+        if (
+          this.selectedProgram &&
+          !(
+            (this.selectedProgram?.programType === 0 &&
+              this.selectedProgram?.name?.toLowerCase() === 'uncategorized') ||
+            !this.orgDetails?.hasProgramFullPermission
+          ) &&
+          !this.feature.isFeatureEnabled('ff_deprecate_primary_program_flag')
+        ) {
+          this.responsibilityForm.category = selectedItems.categories
+            ? selectedItems.categories
+            : [];
+          let categoryId = selectedItems?.categories?.toString();
+          if (selectedItems?.categories?.length) {
+            this.responsibilityForm.category_id =
+              selectedItems?.program?.category_id + ',' + categoryId;
+          } else {
+            this.responsibilityForm.category_id =
+              selectedItems?.program?.category_id?.toString();
+          }
+          this.responsibilityForm.program_selected_ids = [
+            ...new Set(selectedItems?.categories),
+            ...new Set([selectedItems?.program?.category_id]),
+          ];
+          const programCustomTags = selectedItems?.program?.custom_tags
+            ? JSON.parse(selectedItems?.program?.custom_tags)
+            : [];
+          programCustomTags?.forEach((tag: any) => {
+            const tagData = typeof tag === 'string' ? JSON.parse(tag) : tag;
+            const index = this.responsibilityForm.customTags.findIndex(
+              (tagElement: any) => tagElement.tag_name == tagData.tag_name
+            );
+            if (index == -1) {
+              this.responsibilityForm.customTags.push(tagData);
+            }
+          });
+        } else {
+          if (this.responsibilityForm?.assessment) {
+            Object.keys(this.responsibilityForm?.assessment)?.length
+              ? this.getProgramDetails(selectedItems?.program._id)
+              : null;
+          }
+          this.responsibilityForm.category = selectedItems.categories
+            ? selectedItems.categories
+            : [];
+          this.responsibilityForm.program = [];
+          this.responsibilityForm.category_id = '';
+          this.responsibilityForm.program_selected_ids = [];
+          this.responsibilityForm.customTags = [];
+          this.responsibilityForm.program = selectedItems.program
+            ? [selectedItems.program]
+            : [];
+          let categoryId = selectedItems?.categories?.toString();
+          if (selectedItems?.categories?.length) {
+            this.responsibilityForm.category_id =
+              selectedItems?.program?.category_id + ',' + categoryId;
+          } else {
+            this.responsibilityForm.category_id =
+              selectedItems?.program?.category_id?.toString();
+          }
+          this.responsibilityForm.program_selected_ids = [
+            ...new Set(selectedItems?.categories),
+            ...new Set([selectedItems?.program?.category_id]),
+          ];
+          const programCustomTags = selectedItems?.program?.custom_tags
+            ? JSON.parse(selectedItems?.program?.custom_tags)
+            : [];
+          programCustomTags?.forEach((tag: any) => {
+            const tagData = typeof tag === 'string' ? JSON.parse(tag) : tag;
+            const index = this.responsibilityForm.customTags.findIndex(
+              (tagElement: any) => tagElement.tag_name == tagData.tag_name
+            );
+            if (index == -1) {
+              this.responsibilityForm.customTags.push(tagData);
+            }
+          });
+          if (this.orgDetails?.hasProgramFullPermission) {
+            this.responsibilityForm.assignees.whoCanComplete =
+              selectedItems?.program?.default_assignee_type == 'ANYONE'
+                ? 'ANY_ONE'
+                : 'ALL';
+            this.responsibilityForm.reviewers.sequentialWorkflow =
+              selectedItems?.program?.default_reviewers_type == 'SEQUENTIAL'
+                ? true
+                : false;
+            this.responsibilityForm.formatAndEvidence.evidenceRequired =
+              selectedItems?.program?.evidence_upload_flag ? true : false;
+            if (selectedItems?.program?.evidence_upload_flag) {
+              this.moreOptions.FORMATE_EVIDENCE = true;
+            }
+          }
+
+          if (
+            !(
+              this.selectedProgram?.programType === 0 &&
+              this.selectedProgram?.name?.toLowerCase() === 'uncategorized'
+            )
+          ) {
+            if (
+              selectedItems?.program?._id &&
+              this.orgDetails?.hasProgramFullPermission
+            ) {
+              this.filterListsAccordingToProgram(selectedItems.program._id);
+            } else {
+              this.filterListsAccordingToProgram();
+            }
+          }
+        }
+
+        break;
+      case 'reviewer':
+        if (this.featureFlag_groups) {
+          this.saveGroupReviewerData(selectedItems);
+        } else {
+          this.responsibilityForm.reviewers.list = this.setList(
+            this.reviewersList,
+            selectedItems,
+            'employee_id'
+          );
+        }
+        this.callRefreshList();
+
+        break;
+      case 'overseer':
+        if (this.featureFlag_groups) {
+          this.saveOverseerData(selectedItems, 'overseerList');
+        } else {
+          this.responsibilityForm.overseers.list = this.setList(
+            this.allUsersList,
+            selectedItems,
+            'employee_id'
+          );
+        }
+        this.callRefreshList();
+
+        break;
+      case 'overseerNotify':
+        if (this.featureFlag_groups) {
+          this.saveOverseerData(selectedItems, 'overseerNotifyList');
+        } else {
+          this.responsibilityForm.overseers.notifyList = this.setList(
+            this.allUsersList,
+            selectedItems,
+            'employee_id'
+          );
+        }
+        this.callRefreshList();
+
+        break;
+      case 'assurance':
+        this.responsibilityForm.assuranceList = this.setList(
+          this.assuranceCategoriesList,
+          selectedItems,
+          'category_id'
+        );
+        break;
+      case 'requires_audit':
+        this.responsibilityForm.requiresAuditList = this.setList(
+          this.assuranceRequiresAuditList,
+          [selectedItems?.category_id],
+          'category_id'
+        );
+        this.responsibilityForm['audit_category_details']['category_id'] =
+          selectedItems?.category_id;
+        break;
+      case 'checkpoints':
+        this.responsibilityForm.checkpoints = selectedItems?.checkpointDetails;
+        this.responsibilityForm.checkpointInstruction =
+          selectedItems?.checkpointInstruction;
+        break;
+      case 'calculatedrisk':
+        this.responsibilityForm.riskClass = selectedItems?.riskClass;
+        this.responsibilityForm.riskMatrix = selectedItems?.riskMatrix;
+        break;
+      case 'formate_evidence':
+        this.responsibilityForm.formatAndEvidence.formatRequired =
+          selectedItems?.isFormateUploaded ?? false;
+        this.responsibilityForm.formatAndEvidence.formatFiles =
+          selectedItems?.files ?? [];
+        this.responsibilityForm.formatAndEvidence.formatLinks =
+          selectedItems?.links ?? [];
+        this.responsibilityForm.formatAndEvidence.evidenceRequired =
+          selectedItems?.isEvidenceRequired ?? false;
+        break;
+      case 'reviewFrequency':
+        this.responsibilityForm.reviewers.reviewFrequency = {
+          reviewCompleteDays: selectedItems.completeDays,
+          reviewNOtCompletedDays: selectedItems.notCompleted,
+        };
+        break;
+      case 'GRC_OBJECTS':
+        this.responsibilityForm.selectedGRCObjects = selectedItems;
+        this.setOtherGRCTypesFormate();
+    }
+    this.activeDeselector();
+  }
+
+  /**
+   * If the program is selected and the user has full permission, refresh the lists while the program
+   * is selected. Otherwise, refresh all lists.
+   * </code>
+   */
+  callRefreshList() {
+    if (
+      this.responsibilityForm.program?.length &&
+      this.orgDetails?.hasProgramFullPermission
+    ) {
+      this.refreshListsWhileProgramSelected();
+    } else {
+      this.refreshAllLists();
+    }
+  }
+
+  remove(type: any, event?: any) {
+    switch (type) {
+      case 'rc':
+        const rcIndex = this.responsibilityForm.rc.findIndex(
+          (rc: any) => rc.rc_id == event.rc_id
+        );
+        this.responsibilityForm.rc.splice(rcIndex, 1);
+        this.rcSelected.emit(this.responsibilityForm.rc?.length > 0);
+        if (this.responsibilityForm.rc?.length === 0) {
+          this.responsibilityForm.requiresAuditList = [];
+          this.responsibilityForm['audit_category_details']['category_id'] = 0;
+        }
+        this.getOtherGRCTabCount({ rc_ids: '' });
+        this.getOtherGRCObjects({ rc_ids: '', type: this.selectedGRCTab });
+        break;
+      case 'assignors':
+        this.responsibilityForm.assignors.list = [];
+        this.callRefreshList();
+        break;
+      case 'assignees':
+        const entrustIndex = this.responsibilityForm?.assignees?.list.findIndex(
+          (owner: any) => owner.employee_id == event.employee_id
+        );
+        this.responsibilityForm.assignees.list.splice(entrustIndex, 1);
+        this.callRefreshList();
+
+        break;
+      case 'groupassignees':
+        const groupIndex =
+          this.responsibilityForm?.assigneeGroups?.list.findIndex(
+            (group: any) => group.group_id == event.group_id
+          );
+        this.responsibilityForm.assigneeGroups.list.splice(groupIndex, 1);
+        this.callRefreshList();
+
+        break;
+
+      case 'reviewer':
+        const reviewerIndex = this.responsibilityForm.reviewers.list.findIndex(
+          (reviewer: any) => reviewer.employee_id == event.employee_id
+        );
+        this.responsibilityForm.reviewers.list.splice(reviewerIndex, 1);
+        this.callRefreshList();
+
+        break;
+      case 'groupReviewer':
+        const groupReviewerIndex =
+          this.responsibilityForm?.groupReviewers?.list.findIndex(
+            (reviewer: any) => reviewer.group_id == event.group_id
+          );
+        this.responsibilityForm.groupReviewers.list.splice(
+          groupReviewerIndex,
+          1
+        );
+        this.callRefreshList();
+        break;
+      case 'overseer':
+        const overseerIndex =
+          this.responsibilityForm?.overseers?.list.findIndex(
+            (overseer: any) => overseer.employee_id == event.employee_id
+          );
+        this.responsibilityForm.overseers.list.splice(overseerIndex, 1);
+        this.callRefreshList();
+
+        break;
+      case 'overseerGroup':
+        const overseerGroupIndex =
+          this.responsibilityForm?.overseersGroups?.list.findIndex(
+            (overseer: any) => overseer.group_id == event.group_id
+          );
+        this.responsibilityForm.overseersGroups.list.splice(
+          overseerGroupIndex,
+          1
+        );
+        this.callRefreshList();
+        break;
+      case 'overseerNotifyList':
+        const overseerNotifyIndex =
+          this.responsibilityForm?.overseers?.notifyList.findIndex(
+            (overseerN: any) => overseerN.employee_id == event.employee_id
+          );
+        this.responsibilityForm.overseers.notifyList.splice(
+          overseerNotifyIndex,
+          1
+        );
+        this.callRefreshList();
+
+        break;
+      case 'overseerGroupNotifyList':
+        const overseerGroupNotifyIndex =
+          this.responsibilityForm?.overseersGroups?.notifyList.findIndex(
+            (overseerN: any) => overseerN.group_id == event.group_id
+          );
+        this.responsibilityForm.overseersGroups.notifyList.splice(
+          overseerGroupNotifyIndex,
+          1
+        );
+        this.callRefreshList();
+        break;
+      case 'category':
+        const categoryIndex = this.responsibilityForm.category.findIndex(
+          (category: any) => category.category_id == event.category_id
+        );
+        this.responsibilityForm.category.splice(categoryIndex, 1);
+        const tag = JSON.parse(event.custom_tags);
+        if (tag?.length > 0) {
+          tag.forEach((tagData: any) => {
+            const indexCT = this.responsibilityForm.customTags.findIndex(
+              (tagElement: any) => tagElement.tag_name == tagData.tag_name
+            );
+            if (indexCT != -1) {
+              this.responsibilityForm.customTags.splice(indexCT, 1);
+            }
+          });
+        }
+        if (this.responsibilityForm.category?.length > 0) {
+          this.responsibilityForm.category.forEach((element: any) => {
+            const tag = JSON.parse(element.custom_tags);
+            if (tag?.length > 0) {
+              tag.forEach((tagData: any) => {
+                const index = this.responsibilityForm.customTags.findIndex(
+                  (tagElement: any) => tagElement.tag_name == tagData.tag_name
+                );
+                if (index == -1) {
+                  this.responsibilityForm.customTags.push(tagData);
+                }
+              });
+            }
+          });
+        }
+        break;
+      case 'program':
+        this.checkDefaultProgramOnRemove(event);
+        // this.responsibilityForm.category = [];
+        // this.responsibilityForm.program = [];
+
+        // this.filterListsAccordingToProgram();
+        break;
+      case 'requires_audit':
+        this.responsibilityForm.requiresAuditList = [];
+        this.responsibilityForm.audit_category_details = {
+          category_id: 0,
+          sample: 0,
+          percentage: 0,
+          frequency_pattern: '',
+          frequency_time: '',
+        };
+        break;
+      case 'assurance':
+        const assuranceIndex = this.responsibilityForm.assuranceList.findIndex(
+          (assurance: any) => assurance.category_id == assurance.category_id
+        );
+        this.responsibilityForm.assuranceList.splice(assuranceIndex, 1);
+        break;
+      case 'checkpoint':
+        this.responsibilityForm.checkpoints.splice(event, 1);
+        break;
+      case 'assessment':
+        this.responsibilityForm.assessment = {
+          category_id: '',
+          assessment_id: '',
+        };
+        break;
+      case 'new-checkpoints':
+        this.responsibilityForm.new_checkpoints = {};
+        this.checkpointCount = 0;
+        this.checkpointCountUpdated.emit(this.checkpointCount);
+        break;
+      case 'GRC_OBJECTS':
+        this.removeOtherGRCObjects(event);
+        break;
+    }
+  }
+
+  saveGroupAssigneeData(selectedItems: any) {
+    let userObj: any;
+    userObj = selectedItems?.length ? selectedItems : selectedItems?.users;
+    this.responsibilityForm.assignees.list = this.setList(
+      this.assigneesList,
+      userObj,
+      'my_member_id'
+    );
+    this.responsibilityForm.assigneeGroups.list = this.setList(
+      this.OrgGroup,
+      selectedItems?.groups,
+      'group_id'
+    );
+  }
+
+  saveGroupReviewerData(selectedItems: any) {
+    let userObj: any = [];
+    selectedItems.users.forEach((ele: any) => {
+      userObj.push(ele.employee_id);
+    });
+    this.responsibilityForm.reviewers.list = this.setList(
+      this.reviewersList,
+      userObj,
+      'employee_id'
+    );
+    this.responsibilityForm.groupReviewers = {
+      list: selectedItems?.groups?.length > 0 ? selectedItems?.groups : [],
+    };
+    this.responsibilityForm.reviewers.sequentialWorkflow =
+      this.responsibilityForm?.groupReviewers?.list?.length > 0
+        ? false
+        : this.responsibilityForm.reviewers.sequentialWorkflow;
+  }
+
+  saveOverseerData(selectedItems: any, type: any) {
+    switch (type) {
+      case 'overseerList':
+        let overseerselectedlist = this.returnIds(
+          selectedItems.users,
+          'employee_id'
+        );
+        this.responsibilityForm.overseers.list = this.setList(
+          this.overseersList,
+          overseerselectedlist,
+          'employee_id'
+        );
+        this.responsibilityForm.overseersGroups['list'] =
+          selectedItems?.groups?.length > 0 ? selectedItems?.groups : [];
+        break;
+      case 'overseerNotifyList':
+        let overseerselectedNotifylist = this.returnIds(
+          selectedItems.users,
+          'employee_id'
+        );
+        this.responsibilityForm.overseers.notifyList = this.setList(
+          this.overseersList,
+          overseerselectedNotifylist,
+          'employee_id'
+        );
+        this.responsibilityForm.overseersGroups['notifyList'] =
+          selectedItems?.groups?.length > 0 ? selectedItems?.groups : [];
+        break;
+    }
+  }
+  entrustFramework(event: any) {
+    this.reset();
+    this.activeDeselector();
+
+    this.responsibilityForm.responsibility = {
+      name: event.report_name,
+      keyResponsibility: event.key_compliance ? true : false,
+    };
+    const newStartDate =
+      event.start_date || event.start_date != null || event.start_date !== ''
+        ? new Date(event.start_date * 1000)
+        : new Date();
+    const pvtTemplate =
+      event.frequency_template && event.frequency_template !== ''
+        ? event.frequency_template
+        : event.frequency;
+    const frequencyDetailsObject: any = this.frequencyService.shortHand_freqCal(
+      pvtTemplate,
+      newStartDate.getDate(),
+      newStartDate.getMonth(),
+      newStartDate.getFullYear()
+    );
+    this.responsibilityForm.frequency_details = frequencyDetailsObject?.pattern;
+    event.frequency_details = this.responsibilityForm.frequency_details;
+    event.frequency_time = '23:59:00';
+    event.reminder_before_days = event.remind_days_before_due_date
+      ? event.remind_days_before_due_date
+      : 2;
+    event.failed_after_days = event.mark_failed_after
+      ? event.mark_failed_after
+      : 2;
+    event.lifecycle_details = '0000-00-00~~0';
+    event.start_of_day_utc = this.frequencyService.frameworkStartDate(event);
+    event.on_completion_of = [];
+    event.dom_utc = new Date().getTime();
+    event.continuous_failed_days =
+      frequencyDetailsObject.continuous_failed_days;
+
+    this.responsibilityForm.frequency =
+      this.responsibilityForm.frequency_details;
+    this.responsibilityForm.frequency_time = '23:59:00';
+    this.responsibilityForm.reminder_before_days =
+      event.remind_days_before_due_date ? event.remind_days_before_due_date : 2;
+    this.responsibilityForm.failed_after_days = event.mark_failed_after
+      ? event.mark_failed_after
+      : 2;
+    this.responsibilityForm.lifecycleDetails = '0000-00-00~~0';
+    this.responsibilityForm.start_of_day_utc = this.frequencyService
+      .frameworkStartDate(event)
+      .toFixed()
+      .toString();
+    this.responsibilityForm.on_completion_of = [];
+    this.responsibilityForm.dom_utc = new Date().getTime();
+    this.responsibilityForm.description =
+      event.remarks.trim() != '' ? event.remarks : '';
+    this.responsibilityForm.customTags =
+      event.custom_tags &&
+      event.custom_tags !== null &&
+      event.custom_tags !== 'null' &&
+      event.custom_tags !== ''
+        ? JSON.parse(event.custom_tags)
+        : [];
+    this.responsibilityForm.objective = event.control_objective
+      ? event.control_objective
+      : '';
+    this.responsibilityForm.category = this.setList(
+      this.allCategories,
+      [event.category_id],
+      'category_id'
+    ); //
+    this.responsibilityForm.reviewers.reviewFrequency.reviewCompleteDays = 2;
+    this.responsibilityForm.reviewers.reviewFrequency.reviewNOtCompletedDays = 2;
+    this.responsibilityForm.rc = this.responsibilityCentersList.find(
+      (rc: any) => rc.rc_id === event.entity_id
+    )
+      ? [
+          this.responsibilityCentersList.find(
+            (rc: any) => rc.rc_id === event.entity_id
+          ),
+        ]
+      : [];
+    this.responsibilityForm.riskClass = this.isRiskEnable ? 1 : 2;
+    this.responsibilityForm.private_library_id = event.report_id;
+    this.responsibilityForm.frequency =
+      this.responsibilityForm.frequency_details;
+    this.responsibilityForm.classification = this.isRiskEnable ? 1 : 2;
+    this.responsibilityForm.continuous_failed_days =
+      frequencyDetailsObject.continuous_failed_days;
+    this.responsibilityForm.startDate =
+      this.frequencyService.frameworkStartDate(event);
+    this.responsibilityForm.formatAndEvidence = {
+      evidenceRequired: event.report_upload_flag ? true : false,
+      formatFiles: event.report_format,
+      formatLinks:
+        !event.report_format_link || event.report_format_link == ''
+          ? []
+          : [event.report_format_link],
+      formatRequired:
+        event.report_format?.length > 0 ||
+        (event.report_format_link && event.report_format_link != '')
+          ? true
+          : false,
+    };
+    this.responsibilityForm.audit_category_details = {
+      category_id: 0,
+      sample: 5,
+      percentage: 30,
+      frequency_pattern: '1~0~3~1',
+      frequency_time: '23:59:00',
+    };
+
+    event.frequency_time = '11:59 pm';
+    if (
+      event.frequency_details !== '' &&
+      event.frequency_details !== '5~0~0~0'
+    ) {
+      this.frequencyPopulation(event);
+    } else {
+      this.responsibilityForm.frequency = '';
+    }
+
+    event.frequency_time = '23:59:00';
+    event.placeholder = this.getFrequencyPlaceholder(event);
+    const checkedMoreOptions = [];
+
+    if (this.responsibilityForm.objective !== '') {
+      checkedMoreOptions.push('OBJECTIVE');
+      this.moreOptions.OBJECTIVE = true;
+    }
+    checkedMoreOptions.push('RISK_CLASSIFICATION');
+    this.moreOptions.RISK_CLASSIFICATION = true;
+    if (this.responsibilityForm.category?.length > 0) {
+      checkedMoreOptions.push('CATEGORY');
+      this.moreOptions.CATEGORY = true;
+    }
+
+    if (
+      this.responsibilityForm?.formatAndEvidence?.evidenceRequired ||
+      this.responsibilityForm?.formatAndEvidence?.formatRequired
+    ) {
+      checkedMoreOptions.push('FORMATE_EVIDENCE');
+      this.moreOptions.FORMATE_EVIDENCE = true;
+    }
+    if (event.entity_id > 0) {
+      checkedMoreOptions.push('RC');
+      this.moreOptions.RC = true;
+    }
+
+    this.populateOption.emit(checkedMoreOptions);
+    //  event.placeholder
+  }
+
+  assignFromFramework(freqObj: any) {
+    if (freqObj.data) {
+      // this.reset();
+      this.activeDeselector();
+      const newStartDate = new Date();
+
+      const frequencyDetailsObject: any =
+        this.frequencyService.shortHand_freqCal(
+          freqObj.data.frequency,
+          newStartDate.getDate(),
+          newStartDate.getMonth(),
+          newStartDate.getFullYear()
+        );
+
+      let event: any = {};
+      event.frequency_details = frequencyDetailsObject?.pattern;
+      event.frequency_time = '23:59:00';
+      event.reminder_before_days = 2;
+      event.failed_after_days = 2;
+      event.lifecycle_details = '0000-00-00~~0';
+      event.start_of_day_utc = Date.now() / 1000;
+      event.on_completion_of = [];
+      event.dom_utc = new Date().getTime();
+      event.continuous_failed_days =
+        frequencyDetailsObject.continuous_failed_days;
+      this.getFrequencyPlaceholder(event);
+      event.placeholder = this.frequencyPlaceholder;
+      event.frequency_time = '11:59 pm';
+      this.frequencyPopulation(event);
+
+      this.responsibilityForm.responsibility.name = freqObj.data.name ?? '';
+      this.responsibilityForm.objective = freqObj.data.objectives ?? '';
+      this.responsibilityForm.frequency = frequencyDetailsObject?.pattern ?? '';
+      this.responsibilityForm.startDate = event.start_of_day_utc;
+      this.responsibilityForm.reminder_before_days = event.reminder_before_days;
+      this.responsibilityForm.continuous_failed_days =
+        event.continuous_failed_days;
+      this.responsibilityForm.failed_after_days = event.failed_after_days;
+      this.selectedFrameworkValues = freqObj.selectedFrameworkData ?? undefined;
+      if (freqObj?.data?.description) {
+        this.responsibilityForm.description = freqObj?.data?.description;
+      }
+      if (freqObj?.data?.objectives) {
+        this.responsibilityForm.objective = freqObj.data.objectives ?? '';
+        this.moreOptions.OBJECTIVE = true;
+        let checkedMoreOptions = [];
+        for (const key in this.moreOptions) {
+          if (this.moreOptions[key]) {
+            checkedMoreOptions.push(key);
+          }
+        }
+        this.populateOption.emit(checkedMoreOptions);
+      }
+    }
+  }
+  /**
+   *
+   * @param list userlist for listing users
+   * @returns assign user's my_member_id  to member_id data
+   */
+  assignUserMemberId(list: any) {
+    const userObj = [...list];
+    userObj?.forEach((user: any) => {
+      user.member_id = user?.my_member_id;
+    });
+    list = [...userObj];
+    return list;
+  }
+
+  refreshAllLists() {
+    let assignorAndAssigneesIds: any = [];
+    let allUsersIds: any = [];
+    let assigneeGroupIds: any = [];
+    let reviewersIds: any = [];
+    let overseerIds: any = [];
+    let assigneeIds: any = [];
+    let groupReviewerIds: any = [];
+    let groupOverseerIds: any = [];
+    this.reviewerIds = [];
+    this.assignorId = [];
+    this.overseerIds = [];
+    this.assigneeIds = [];
+
+    const allUsers = cloneDeep(this.allUsersList);
+    const allGroups = cloneDeep(this.OrgGroup);
+    const behalfUsers = cloneDeep(this.behalfOfUsersList);
+
+    const assignors = cloneDeep(this.responsibilityForm?.assignors?.list);
+    const assignees = cloneDeep(this.responsibilityForm?.assignees?.list);
+
+    const assigneeGroupList = cloneDeep(
+      this.responsibilityForm?.assigneeGroups?.list
+    );
+    const reviewers = cloneDeep(this.responsibilityForm.reviewers.list);
+    const groupReviewersList = this.featureFlag_groups
+      ? cloneDeep(this.responsibilityForm?.groupReviewers?.list)
+      : [];
+    const overseerList = cloneDeep(this.responsibilityForm?.overseers?.list);
+    const groupOverseerList = this.featureFlag_groups
+      ? cloneDeep(this.responsibilityForm?.overseersGroups?.list)
+      : [];
+    const notifyOverseers = cloneDeep(
+      this.responsibilityForm?.overseers?.notifyList
+    );
+    const groupNotifyOverseers = this.featureFlag_groups
+      ? cloneDeep(this.responsibilityForm?.overseersGroups?.notifyList)
+      : [];
+    assignors?.forEach((user: any) => {
+      assignorAndAssigneesIds.push(user.member_id);
+      this.assignorId.push(user.member_id);
+    });
+    assignees?.forEach((user: any) => {
+      assignorAndAssigneesIds.push(user?.my_member_id);
+      assigneeIds.push(user?.my_member_id);
+      this.assigneeIds.push(user?.my_member_id);
+    });
+    if (this.responsibilityForm.assignors.list?.length == 0) {
+      assignorAndAssigneesIds.push(this.memberId);
+      this.assignorId.push(this.memberId);
+    }
+    allUsers?.forEach((user: any) => {
+      allUsersIds.push(user?.my_member_id);
+    });
+    assigneeGroupList?.forEach((group: any) => {
+      assigneeGroupIds.push(group?.group_id);
+    });
+
+    reviewers?.forEach((user: any) => {
+      reviewersIds.push(user?.my_member_id);
+      this.reviewerIds.push(user?.my_member_id);
+    });
+    groupReviewersList?.forEach((group: any) => {
+      groupReviewerIds.push(group?.group_id);
+    });
+    groupOverseerList?.forEach((group: any) => {
+      groupOverseerIds.push(group?.group_id);
+    });
+    groupNotifyOverseers?.forEach((group: any) => {
+      groupOverseerIds.push(group?.group_id);
+    });
+    overseerList?.forEach((user: any) => {
+      overseerIds.push(user?.my_member_id);
+      this.overseerIds.push(user?.my_member_id);
+    });
+    notifyOverseers?.forEach((user: any) => {
+      overseerIds.push(user?.my_member_id);
+      this.overseerIds.push(user?.my_member_id);
+    });
+
+    assignorAndAssigneesIds = [...new Set(assignorAndAssigneesIds)];
+    allUsersIds = [...new Set(allUsersIds)];
+    assigneeIds = [...new Set(assigneeIds)];
+    reviewersIds = [...new Set(reviewersIds)];
+    overseerIds = [...new Set(overseerIds)];
+    this.assignorId = [...new Set(this.assignorId)];
+    this.assigneeIds = [...new Set(this.assigneeIds)];
+    this.reviewerIds = [...new Set(this.reviewerIds)];
+    this.overseerIds = [...new Set(this.overseerIds)];
+
+    assigneeGroupIds = [...new Set(assigneeGroupIds)];
+    groupReviewerIds = [...new Set(groupReviewerIds)];
+    groupOverseerIds = [...new Set(groupOverseerIds)];
+    this.assignorsList = behalfUsers.filter(
+      (user: any) => !overseerIds?.includes(user.member_id)
+    );
+    this.assigneesList = allUsers;
+    this.reviewersList = allUsers.filter(
+      (user: any) =>
+        !(
+          overseerIds?.includes(user?.my_member_id) ||
+          assigneeIds?.includes(user?.my_member_id)
+        )
+    );
+    this.overseersList = allUsers.filter(
+      (user: any) =>
+        !(
+          assignorAndAssigneesIds?.includes(user?.my_member_id) ||
+          reviewersIds?.includes(user?.my_member_id)
+        )
+    );
+
+    this.disableList(
+      allUsers,
+      assignorAndAssigneesIds,
+      assigneeIds,
+      reviewersIds,
+      overseerIds
+    );
+    if (this.featureFlag_groups) {
+      this.groupAssigneeList = allGroups.filter(
+        (group: any) =>
+          !(
+            groupReviewerIds?.includes(group?.group_id) ||
+            groupOverseerIds?.includes(group?.group_id)
+          )
+      );
+      this.reviewerMemberIdsList = this.assignUserMemberId(this.allUsersList);
+      this.overseersList = this.assignUserMemberId(this.allUsersList);
+      this.groupReviewerList = allGroups.filter(
+        (group: any) =>
+          !(
+            groupOverseerIds?.includes(group?.group_id) ||
+            assigneeGroupIds?.includes(group?.group_id)
+          )
+      );
+      this.groupOverseerList = allGroups.filter(
+        (group: any) =>
+          !(
+            assigneeGroupIds?.includes(group?.group_id) ||
+            groupReviewerIds?.includes(group?.group_id)
+          )
+      );
+    }
+  }
+
+  disableList(
+    allUsers: any,
+    assignorAndAssigneesIds: any,
+    assigneeIds: any,
+    reviewersIds: any,
+    overseerIds: any
+  ) {
+    let disableAssigneeList = allUsers.filter(
+      (user: any) =>
+        reviewersIds?.includes(user?.my_member_id) ||
+        overseerIds?.includes(user?.my_member_id)
+    );
+    this.disableAssigneeIds = this.returnIds(
+      disableAssigneeList,
+      'my_member_id'
+    );
+    this.disableRadioAssignee = this.returnIds(
+      disableAssigneeList,
+      'employee_id'
+    );
+    let disableReviewerList = allUsers.filter(
+      (user: any) =>
+        overseerIds?.includes(user?.my_member_id) ||
+        assigneeIds?.includes(user?.my_member_id)
+    );
+    this.disableReviewerIds = this.returnIds(
+      disableReviewerList,
+      'employee_id'
+    );
+    let disableOverseerList = allUsers.filter(
+      (user: any) =>
+        assignorAndAssigneesIds?.includes(user?.my_member_id) ||
+        reviewersIds?.includes(user?.my_member_id)
+    );
+    this.disableOverseerIds = this.returnIds(
+      disableOverseerList,
+      'employee_id'
+    );
+    if (this.featureFlag_groups) {
+      let disableReviewerList = allUsers.filter(
+        (user: any) =>
+          overseerIds?.includes(user?.my_member_id) ||
+          assigneeIds?.includes(user?.my_member_id)
+      );
+      this.disableReviewerIds = this.returnIds(
+        disableReviewerList,
+        'member_id'
+      );
+      let disableOverseersList = allUsers.filter(
+        (user: any) =>
+          assignorAndAssigneesIds?.includes(user?.my_member_id) ||
+          reviewersIds?.includes(user?.my_member_id)
+      );
+      this.disableOverseerIds = this.returnIds(
+        disableOverseersList,
+        'member_id'
+      );
+    }
+  }
+
+  refreshListsWhileProgramSelected() {
+    let assignorAndAssigneesIds: any = [];
+    let reviewersIds: any = [];
+    let overseerIds: any = [];
+    let assigneeIds: any = [];
+    let assigneeGroupIds: any = [];
+    let groupReviewerIds: any = [];
+    let groupOverseerIds: any = [];
+    this.reviewerIds = [];
+    this.assignorId = [];
+    this.overseerIds = [];
+    this.assigneeIds = [];
+    const behalfUsers = cloneDeep(this.behalfOfUsersList);
+    const allGroups = cloneDeep(this.OrgGroup);
+    const assignors = cloneDeep(this.responsibilityForm.assignors.list);
+    const assignees = cloneDeep(this.responsibilityForm?.assignees?.list);
+    const assigneeGroupList = this.featureFlag_groups
+      ? cloneDeep(this.responsibilityForm?.assigneeGroups?.list)
+      : [];
+    const reviewers = cloneDeep(this.responsibilityForm?.reviewers?.list);
+    const groupReviewersList = this.featureFlag_groups
+      ? cloneDeep(this.responsibilityForm?.groupReviewers?.list)
+      : [];
+    const overseerList = cloneDeep(this.responsibilityForm?.overseers?.list);
+    const groupOverseerList = this.featureFlag_groups
+      ? cloneDeep(this.responsibilityForm?.overseersGroups?.list)
+      : [];
+    const notifyOverseers = cloneDeep(
+      this.responsibilityForm?.overseers?.notifyList
+    );
+    const groupNotifyOverseers = this.featureFlag_groups
+      ? cloneDeep(this.responsibilityForm?.overseersGroups?.notifyList)
+      : [];
+    assignors?.forEach((user: any) => {
+      this.assignorId.push(user?.member_id);
+      assignorAndAssigneesIds.push(user?.member_id);
+    });
+    assignees?.forEach((user: any) => {
+      assignorAndAssigneesIds.push(user?.my_member_id);
+      assigneeIds.push(user?.my_member_id);
+      this.assigneeIds.push(user?.my_member_id);
+    });
+    if (this.responsibilityForm?.assignors?.list?.length == 0) {
+      assignorAndAssigneesIds.push(this.memberId);
+      this.assignorId.push(this.memberId);
+    }
+
+    assigneeGroupList?.forEach((group: any) => {
+      assigneeGroupIds.push(group?.group_id);
+    });
+    reviewers?.forEach((user: any) => {
+      reviewersIds.push(user?.my_member_id);
+      this.reviewerIds.push(user?.my_member_id);
+    });
+    groupReviewersList?.forEach((group: any) => {
+      groupReviewerIds.push(group?.group_id);
+    });
+    overseerList?.forEach((user: any) => {
+      overseerIds.push(user?.my_member_id);
+      this.overseerIds.push(user?.my_member_id);
+    });
+    notifyOverseers?.forEach((user: any) => {
+      overseerIds.push(user?.my_member_id);
+      this.overseerIds.push(user?.my_member_id);
+    });
+    groupOverseerList?.forEach((group: any) => {
+      groupOverseerIds.push(group?.group_id);
+    });
+    groupNotifyOverseers?.forEach((group: any) => {
+      groupOverseerIds.push(group?.group_id);
+    });
+    assignorAndAssigneesIds = [...new Set(assignorAndAssigneesIds)];
+    assigneeIds = [...new Set(assigneeIds)];
+    reviewersIds = [...new Set(reviewersIds)];
+    overseerIds = [...new Set(overseerIds)];
+    assigneeGroupIds = [...new Set(assigneeGroupIds)];
+    groupReviewerIds = [...new Set(groupReviewerIds)];
+    groupOverseerIds = [...new Set(groupOverseerIds)];
+    this.assignorId = [...new Set(this.assignorId)];
+    this.assigneeIds = [...new Set(this.assigneeIds)];
+    this.reviewerIds = [...new Set(this.reviewerIds)];
+    this.overseerIds = [...new Set(this.overseerIds)];
+
+    this.assignorsList = behalfUsers.filter(
+      (user: any) => !overseerIds?.includes(user.member_id)
+    );
+    this.assigneesList = this.programPeopleList?.assigneesList;
+    this.reviewersList = this.programPeopleList?.reviewersList.filter(
+      (user: any) =>
+        !(
+          overseerIds?.includes(user?.my_member_id) ||
+          assigneeIds?.includes(user?.my_member_id)
+        )
+    );
+    this.overseersList = this.programPeopleList?.overseersList.filter(
+      (user: any) =>
+        !(
+          assignorAndAssigneesIds?.includes(user?.my_member_id) ||
+          reviewersIds?.includes(user?.my_member_id)
+        )
+    );
+
+    if (this.featureFlag_groups) {
+      this.groupAssigneeList =
+        this.selectedProgram &&
+        this.selectedProgram?.assignee_group_ids?.length > 0
+          ? this.programGroupList(
+              allGroups,
+              this.selectedProgram?.assignee_group_ids
+            )
+          : allGroups.filter(
+              (group: any) =>
+                !(
+                  groupReviewerIds?.includes(group?.group_id) ||
+                  groupOverseerIds?.includes(group?.group_id)
+                )
+            );
+      this.reviewerMemberIdsList = this.assignUserMemberId(
+        this.programPeopleList.reviewersList
+      );
+      this.groupReviewerList =
+        this.selectedProgram &&
+        this.selectedProgram?.reviewer_group_ids?.length > 0
+          ? this.programGroupList(
+              allGroups,
+              this.selectedProgram?.reviewer_group_ids
+            )
+          : allGroups.filter(
+              (group: any) =>
+                !(
+                  groupOverseerIds?.includes(group?.group_id) ||
+                  assigneeGroupIds?.includes(group?.group_id)
+                )
+            );
+      this.overseersList = this.assignUserMemberId(
+        this.programPeopleList.overseersList
+      );
+      this.groupOverseerList =
+        this.selectedProgram &&
+        this.selectedProgram?.overseers?.cc_email_groups?.length > 0
+          ? this.programGroupList(
+              allGroups,
+              this.selectedProgram?.overseers?.cc_email_groups
+            )
+          : allGroups.filter(
+              (group: any) =>
+                !(
+                  assigneeGroupIds?.includes(group?.group_id) ||
+                  groupReviewerIds?.includes(group?.group_id)
+                )
+            );
+    }
+    this.disableProgramList(
+      assignorAndAssigneesIds,
+      assigneeIds,
+      reviewersIds,
+      overseerIds
+    );
+  }
+
+  programGroupList(allGroups: any, ...args: any[]) {
+    // args[0]
+    let assigneeProgram: any = [];
+    let groupIds = args[0];
+    if (this.selectedProgram && this.selectedProgram?.assignee_group_ids) {
+      assigneeProgram = allGroups.filter((group: any) =>
+        groupIds.includes(group.group_id)
+      );
+    }
+    return assigneeProgram;
+  }
+
+  disableProgramList(
+    assignorAndAssigneesIds: any,
+    assigneeIds: any,
+    reviewersIds: any,
+    overseerIds: any
+  ) {
+    let disableAssigneeList = this.programPeopleList?.assigneesList.filter(
+      (user: any) =>
+        reviewersIds?.includes(user?.my_member_id) ||
+        overseerIds?.includes(user?.my_member_id)
+    );
+    this.disableAssigneeIds = this.returnIds(
+      disableAssigneeList,
+      'my_member_id'
+    );
+    this.disableRadioAssignee = this.returnIds(
+      disableAssigneeList,
+      'employee_id'
+    );
+    let disableReviewerList = this.programPeopleList?.reviewersList.filter(
+      (user: any) =>
+        overseerIds?.includes(user?.my_member_id) ||
+        assigneeIds?.includes(user?.my_member_id)
+    );
+    this.disableReviewerIds = this.returnIds(
+      disableReviewerList,
+      'employee_id'
+    );
+    let disableOverseerList = this.programPeopleList?.overseersList.filter(
+      (user: any) =>
+        assignorAndAssigneesIds?.includes(user?.my_member_id) ||
+        reviewersIds?.includes(user?.my_member_id)
+    );
+    this.disableOverseerIds = this.returnIds(
+      disableOverseerList,
+      'employee_id'
+    );
+    if (this.featureFlag_groups) {
+      let disableReviewerList = this.reviewerMemberIdsList.filter(
+        (user: any) =>
+          overseerIds?.includes(user?.my_member_id) ||
+          assigneeIds?.includes(user?.my_member_id)
+      );
+      this.disableReviewerIds = this.returnIds(
+        disableReviewerList,
+        'member_id'
+      );
+      let disableOverseerList = this.overseersList.filter(
+        (user: any) =>
+          assignorAndAssigneesIds?.includes(user?.my_member_id) ||
+          reviewersIds?.includes(user?.my_member_id)
+      );
+      this.disableOverseerIds = this.returnIds(
+        disableOverseerList,
+        'member_id'
+      );
+    }
+  }
+
+  /**
+   * If the form is valid, then if the mode is EDIT, then set the organizationId and memberId to the
+   * authService values, and then call the entrustResponsibility function with the responsibilityForm as
+   * a parameter.
+   *
+   * If the mode is not EDIT, then call the entrustResponsibility function with the responsibilityForm
+   * as a parameter.
+   * @returns a boolean value.
+   */
+  submitResponsibility() {
+    const valid = this.validateResponsibility();
+    if (!valid) {
+      return false;
+    } else if (this.mode == 'EDIT') {
+      this.organizationId = this.authService.getOrganizationId();
+      this.memberId = this.authService.getMemberId();
+      this.entrustResponsibility(this.responsibilityForm);
+      // edit conditions
+    } else {
+      this.entrustResponsibility(this.responsibilityForm);
+    }
+  }
+
+  /**
+   * If the responsibility name is empty, or the frequency is empty, or the assignees list is empty,
+   * then return false. Otherwise, return true.
+   */
+  validateResponsibility() {
+    this.submitted = true;
+    if (
+      this.responsibilityForm.assignors.enable &&
+      this.responsibilityForm.assignors.list?.length === 0
+    ) {
+      this.invalidType = 'whom';
+      return;
+    }
+    if (
+      !this.responsibilityForm.responsibility.name ||
+      this.responsibilityForm.responsibility.name.trim() == ''
+    ) {
+      this.invalidType = 'what';
+    } else if (
+      !this.responsibilityForm?.assignees?.list ||
+      (this.responsibilityForm?.assignees?.list?.length == 0 &&
+        (!this.featureFlag_groups ||
+          ((!this.responsibilityForm?.assigneeGroups?.list ||
+            this.responsibilityForm?.assigneeGroups?.list?.length == 0) &&
+            this.featureFlag_groups)))
+    ) {
+      this.invalidType = 'who';
+    } else if (
+      !this.responsibilityForm.frequency ||
+      this.responsibilityForm.frequency == '' ||
+      this.responsibilityForm.frequency === '' ||
+      this.responsibilityForm.frequency === '5~0~0~0'
+    ) {
+      this.invalidType = 'when';
+    } else {
+      this.invalidType = '';
+    }
+
+    if (
+      !this.responsibilityForm.responsibility.name ||
+      this.responsibilityForm.responsibility.name.trim() == '' ||
+      !this.responsibilityForm.frequency ||
+      this.responsibilityForm.frequency === '' ||
+      this.responsibilityForm.frequency === '5~0~0~0' ||
+      (this.responsibilityForm.assignees.list?.length == 0 &&
+        (!this.featureFlag_groups ||
+          ((!this.responsibilityForm.assigneeGroups.list ||
+            this.responsibilityForm.assigneeGroups.list?.length == 0) &&
+            this.featureFlag_groups)))
+    ) {
+      return false;
+    } else {
+      return true;
+    }
+  }
+
+  entrustResponsibility(entrustForm: any) {
+    this.loader = true;
+    this.uiKitService.isLoader = true;
+    let startDate = moment(parseInt(entrustForm.startDate) * 1000).format(
+      'YYYY-MM-DD HH:mm:ss'
+    );
+    startDate = moment(startDate.split(' ')[0] + ' 00:00:00').format(
+      'YYYY-MM-DD HH:mm:ss'
+    );
+    const rcDetails =
+      entrustForm.rc?.length > 0
+        ? entrustForm.rc.map((rc: any): any => {
+            if (rc) {
+              const rcDetailsArr = {
+                parent_rc_ids: rc.parent_rc_ids,
+                rc_id: rc.rc_id,
+                child_rc_ids: rc?.item_child_ids,
+              };
+              return rcDetailsArr;
+            }
+          })
+        : [];
+    const rcDetailsIdArr =
+      entrustForm.rc?.length > 0
+        ? entrustForm.rc.map((rc: any): any => {
+            if (rc) {
+              return rc.rc_id;
+            }
+          })
+        : [];
+
+    const moreOptions = this.moreOptions;
+
+    const checkContinuousFailedValue = (details: string) => {
+      const frequencyType = parseInt(details.split('~')[0]);
+      if (frequencyType === 1 || frequencyType === 2 || frequencyType === 3) {
+        return true;
+      } else {
+        return false;
+      }
+    };
+
+    let linkedProgramIds: any[] = [];
+    let linkedCategoryIds: any[] = [];
+    this.responsibilityForm?.linkedProgram?.forEach((ele: any) => {
+      if (
+        this.responsibilityForm?.program[0]?.category_id !== ele?.category_id
+      ) {
+        const program = {
+          programId: ele?.category_id,
+          programObjectId: ele?._id,
+          subProgramIds: ele?.child_id?.filter((el: any) => {
+            return this.responsibilityForm.category?.includes(el);
+          }),
+        };
+        linkedProgramIds?.push(program);
+        linkedCategoryIds?.push(ele?.category_id);
+      }
+    });
+
+    let categoryIdsExceptDefault: any = [];
+    categoryIdsExceptDefault = this.responsibilityForm?.category?.filter(
+      (el: any) => {
+        return (
+          el !== this.responsibilityForm?.program[0]?.category_id &&
+          !this.responsibilityForm?.program[0]?.child_id?.includes(el)
+        );
+      }
+    );
+    this.combineUserAndUserGroupMembers(
+      this.mode === 'EDIT' &&
+        this.responsibilityForm.assignees.whoCanComplete === 'ALL' &&
+        this.rawResponsibility?.userGroupIds?.assigneeAllGroupIds?.length
+    );
+
+    const remarks =
+      entrustForm.description.replace(/\&nbsp;/g, '').trim() !== ''
+        ? entrustForm.description
+        : '';
+    const objective =
+      entrustForm.objective.replace(/\&nbsp;/g, '').trim() !== ''
+        ? entrustForm.objective
+        : '';
+    let payload: any = {
+      app_association: [],
+      assigned_to: this.returnIds(
+        this.assigneeUserList,
+        'employee_id'
+      ).toString(),
+      program_cat_ids: moreOptions?.PROGRAM
+        ? entrustForm?.program?.length
+          ? [entrustForm?.program[0]?.category_id]
+          : []
+        : [],
+      linked_program_ids: linkedProgramIds,
+      linked_category_ids: this.getUniqueIds([
+        ...categoryIdsExceptDefault,
+        ...linkedCategoryIds,
+      ]),
+      // category_id: (this.responsibilityForm?.program_selected_ids?.length > 0) ? this.responsibilityForm?.category_id : '',
+      category_id:
+        this.responsibilityForm?.program_selected_ids?.length > 0
+          ? this.getUniqueIds([
+              ...this.responsibilityForm?.category,
+              ...linkedCategoryIds,
+              ...[entrustForm?.program[0]?.category_id],
+            ])?.toString()
+          : '',
+      cc_email: moreOptions.OVERSEER
+        ? this.returnIds(this.overseerUserList, 'employee_id').toString()
+        : '',
+      checkpoint_description: moreOptions.CHECKPOINTS
+        ? entrustForm.checkpointInstruction
+        : '',
+      checkpoint_details: moreOptions.CHECKPOINTS
+        ? JSON.stringify(this.responsibilityForm.checkpoints)
+        : '',
+      checkpoint_flag: 0,
+      collaborator_mark_done: 0,
+      comment: '',
+      continuous_failed_days: checkContinuousFailedValue(entrustForm.frequency)
+        ? entrustForm.continuous_failed_days
+        : 0,
+      cost_of_compliance: '',
+      created_by: entrustForm.assignors.list?.length < 1 ? 0 : this.memberId,
+      creation_window: 0,
+      custom_tags: JSON.stringify(entrustForm.customTags),
+      entity_tree: moreOptions.RC
+        ? this.isResponsibilityRcLinkEnabled &&
+          this.responsibilityCenterType == 1
+          ? []
+          : rcDetails
+        : [],
+      entrust_from_risk: this.openedFrom === 'RISK_TREATMENT' ? true : false,
+      failed_after_days: entrustForm.failed_after_days,
+      failed_time_utc: entrustForm.failed_time_utc,
+      failure_cc_email: moreOptions.OVERSEER
+        ? this.returnIds(this.overseerUserNotifyList, 'employee_id').toString()
+        : '',
+      frequency_details: entrustForm.frequency,
+      frequency_time: entrustForm.timeIn24Hr ?? '23:59:00',
+      grc_object_id: 0,
+      grc_relationship: '',
+      if_testplan_failed: 0,
+      impact: '',
+      isGroupAssignTo:
+        entrustForm.assignees.whoCanComplete == 'ANY_ONE' ? 1 : 0,
+      is_key_compliance: entrustForm.responsibility.keyResponsibility ? 1 : 0,
+      library_report_id: 0,
+      lifecycle_details: entrustForm.lifecycleDetails ?? '0000-00-00~~0',
+      link_for_details: moreOptions.FORMATE_EVIDENCE
+        ? entrustForm.formatAndEvidence.formatLinks
+        : [],
+      linkages: { compliance: [] },
+      member_id:
+        this.returnIds(entrustForm.assignors.list, 'member_id')?.length > 0
+          ? this.returnIds(entrustForm.assignors.list, 'member_id')[0]
+          : this.memberId,
+      objective: moreOptions.OBJECTIVE ? objective : '',
+      on_completion_of: entrustForm.reportId ? [entrustForm.reportId] : [],
+      on_completion_of_type: 1,
+      organisation_id: this.organizationId,
+      override_weekly: 0,
+      parent_id: 0,
+      penalty: '',
+      private_library_id: 0,
+      remarks: remarks,
+      reminder_before_days: entrustForm.reminder_before_days,
+      report_format: moreOptions.FORMATE_EVIDENCE
+        ? entrustForm.formatAndEvidence.formatFiles
+        : [],
+      report_format_link: '',
+      report_name: entrustForm.responsibility.name,
+      report_upload_flag: entrustForm.formatAndEvidence.evidenceRequired
+        ? 1
+        : 0,
+      review_after_days: moreOptions.REVIEWER
+        ? entrustForm.reviewers.reviewFrequency.reviewCompleteDays === ''
+          ? 0
+          : Number(entrustForm.reviewers.reviewFrequency.reviewCompleteDays)
+        : 0,
+      review_failed_after_days: moreOptions.REVIEWER
+        ? entrustForm.reviewers.reviewFrequency.reviewNOtCompletedDays === ''
+          ? 0
+          : Number(entrustForm.reviewers.reviewFrequency.reviewNOtCompletedDays)
+        : 0,
+      reviewer_arr: moreOptions.REVIEWER
+        ? {
+            level1: {
+              reviewers: this.setReviewerPayload(
+                this.reviewerUserList,
+                'list',
+                entrustForm.reviewers.acceptedData,
+                entrustForm.reviewers.sequentialWorkflow
+                  ? 'SEQUENTIAL'
+                  : 'ANYONE'
+              ),
+              type: entrustForm.reviewers.sequentialWorkflow
+                ? 'SEQUENTIAL'
+                : 'ANYONE',
+            },
+          }
+        : {},
+      userGroupIds: {
+        assigneeAllGroupIds:
+          entrustForm.assignees.whoCanComplete !== 'ANY_ONE'
+            ? this.returnIds(entrustForm?.assigneeGroups?.list, 'group_id')
+            : [],
+        assigneeAnyoneGroupIds:
+          entrustForm.assignees.whoCanComplete === 'ANY_ONE'
+            ? this.returnIds(entrustForm?.assigneeGroups?.list, 'group_id')
+            : [],
+        ccEmailGroupIds:
+          this.returnIds(
+            this.responsibilityForm?.overseersGroups?.list,
+            'group_id'
+          ) ?? [],
+        failureCCEmailGroupIds:
+          this.returnIds(
+            this.responsibilityForm?.overseersGroups?.notifyList,
+            'group_id'
+          ) ?? [],
+        reviewerGroupIds:
+          this.returnIds(
+            this.responsibilityForm?.groupReviewers?.list,
+            'group_id'
+          ) ?? [],
+      },
+      existingUserIds: {
+        assigneeAllIds:
+          entrustForm.assignees.whoCanComplete !== 'ANY_ONE'
+            ? this.returnIds(entrustForm?.assignees?.list, 'my_member_id')
+            : [],
+        assigneeAnyoneIds:
+          entrustForm.assignees.whoCanComplete === 'ANY_ONE'
+            ? this.returnIds(entrustForm?.assignees?.list, 'my_member_id')
+            : [],
+        ccEmailEmpIds:
+          this.returnIds(entrustForm?.overseers?.list, 'employee_id') ?? [],
+        failureCCEmailEmpIds:
+          this.returnIds(entrustForm?.overseers?.notifyList, 'employee_id') ??
+          [],
+        reviewerIds:
+          this.returnIds(
+            this.responsibilityForm?.reviewers?.list,
+            'member_id'
+          ) ?? [],
+      },
+      reviewer_checkpoints: [{ checkpoints: [], instruction: '' }],
+      reviewer_id: 0,
+      risk_class: this.isRiskEnable ? entrustForm.riskClass : 2,
+      risk_ids: '',
+      risk_matrix_data: moreOptions.RISK_CLASSIFICATION
+        ? entrustForm.riskMatrix
+        : '0,0,0,0,0,0',
+      sample_size: 0,
+      start_date_utc: startDate,
+      statutory_day: 0,
+      test_required_flag: moreOptions.ASSURANCE
+        ? entrustForm.assuranceList?.length > 0
+          ? 1
+          : 0
+        : 0,
+      testplan_category_id: moreOptions.ASSURANCE
+        ? this.returnIds(entrustForm.assuranceList, 'category_id')
+        : [],
+      testplan_category_manager: '',
+      audit_category_details:
+        moreOptions.REQUIRES_AUDIT &&
+        this.responsibilityForm?.audit_category_details?.category_id
+          ? {
+              category_id:
+                this.responsibilityForm.audit_category_details.category_id,
+              sample: this.selectedSample === 0 ? this.sampleValue : 0,
+              percentage: this.selectedSample === 1 ? this.samplePercentage : 0,
+              frequency_pattern: `1~0~${this.sendAuditRemindersValue}~1`,
+              frequency_time: moment(this.auditTime, 'HH:mm a').format(
+                'HH:mm:ss'
+              ),
+            }
+          : {
+              category_id: 0,
+              sample: 0,
+              percentage: 0,
+              frequency_pattern: ``,
+              frequency_time: '',
+            },
+      assessment: {
+        category_id: moreOptions.ASSESSMENT
+          ? entrustForm?.assessment?.category_id
+          : '',
+        assessment_id: moreOptions.ASSESSMENT
+          ? entrustForm?.assessment?.assessment_id
+          : '',
+      },
+      assessment_checkpoint: moreOptions.CHECKPOINTS_NEW
+        ? Object.keys(entrustForm?.new_checkpoints)?.length > 0
+          ? entrustForm?.new_checkpoints
+          : {}
+        : {},
+      questionnaire_type: moreOptions.CHECKPOINTS_NEW
+        ? Object.keys(entrustForm?.new_checkpoints)?.length > 0
+          ? 'assessment_checkpoint'
+          : moreOptions.ASSESSMENT && entrustForm?.assessment?.category_id
+          ? 'assessment'
+          : JSON.stringify(this.responsibilityForm.checkpoints) != '' &&
+            moreOptions.CHECKPOINTS
+          ? 'checkpoint'
+          : ''
+        : '',
+
+      linked_GRC_ids: moreOptions.GRC_OBJECTS
+        ? entrustForm.selectedGRCObjects.map((grc: any) => grc._id)
+        : [],
+    };
+    if (this.isResponsibilityRcLinkEnabled) {
+      payload['responsibilityCenterType'] =
+        this.isResponsibilityRcLinkEnabled && moreOptions.RC
+          ? this.responsibilityCenterType
+          : 0;
+      payload['responsibilityCenterArr'] =
+        this.isResponsibilityRcLinkEnabled && moreOptions.RC
+          ? rcDetailsIdArr
+          : [];
+    }
+    this.responsibilityPayload = payload;
+    if (this.mode == 'CREATE' && !this.isDuplicateEntrust) {
+      this.responsibilityService.submitEntrust(payload).subscribe(
+        (res: any) => {
+          this.loader = false;
+          this.uiKitService.isLoader = false;
+          this.showSmiley = true;
+          this.uiKitService.isSmileyOn = true;
+          this.responsibilityData = res;
+
+          if (res.message && res.message.toLowerCase() === 'bulk entrust') {
+            this.smileyMessage = `You have entrusted ${res.calculate_no_of_responsibiities} responsibilities. These would be reflected within your account in sometime.`;
+          }
+          if (this.isNotificationPending && payload.created_by == 0) {
+            this.smileyMessage =
+              'This responsibility has been added to the notification queue.';
+          } else {
+            if (payload.created_by > 0) {
+              this.actionButtons[1].buttonText = 'View Responsibilities';
+              this.smileyMessage = `You just created a responsibility on behalf ${
+                entrustForm.assignors.list.find(
+                  (member: any) => member.member_id === payload.member_id
+                ).member_name
+              }`;
+            }
+          }
+
+          //this.reset();
+        },
+        (err) => {
+          console.error(err);
+          this.loader = false;
+          this.uiKitService.isLoader = false;
+          this.snackBar.show(
+            'OOPS! Something went wrong and the page could not be loaded. Could you please try one more time?',
+            'alert'
+          );
+        }
+      );
+    }
+    if (this.mode == 'EDIT' || this.isDuplicateEntrust) {
+      this.smileyMessage = `The responsibility has been modified.`;
+      this.responsibilityService
+        .updateEntrust(payload, this.responsibilityId, true)
+        .subscribe(
+          (res: any) => {
+            this.responsibilityData = res;
+            this.loader = false;
+            this.uiKitService.isLoader = false;
+            this.showSmiley = true;
+            this.uiKitService.isSmileyOn = true;
+            this.isDuplicateEntrust = false;
+
+            // this.resetForm();
+          },
+          (err) => {
+            console.error(err);
+            this.loader = false;
+            this.uiKitService.isLoader = false;
+            this.snackBar.show(
+              'OOPS! Something went wrong and the page could not be loaded. Could you please try one more time?',
+              'alert'
+            );
+          }
+        );
+    }
+  }
+
+  uniqueIdUserGroups(
+    totalUserList: any,
+    selectedGroup: any,
+    selectedUsers: any
+  ) {
+    let groupUserList = this.getGroupsUserEmployeesId(
+      totalUserList,
+      selectedGroup
+    );
+    let ids = new Set(selectedUsers.map((user: any) => user?.my_member_id));
+    let userList = [
+      ...selectedUsers,
+      ...groupUserList.filter(
+        (groupUser: any) => !ids.has(groupUser?.my_member_id)
+      ),
+    ];
+    return userList;
+  }
+
+  combineUserAndUserGroupMembers(isGroup?: any) {
+    if (this.featureFlag_groups) {
+      this.assigneeUserList = isGroup
+        ? [{ employee_id: this.rawResponsibility?.assigned_to }]
+        : this.uniqueIdUserGroups(
+            this.allUsersList,
+            this.responsibilityForm?.assigneeGroups?.list,
+            this.responsibilityForm?.assignees?.list
+          );
+      this.reviewerUserList = this.uniqueIdUserGroups(
+        this.allUsersList,
+        this.responsibilityForm?.groupReviewers?.list,
+        this.responsibilityForm?.reviewers?.list
+      );
+      this.overseerUserList = this.uniqueIdUserGroups(
+        this.allUsersList,
+        this.responsibilityForm?.overseersGroups?.list,
+        this.responsibilityForm?.overseers?.list
+      );
+      this.overseerUserNotifyList = this.uniqueIdUserGroups(
+        this.allUsersList,
+        this.responsibilityForm?.overseersGroups?.notifyList,
+        this.responsibilityForm?.overseers?.notifyList
+      );
+    } else {
+      this.assigneeUserList = this.responsibilityForm?.assignees?.list;
+      this.reviewerUserList = this.responsibilityForm?.reviewers?.list;
+      this.overseerUserList = this.responsibilityForm?.overseers?.list;
+      this.overseerUserNotifyList =
+        this.responsibilityForm?.overseers?.notifyList;
+    }
+  }
+
+  /**
+   * It resets the form.
+   */
+  reset() {
+    this.scrollToBottom = false;
+    this.showSmiley = false;
+    this.uiKitService.isSmileyOn = false;
+    this.responsibilityForm = {
+      assignors: {
+        enable: false,
+        list: [],
+      },
+      responsibility: {
+        name: '',
+        keyResponsibility: false,
+      },
+      assigneeGroups: {
+        whoCanComplete: 'ALL',
+        list: [],
+      },
+      assignees: {
+        whoCanComplete: 'ALL',
+        list: [],
+      },
+      frequency: '',
+      description: '',
+      objective: '',
+      rc: [],
+      category: [],
+      checkpointInstruction: '',
+      customTags: [],
+      checkpoints: [],
+      reviewers: {
+        sequentialWorkflow: true,
+        reviewFrequency: {
+          reviewCompleteDays: 2,
+          reviewNOtCompletedDays: 2,
+        },
+        list: [],
+      },
+      groupReviewers: {
+        sequentialWorkflow: true,
+        reviewFrequency: {
+          reviewCompleteDays: 2,
+          reviewNOtCompletedDays: 2,
+        },
+        list: [],
+      },
+      overseers: {
+        notifyList: [],
+        list: [],
+      },
+      overseersGroups: {
+        notifyList: [],
+        list: [],
+      },
+      formatAndEvidence: {
+        formatRequired: false,
+        formatFiles: [],
+        formatLinks: [],
+        evidenceRequired: false,
+      },
+      assuranceList: [],
+      requiresAuditList: [],
+      riskClass: 1,
+      riskMatrix: '0,0,0,0,0,0',
+      program: [],
+      program_selected_ids: [],
+    };
+    this.moreOptions = {
+      OBJECTIVE: false,
+      RC: false,
+      CATEGORY: false,
+      FORMATE_EVIDENCE: false,
+      CHECKPOINTS: false,
+      RISK_CLASSIFICATION: false,
+      REVIEWER: false,
+      OVERSEER: false,
+      ASSURANCE: false,
+      APPS: false,
+    };
+    this.frequencyPlaceholder = 'How often does the responsibility occur?';
+    this.frequencyDetails = {
+      pattern: '',
+      notificationPending: 0,
+      dateOfModified: 0,
+      deactivationValue: 0,
+      selectedReport: 0,
+      lifecycle: '0000-00-00~~0',
+      startDate: Math.floor(new Date().getTime() / 1000),
+      startOnTheDay: Math.floor(new Date().getTime() / 1000),
+      window: 0,
+      failed: 0,
+      time: '11:59 pm',
+      failedTime: '',
+      continuous_failed_days: 0,
+      onCompletionReportDetails: {},
+    };
+    this.sampleValue = undefined;
+    this.samplePercentage = undefined;
+    this.selectedSample = -1;
+    this.sendAuditRemindersValue = 2;
+    this.auditTime = '11:59 pm';
+    this.mode = 'CREATE';
+    this.isEntrust = true;
+    this.resetForm.emit(true);
+  }
+  action(event: string) {
+    if (this.openedFrom === 'RISK_TREATMENT') {
+      this.closeSmiley('ds');
+      return;
+    }
+    switch (event) {
+      case 'addMore':
+        this.reset();
+        break;
+      case 'view':
+        this.viewResponsibilities();
+        break;
+    }
+  }
+  viewResponsibilities(): void {
+    let url: string;
+    let urlSubstring = '';
+    this.disconnectRefresh.emit(false);
+    if (
+      this.isNotificationPending &&
+      this.responsibilityPayload.created_by == 0
+    ) {
+      if (this.isResponsibilitySimplified) {
+        urlSubstring = 'compliance/manage-responsibility?' + this.url;
+      } else {
+        urlSubstring =
+          'compliance/manage-responsibilities/responsibilities-queue';
+      }
+    } else {
+      if (this.isResponsibilitySimplified) {
+        this.queryParam = JSON?.stringify(this.recentResponsibilityUrl);
+        urlSubstring = 'compliance/manage-responsibility?q=' + this.queryParam;
+      } else {
+        urlSubstring = 'compliance/manage-responsibilities';
+      }
+    }
+    if (window.location.host.startsWith('localhost')) {
+      url = 'http://' + window.location.host + '/#/' + urlSubstring;
+    } else {
+      url = 'https://' + window.location.host + '/compliance/#/' + urlSubstring;
+    }
+
+    if (this.mode !== 'EDIT') {
+      window.location.href = url;
+    }
+    this.closeSmiley('ds');
+    this.reset();
+  }
+  closeSmiley(event: any) {
+    this.showSmiley = false;
+    this.uiKitService.isSmileyOn = false;
+    // this.closeWorkflow.emit(this.responsibilityData);
+    this.closeWorkflow.emit({ evt: this.responsibilityData, confirm: false });
+  }
+
+  getOnCompletionReportDetails(event: any) {
+    const frequencyData = event?.frequency_details?.split('~');
+    if (parseInt(frequencyData[0]) == 6) {
+      return event?.onCompletionReportDetails;
+    }
+    return null;
+  }
+
+  // for edit responsibility
+  frequencyDataPopulation(event: any) {
+    let data: any = {
+      pattern: event?.frequency_details,
+      window: event?.reminder_before_days,
+      failedAfter: event?.failed_after_days,
+      failed_time_utc: event.failed_time_utc,
+      lifecycleDetails: event?.lifecycle_details,
+      startFrom: Number(event?.start_of_day_utc),
+      timeIn24Hr: event.frequency_time,
+      continuous_failed_days: event.continuous_failed_days,
+      startDate: Number(event?.start_of_day_utc),
+      reportId: event?.on_completion_of[0] ?? 0,
+      timeIn12hr: this.frequencyService.timeIn12(
+        event.frequency_time != '' ? event.frequency_time : '23:59:00'
+      ),
+    };
+    let onCompletionReportDetails = this.getOnCompletionReportDetails(event);
+    if (onCompletionReportDetails != null) {
+      data.onCompletionReportDetails = onCompletionReportDetails;
+    }
+
+    this.frequencyData(data);
+  }
+
+  frequencyPopulation(event: any) {
+    this.frequencyDetails.pattern = event?.frequency_details;
+    this.frequencyDetails.failedTime = event?.frequency_time;
+    this.frequencyDetails.window = event?.reminder_before_days;
+    this.frequencyDetails.failed = event?.failed_after_days;
+    this.frequencyDetails.lifecycle = event?.lifecycle_details;
+    this.frequencyDetails.startDate = event?.start_of_day_utc;
+    this.frequencyDetails.selectedReport = event?.on_completion_of[0] ?? 0;
+    this.frequencyDetails.dateOfModified = event?.dom_utc;
+    this.frequencyDetails.continuous_failed_days =
+      event?.continuous_failed_days;
+    this.frequencyPlaceholder = event?.placeholder;
+
+    let onCompletionReportDetails = this.getOnCompletionReportDetails(event);
+    if (onCompletionReportDetails != null) {
+      this.frequencyDetails.onCompletionReportDetails =
+        onCompletionReportDetails;
+    }
+  }
+
+  frequencyData(event: any) {
+    if (this.invalidType === 'when') {
+      this.invalidType = '';
+    }
+    this.responsibilityForm.frequency = event.pattern;
+    this.responsibilityForm.reminder_before_days =
+      event.case === 'daily' ? 0 : event.window;
+    //this.responsibilityForm.reminder_before_days = event.window;
+    this.responsibilityForm.failed_after_days = event.failedAfter;
+    this.responsibilityForm.failed_time_utc = event.failed_time_utc;
+    this.responsibilityForm.lifecycleDetails = event.lifecycleDetails;
+    this.responsibilityForm.reportId = event.reportId ?? 0;
+    this.responsibilityForm.startDate = event.startFrom;
+    this.responsibilityForm.timeIn24Hr = event.timeIn24Hr;
+    this.responsibilityForm.continuous_failed_days =
+      event.continuous_failed_days;
+    this.activateSelector('frequency', false);
+    let payload: any = {
+      frequency_details: event.pattern,
+      frequency_time: event.timeIn12hr,
+      reminder_before_days: event.window,
+      failed_after_days: event.failedAfter,
+      lifecycle_details: event.lifecycleDetails,
+      start_of_day_utc: event.startFrom,
+      on_completion_of: [event.reportId],
+      dom_utc: Math.floor(Date.now() / 1000),
+      continuous_failed_days: event.continuous_failed_days,
+      placeholder: event.placeholder,
+    };
+
+    event.frequency_details = event.pattern;
+    let onCompletionReportDetails = this.getOnCompletionReportDetails(event);
+    if (onCompletionReportDetails != null) {
+      payload.onCompletionReportDetails = onCompletionReportDetails;
+    }
+
+    this.frequencyPopulation(payload);
+  }
+
+  checkBlank(data: string) {
+    if (data) {
+      let text = data;
+      return text.replace(/\&nbsp;/g, '');
+    } else {
+      return '';
+    }
+  }
+
+  /**
+   * It takes a string and returns a string.
+   * @param {any} res - any = {
+   */
+  getFrequencyPlaceholder(res: any) {
+    try {
+      if (res.frequency_details) {
+        const frequencyDetails = res?.frequency_details.split('~');
+        const frequencyTime =
+          res?.frequency_time === '00:00:00'
+            ? '12:00 am'
+            : this.frequencyService.timeIn12(res?.frequency_time);
+        switch (parseInt(frequencyDetails[0])) {
+          case 1:
+            this.getDailyPlaceholder(frequencyDetails, frequencyTime);
+            break;
+          case 2:
+            this.getWeeklyPlaceholder(frequencyDetails, frequencyTime);
+            break;
+          case 3:
+            this.getMonthlyPlaceholder(frequencyDetails, frequencyTime);
+            break;
+          case 7:
+            this.getQuarterlyPlaceholder(frequencyDetails, frequencyTime);
+            break;
+          case 9:
+            this.getBiannualPlaceholder(frequencyDetails, frequencyTime);
+            break;
+          case 4:
+            this.getYearlyPlaceholder(frequencyDetails, frequencyTime);
+            break;
+          case 0:
+            {
+              const dateObject = new Date(
+                moment(
+                  frequencyDetails[1] +
+                    '-' +
+                    frequencyDetails[2] +
+                    '-' +
+                    frequencyDetails[3] +
+                    ' 00:00:00',
+                  'YYYY-MM-DD HH:mm:ss'
+                ).unix() * 1000
+              );
+              // tslint:disable-next-line: max-line-length
+              this.frequencyPlaceholder =
+                'One Time ' +
+                dateObject.getDate() +
+                ' ' +
+                this.shortMonth[dateObject.getMonth()] +
+                ' ' +
+                dateObject.getFullYear() +
+                ' by ' +
+                frequencyTime;
+            }
+            break;
+          case 8:
+            this.getRandomPlaceholder(frequencyDetails, frequencyTime);
+            // tslint:disable-next-line: max-line-length
+
+            break;
+          case 10:
+            {
+              this.frequencyPlaceholder =
+                'You have selected an ongoing frequency.';
+            }
+            break;
+          case 6:
+            this.getOnCompletionOf(
+              frequencyDetails,
+              res?.on_completion_of[0],
+              res.onCompletionReportDetails
+            );
+        }
+      }
+    } catch (e) {
+      // tslint:disable-next-line: no-console
+      console.log(e);
+    }
+  }
+  /**
+   * It gets the frequency details and report id, then it sets the frequency placeholder to the frequency
+   * details and then it gets the on completion of responsibility and sets the frequency placeholder to
+   * the frequency details and the report name.
+   * @param {any} frequencyDetails - [0] =&gt; "1"
+   * @param {number} reportId - number
+   */
+  getOnCompletionOf(
+    frequencyDetails: any,
+    reportId: number,
+    onCompletionReportDetails: any
+  ) {
+    this.frequencyPlaceholder =
+      frequencyDetails[3] +
+      ' ' +
+      (parseInt(frequencyDetails[3]) > 1 ? 'days' : 'day') +
+      ' after completion of ';
+    if (onCompletionReportDetails) {
+      if (reportId === onCompletionReportDetails.ReportId) {
+        this.frequencyPlaceholder =
+          frequencyDetails[3] +
+          ' ' +
+          (parseInt(frequencyDetails[3]) > 1 ? 'days' : 'day') +
+          ' after completion of ' +
+          (onCompletionReportDetails
+            ? onCompletionReportDetails.report_name
+            : '');
+      }
+    }
+    this.loader = false;
+    this.uiKitService.isLoader = false;
+  }
+
+  /**
+   * "If the frequencyDetails[3] is 1, then set the frequencyPlaceholder to 'Daily by ' + frequencyTime,
+   * otherwise if frequencyDetails[3] is greater than 1, then set the frequencyPlaceholder to 'Every ' +
+   * parseInt(frequencyDetails[3]) + ' days by ' + frequencyTime."
+   * @param {any} frequencyDetails - [0, 0, 0, 1]
+   * @param {any} frequencyTime - "12:00 AM"
+   */
+  getDailyPlaceholder(frequencyDetails: any, frequencyTime: any) {
+    {
+      frequencyDetails = frequencyDetails.map(Number);
+      if (parseInt(frequencyDetails[3]) === 1) {
+        this.frequencyPlaceholder = 'Daily by ' + frequencyTime;
+      } else if (parseInt(frequencyDetails[3]) > 1) {
+        this.frequencyPlaceholder =
+          'Every ' +
+          parseInt(frequencyDetails[3]) +
+          ' days by ' +
+          frequencyTime;
+      }
+    }
+  }
+
+  /**
+   * It takes a string of comma separated numbers and returns a string of comma separated words.
+   *
+   * The function is called with a string of comma separated numbers, like this:
+   *
+   * getWeeklyPlaceholder(["1","2,3,4,5,6,7","1","1"], "10:00 AM")
+   *
+   * The function returns a string of comma separated words, like this:
+   *
+   * "Every Monday,Tuesday,Wednesday,Thursday,Friday,Saturday by 10:00 AM"</code>
+   * @param {any} frequencyDetails - ["1", "1,2,3,4,5", "", "1", ""]
+   * @param {any} frequencyTime - "10:00 AM"
+   */
+  getWeeklyPlaceholder(frequencyDetails: any, frequencyTime: any) {
+    {
+      const selectedDay = frequencyDetails[1].split(',').map((ele: any) => {
+        return this.frequencyService.dayName[parseInt(ele) - 1];
+      });
+
+      if (parseInt(frequencyDetails[3]) === 1) {
+        this.frequencyPlaceholder =
+          'Every ' + selectedDay.join() + ' by ' + frequencyTime;
+      }
+      if (parseInt(frequencyDetails[3]) === 2) {
+        this.frequencyPlaceholder =
+          'Every alternate ' + selectedDay.join() + ' by ' + frequencyTime;
+      }
+      if (parseInt(frequencyDetails[3]) === 3) {
+        this.frequencyPlaceholder =
+          'Every 3rd ' + selectedDay.join() + ' by ' + frequencyTime;
+      }
+      if (parseInt(frequencyDetails[3]) > 3) {
+        this.frequencyPlaceholder =
+          'Every ' +
+          parseInt(frequencyDetails[1]) +
+          'th ' +
+          selectedDay.join() +
+          ' by ' +
+          frequencyTime;
+      }
+    }
+  }
+
+  /**
+   * It takes a string of comma separated numbers, converts them to month names, and then adds them to a
+   * sentence.
+   * @param {any} frequencyDetails - ["1", "1", "1,2,3,4,5,6,7,8,9,10,11,12"]
+   * @param {any} frequencyTime - "10:00 AM"
+   */
+  getMonthlyPlaceholder(frequencyDetails: any, frequencyTime: any) {
+    {
+      const selectedMonth = frequencyDetails[2].split(',').map((ele: any) => {
+        return this.shortMonth[parseInt(ele) - 1];
+      });
+      if (parseInt(frequencyDetails[1]) === 1) {
+        this.frequencyPlaceholder =
+          '1st of every ' + selectedMonth.join(', ') + ' by ' + frequencyTime;
+      } else if (parseInt(frequencyDetails[1]) === 2) {
+        this.frequencyPlaceholder =
+          '2nd of every ' + selectedMonth.join(', ') + ' by ' + frequencyTime;
+      } else if (parseInt(frequencyDetails[1]) === 3) {
+        this.frequencyPlaceholder =
+          '3rd of every ' + selectedMonth.join(', ') + ' by ' + frequencyTime;
+      } else if (
+        parseInt(frequencyDetails[1]) === 21 ||
+        parseInt(frequencyDetails[1]) === 31
+      ) {
+        this.frequencyPlaceholder =
+          parseInt(frequencyDetails[1]) +
+          'st of every ' +
+          selectedMonth.join(', ') +
+          ' by ' +
+          frequencyTime;
+      } else if (parseInt(frequencyDetails[1]) === 22) {
+        this.frequencyPlaceholder =
+          parseInt(frequencyDetails[1]) +
+          'nd of every ' +
+          selectedMonth.join(', ') +
+          ' by ' +
+          frequencyTime;
+      } else if (parseInt(frequencyDetails[1]) === 23) {
+        this.frequencyPlaceholder =
+          parseInt(frequencyDetails[1]) +
+          'rd of every ' +
+          selectedMonth.join(', ') +
+          ' by ' +
+          frequencyTime;
+      } else if (parseInt(frequencyDetails[1]) > 3) {
+        this.frequencyPlaceholder =
+          parseInt(frequencyDetails[1]) +
+          'th of every ' +
+          selectedMonth.join(', ') +
+          ' by ' +
+          frequencyTime;
+      }
+    }
+  }
+
+  /**
+   * If the frequencyDetails[1] is 1, 2, 3, 21, 22, 23, or greater than 3, then set the
+   * frequencyPlaceholder to a string that includes the frequencyDetails[1] and the frequencyDetails[2]
+   * and the frequencyTime.
+   * @param {any} frequencyDetails - ["3", "1", "1,2,3"]
+   * @param {any} frequencyTime - "10:00 AM"
+   */
+  getQuarterlyPlaceholder(frequencyDetails: any, frequencyTime: any) {
+    {
+      const quarterly = [
+        'January, April, July, October',
+        'February, May, August, November',
+        ' March, June, September, December',
+      ];
+      if (parseInt(frequencyDetails[1]) === 1) {
+        this.frequencyPlaceholder =
+          '1st of every ' +
+          quarterly[parseInt(frequencyDetails[2].split(',')[0]) - 1] +
+          ' by ' +
+          frequencyTime;
+      } else if (parseInt(frequencyDetails[1]) === 2) {
+        this.frequencyPlaceholder =
+          '2nd of every ' +
+          quarterly[parseInt(frequencyDetails[2].split(',')[0]) - 1] +
+          ' by ' +
+          frequencyTime;
+      } else if (parseInt(frequencyDetails[1]) === 3) {
+        this.frequencyPlaceholder =
+          '3rd of every ' +
+          quarterly[parseInt(frequencyDetails[2].split(',')[0]) - 1] +
+          ' by ' +
+          frequencyTime;
+      } else if (
+        parseInt(frequencyDetails[1]) === 21 ||
+        parseInt(frequencyDetails[1]) === 31
+      ) {
+        this.frequencyPlaceholder =
+          parseInt(frequencyDetails[1]) +
+          'st of every ' +
+          quarterly[parseInt(frequencyDetails[2].split(',')[0]) - 1] +
+          ' by ' +
+          frequencyTime;
+      } else if (parseInt(frequencyDetails[1]) === 22) {
+        this.frequencyPlaceholder =
+          parseInt(frequencyDetails[1]) +
+          'nd of every ' +
+          quarterly[parseInt(frequencyDetails[2].split(',')[0]) - 1] +
+          ' by ' +
+          frequencyTime;
+      } else if (parseInt(frequencyDetails[1]) === 23) {
+        this.frequencyPlaceholder =
+          parseInt(frequencyDetails[1]) +
+          'rd of every ' +
+          quarterly[parseInt(frequencyDetails[2].split(',')[0]) - 1] +
+          ' by ' +
+          frequencyTime;
+      } else if (parseInt(frequencyDetails[1]) > 3) {
+        this.frequencyPlaceholder =
+          parseInt(frequencyDetails[1]) +
+          'th of every ' +
+          quarterly[parseInt(frequencyDetails[2].split(',')[0]) - 1] +
+          ' by ' +
+          frequencyTime;
+      }
+    }
+  }
+
+  /**
+   * It takes a string of comma separated numbers and returns a string of comma separated month names.
+   * @param {any} frequencyDetails - ["1", "1", "1,2,3,4,5,6,7,8,9,10,11,12"]
+   * @param {any} frequencyTime - "10:00 AM"
+   */
+  getBiannualPlaceholder(frequencyDetails: any, frequencyTime: any) {
+    {
+      const selectedMonth = frequencyDetails[2].split(',').map((ele: any) => {
+        return this.shortMonth[parseInt(ele) - 1];
+      });
+      if (parseInt(frequencyDetails[1]) === 1) {
+        this.frequencyPlaceholder =
+          '1st of every ' + selectedMonth.join(', ') + ' by ' + frequencyTime;
+      } else if (parseInt(frequencyDetails[1]) === 2) {
+        this.frequencyPlaceholder =
+          '2nd of every ' + selectedMonth.join(', ') + ' by ' + frequencyTime;
+      } else if (parseInt(frequencyDetails[1]) === 3) {
+        this.frequencyPlaceholder =
+          '3rd of every ' + selectedMonth.join(', ') + ' by ' + frequencyTime;
+      } else if (
+        parseInt(frequencyDetails[1]) === 21 ||
+        parseInt(frequencyDetails[1]) === 31
+      ) {
+        this.frequencyPlaceholder =
+          parseInt(frequencyDetails[1]) +
+          'st of every ' +
+          selectedMonth.join(', ') +
+          ' by ' +
+          frequencyTime;
+      } else if (parseInt(frequencyDetails[1]) === 22) {
+        this.frequencyPlaceholder =
+          parseInt(frequencyDetails[1]) +
+          'nd of every ' +
+          selectedMonth.join(', ') +
+          ' by ' +
+          frequencyTime;
+      } else if (parseInt(frequencyDetails[1]) === 23) {
+        this.frequencyPlaceholder =
+          parseInt(frequencyDetails[1]) +
+          'rd of every ' +
+          selectedMonth.join(', ') +
+          ' by ' +
+          frequencyTime;
+      } else if (parseInt(frequencyDetails[1]) > 3) {
+        this.frequencyPlaceholder =
+          parseInt(frequencyDetails[1]) +
+          'th of every ' +
+          selectedMonth.join(', ') +
+          ' by ' +
+          frequencyTime;
+      }
+    }
+  }
+
+  /**
+   * If the frequencyDetails[1] is less than 2, then the frequencyPlaceholder is set to the 1st, 2nd,
+   * 3rd, or nth of every month by frequencyTime.
+   *
+   * If the frequencyDetails[1] is greater than 1, then the frequencyPlaceholder is set to the 1st, 2nd,
+   * 3rd, or nth of every month, Interval: every yearSequence years by frequencyTime.
+   * @param {any} frequencyDetails - ["Yearly", "1", "1", "1"]
+   * @param {any} frequencyTime - "10:00 AM"
+   */
+  getYearlyPlaceholder(frequencyDetails: any, frequencyTime: any) {
+    {
+      const yearSequence =
+        parseInt(frequencyDetails[3]) > 0 ? parseInt(frequencyDetails[3]) : 1;
+      if (parseInt(frequencyDetails[1]) < 2) {
+        if (parseInt(frequencyDetails[1]) === 1) {
+          this.frequencyPlaceholder =
+            '1st of every ' +
+            this.shortMonth[parseInt(frequencyDetails[2]) - 1] +
+            ' by ' +
+            frequencyTime;
+        }
+        if (parseInt(frequencyDetails[1]) === 2) {
+          this.frequencyPlaceholder =
+            '2nd of every ' +
+            this.shortMonth[parseInt(frequencyDetails[2]) - 1] +
+            ' by ' +
+            frequencyTime;
+        }
+        if (parseInt(frequencyDetails[1]) === 3) {
+          this.frequencyPlaceholder =
+            '3rd of every ' +
+            this.shortMonth[parseInt(frequencyDetails[2]) - 1] +
+            ' by ' +
+            frequencyTime;
+        }
+        if (parseInt(frequencyDetails[1]) > 3) {
+          this.frequencyPlaceholder =
+            parseInt(frequencyDetails[1]) +
+            'th of every ' +
+            this.shortMonth[parseInt(frequencyDetails[2]) - 1] +
+            ' by ' +
+            frequencyTime;
+        }
+        if (
+          parseInt(frequencyDetails[1]) === 31 ||
+          parseInt(frequencyDetails[1]) === 21
+        ) {
+          this.frequencyPlaceholder =
+            parseInt(frequencyDetails[1]) +
+            'st of every ' +
+            this.shortMonth[parseInt(frequencyDetails[2]) - 1] +
+            ' by ' +
+            frequencyTime;
+        }
+        if (parseInt(frequencyDetails[1]) === 22) {
+          this.frequencyPlaceholder =
+            parseInt(frequencyDetails[1]) +
+            'nd of every ' +
+            this.shortMonth[parseInt(frequencyDetails[2]) - 1] +
+            ' by ' +
+            frequencyTime;
+        }
+        if (parseInt(frequencyDetails[1]) === 23) {
+          this.frequencyPlaceholder =
+            parseInt(frequencyDetails[1]) +
+            'rd of every ' +
+            this.shortMonth[parseInt(frequencyDetails[2]) - 1] +
+            ' by ' +
+            frequencyTime;
+        }
+      }
+
+      if (parseInt(frequencyDetails[1]) > 1) {
+        if (parseInt(frequencyDetails[1]) === 1) {
+          // tslint:disable-next-line: max-line-length
+          this.frequencyPlaceholder =
+            '1st ' +
+            this.shortMonth[parseInt(frequencyDetails[2]) - 1] +
+            ', Interval: every ' +
+            yearSequence +
+            ' years by ' +
+            frequencyTime;
+        }
+        if (parseInt(frequencyDetails[1]) === 2) {
+          // tslint:disable-next-line: max-line-length
+          this.frequencyPlaceholder =
+            '2nd ' +
+            this.shortMonth[parseInt(frequencyDetails[2]) - 1] +
+            ', Interval: every ' +
+            yearSequence +
+            ' years by ' +
+            frequencyTime;
+        }
+        if (parseInt(frequencyDetails[1]) === 3) {
+          // tslint:disable-next-line: max-line-length
+          this.frequencyPlaceholder =
+            '3rd ' +
+            this.shortMonth[parseInt(frequencyDetails[2]) - 1] +
+            ', Interval: every ' +
+            yearSequence +
+            ' years by ' +
+            frequencyTime;
+        }
+        if (parseInt(frequencyDetails[1]) > 3) {
+          // tslint:disable-next-line: max-line-length
+          this.frequencyPlaceholder =
+            parseInt(frequencyDetails[1]) +
+            'th of  ' +
+            this.shortMonth[parseInt(frequencyDetails[2]) - 1] +
+            ', Interval: every ' +
+            yearSequence +
+            ' years by ' +
+            frequencyTime;
+        }
+        if (
+          parseInt(frequencyDetails[1]) === 31 ||
+          parseInt(frequencyDetails[1]) === 21
+        ) {
+          this.frequencyPlaceholder =
+            parseInt(frequencyDetails[1]) +
+            'st of every ' +
+            this.shortMonth[parseInt(frequencyDetails[2]) - 1] +
+            ' by ' +
+            frequencyTime;
+        }
+        if (parseInt(frequencyDetails[1]) === 22) {
+          this.frequencyPlaceholder =
+            parseInt(frequencyDetails[1]) +
+            'nd of every ' +
+            this.shortMonth[parseInt(frequencyDetails[2]) - 1] +
+            ' by ' +
+            frequencyTime;
+        }
+        if (parseInt(frequencyDetails[1]) === 23) {
+          this.frequencyPlaceholder =
+            parseInt(frequencyDetails[1]) +
+            'rd of every ' +
+            this.shortMonth[parseInt(frequencyDetails[2]) - 1] +
+            ' by ' +
+            frequencyTime;
+        }
+      }
+    }
+  }
+
+  /**
+   * It takes a frequencyDetails array and a frequencyTime array and returns a string.
+   * @param {any} frequencyDetails - [4,1,1,1]
+   */
+  getRandomPlaceholder(frequencyDetails: any, frequencyTime: any) {
+    const quarterly = [
+      'January, April, July, October',
+      'February, May, August, November',
+      ' March, June, September, December',
+    ];
+    {
+      switch (parseInt(frequencyDetails[1])) {
+        case 1:
+          this.frequencyPlaceholder =
+            'Every week for ' + frequencyDetails[3] + ' random instances';
+          break;
+        case 2:
+          this.frequencyPlaceholder =
+            ' Every ' +
+            frequencyDetails[2].split(',').map((ele: any) => {
+              return this.shortMonth[parseInt(ele) - 1];
+              // tslint:disable-next-line: align
+            }) +
+            ' for ' +
+            frequencyDetails[3] +
+            ' random instances';
+          break;
+        case 3:
+          this.frequencyPlaceholder =
+            'Every ' +
+            quarterly[parseInt(frequencyDetails[2].split(',')[0]) - 1] +
+            ' for ' +
+            frequencyDetails[3] +
+            ' random instances';
+          break;
+        case 4:
+          this.frequencyPlaceholder =
+            'Every year for ' + frequencyDetails[3] + ' random instances';
+      }
+    }
+  }
+
+  /**
+   * "When the user clicks the edit button, the edit button is hidden and the input field is shown.
+   * When the user clicks the input field, the input field is hidden and the edit button is shown."
+   * @param {any} event - any - the event that triggered the function
+   */
+  onEditWhat(event: any) {
+    setTimeout(() => {
+      // this will make the execution after the above boolean has changed
+      this.isEditWhat = false;
+      this.whatInput?.nativeElement?.focus();
+    }, 0);
+  }
+
+  /**
+   *
+   * The function is called with a parameter and returns an array of strings.
+   * @param {any} [res] - is the response from the API
+   */
+  getEditMoreOptions(res?: any) {
+    let checkedMoreOptions = [];
+    if (this.responsibilityForm.objective !== '') {
+      checkedMoreOptions.push('OBJECTIVE');
+      this.moreOptions.OBJECTIVE = true;
+    }
+    checkedMoreOptions.push('RISK_CLASSIFICATION');
+    this.moreOptions.RISK_CLASSIFICATION = true;
+
+    if (this.responsibilityForm.program?.length > 0) {
+      checkedMoreOptions.push('PROGRAM');
+      this.moreOptions.PROGRAM = true;
+    }
+    if (
+      this.responsibilityForm.formatAndEvidence.evidenceRequired ||
+      this.responsibilityForm.formatAndEvidence.formatRequired
+    ) {
+      checkedMoreOptions.push('FORMATE_EVIDENCE');
+      this.moreOptions.FORMATE_EVIDENCE = true;
+    }
+    if (this.responsibilityForm.rc?.length > 0) {
+      checkedMoreOptions.push('RC');
+      this.moreOptions.RC = true;
+    }
+    if (
+      this.isResponsibilityRcLinkEnabled &&
+      res?.responsibilityCenterArr &&
+      res?.responsibilityCenterArr?.length
+    ) {
+      checkedMoreOptions.push('RC');
+      this.moreOptions.RC = true;
+    }
+
+    if (this.responsibilityForm.checkpoints?.length > 0) {
+      checkedMoreOptions.push('CHECKPOINTS');
+      this.moreOptions.CHECKPOINTS = true;
+    }
+
+    if (this.responsibilityForm.selectedGRCObjects?.length > 0) {
+      checkedMoreOptions.push('GRC_OBJECTS');
+      this.moreOptions.GRC_OBJECTS = true;
+    }
+
+    if (
+      this.responsibilityForm?.reviewers?.list?.length > 0 ||
+      this.responsibilityForm?.groupReviewer?.list?.length > 0
+    ) {
+      checkedMoreOptions.push('REVIEWER');
+      this.moreOptions.REVIEWER = true;
+    }
+
+    if (
+      this.responsibilityForm?.overseers?.list?.length > 0 ||
+      this.responsibilityForm?.overseers?.notifyList?.length > 0 ||
+      this.responsibilityForm?.overseersGroups?.list?.length > 0 ||
+      this.responsibilityForm?.overseersGroups?.notifyList?.length > 0
+    ) {
+      checkedMoreOptions.push('OVERSEER');
+      this.moreOptions.OVERSEER = true;
+    }
+
+    if (this.responsibilityForm?.assuranceList?.length > 0) {
+      checkedMoreOptions.push('ASSURANCE');
+      this.moreOptions.ASSURANCE = true;
+    }
+
+    if (this.responsibilityForm.requiresAuditList?.length > 0) {
+      checkedMoreOptions.push('REQUIRES_AUDIT');
+      this.moreOptions.REQUIRES_AUDIT = true;
+    }
+
+    if (res.questionnaire_type === 'assessment') {
+      checkedMoreOptions.push('ASSESSMENT');
+      this.moreOptions.ASSESSMENT = true;
+    }
+
+    if (res.questionnaire_type === 'assessment_checkpoint') {
+      checkedMoreOptions.push('CHECKPOINTS_NEW');
+      this.moreOptions.CHECKPOINTS_NEW = true;
+    }
+
+    this.populateOption.emit(checkedMoreOptions);
+  }
+
+  // Format & Evidence
+  testFunction() {
+    if (
+      this.responsibilityForm.responsibility.name.trim() !== '' &&
+      this.isEditWhat === false
+    ) {
+      this.isEditWhat = true;
+    }
+    if (this.responsibilityForm.description == '<br>') {
+      this.responsibilityForm.description = '';
+    }
+    if (this.responsibilityForm.objective == '<br>') {
+      this.responsibilityForm.objective = '';
+    }
+  }
+
+  reviewerTypeChange(event: any) {
+    this.responsibilityForm.reviewers.sequentialWorkflow =
+      event === 'SEQUENTIAL' ? true : false;
+  }
+
+  selectedSampleData(event: number) {
+    this.selectedSample = event;
+    this.tempCheckValue = event;
+  }
+
+  /**
+   * It populates a list of assurance categories based on the test plan category selected.
+   * @param {any} testPlanCategory - any
+   */
+  populateAssuranceList(testPlanCategory: any) {
+    this.responsibilityForm.assurance = this.setList(
+      this.assuranceCategoriesList,
+      [testPlanCategory?.category_id],
+      'category_id'
+    );
+    this.responsibilityForm.audit_category_details = testPlanCategory;
+    if (testPlanCategory.sample) {
+      this.isSample = true;
+      this.sampleValue = testPlanCategory.sample;
+      this.selectedSample = 0;
+    }
+
+    if (testPlanCategory.percentage) {
+      this.isSample = true;
+      this.samplePercentage = testPlanCategory.percentage;
+      this.selectedSample = 1;
+    }
+    this.tempCheckValue = this.selectedSample;
+    this.sendAuditRemindersValue = testPlanCategory.frequency_pattern
+      ? parseInt(testPlanCategory.frequency_pattern.split('~')[2])
+      : 2;
+    this.auditTime = moment(
+      testPlanCategory?.frequency_time,
+      'HH:mm:ss'
+    ).format('HH:mm a');
+  }
+
+  //on sample toggle on/off
+  checkInputValue(event: any) {
+    let key = event.charCode; //         key = event.keyCode;  (Both can be used)
+    return (key > 47 && key < 58) || key == 45;
+  }
+
+  switchEnable(event: boolean) {
+    if (event) {
+      this.selectedSample = this.tempCheckValue;
+    } else {
+      this.selectedSample = -1;
+    }
+  }
+
+  // TODO:  select Assessment list and set id to payload
+  onAssessmentSelect(event: any) {
+    this.isAssessment = false;
+    this.responsibilityForm.assessment = event;
+  }
+  // TODO: Populate assessment data from already selected data
+  /**
+   *
+   * @param assessmentDetails : selected assessment details like it's object id and category_id
+   */
+  getAssessmentDetails(assessmentDetails: any, type?: string) {
+    this.responsibilityService
+      .getAssessmentDetailsByID(assessmentDetails.assessment_id)
+      .subscribe((res: any) => {
+        if (res?.length > 0) {
+          if (type === 'assessment') {
+            const categoryDetails = res[0].category.find(
+              (ele: any) => ele._id == assessmentDetails.category_id
+            );
+            this.moreOptions.ASSESSMENT = true;
+            const assessmentData = {
+              category_id: assessmentDetails.category_id,
+              assessment_id: assessmentDetails.assessment_id,
+              assessmentDetails: {
+                id: assessmentDetails.assessment_id,
+                assessment_name: res[0].assessment_name,
+                questions: res[0].questionsCount,
+              },
+              category_details: categoryDetails,
+            };
+            this.responsibilityForm.assessment = JSON.parse(
+              JSON.stringify(assessmentData)
+            );
+          } else {
+            this.moreOptions.CHECKPOINTS_NEW = true;
+            this.postAssessment({ assessmentDetails: res[0].questions });
+          }
+        }
+      });
+  }
+
+  onRemoveCheckpoints(type: string) {
+    this.onRemovingCheckpoint.emit(type);
+  }
+
+  removeCheckpoint() {
+    this.moreOptions.CHECKPOINTS = false;
+    this.responsibilityForm.checkpoints = [];
+  }
+
+  /**
+   *
+   * @param event Assessment details
+   */
+  postAssessment(event: any) {
+    this.responsibilityForm.new_checkpoints = event.assessmentDetails;
+    this.checkpointCount = event.assessmentDetails.elements?.length;
+    this.checkpointCountUpdated.emit(this.checkpointCount);
+    this.setIsUploaded(false);
+  }
+
+  setIsUploaded(event: any) {
+    if (!event) this.activeDeselector();
+    this.authService.previewPanel.next(event);
+  }
+
+  checkDefaultProgramOnRemove(program: any) {
+    const index = this.responsibilityForm?.linkedProgram?.findIndex(
+      (el: any) => el?.category_id === program?.category_id
+    );
+    const programIndex = this.responsibilityForm?.program?.findIndex(
+      (el: any) => el?.category_id === program?.category_id
+    );
+    if (index !== -1) {
+      this.responsibilityForm?.linkedProgram?.splice(index, 1);
+      const updatedCategories = this.responsibilityForm?.category?.filter(
+        (el: any) =>
+          !(el === program?.category_id || program?.child_id?.includes(el))
+      );
+      this.responsibilityForm.category = updatedCategories;
+    }
+    if (programIndex !== -1) {
+      this.responsibilityForm.program = [];
+      if (this.responsibilityForm?.linkedProgram?.length) {
+        this.responsibilityForm?.program.push(
+          this.responsibilityForm?.linkedProgram[0]
+        );
+      }
+    }
+  }
+
+  /**
+   * It takes an array of numbers and returns an array of unique numbers.
+   * @param {any} array - The array you want to get the unique values from.
+   * @returns An array of unique values.
+   */
+  getUniqueIds(array: any) {
+    const unique = [...new Set(array)];
+    return unique;
+  }
+
+  openAssigneeChangeConfirmation(event: any) {
+    if (event) {
+      this.responsibilityForm.assignees.whoCanComplete = 'ANY_ONE';
+    } else {
+      this.responsibilityForm.assignees.whoCanComplete = '';
+      this.assigneeTypeChange.emit(true);
+    }
+  }
+
+  /**
+   * If the mode is EDIT, emit the event.
+   * @param {any} event - any - the event that is triggered when the user selects a radio button
+   */
+  onReviewerWorkflowChange(event: any) {
+    this.responsibilityForm.reviewers.sequentialWorkflow =
+      event === 'sequential' ? true : false;
+    if (this.mode === 'EDIT' && this.hasReviewer) {
+      this.onReviewerTypeChange.emit(event);
+    }
+  }
+
+  getOtherGRCObjects(event?: any) {
+    if (this.otherGRCSubscription) {
+      this.otherGRCSubscription.unsubscribe();
+    }
+    if (!event) {
+      event = {
+        rc_ids: '',
+        type: this.selectedGRCTab,
+        state: 1,
+        page: 1,
+      };
+    }
+    if (event?.searchString && this.grcSearchString !== event?.searchString) {
+      this.grcSearchString = event?.searchString;
+      this.getOtherGRCTabCount({
+        rc_ids: '',
+        searchString: this.grcSearchString,
+      });
+    }
+    this.grcLoader = true;
+    event['rc_ids'] = this.getAllRCIds(this.responsibilityForm.rc);
+    event['grcType'] = this.selectedGRCTab;
+    this.otherGRCSubscription = this.grcService
+      .getGRCList(event)
+      .subscribe((data: any) => {
+        this.grcList = data;
+        this.grcLoader = false;
+      });
+  }
+
+  /**
+   * The function `getOtherGRCTabCount` retrieves the count of different types of items (assets,
+   * processes, vendors, inventory) and updates the corresponding tabs with the count.
+   * @param {any} [event] - The "event" parameter is an optional parameter that can be passed to the
+   * "getOtherGRCTabCount" function. It is of type "any", which means it can accept any data type.
+   */
+  getOtherGRCTabCount(event?: any) {
+    event['rc_ids'] = this.getAllRCIds(this.responsibilityForm.rc);
+    this.grcTabLoader = true;
+    this.grcService.getGRCTabsCount(event).subscribe((data: any) => {
+      this.otherGRCCard.forEach((tab: any, index: number) => {
+        const OBJECT_LABEL: any = {
+          ASSET: 'Assets',
+          PROCESS: 'Processes',
+          VENDOR: 'Vendors',
+          INVENTORY: 'Inventory',
+        };
+        this.grcTabLoader = false;
+        const TAB_NAME = OBJECT_LABEL[tab?.title?.toUpperCase()];
+        if (TAB_NAME) {
+          tab.title = TAB_NAME;
+          tab.value = index;
+          tab.selectedCount = 0;
+          tab.key = TAB_NAME?.toLowerCase();
+        }
+        const key = `${tab.key}_type_count`;
+        if (data.hasOwnProperty(key)) {
+          tab.count = data[key];
+        }
+      });
+    });
+  }
+
+  getAllRCIds(rcIds: any) {
+    const allIds: number[] = rcIds.flatMap((rc: any) => [
+      ...rc.item_parent_ids.map(Number),
+      ...rc.item_child_ids.map(Number),
+      Number(rc.rc_id),
+    ]);
+
+    return this.responsibilityCentersList
+      .filter((rc: any) => allIds.includes(rc?.rc_id))
+      .map((ele: any) => ele._id)
+      .join(',');
+  }
+
+  setOtherGRCTypesFormate() {
+    const grcTypes = GRC_TYPE_ARRAY;
+    this.resetGRCDataWithTypes();
+    if (this.responsibilityForm?.selectedGRCObjects?.length > 0) {
+      this.responsibilityForm?.selectedGRCObjects?.forEach((item: any) => {
+        this.grcDataWithTypes[grcTypes[item?.type]]?.push(item);
+      });
+    }
+  }
+
+  resetGRCDataWithTypes() {
+    this.grcDataWithTypes = {
+      assets: [],
+      processes: [],
+      vendors: [],
+      inventory: [],
+    };
+  }
+
+  removeOtherGRCObjects(event: any) {
+    const grcTypes = GRC_TYPE_ARRAY;
+    this.responsibilityForm.selectedGRCObjects =
+      this.responsibilityForm?.selectedGRCObjects.filter(
+        (grc: any) => grc?._id !== event?._id
+      );
+    this.filterOtherGRCData(event, grcTypes[event?.type]);
+    this.otherGRCCard[0].selectedCount
+      ? (this.otherGRCCard[event?.type].selectedCount -= 1)
+      : 0;
+  }
+
+  filterOtherGRCData(event: any, type: string) {
+    this.grcDataWithTypes[type] = this.grcDataWithTypes[type]?.filter(
+      (grc: any) => grc?._id !== event?._id
+    );
+  }
+}