vcomply-workflow-engine 2.0.4 → 2.0.167

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

@@ -0,0 +1,1448 @@
+import { AfterViewInit, ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';
+import { UntypedFormBuilder, UntypedFormControl, Validators } from '@angular/forms';
+import { cloneDeep, isEqual } from 'lodash';
+import { DatePickerComponent } from 'ng2-date-picker';
+import { distinctUntilChanged, take } from 'rxjs';
+import { AuthService } from '../workflow-services/auth.service';
+import { ProgramsService } from '../workflow-services/programs.service';
+import { UiKitService } from '../workflow-services/ui-kit.service';
+import { CONSTANTS } from './constants';
+
+@Component({
+  selector: 'app-workflow-program',
+  templateUrl: './workflow-program.component.html',
+  styleUrls: ['./workflow-program.component.less', '../forms.less']
+})
+export class WorkflowProgramComponent implements OnInit {
+  constants = CONSTANTS;
+  showConfirmation: any;
+  isAscentAllowed: boolean = false;
+  ff_rc_listing: boolean = false;
+  @ViewChild('form', { read: ElementRef }) form !: ElementRef;
+  datePickerOverlay = false;
+  @ViewChild('datePicker') datePicker!: DatePickerComponent;
+  @Output() pickerChanged = new EventEmitter();
+  @Output() populateOption = new EventEmitter();
+  @Output() closeWorkflow = new EventEmitter();
+  @Output() showConfirmationAlert = new EventEmitter();
+  @Output() disconnectRefresh = new EventEmitter();
+  @Output() refreshForm = new EventEmitter();
+  @Output() hideElementsFromMoreOptions = new EventEmitter();
+  @Output() onRemovingRole: EventEmitter<any> = new EventEmitter();
+  @Output() disableElementsFromMoreOptions = new EventEmitter();
+  scrollToBottom!: boolean;
+  @Input() canFrameworkChange: boolean = true;
+  programSimplifyFlag: boolean = false;
+
+  // All Input fields
+  @Input() mode: string = '';
+  @Input() programId: string = '';
+  @Input() programType: number = 1;
+  @Input() allowedFeature!: any;
+  @Input() addToProgramDetails: any;
+  @Input() orgDetails: any;
+  panelTitleDefaultReviewer = "Select Default Reviewer(s)";
+  panelTitleOwner = "Select Owner(s)";
+  panelTitleReviewer = "Select Reviewer(s)";
+  panelTitleAssignee = "Select Assignee(s)";
+  panelTitleApprover = "Select  Approver"
+  isApproverDisabled: boolean = false;
+  isProgramScope: boolean = false;
+  toolTipData: any ={
+    owner :"Owners are responsible for managing a Program. Only Owners can make changes to a Program and the responsibilities that are linked with the Program.<br>The <strong>Key Admin</strong> and all <b>Admin</b> users will be selected as the Owners of a Program by default.",
+    programScope: `A Program Scope can be used as follows:
+  <li>To specify the duration of the Program.</li>
+  <li>To pre-select certain options that are available when creating a responsibility, thereby decreasing the time required to create a responsibility.</li>
+  <li>To limit the options available for selection when creating a responsibility, thereby making it easier to create a responsibility and reducing the likelihood of an incorrect option being selected.</li>
+    `
+  }
+  businessCycle: any;
+  featureflagrole: boolean = false;
+  featureflagGroups: boolean =false;
+  disabledAssigneeIds: any[] = [];
+  selectedReviewerIds: any[] = [];
+  selectedAssigneeIds: any[] = [];
+  selectedOverseerIds: any[] = [];
+  assignorId: number[] = [];
+  disableReviewerIds: any[] = [];
+  disableOverseerIds: any[] = [];
+
+  constructor(private fb: UntypedFormBuilder, private programService: ProgramsService, private authService: AuthService,private uiKitService:UiKitService, private changeRef: ChangeDetectorRef) {
+    this.businessCycle = JSON.parse(localStorage.getItem("businessCycle") ?? '{}');
+    console.log(this.businessCycle, 'bc');
+   }
+  public noWhitespaceValidator(control: UntypedFormControl) {
+    const isWhitespace = (control.value || '').trim().length === 0;
+    const isValid = !isWhitespace;
+    return isValid ? null : { 'whitespace': true };
+  }
+  public blankArrayValidator(control: UntypedFormControl) {
+    const isBlank = control.value?.filter((ele:any)=> ele)?.length === 0;
+    const isValid = !isBlank;
+    return isValid ? null : { 'blank': true };
+  }
+ loader = false;
+ showSmiley = false;
+ actionButtons = [
+  { buttonText: 'Add More Programs', class: 'white-btn', id: 'addMore' },
+  { buttonText: 'View Program', class: 'blue-btn', id: 'viewProgram' },
+];
+smileyMessage = `You're All Set!`;
+createdProgramId = '';
+  isObjectiveValid: boolean = true;
+  isNameExists: boolean =false;
+  //form body for program meta data
+  programForm = this.fb.group({
+    program_type: [this.programType, [Validators.required, Validators.min(0), Validators.max(3)]],
+    program_name: ['', [Validators.required, this.noWhitespaceValidator]],
+    program_description: [''],
+    program_description_attachments: [[]],
+    program_objective: [''],
+   // program_objective: ['', [Validators.required, this.noWhitespaceValidator]],
+    program_objective_attachments: [[]],
+    program_roles: [[], [Validators.required,this.blankArrayValidator]],
+    all_user_in_role: [false],
+    program_owners: [[], [Validators.required,this.blankArrayValidator]],
+    program_owners_group :[[]],
+    program_approver: [[]],
+    performance_calculation: ['PAST_EVENT', [Validators.required]],
+    recurring_frequency: [true,[Validators.required]],
+    lock_scope_change: [false,[Validators.required]],
+    framework: [],
+    rc: [[]],
+    program_assignee: [[]],
+    program_assignee_group: [[]],
+    program_default_assignee: [[]],
+    program_default_assignee_group: [[]],
+    assignee_completion_criteria: ['ALL'],
+    program_reviewer: [[]],
+    program_reviewer_group: [[]],
+    program_default_reviewer: [[]],
+    program_default_reviewer_group: [[]],
+    reviewer_completion_criteria: ['SEQUENTIAL'],
+    program_overseer: [[]],
+    program_overseer_group: [[]],
+    program_default_overseer: [[]],
+    program_default_overseer_group: [[]],
+    program_default_failed_overseer: [[]],
+    program_default_failed_overseer_group: [[]],
+    program_assessments: [[]],
+    evidence_required: [false],
+    allow_any_file_key_evidence: [false],
+    custom_fields: [[]],
+    program_state: 0,
+  });
+
+  //exceptional handling of custom fields
+
+   showAddCustomField = true;
+  //Program objective and descripion are explectly declared as they are using marx editor which does not supports Reactive forms binding
+  editorData = {
+    programObjective: '',
+    programDescription: ''
+  }
+
+  selectedAssessment!: any;
+
+
+
+  currentUser() {
+    const user = this.authService.tokenInfo()
+    return {
+      member_email: user?.email,
+      member_id: user?.id,
+      member_name: user?.name,
+      user_role: "LOGGED_IN",
+      _id: ""
+    }
+
+  }
+  //Sets the value of a form control
+  setFormField(controlName: string, value: any, isFromForm?: boolean) {
+    let patch: any = {};
+    patch[controlName] = value;
+    this.programForm.patchValue(patch);
+    this.controls[controlName]?.markAsTouched();
+    if(isFromForm && controlName === 'program_objective' && !value.replace(/&nbsp;/g, ' ').trim()) this.isObjectiveValid = false;
+    else this.isObjectiveValid = true;
+  }
+
+  //Returns weather the form is valid or not
+  get formValid() {
+    if (this.programForm.valid && this.editorData?.programObjective?.replace(/&nbsp;/g, ' ')?.trim()?.length ) {
+      return true;
+    } else {
+      return false;
+    }
+  }
+
+  controls: any = {
+    program_name: this.programForm.get('program_name'),
+    program_type:this.programForm.get('program_type'),
+    program_objective: this.programForm.get('program_objective'),
+    program_roles: this.programForm.get('program_roles'),
+    program_owners: this.programForm.get('program_owners'),
+    program_owners_group: this.programForm.get('program_owners_group'),
+    all_user_in_role: this.programForm.get('all_user_in_role'),
+    program_approver: this.programForm.get('program_approver'),
+    description_attachment: this.programForm.get('program_description_attachments'),
+    objective_attachments: this.programForm.get('program_objective_attachments'),
+    performance_calculation:this.programForm.get('performance_calculation'),
+    recurring_frequency: this.programForm.get('recurring_frequency'),
+    lock_scope_change: this.programForm.get('lock_scope_change'),
+    rc: this.programForm.get('rc'),
+    evidence_required: this.programForm.get('evidence_required'),
+    framework: this.programForm.get('framework'),
+    allow_any_file_key_evidence: this.programForm.get('allow_any_file_key_evidence'),
+    program_assignee:this.programForm.get('program_assignee'),
+    program_assignee_group:this.programForm.get('program_assignee_group'),
+    program_default_assignee:this.programForm.get('program_default_assignee'),
+    program_default_assignee_group:this.programForm.get('program_default_assignee_group'),
+    assignee_completion_criteria:this.programForm.get('assignee_completion_criteria'),
+    program_default_reviewer:this.programForm.get('program_default_reviewer'),
+    program_default_reviewer_group:this.programForm.get('program_default_reviewer_group'),
+    program_reviewer:this.programForm.get('program_reviewer'),
+    program_reviewer_group:this.programForm.get('program_reviewer_group'),
+    program_overseer:this.programForm.get('program_overseer'),
+    program_overseer_group:this.programForm.get('program_overseer_group'),
+    program_default_overseer:this.programForm.get('program_default_overseer'),
+    program_default_overseer_group:this.programForm.get('program_default_overseer_group'),
+    program_default_failed_overseer:this.programForm.get('program_default_failed_overseer'),
+    program_default_failed_overseer_group:this.programForm.get('program_default_failed_overseer_group'),
+    reviewer_completion_criteria : this.programForm.get('reviewer_completion_criteria'),
+    program_assessments: this.programForm.get('program_assessments'),
+    custom_fields: this.programForm.get('custom_fields'),
+    isApproverDisabled: this.programForm.get('isApproverDisabled'),
+  }
+
+  lists: any = {
+    ROLES: [],
+    OWNERS: [],
+    OWNERS_GROUPS:[],
+    APPROVERS:[],
+    REVIEWERS: [],
+    REVIEWERS_GROUP:[],
+    ASSIGNEES: [],
+    ASSIGNEES_GROUP :[],
+    DEFAULT_ASSIGNEES:[],
+    DEFAULT_ASSIGNEES_GROUP:[],
+    DEFAULT_REVIEWERS:[],
+    DEFAULT_REVIEWERS_GROUP:[],
+    OVERSEERS: [],
+    OVERSEERS_GROUP:[],
+    DEFAULT_OVERSEERS: [],
+    DEFAULT_OVERSEERS_GROUP:[],
+    RC: [],
+    NON_REMOVABLE_OWNERS: [],
+    ALL_USER:[],
+    ALL_GROUP:[],
+    SYSTEM_ROLE_IDS:[]
+  }
+
+
+
+  listLoadingState = {
+    ROLES:false,
+    USERS:false,
+    GROUP:false,
+    RC:false,
+  }
+  sideElements = ['ROLE','RC','OWNER','ASSIGNEE','APPROVER','DEFAULT_ASSIGNEE','REVIEWER','DEFAULT_REVIEWER','ASSESSMENT','FRAMEWORK','OVERSEER','DEFAULT_FAILED_OVERSEER','DEFAULT_OVERSEER','OVERSEER'];
+
+  ngOnInit(): void {
+    this.setFormField('program_type', this.programType);
+    if(this.mode === 'EDIT') {
+      this.getProgramDetails();
+    }else{
+      this.fetchOrganizationUsers();
+      this.fetchOrganizationGroup();
+    }
+    this.fetchRoles();
+    this.fetchRC();
+    if(this.addToProgramDetails?._id) {
+      this.listAction(this.addToProgramDetails, 'FRAMEWORK')
+    }
+    this.enablefeature();
+    this.changeRef.detectChanges();
+  }
+  get valid() {
+   return this.programForm.valid
+  }
+
+  additionalOption: any = {...CONSTANTS.additionalOption};
+  activeList = ''
+  /**
+   * #### Description
+   * Populates optional fields status for the optional fields
+   */
+  populateOptionalFields() {
+    const activatedOptions = [];
+    for (const key of Object.keys(this.additionalOption)) {
+      if (this.additionalOption[key] === true) {
+        activatedOptions.push(key);
+      }
+    }
+    this.populateOption.emit(activatedOptions);
+  }
+  addMoreInfo(event: any) {
+    this.additionalOption[event.code] = event.checked;
+    this.scrollToBottom = true;
+    this.checkProgramOptionField();
+  }
+
+  // function to automate form value change handng
+  formChangeListner() {
+    const fields = Object.keys(this.controls);
+    fields.forEach((ele: any) => {
+      this.controls[ele]?.valueChanges.pipe(distinctUntilChanged()).subscribe({
+        next: (res: any) => { this.handleFormFieldChange(ele, res) }
+      })
+    })
+  }
+
+  handleFormFieldChange(control: string, payload?: any) {
+    switch (control) {
+      case 'program_roles': {
+        this.fetchUsersAssociatedWithRoles()
+      }
+    }
+  }
+
+  activateList(evt: string) {
+    if(evt === 'FRAMEWORK' && !this.canFrameworkChange) return;
+    this.activeList = evt;
+    this.pickerChanged.emit(true);
+  }
+
+  listAction(evt: any, type: any) {
+    switch (type) {
+      case 'ROLE': {
+        this.showConfirmation = true;
+        const systemRoles = evt?.filter((ele: any) => (ele?.roleName?.toLowerCase() === 'key admin' || ele?.roleName?.toLowerCase() === 'admin'));
+        const patchVal = this.uniqueByProp([...systemRoles, ...evt], '_id');
+        if (!isEqual(this.controls.program_roles.value.sort(), patchVal.sort())) {
+          this.setFormField('program_roles', patchVal);
+            this.fetchUsersAssociatedWithRoles();
+            this.fetchGroupsAssociatedWithRoles();
+        }
+        this.fieldDeselector(type);
+        break;
+      }
+      case 'RC': {
+        console.log("role",evt)
+        const rc = this.setList(this.lists.RC, evt, 'item_id')
+        console.log("setrc",rc)
+        this.setFormField('rc', this.uniqueByProp(rc, 'item_id'));
+        this.fieldDeselector(type);
+        break;
+      }
+      case 'OWNER' :{
+        this.setFormField('program_owners', this.uniqueByProp(evt?.users, 'member_id'));
+        this.setFormField('program_owners_group', this.uniqueByProp(evt?.groups, 'group_id'));
+        this.fieldDeselector(type);
+        break;
+      }
+      case 'APPROVER':{
+        this.setFormField('program_approver', this.uniqueByProp(evt?.users, 'member_id'));
+        this.fieldDeselector(type);
+        break;
+      }
+      case 'ASSIGNEE':{
+        this.setFormField('program_assignee', this.uniqueByProp(evt?.users, 'member_id'));
+        this.setFormField('program_assignee_group', this.uniqueByProp(evt?.groups, 'group_id'));
+        this.fieldDeselector(type);
+        this.setDefaultAssignee(evt);
+        break;
+      }
+      case 'DEFAULT_ASSIGNEE':{
+        this.setFormField('program_default_assignee', this.uniqueByProp(evt?.users, 'member_id'));
+        this.setFormField('program_default_assignee_group', this.uniqueByProp(evt?.groups, 'group_id'));
+        this.fieldDeselector(type);
+        this.refreshList()
+        break;
+      }
+      case 'REVIEWER':{
+        this.setFormField('program_reviewer', this.uniqueByProp(evt?.users, 'member_id'));
+        this.setFormField('program_reviewer_group', this.uniqueByProp(evt?.groups, 'group_id'));
+        this.fieldDeselector(type);
+        this.setDefaultReviewer(evt);
+        break;
+      }
+      case 'DEFAULT_REVIEWER':{
+        this.setFormField('program_default_reviewer', this.uniqueByProp(evt?.users, 'member_id'));
+        this.setFormField('program_default_reviewer_group', this.uniqueByProp(evt?.groups, 'group_id'));
+        this.fieldDeselector(type);
+        this.controls.reviewer_completion_criteria.value = this.controls?.program_default_reviewer_group?.value?.length >0 ? 'ANYONE':this.controls?.reviewer_completion_criteria?.value
+        this.refreshList()
+        break;
+      }
+      case 'OVERSEER':{
+        this.setFormField('program_overseer', this.uniqueByProp(evt?.users, 'member_id'));
+        this.setFormField('program_overseer_group', this.uniqueByProp(evt?.groups, 'group_id'));
+        this.fieldDeselector(type);
+        this.setDefaultOverseer(evt);
+        break;
+      }
+      case 'DEFAULT_OVERSEER':{
+        this.setFormField('program_default_overseer', this.uniqueByProp(evt?.users, 'member_id'));
+        this.setFormField('program_default_overseer_group', this.uniqueByProp(evt?.groups, 'group_id'));
+        this.fieldDeselector(type);
+        this.refreshList()
+        break;
+      }
+      case 'DEFAULT_FAILED_OVERSEER':{
+        this.setFormField('program_default_failed_overseer', this.uniqueByProp(evt?.users, 'member_id'));
+        this.setFormField('program_default_failed_overseer_group', this.uniqueByProp(evt?.groups, 'group_id'));
+        this.fieldDeselector(type);
+        this.refreshList()
+        break;
+      }
+      case 'ASSESSMENT':{
+        this.setFormField('program_assessments', evt);
+        this.fieldDeselector(type);
+        break;
+      }
+      case 'FRAMEWORK':{
+        this.setFormField('framework', evt);
+        this.setFormField('program_name', evt?.name);
+        this.setFormField('program_description', evt?.description);
+        this.editorData.programDescription = evt?.description;
+        this.fieldDeselector(type);
+        break;
+      }
+    }
+    console.log("selected form ===>", this.controls)
+  }
+
+  remove(evt: any, type: any) {
+    switch (type) {
+      case 'ROLE': {
+        let msg = '';
+        msg = 'If you change the roles, any unsaved changes would be lost.'
+        const roles = this.controls?.program_roles?.value?.filter((ele: any) => ele?._id !== evt?._id);
+        this.listAction(roles,'ROLE');
+        this.setFormField('program_roles', roles);
+        break;
+      }
+      case 'RC': {
+        const rcs = this.controls?.rc?.value?.filter((ele: any) => ele?.item_id !== evt?.item_id);
+        this.setFormField('rc', rcs);
+        break;
+      }
+      case 'OWNER':{
+        const owners = this.controls?.program_owners?.value?.filter((ele: any) => ele?.member_id !== evt?.member_id);
+        this.setFormField('program_owners', owners);
+        break;
+      }
+      case 'OWNER_GROUP':{
+        const owners_group = this.controls?.program_owners_group?.value?.filter((ele: any) => ele?.group_id !== evt?.group_id);
+        this.setFormField('program_owners_group', owners_group);
+        break;
+      }
+      case 'APPROVER':{
+        const approver = this.controls?.program_approver?.value?.filter((ele: any) => ele?.member_id !== evt?.member_id);
+        this.setFormField('program_approver', approver);
+        break;
+      }
+      case 'ASSIGNEE':{
+        const assignee = this.controls?.program_assignee?.value?.filter((ele: any) => ele?.member_id !== evt?.member_id);
+        this.setFormField('program_assignee', assignee);
+        this.setDefaultAssigneeOnRemove(evt,type)
+        break;
+      }
+      case 'ASSIGNEE_GROUP':{
+        const assignee_group = this.controls?.program_assignee_group?.value?.filter((ele: any) => ele?.group_id !== evt?.group_id);
+        this.setFormField('program_assignee_group', assignee_group);
+        this.setDefaultAssigneeOnRemove(evt,type)
+        break;
+      }
+      case 'DEFAULT_ASSIGNEE':{
+        const assignee = this.controls?.program_default_assignee?.value?.filter((ele: any) => ele?.member_id !== evt?.member_id);
+        this.setFormField('program_default_assignee', assignee);
+        this.refreshList()
+        break;
+      }
+      case 'DEFAULT_ASSIGNEE_GROUP':{
+        const assignee_group = this.controls?.program_default_assignee_group?.value?.filter((ele: any) => ele?.group_id !== evt?.group_id);
+        this.setFormField('program_default_assignee_group', assignee_group);
+        break;
+      }
+      case 'REVIEWER':{
+        const reviewer = this.controls?.program_reviewer?.value?.filter((ele: any) => ele?.member_id !== evt?.member_id);
+        this.setFormField('program_reviewer', reviewer);
+        this.setDefaultReviewerOnRemove(evt,type)
+        break;
+      }
+      case 'REVIEWER_GROUP':{
+        const reviewer_group = this.controls?.program_reviewer_group?.value?.filter((ele: any) => ele?.group_id !== evt?.group_id);
+        this.setFormField('program_reviewer_group', reviewer_group);
+        this.setDefaultReviewerOnRemove(evt,type)
+        break;
+      }
+      case 'DEFAULT_REVIEWER':{
+        const reviewer = this.controls?.program_default_reviewer?.value?.filter((ele: any) => ele?.member_id !== evt?.member_id);
+        this.setFormField('program_default_reviewer', reviewer);
+        this.refreshList()
+        break;
+      }
+      case 'DEFAULT_REVIEWER_GROUP':{
+        const reviewer_group = this.controls?.program_default_reviewer_group?.value?.filter((ele: any) => ele?.group_id !== evt?.group_id);
+        this.setFormField('program_default_reviewer_group', reviewer_group);
+        this.controls.reviewer_completion_criteria.value = this.controls?.program_default_reviewer_group?.value?.length >0 ? 'ANYONE':this.controls?.reviewer_completion_criteria?.value;
+        break;
+      }
+      case 'OVERSEER':{
+        const overseer = this.controls?.program_overseer?.value?.filter((ele: any) => ele?.member_id !== evt?.member_id);
+        this.setFormField('program_overseer', overseer);
+        this.setDefaultOverseerOnRemove(evt,type)
+        break;
+      }
+      case 'OVERSEER_GROUP':{
+        const overseer_group = this.controls?.program_overseer_group?.value?.filter((ele: any) => ele?.group_id !== evt?.group_id);
+        this.setFormField('program_overseer_group', overseer_group);
+        this.setDefaultOverseerOnRemove(evt,type)
+        break;
+      }
+      case 'DEFAULT_OVERSEER':{
+        const overseer = this.controls?.program_default_overseer?.value?.filter((ele: any) => ele?.member_id !== evt?.member_id);
+        this.setFormField('program_default_overseer', overseer);
+        this.refreshList()
+        break;
+      }
+      case 'DEFAULT_OVERSEER_GROUP':{
+        const overseer_group = this.controls?.program_default_overseer_group?.value?.filter((ele: any) => ele?.group_id !== evt?.group_id);
+        this.setFormField('program_default_overseer_group', overseer_group);
+        break;
+      }
+      case 'DEFAULT_FAILED_OVERSEER':{
+        const overseer = this.controls?.program_default_failed_overseer?.value?.filter((ele: any) => ele?.member_id !== evt?.member_id);
+        this.setFormField('program_default_failed_overseer', overseer);
+        this.refreshList()
+        break;
+      }
+      case 'DEFAULT_FAILED_OVERSEER_GROUP':{
+        const overseer_group = this.controls?.program_default_failed_overseer_group?.value?.filter((ele: any) => ele?.group_id !== evt?.group_id);
+        this.setFormField('program_default_failed_overseer_group', overseer_group);
+        break;
+      }
+      case 'ASSESSMENT' :{
+
+        let current = cloneDeep(this.controls.program_assessments?.value);
+        const index = current.findIndex((ele: any) => ele.category_id == evt.category_id);
+        current[index].assessmentIds = current[index].assessmentIds.filter((assessment: any) => assessment.id !== evt.id);
+        if(current[index].assessmentIds.length  === 0)  current.splice(index, 1);
+        this.listAction(current, 'ASSESSMENT');
+       break;
+      }
+      case 'FRAMEWORK' :{
+        this.setFormField('framework', null);
+        break;
+      }
+
+    }
+  }
+
+  returnIds(list: any[], key: string) {
+    return list?.map(ele => { if (ele[key]) { return ele[key]; } }).filter(ele => ele);
+  }
+
+  refreshList(){
+    this.selectedAssigneeIds = [];
+    this.selectedReviewerIds = [];
+    this.selectedOverseerIds = [];
+    let assignorAndAssigneesIds :any = [];
+    this.assignorId = [];
+    let selectedAssignee = this.controls?.program_default_assignee?.value;
+    let selectedReviewer = this.controls?.program_default_reviewer?.value;
+    let selectedOverseerList = this.controls?.program_default_overseer?.value;
+    let selectedOverseerFailureList = this.controls?.program_default_failed_overseer?.value;
+    let assignor = this.currentUser()
+    this.assignorId.push(assignor?.member_id);
+    assignorAndAssigneesIds.push(assignor?.member_id)
+    selectedAssignee?.forEach((user:any)=>{
+      this.selectedAssigneeIds.push(user?.member_id)
+      assignorAndAssigneesIds.push(user?.member_id)
+    })
+    selectedReviewer?.forEach((user:any)=>{
+      this.selectedReviewerIds.push(user?.member_id)
+    })
+    selectedOverseerList?.forEach((user:any)=>{
+      this.selectedOverseerIds.push(user?.member_id)
+    })
+    selectedOverseerFailureList?.forEach((user:any)=>{
+      this.selectedOverseerIds.push(user?.member_id)
+    })
+    this.selectedReviewerIds = [...new Set(this.selectedReviewerIds)];
+    this.selectedAssigneeIds = [...new Set(this.selectedAssigneeIds)];
+    this.selectedOverseerIds = [...new Set(this.selectedOverseerIds)];
+    let disableAssigneeList = this.lists?.ALL_USER?.filter((user: any) => (this.selectedReviewerIds?.includes(user?.member_id) || this.selectedOverseerIds?.includes(user?.member_id)));
+    this.disabledAssigneeIds = this.returnIds(disableAssigneeList,'member_id');
+    let disableReviewerList = this.lists?.ALL_USER?.filter((user: any) => (this.selectedOverseerIds?.includes(user?.member_id) || this.selectedAssigneeIds?.includes(user?.member_id)));
+    this.disableReviewerIds = this.returnIds(disableReviewerList,'member_id')
+    let disableOverseerList =  this.lists?.ALL_USER?.filter((user: any) => (assignorAndAssigneesIds?.includes(user?.member_id) || this.selectedReviewerIds?.includes(user?.member_id)));
+    this.disableOverseerIds = this.returnIds(disableOverseerList,'member_id')
+  }
+
+  removeRole(evt: any){
+    this.onRemovingRole.emit(evt);
+  }
+
+
+  //below 4 functions can be easilty combined into one as they follow same kind of pattern or can be offloaded to a external service
+  setDefaultAssignee(evt:any){
+    if(evt?.users?.length || evt?.groups?.length){
+      this.lists.DEFAULT_ASSIGNEES = this.uniqueByProp(evt?.users, 'member_id');
+      this.lists.DEFAULT_ASSIGNEES_GROUP = this.uniqueByProp(evt?.groups, 'group_id');
+
+    }else{
+      this.lists.DEFAULT_ASSIGNEES = this.lists.ALL_USER;
+      this.lists.DEFAULT_ASSIGNEES_GROUP = this.lists.ALL_GROUP;
+    }
+    const assigneeMap =  evt?.users?.map((ele:any) => ele?.member_id);
+    let currentDefaultAssignee = this.controls.program_default_assignee?.value;
+    currentDefaultAssignee = currentDefaultAssignee.filter((ele:any)=> assigneeMap.includes(ele?.member_id));
+    this.setFormField('program_default_assignee', currentDefaultAssignee);
+  }
+
+  setDefaultAssigneeOnRemove(evt:any,type:any){
+   switch(type){
+     case 'ASSIGNEE' :{
+       this.lists.DEFAULT_ASSIGNEES = this.lists.DEFAULT_ASSIGNEES.filter((ele:any) => ele?.member_id !== evt?.member_id);
+       const defaultAssignee = this.controls.program_default_assignee?.value;
+       const assignee = defaultAssignee.filter((ele:any) =>  ele?.member_id !== evt?.member_id)
+       if(!assignee?.length){
+         this.lists.DEFAULT_ASSIGNEES = this.lists.ALL_USER;
+       }
+       this.setFormField('program_default_assignee', assignee);
+
+
+      break;
+     }
+     case 'ASSIGNEE_GROUP':{
+      this.lists.DEFAULT_ASSIGNEES_GROUP = this.lists.DEFAULT_ASSIGNEES_GROUP.filter((ele:any) => ele?.group_id !== evt?.group_id);
+      const defaultAssigneeGroup = this.controls.program_default_assignee_group?.value;
+      const assigneeGroup = defaultAssigneeGroup.filter((ele:any) =>  ele?.group_id !== evt?.group_id)
+      if(!assigneeGroup?.length){
+        this.lists.DEFAULT_ASSIGNEES_GROUP = this.lists.ALL_GROUP;
+      }
+      this.setFormField('program_default_assignee_group', assigneeGroup);
+     }
+   }
+  }
+  setDefaultReviewer(evt:any){
+    if(evt?.users?.length || evt?.groups?.length){
+      this.lists.DEFAULT_REVIEWERS = this.uniqueByProp(evt?.users, 'member_id');
+      this.lists.DEFAULT_REVIEWERS_GROUP = this.uniqueByProp(evt?.groups, 'group_id');
+      }else{
+      this.lists.DEFAULT_REVIEWERS = this.lists.ALL_USER;
+      this.lists.DEFAULT_REVIEWERS_GROUP = this.lists.ALL_GROUP;
+    }
+    const reviewerMap =  evt?.users?.map((ele:any) => ele?.member_id);
+    let currentDefaultReviewer = this.controls.program_default_reviewer?.value;
+    currentDefaultReviewer = currentDefaultReviewer.filter((ele:any)=> reviewerMap.includes(ele?.member_id));
+    this.setFormField('program_default_reviewer', currentDefaultReviewer);
+  }
+  setDefaultOverseer(evt:any){
+    if(evt?.users?.length || evt?.groups?.length){
+      this.lists.DEFAULT_OVERSEERS = this.uniqueByProp(evt?.users, 'member_id');
+      this.lists.DEFAULT_OVERSEERS_GROUP = this.uniqueByProp(evt?.groups, 'group_id');
+
+    }else{
+      this.lists.DEFAULT_OVERSEERS = this.lists.ALL_USER;
+      this.lists.DEFAULT_OVERSEERS_GROUP = this.lists.ALL_GROUP;
+    }
+    const overseerMap =  evt?.users?.map((ele:any) => ele?.member_id);
+    let currentDefaultReviewer = this.controls.program_default_overseer?.value;
+    let currentDefaultFailReviewer = this.controls.program_default_failed_overseer?.value;
+    currentDefaultReviewer = currentDefaultReviewer.filter((ele:any)=> overseerMap.includes(ele?.member_id));
+    currentDefaultFailReviewer = currentDefaultReviewer.filter((ele:any)=> overseerMap.includes(ele?.member_id));
+    this.setFormField('program_default_overseer', currentDefaultReviewer);
+    this.setFormField('program_default_failed_overseer', currentDefaultFailReviewer);
+  }
+  setDefaultReviewerOnRemove(evt:any,type:any){
+   switch(type){
+     case 'REVIEWER' :{
+       this.lists.DEFAULT_REVIEWERS = this.lists.DEFAULT_REVIEWERS.filter((ele:any) => ele?.member_id !== evt?.member_id);
+       const defaultReviewer = this.controls.program_default_reviewer?.value;
+       const reviewer = defaultReviewer.filter((ele:any) =>  ele?.member_id !== evt?.member_id)
+       this.setFormField('program_default_reviewer', reviewer);
+
+      break;
+     }
+     case 'REVIEWER_GROUP':{
+      this.lists.DEFAULT_REVIEWERS_GROUP = this.lists.DEFAULT_REVIEWERS_GROUP.filter((ele:any) => ele?.group_id !== evt?.group_id);
+      const defaultReviewerGroup = this.controls.program_default_reviewer_group?.value;
+      const reviewerGroup = defaultReviewerGroup.filter((ele:any) =>  ele?.group_id !== evt?.group_id)
+      this.setFormField('program_default_reviewer_group', reviewerGroup);
+     }
+   }
+  }
+  setDefaultOverseerOnRemove(evt:any,type:any){
+    switch(type){
+      case 'OVERSEER' :{
+        this.lists.DEFAULT_OVERSEERS = this.lists.DEFAULT_OVERSEERS.filter((ele:any) => ele?.member_id !== evt?.member_id);
+        const defaultOverseer = this.controls.program_default_overseer?.value;
+        const overseer = defaultOverseer.filter((ele:any) =>  ele?.member_id !== evt?.member_id)
+        this.setFormField('program_default_overseer', overseer);
+
+        const defaultFailOverseer = this.controls.program_default_failed_overseer?.value;
+        const overseerFail = defaultFailOverseer.filter((ele:any) =>  ele?.member_id !== evt?.member_id)
+        this.setFormField('program_default_failed_overseer', overseerFail);
+
+       break;
+      }
+      case 'OVERSEER_GROUP':{
+       this.lists.DEFAULT_OVERSEERS_GROUP = this.lists.DEFAULT_OVERSEERS_GROUP.filter((ele:any) => ele?.group_id !== evt?.group_id);
+       const defaultOverseerGroup = this.controls.program_default_overseer_group?.value;
+       const overseerGroup = defaultOverseerGroup.filter((ele:any) =>  ele?.group_id !== evt?.group_id)
+       this.setFormField('program_default_overseer_group', overseerGroup);
+
+       const defaultOverseerFailedGroup = this.controls.program_default_failed_overseer_group?.value;
+       const overseerFailedGroup = defaultOverseerFailedGroup.filter((ele:any) =>  ele?.group_id !== evt?.group_id)
+       this.setFormField('program_default_failed_overseer_group', overseerFailedGroup);
+      }
+    }
+   }
+
+
+
+  fieldDeselector(type: any) {
+    this.activeList = '';
+    this.pickerChanged.emit(false);
+    this.markasTouchedSelector(type)
+  }
+  markasTouchedSelector(fieldName:any){
+    const typeField:any = {
+      ROLE:'program_roles',
+      APPROVER:'program_approver',
+      OWNER:'program_owners',
+      OWNER_GROUP:'program_owners_group'
+     }
+     this.controls[typeField[fieldName]]?.markAsTouched();
+  }
+
+  fetchRoles() {
+    this.programService.getRoles().subscribe({
+      next: (res: any) => {
+        this.lists.ROLES = res;
+        const defaultSystemVal = this.lists?.ROLES?.data?.filter((ele: any) => (ele?.roleName?.toLowerCase() === 'key admin' || ele?.roleName?.toLowerCase() === 'admin'))?.map((ele:any) => ele?._id);
+        const defaultVal = this.lists?.ROLES?.data?.filter((ele: any) => (ele?.roleName?.toLowerCase() === 'key admin' || ele?.roleName?.toLowerCase() === 'admin'));
+      this.lists.SYSTEM_ROLE_IDS = defaultSystemVal;
+        if(this.mode !== 'EDIT'){
+          this.setFormField('program_roles', defaultVal);
+          this.fetchUsersAssociatedWithRoles();
+          this.fetchGroupsAssociatedWithRoles();
+        }
+
+      },
+      error: (err: any) => { }
+    })
+  }
+  //fetch the list of responsibilities center
+  fetchRC() {
+    this.programService.getResponsibilityCenterList().subscribe({
+      next: (res: any) => {
+        this.lists.RC = res;
+      },
+      error: (err: any) => { }
+    })
+  }
+
+
+  fetchUsersAssociatedWithRoles(calledFrom?: any) {
+    const loggedInUser = this.currentUser();
+    const roleIds = this.controls.program_roles?.value?.map((ele: any) => ele?._id);
+   // if (fetchAll) {
+      this.programService.fetchAllRoleUsers(roleIds).subscribe({
+        next: (res: any) => {
+          const isUserFind = res?.data?.some( (res: any) => res?.member_id === loggedInUser?.member_id);
+          if(!isUserFind) {
+            res?.data?.push(loggedInUser);
+            res.total_items = res?.total_items + 1;
+          }
+          this.lists.OWNERS = res;
+          this.lists.APPROVERS = res;
+          if(!res?.data?.map((ele:any) => ele?.member_id)?.includes(this.controls.program_approver?.value[0]?.member_id)){
+            this.setFormField('program_approver', []);
+          }
+          if (this.controls?.all_user_in_role?.value) {
+            this.setFormField('program_owners', res?.data);
+          } else {
+            this.setDefaultOwners(res?.data, calledFrom);
+          }
+        },
+        error: (err: any) => { }
+      })
+  }
+
+  fetchGroupsAssociatedWithRoles(){
+    const roleIds = this.controls.program_roles?.value?.map((ele: any) => ele?._id);
+     this.programService.fetchAllRoleGroups(roleIds).subscribe({
+        next:(res:any) => {
+          this.lists.OWNERS_GROUPS = res;
+          const roleIds: Array<string>  = this.controls.program_roles?.value.map((ele: any) => ele._id)
+         const groupDetails =  this.controls.program_owners_group?.value.filter((roleId: any) => {
+            if(roleId.roles.length) {
+              let isSameRole = false;
+              roleId.roles.forEach((role: any) => {
+                if(roleIds.includes(role.roleId)) {
+                  isSameRole = true;
+                }
+
+              });
+
+              if(isSameRole) {
+                return roleId;
+              }
+            }
+        });
+          this.setFormField('program_owners_group', groupDetails);
+          }
+     })
+  }
+
+  setDefaultOwners(userList: any, calledFrom?: any) {
+    const loggedInuser = this.currentUser();
+    const defaultOwner = userList.filter((ele: any) => ['ADMIN', 'KEY_ADMIN'].includes(ele?.user_role) && ele?.member_id != loggedInuser?.member_id);
+    this.lists.NON_REMOVABLE_OWNERS = this.uniqueByProp([...[loggedInuser], ...defaultOwner], 'member_id');
+    // this.setFormField('program_owners', this.lists.NON_REMOVABLE_OWNERS);
+    const preSelectedUsers = this.getPreSelectedOwners(this.controls?.program_owners?.value, userList);
+    if(calledFrom !== 'getProgramDetails') {
+      this.setFormField('program_owners', preSelectedUsers?.length ? preSelectedUsers : this.lists.NON_REMOVABLE_OWNERS);
+    }
+  }
+
+  getPreSelectedOwners(previousSelectedUsers: any, currentUsers: any) {
+    let finalUsers = [];
+    finalUsers = previousSelectedUsers?.filter((previous: any) => currentUsers?.some((current : any) => previous?.member_id === current?.member_id));
+    return finalUsers;
+  }
+
+  fetchOrganizationUsers(data?: any){
+    this.listLoadingState.USERS = true;
+    this.programService.fetchAllOrgUser().subscribe({
+      next:(res:any)=>{
+        this.lists.ALL_USER = res;
+        this.lists.ASSIGNEES = res;
+        this.lists.REVIEWERS = res;
+        this.lists.OVERSEERS = res;
+        if(this.mode !=='EDIT'){
+          this.lists.DEFAULT_ASSIGNEES = res;
+          this.lists.DEFAULT_REVIEWERS = res;
+          this.lists.DEFAULT_OVERSEERS = res;
+        }else if(this.mode === 'EDIT'){
+           if(!this.controls.program_assignee?.value?.length){
+            this.lists.DEFAULT_ASSIGNEES = res;
+           }
+           if(!this.controls.program_reviewer?.value?.length){
+            this.lists.DEFAULT_REVIEWERS = res;
+           }
+           if(!this.controls.program_overseer?.value?.length){
+            this.lists.DEFAULT_OVERSEERS = res;
+           }
+        }
+
+        this.listLoadingState.USERS = false;
+        this.refreshList();
+      },
+      error:()=>{this.listLoadingState.USERS = false;}
+    })
+  }
+
+
+  fetchOrganizationGroup(data?: any){
+    this.programService.fetchComplianceGroups().subscribe({
+       next:(res:any)=>{
+         this.lists.ALL_GROUP = res;
+
+         this.lists.ASSIGNEES_GROUP = res;
+         this.lists.REVIEWERS_GROUP = res;
+
+         this.lists.OVERSEERS_GROUP = res;
+
+         if(this.mode !=='EDIT'){
+          this.lists.DEFAULT_ASSIGNEES_GROUP = res;
+          this.lists.DEFAULT_REVIEWERS_GROUP = res;
+          this.lists.DEFAULT_OVERSEERS_GROUP = res;
+         }
+        },
+       error:(err:any)=>{}
+    })
+  }
+
+  fileUploadTracker = {
+    description: [],
+    objective: []
+  }
+
+  selectFile(type: any, files: any) {
+    for (let i = 0; i <= files.length - 1; i++) {
+      const name = files[i].file.name ?? '';
+      this.uploadFiles(type, files[i].file);
+    }
+  }
+
+  uploadFiles(type: 'DESCRIPTION' | 'OBJECTIVE', file: any) {
+    const formData = new FormData();
+    formData.append('file', file);
+    const destinationString = this.authService.getOrganizationId().toString();
+    const dummyFile = {
+      file_url_path: `${file?.name}`,
+      name: `${file?.name}`,
+      uploading: true,
+      org_file: `${file?.name}`
+    }
+    if (type === 'DESCRIPTION') {
+      let description = this.controls?.description_attachment?.value ?? [];
+      this.setFormField('program_description_attachments', [...description, ...[dummyFile]])
+      this.programService.uploadFiles(formData, destinationString).subscribe({
+        next: (res: any) => {
+          description = this.controls?.description_attachment?.value ?? [];
+          let descriptionIndex = description.findIndex((ele: any) => ele?.org_file === res?.org_file);
+          description[descriptionIndex] = res
+          this.setFormField('program_description_attachments', this.uniqueByProp(description, 'org_file'))
+        },
+        error: (err: any) => {
+          description = this.controls?.description_attachment?.value ?? [];
+          description = description.filter((ele: any) => ele?.org_file !== file?.name);
+          this.setFormField('program_description_attachments', this.uniqueByProp(description, 'org_file'))
+        }
+      })
+    } else if (type === 'OBJECTIVE') {
+      let description = this.controls?.description_attachment?.value ?? [];
+      this.setFormField('program_description_attachments', [...description, ...[dummyFile]])
+      this.programService.uploadFiles(formData, destinationString).subscribe({
+        next: (res: any) => {
+          description = this.controls?.description_attachment?.value ?? [];
+          let descriptionIndex = description.findIndex((ele: any) => ele?.org_file === res?.org_file);
+          description[descriptionIndex] = res
+          this.setFormField('program_description_attachments', this.uniqueByProp(description, 'org_file'))
+        },
+        error: (err: any) => {
+          description = this.controls?.description_attachment?.value ?? [];
+          description = description.filter((ele: any) => ele?.org_file !== file?.name);
+          this.setFormField('program_description_attachments', this.uniqueByProp(description, 'org_file'))
+        }
+      })
+    }
+  }
+
+
+  deleteAttachment(type: 'DESCRIPTION' | 'OBJECTIVE', file: any) {
+    if (type === 'DESCRIPTION') {
+      let description = this.controls?.description_attachment?.value ?? [];
+      if (description) {
+        description = description.filter((ele: any) => ele?.org_file !== file?.org_file);
+        this.setFormField('program_description_attachments', description)
+      }
+    } else if (type === 'OBJECTIVE') {
+      let objective = this.controls?.objective_attachments?.value ?? [];
+      if (objective) {
+        objective = objective.filter((ele: any) => ele?.org_file !== file?.org_file);
+        this.setFormField('program_description_attachments', objective)
+      }
+    }
+  }
+
+
+  selectAllRoleOwner(evt: any) {
+    //need to fetch all the users for all the selected roles
+    const loggedInUser = this.currentUser();
+    let roleId = [];
+    let user:any;
+    if(evt?.target?.checked){
+       roleId = this.controls.program_roles?.value?.map((ele: any) => ele?._id);
+       if(this.featureflagGroups){
+         user=this.controls.program_roles?.value?.map((ele:any)=>ele?._id);
+         this.controls.program_owners_group.value= user;
+
+       }
+    } else {
+      console.log("this.controls.program_roles?.value ==>", this.controls.program_roles?.value);
+      roleId = this.controls.program_roles?.value?.map((ele: any) => {
+        if(['key admin', 'admin'].includes(ele.roleName.toLowerCase()) ) {
+          return ele?._id
+        }
+      });
+    }
+    console.log("this.controls.program_owners?.value ==>",roleId,  this.controls.program_owners?.value)
+    this.programService.fetchAllRoleUsers(roleId).subscribe({
+      next: (res: any) => {
+        const user = this.uniqueByProp([...[loggedInUser], ...res?.data], 'member_id')
+        this.setFormField('program_owners', user);
+      },
+      error: (err: any) => { }
+    })
+    this.programService.fetchAllRoleGroups(user).subscribe({
+      next:(res:any) => {
+        const user = this.uniqueByProp([...res?.data], 'group_id')
+        this.setFormField('program_owners_group', user);
+        }
+   })
+  }
+
+
+
+  /**
+   * #### Description
+   *
+   * Returns the unique array of object based on unique key
+   * @param array
+   * @param key
+   * @returns
+   */
+  uniqueByProp(array: any, key: string) {
+    return Array.from(
+      array
+        .reduce(
+          (acc: any, item: any) => (
+            item && item[key] && acc.set(item[key], item),
+            acc
+          ),
+          new Map()
+        )
+        .values()
+    );
+  }
+  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;
+  }
+
+
+
+   saveProgram(){
+     this.loader = true;
+     let payload =  this.programService.buildPayload(this.programForm,this);
+      if(payload && this.mode === 'CREATE'){
+      this.programService.saveProgram(payload).subscribe({
+      next:(res:any)=>{
+        this.loader = false;
+        this.showSmiley = true;
+        this.uiKitService.isSmileyOn = true;
+        this.createdProgramId = res._id
+      },
+      error:(err:any)=>{
+        this.loader = false;
+        this.uiKitService.isSmileyOn = false;
+        if(err?.error?.message?.includes('Category already exist'))
+        {
+          this.isNameExists = true;
+        }
+         }
+      })
+   }
+   if(payload && this.mode === 'EDIT'){
+    this.programService.updateProgram(payload, this.programId).subscribe({
+      next:(res:any)=>{
+        this.loader = false;
+        this.showSmiley = true;
+        this.uiKitService.isSmileyOn = true;
+        this.createdProgramId = res._id;
+      },
+      error:(err:any)=>{
+        this.loader = false;
+        this.uiKitService.isSmileyOn = false;
+        if(err?.error?.message?.includes('Category already exist'))
+        {
+          this.isNameExists = true;
+        }
+      }
+    })
+ }
+  }
+
+  action(event: string) {
+    console.log(event)
+    switch (event) {
+      case 'addMore':
+        this.resetForm();
+        this.populateOptionalFields();
+        break;
+      case 'viewProgram':
+       this.viewPrograms();
+        break;
+    }
+  }
+
+  viewPrograms(): void {
+    this.disconnectRefresh.emit(false);
+    let url: string;
+    if (window.location.host.startsWith('localhost')) {
+      url = 'http://' + window.location.host;
+    } else {
+      url = 'https://' + window.location.host;
+    }
+
+    if (window.location.host.startsWith('localhost')) {
+      url += '/program-workroom?id=' + this.createdProgramId;
+    } else {
+      url += '/program/program-workroom?id=' + this.createdProgramId;
+    }
+
+    window.location.href = url;
+    console.log("this.createdProgramId ==>", this.createdProgramId)
+
+  }
+  resetForm(){
+    this.uiKitService.isSmileyOn = false;
+    this.scrollToBottom = false;
+    this.showSmiley = false;
+    this.loader = true;
+   const  DEFAULT_VALUES = {
+    program_type:1,
+    program_name:'',
+    program_description:'',
+    program_description_attachments:[],
+    program_objective:'',
+    program_objective_attachments:[],
+    program_roles:[],
+    all_user_in_role:false,
+    program_owners:[],
+    program_owners_group:[],
+    program_approver:[],
+    performance_calculation: "PAST_EVENT",
+    recurring_frequency:false,
+    lock_scope_change:false,
+    framework:[],
+    rc:[],
+    program_assignee: [],
+    program_assignee_group: [],
+    program_default_assignee: [],
+    program_default_assignee_group: [],
+    assignee_completion_criteria: 'ALL',
+    program_reviewer: [],
+    program_reviewer_group: [],
+    program_default_reviewer: [],
+    program_default_reviewer_group: [],
+    reviewer_completion_criteria: 'SEQUENTIAL',
+    program_overseer: [],
+    program_overseer_group: [],
+    program_default_overseer: [],
+    program_default_overseer_group: [],
+    program_default_failed_overseer: [],
+    program_default_failed_overseer_group: [],
+    program_assessments: [],
+    evidence_required: false,
+    allow_any_file_key_evidence: false,
+    custom_fields: [],
+    program_state: 0,
+   }
+   this.resetAdditionalOption();
+   this.programForm.reset();
+   this.programForm.patchValue(DEFAULT_VALUES);
+   this.editorData  = {
+    programObjective: '',
+    programDescription: ''
+  }
+  this.loader = false;
+  this.isNameExists = false;
+   this.fetchRoles();
+   this.refreshForm.emit(true);
+   this.form.nativeElement.scrollIntoView({ behavior: 'smooth', block: 'start' });
+  }
+
+
+  closeSmiley(event: any) {
+    this.showSmiley = false;
+    this.uiKitService.isSmileyOn = false;
+    this.closeWorkflow.emit({ evt: '', confirm: false });
+  }
+
+  /**
+   * Get program details when user is trying to edit program
+   */
+  getProgramDetails() {
+    this.programService.getProgram(this.programId).pipe(take(1)).subscribe((res: any) => {
+      this.setFormField('program_name', res?.name);
+      this.setFormField('program_type', res?.programType);
+      this.setFormField('program_objective', res?.program_objective?.text);
+      this.setFormField('all_user_in_role', res?.all_user_in_role);
+      this.setFormField('program_description_attachments', res?.description?.attachments);
+      this.setFormField('program_objective_attachments', res?.program_objective?.attachments);
+      this.setFormField('performance_calculation', res?.calculate_past_upcoming_event);
+      this.setFormField('recurring_frequency', res?.program_frequency);
+      if(res?.program_frequency && this.mode === 'EDIT' && (this.orgDetails?.hasProgramFullPermission || !this.programSimplifyFlag)) {
+        this.additionalOption.PROGRAM_FREQUENCY = true;
+        this.populateOptionalFields()
+      }
+      this.setFormField('lock_scope_change', res?.lock_scope);
+      if(res?.lock_scope && (this.orgDetails?.hasProgramFullPermission || !this.programSimplifyFlag)) {
+        this.additionalOption.SCOPE_CHANGES = true;
+        this.populateOptionalFields()
+      }
+      this.setFormField('program_state', res?.state);
+      const rc = res.rc_details.map((ele:any) => {return {...ele,item_name : ele?.rc_name,item_id: ele?.rc_id}})
+      this.setFormField('rc',rc);
+      if(res?.rc_details && res?.rc_details?.length && (this.orgDetails?.hasProgramFullPermission || !this.programSimplifyFlag)) {
+        this.additionalOption.RC = true;
+        this.populateOptionalFields()
+      }
+      this.setFormField('evidence_required', res?.evidence_upload_flag);
+      this.setFormField('allow_any_file_key_evidence', res?.is_key_evidence);
+      if((res?.evidence_upload_flag || res?.is_key_evidence) && (this.orgDetails?.hasProgramFullPermission || !this.programSimplifyFlag)){
+        this.additionalOption.FORMATE_EVIDENCE = true;
+        this.populateOptionalFields();
+      }
+      this.setFormField('assignee_completion_criteria', res.default_assignee_type);
+      this.setFormField('reviewer_completion_criteria', res.default_reviewers_type);
+
+      this.editorData.programDescription = res.description?.text;
+      this.editorData.programObjective = res.program_objective?.text;
+      this.setFormField('framework',{...res.framework_details,...{_id:res?.framework_details?.framework_id}})
+      const role = res?.roles?.map((ele:any) =>  {return {_id:ele?.roleId,roleName:ele?.roleName, licenseType:ele?.licenseType ,permissionGroupName :ele?.permissionGroupName}})
+      this.setFormField('program_roles', role);
+      if(res?.roles && res?.roles?.length  && this.mode === 'EDIT') {
+        this.additionalOption.ROLES = true;
+      }
+      if(res.assessmentData.length) {
+        res.assessmentData = res.assessmentData.map((ele: any) => {
+          return {...ele, assessmentIds: ele?.assessments.map((assess:any) => { return {...assess,id:assess?._id}})}}
+        );
+        this.setFormField('program_assessments', res.assessmentData);
+        if(this.orgDetails?.hasProgramFullPermission || !this.programSimplifyFlag) {
+          this.additionalOption.ASSESSMENT = true;
+          this.populateOptionalFields();
+        }
+      }
+
+      if(res.custom_fields.length) {
+        this.setFormField('custom_fields', res.custom_fields);
+        this.additionalOption.CUSTOM_FIELDS = true;
+        this.populateOptionalFields();
+
+      }
+      this.isApproverDisabled = res?.isApproverDisabled ?? false;
+      if(this.isApproverDisabled){
+        setTimeout(()=>{this.disableElementsFromMoreOptions.emit(['APPROVER'])},500)
+
+      }
+
+      this.populateMembers(res);
+      this.populateGroups(res);
+      this.fetchUsersAssociatedWithRoles('getProgramDetails');
+      this.fetchGroupsAssociatedWithRoles();
+      this.fetchOrganizationGroup();
+      this.fetchOrganizationUsers();
+    })
+  }
+
+
+populateMembers(res:any){
+  this.loader = true;
+  const ids= [
+    ...new Set([
+      ...(res?.owners ?? []),
+      ...(res?.approvers ?? []),
+      ...(res?.assignee_ids ?? []),
+      ...(res?.default_assignee_ids ?? []),
+      ...(res?.reviewers ?? []),
+      ...(res?.default_reviewers ?? []),
+      ...(res?.overseers?.cc_email ?? []),
+      ...(res?.overseers?.failure_cc_email ?? []).filter((ele:any) => ele),
+      ...(res?.default_overseers?.cc_email ?? []),
+      ...(res?.default_overseers?.failure_cc_email ?? []).filter((ele:any) => ele)
+     ])]
+       this.programService.getMemeberByIds(ids).subscribe({
+          next:(response:any)=>{
+            this.loader = false;
+            if(res.owners && res?.owners?.length){
+              const owners = response.filter((ele:any) => res?.owners.includes(ele?.member_id));
+              this.setFormField('program_owners', owners);
+              if(this.mode === 'EDIT') {
+                this.additionalOption.OWNERS = true;
+                this.populateOptionalFields();
+              }
+             }
+            if(res.approvers && res?.approvers?.length && !this.programSimplifyFlag){
+              const approvers = response.filter((ele:any) => res?.approvers.includes(ele?.member_id));
+              this.setFormField('program_approver', approvers);
+              this.additionalOption.APPROVER = true;
+              this.populateOptionalFields();
+            }
+            if(res?.assignee_ids && res?.assignee_ids?.length){
+              const assignee = response.filter((ele:any) => res?.assignee_ids.includes(ele?.member_id));
+              this.setFormField('program_assignee', assignee);
+              this.lists.DEFAULT_ASSIGNEES = assignee;
+              if(this.orgDetails?.hasProgramFullPermission || !this.programSimplifyFlag) {
+                this.additionalOption.ASSIGNEES = true;
+                this.populateOptionalFields();
+              }
+            }
+            if(res?.default_assignee_ids && res?.default_assignee_ids?.length){
+              const assignee = response.filter((ele:any) => res?.default_assignee_ids.includes(ele?.member_id));
+              this.setFormField('program_default_assignee', assignee);
+              if(this.orgDetails?.hasProgramFullPermission || !this.programSimplifyFlag) {
+                this.additionalOption.ASSIGNEES = true;
+                this.populateOptionalFields();
+              }
+            }
+            if(res?.reviewers && res?.reviewers?.length){
+              const reviewers = response.filter((ele:any) => res?.reviewers.includes(ele?.member_id));
+              this.setFormField('program_reviewer', reviewers);
+              this.lists.DEFAULT_REVIEWERS = reviewers;
+              if(this.orgDetails?.hasProgramFullPermission || !this.programSimplifyFlag) {
+                this.additionalOption.REVIEWER = true;
+                this.populateOptionalFields();
+              }
+            }
+            if(res?.default_reviewers && res?.default_reviewers?.length){
+              const reviewers = response.filter((ele:any) => res?.default_reviewers.includes(ele?.member_id));
+              this.setFormField('program_default_reviewer', reviewers);
+              if(this.orgDetails?.hasProgramFullPermission || !this.programSimplifyFlag) {
+                this.additionalOption.REVIEWER = true;
+                this.populateOptionalFields()
+              }
+            }
+            if(res?.overseers && res?.overseers?.cc_email?.length){
+                const cc = response.filter((ele:any) => res?.overseers?.cc_email.includes(ele?.member_id));
+                this.setFormField('program_overseer', cc);
+                this.lists.DEFAULT_OVERSEERS = cc;
+                if(this.orgDetails?.hasProgramFullPermission || !this.programSimplifyFlag) {
+                  this.additionalOption.OVERSEER = true;
+                  this.populateOptionalFields()
+                }
+            }
+
+            if(res?.default_overseers && (res?.default_overseers?.cc_email?.length || res?.default_overseers?.failure_cc_email?.length)){
+              if(res?.default_overseers?.cc_email?.length){
+                const defaultCC = response.filter((ele:any) => res?.default_overseers?.cc_email.includes(ele?.member_id));
+                this.setFormField('program_default_overseer', defaultCC);
+              }
+              if(res?.default_overseers?.failure_cc_email?.length){
+                const failCC = response.filter((ele:any) => res?.default_overseers?.failure_cc_email.includes(ele?.member_id));
+                this.setFormField('program_default_failed_overseer', failCC);
+              }
+              if(this.orgDetails?.hasProgramFullPermission || !this.programSimplifyFlag) {
+                this.additionalOption.OVERSEER = true;
+                this.populateOptionalFields()
+              }
+            }
+          }
+       })
+       this.checkProgramOptionField();
+}
+
+
+populateGroups(res:any){
+  const ids= [
+    ...new Set([
+      ...(res?.owners_group ?? []),
+      ...(res?.assignee_group_ids ?? []),
+      ...(res?.default_assignee_group_ids ?? []),
+      ...(res?.overseers?.cc_email_groups ?? []),
+      ...(res?.reviewer_group_ids ?? []),
+      ...(res?.default_reviewer_group_ids ?? []),
+      ...(res?.default_overseers?.cc_email_groups ?? []),
+      ...(res?.default_overseers?.failure_cc_email_groups ?? [])
+     ])]
+       this.programService.getMemberByGroups(ids).subscribe({
+          next:(resp:any)=>{
+            const response = resp?.data;
+            if(res.owners_group && res?.owners_group?.length){
+              const owners = response.filter((ele:any) => res?.owners_group?.includes(ele?.group_id));
+               this.setFormField('program_owners_group', owners);
+             }
+            if(res.assignee_group_ids && res?.assignee_group_ids?.length){
+              const assignee = response.filter((ele:any) => res?.assignee_group_ids?.includes(ele?.group_id));
+              this.setFormField('program_assignee_group', assignee);
+              this.lists.DEFAULT_ASSIGNEES_GROUP = assignee;
+              if(this.orgDetails?.hasProgramFullPermission || !this.programSimplifyFlag) {
+              this.additionalOption.ASSIGNEES = true;
+              }
+            }
+            if(res?.default_assignee_group_ids && res?.default_assignee_group_ids?.length){
+              const assignee = response.filter((ele:any) => res?.default_assignee_group_ids?.includes(ele?.group_id));
+              this.setFormField('program_default_assignee_group', assignee);
+              if(this.orgDetails?.hasProgramFullPermission || !this.programSimplifyFlag) {
+                this.additionalOption.ASSIGNEES = true;
+              }
+            }
+            if(res?.reviewer_group_ids && res?.reviewer_group_ids?.length){
+              const reviewer = response.filter((ele:any) => res?.reviewer_group_ids?.includes(ele?.group_id));
+              this.setFormField('program_reviewer_group', reviewer);
+              this.lists.DEFAULT_REVIEWERS_GROUP = reviewer;
+              if(this.orgDetails?.hasProgramFullPermission || !this.programSimplifyFlag) {
+              this.additionalOption.REVIEWER = true;
+              }
+            }
+            if(res?.default_reviewer_group_ids && res?.default_reviewer_group_ids?.length){
+              const reviewer = response?.filter((ele:any) => res?.default_reviewer_group_ids?.includes(ele?.group_id));
+              this.setFormField('program_default_reviewer_group', reviewer);
+              this.controls.reviewer_completion_criteria.value = this.controls?.program_default_reviewer_group?.value?.length >0 ? 'ANYONE':this.controls?.reviewer_completion_criteria?.value;
+              if(this.orgDetails?.hasProgramFullPermission || !this.programSimplifyFlag) {
+              this.additionalOption.REVIEWER = true;
+              }
+            }
+            if(res?.overseers?.cc_email_groups && res?.overseers?.cc_email_groups?.length){
+              const overseerGroup = response.filter((ele:any) => res?.overseers?.cc_email_groups?.includes(ele?.group_id));
+              this.setFormField('program_overseer_group', overseerGroup);
+              this.lists.DEFAULT_OVERSEERS_GROUP = overseerGroup;
+              if(this.orgDetails?.hasProgramFullPermission || !this.programSimplifyFlag) {
+              this.additionalOption.OVERSEER = true;
+              }
+            }
+            if(res?.default_overseers?.cc_email_groups && res?.default_overseers?.cc_email_groups?.length){
+              const defaultOverseerGroup = response.filter((ele:any) => res?.default_overseers?.cc_email_groups?.includes(ele?.group_id));
+              this.setFormField('program_default_overseer_group', defaultOverseerGroup);
+              if(this.orgDetails?.hasProgramFullPermission || !this.programSimplifyFlag) {
+              this.additionalOption.OVERSEER = true;
+              }
+            }
+            if(res?.default_overseers?.failure_cc_email_groups && res?.default_overseers?.failure_cc_email_groups?.length){
+              const defaultOverseerFailureGroup = response.filter((ele:any) => res?.default_overseers?.failure_cc_email_groups?.includes(ele?.group_id));
+              this.setFormField('program_default_failed_overseer_group', defaultOverseerFailureGroup);
+              if(this.orgDetails?.hasProgramFullPermission || !this.programSimplifyFlag) {
+              this.additionalOption.OVERSEER = true;
+              }
+            }
+          }
+          // As of now groups has been removed from reviewer and overseeer if this group feature gets incoperated in
+          //future need to add group condition here to prepopulate the data while editing.
+        })
+        this.checkProgramOptionField();
+      }
+
+  resetAdditionalOption() {
+    this.additionalOption.ROLES = false;
+    this.additionalOption.OWNERS = false;
+    this.additionalOption.APPROVER = false;
+    this.additionalOption.PROGRAM_FREQUENCY = false;
+    this.additionalOption.SCOPE_CHANGES = false;
+    this.additionalOption.RC = false;
+    this.additionalOption.ASSIGNEES = false;
+    this.additionalOption.REVIEWER = false;
+    this.additionalOption.OVERSEER = false;
+    this.additionalOption.ASSESSMENT = false;
+    this.additionalOption.FORMATE_EVIDENCE = false;
+    this.additionalOption.CUSTOM_FIELDS = false;
+  }
+
+  checkProgramOptionField(): any {
+    const code = ['PROGRAM_FREQUENCY', 'SCOPE_CHANGES', 'RC', 'ASSIGNEES', 'REVIEWER', 'OVERSEER', 'ASSESSMENT', 'FORMATE_EVIDENCE', 'CUSTOM_FIELDS']
+    let isMoreOption = false;
+    code.forEach( (key: string) => {
+      if(this.additionalOption[key]){
+        isMoreOption = true;
+      }
+    })
+    this.isProgramScope = isMoreOption;
+  }
+  enablefeature(){
+    this.featureflagrole = this.allowedFeature.isFeatureEnabled('ff_role_improvements');
+    this.isAscentAllowed = this.allowedFeature.isFeatureEnabled('ff_compliance_framework')
+    this.programSimplifyFlag = this.allowedFeature.isFeatureEnabled('ff_program_simplify');
+    this.featureflagGroups = this.allowedFeature.isFeatureEnabled("ff_program_groups");
+    this.toolTipData.owner = this.featureflagrole ? "Owners are responsible for managing a Program. Only Owners can make changes to a Program and the responsibilities that are linked with the Program.<br>The <strong>Key Power User</strong> and all <b>Power Users</b> will be selected as the Owners of a Program by default.":"Owners are responsible for managing a Program. Only Owners can make changes to a Program and the responsibilities that are linked with the Program.<br>The <strong>Key Admin</strong> and all <b>Admin</b> users will be selected as the Owners of a Program by default.";
+    this.ff_rc_listing = this.allowedFeature.isFeatureEnabled('ff_rc_listing');
+  }
+
+
+
+}