vcomply-workflow-engine 2.0.4 → 2.0.167

package/projects/vx-workflow-engine/src/lib/add-multiple-responsibility/add-multiple-responsibility.component.ts

@@ -0,0 +1,989 @@
+import { DatePipe } from '@angular/common';
+import {
+  Component,
+  Input,
+  Output,
+  EventEmitter,
+  SimpleChanges,
+  OnChanges,
+} from '@angular/core';
+import { cloneDeep } from 'lodash-es';
+import moment from 'moment/moment';
+import * as XLSX from 'xlsx';
+import { SnackBarService } from '../ui-kit/snack-bar/snack-bar.service';
+import { AddRiskService } from '../workflow-services/add-risk.service';
+import { AuthService } from '../workflow-services/auth.service';
+import { FrequencyBulkService } from '../workflow-services/frequency.service';
+import { ResponsibilityService } from '../workflow-services/responsibility.service';
+
+type AOA = any[][];
+
+@Component({
+  selector: 'app-add-multiple-responsibility',
+  templateUrl: './add-multiple-responsibility.component.html',
+  styleUrls: ['./add-multiple-responsibility.component.less', '../forms.less'],
+})
+export class AddMultipleResponsibilityComponent implements OnChanges {
+  @Output() pickerChanged = new EventEmitter();
+  @Output() populateOption = new EventEmitter();
+  @Output() closeWorkflow = new EventEmitter();
+  @Output() disconnectRefresh = new EventEmitter();
+  @Input() featureflag: 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":""}';
+  isNotificationPending = 0;
+  @Output() closeAddMultipleResponsibility = new EventEmitter();
+  queryParam: string = '';
+  recentResponsibilityUrl: any = {
+    byResponsibilities: { type: ['recent_responsibilities'], subType: ['CC'] },
+    byStatus: { type: [], subType: [] },
+    filterObject: {
+      responsibilityCenter: [],
+      entrustedBy: [],
+      entrustedTo: [],
+      riskIds: [],
+      responsibilityCategory: [],
+    },
+    timePeriodDetails: { type: '', selectedPeriod: '', selectedYear: '' },
+    status: '',
+  };
+
+  @Input('uploadedFile') set uploadedFileData(data: any) {
+    this.uploadedFile(data);
+  }
+  @Input() feature!: any;
+
+  responsibilityBulkUpload: any = {
+    header: [],
+    reports: [],
+  };
+
+  templateInfo: any = {
+    categoryList: [],
+    rcList: [],
+    assignorsList: [],
+    assigneesList: [],
+    memberId: '',
+  };
+  isLoader = false;
+  showCategoryList = false;
+  templateDownloaded = false;
+  downloadInProgress = false;
+  loader = false;
+  isFileEmpty = false;
+  isWrongFile = false;
+  isWrongFormat = false;
+  fileName: any;
+  data: any;
+  showExcel = false;
+  uploadedFiles: any = [];
+  fileResponse: any = [];
+  fileValue: any;
+  memberId = 0;
+  organizationId = 0;
+  errorMessage = ' invalid file error';
+  downloadStatus: string = 'NOT_DOWNLOADING';
+  downloadPercent = 0;
+  defaultOwner = '';
+  smileyMessage = `You're All Set! We're processing your request and you will be notified via email upon completion.`;
+  actionButtons = [
+    {
+      buttonText: 'Entrust More Responsibilities',
+      class: 'white-btn',
+      id: 'addMore',
+    },
+    {
+      buttonText: this.isNotificationPending
+        ? 'View Responsibilities In Queue'
+        : 'View Responsibilities',
+      class: 'blue-btn',
+      id: 'view',
+    },
+  ];
+  showSmiley = false;
+  member_obj_id = '';
+  riskClassEnabled: any;
+  userInfo!: any;
+  responsibilityData!: any;
+  ffBulkUploadOptimization: boolean = false;
+  constructor(
+    private riskService: AddRiskService,
+    private responsibilityService: ResponsibilityService,
+    private authService: AuthService,
+    private frequencyService: FrequencyBulkService,
+    private snackBar: SnackBarService
+  ) {}
+
+  ngOnChanges(changes: SimpleChanges) {}
+  ngOnInit() {
+    this.pickerChanged.emit(false);
+
+    this.organizationId = this.authService.getOrganizationId();
+    this.memberId = this.authService.getMemberId();
+    this.member_obj_id = this.authService.getUserDetails()._id;
+    this.userInfo = this.authService.getUserDetails().user;
+    this.defaultOwner = this.userInfo
+      ? this.userInfo.name + ' (' + this.userInfo.email + ')'
+      : '';
+    this.getUserDetails();
+    this.authService.getOrganizationDetails().subscribe((res: any) => {
+      this.riskClassEnabled = res.enable_riskclass;
+    });
+    this.ffBulkUploadOptimization = this.feature.isFeatureEnabled(
+      'ff_bulk_upload_optimization'
+    );
+  }
+
+  triggerBrowseFile() {
+    const getFile = document.getElementById('fileInput');
+    if (getFile) {
+      getFile.click();
+    }
+  }
+  getUserDetails() {
+    this.authService.getUserInfo().subscribe((res: any) => {
+      this.isNotificationPending = res.notification_pending_flag;
+    });
+  }
+
+  uploadedFile(event: any) {
+    // this.testarray=[];
+    try {
+      this.responsibilityBulkUpload = {
+        header: [],
+        reports: [],
+      };
+
+      this.templateInfo = {
+        categoryList: [],
+        rcList: [],
+        assignorsList: [],
+        assigneesList: [],
+        memberId: '',
+      };
+      this.uploadedFiles = [];
+      const reference = document.querySelector('#scrollReference');
+      if (reference) {
+        reference.scrollIntoView({ behavior: 'smooth', block: 'center' });
+      }
+      this.isFileEmpty = false;
+      this.isWrongFile = false;
+      this.isWrongFormat = false;
+      this.fileName = event.target.files[0].name;
+      this.uploadedFiles.push(event.target.files);
+      const target: DataTransfer = event.target as DataTransfer;
+      // tslint:disable-next-line: curly
+      if (target.files.length !== 1)
+        throw new Error('Cannot use multiple files');
+      const reader: FileReader = new FileReader();
+      reader.onload = (e: any) => {
+        const bstr: string = e.target.result;
+        const wb: XLSX.WorkBook = XLSX.read(bstr, { type: 'binary' });
+        const wsname: string = wb.SheetNames[0];
+        const wsname1: string = wb.SheetNames[1];
+        const ws: XLSX.WorkSheet = wb.Sheets[wsname];
+        const tempData: XLSX.WorkSheet = wb.Sheets[wsname1];
+
+        this.data = XLSX.utils.sheet_to_json(ws, {
+          header: 1,
+          raw: false,
+        }) as AOA;
+
+        const tData = XLSX.utils.sheet_to_json(tempData, { header: 1 }) as AOA;
+        const tempList = tData.filter(
+          (dataElement: any) => dataElement.length > 0
+        );
+        if (this.fileName.substr(-5) !== '.xlsx') {
+          this.errorMessage =
+            'The incorrect file has been uploaded. Please upload the template which you downloaded from here.' +
+            ' RETRY';
+          this.isWrongFile = true;
+          return;
+        }
+
+        this.responsibilityBulkUpload.header = cloneDeep(
+          this.data[0].filter((dataElement: any) => dataElement.length > 0)
+        );
+        this.responsibilityBulkUpload.header.splice(
+          this.responsibilityBulkUpload.header.length - 1,
+          1
+        );
+
+        this.data = this.data.slice(2);
+        if (
+          this.responsibilityBulkUpload.header[0] !==
+          'Enter Responsibility Name*'
+        ) {
+          this.errorMessage =
+            'The incorrect file has been uploaded. Please upload the template which you downloaded from here.' +
+            ' RETRY';
+          this.isWrongFile = false;
+          this.isWrongFormat = true;
+
+          return;
+        }
+        this.templateInfo.memberId = tempList[0][25];
+
+        if (this.member_obj_id != this.templateInfo.memberId) {
+          this.errorMessage =
+            'The incorrect file has been uploaded. Please upload the template which you downloaded from here.' +
+            ' RETRY';
+          this.isWrongFile = true;
+          return;
+        }
+        tempList.forEach((element) => {
+          if (element[2] && element[2] != ' ') {
+            const category = {
+              name: element[2],
+              category_id: element[3],
+            };
+            this.templateInfo.categoryList.push(category);
+          }
+          if (element[9] && element[9] != ' ') {
+            const rc = {
+              name: element[9],
+              rc_id: element[10],
+              parentIds: JSON.parse(element[13]),
+            };
+            this.templateInfo.rcList.push(rc);
+          }
+          if (element[11] && element[11] != ' ') {
+            const assignee = {
+              nameAndEmail: element[11],
+              name: element[11].split(' (')[0],
+              email: element[11].split(' (')[1].replace(')', ''),
+              employee_id: element[12],
+              my_member_id: element[16],
+            };
+            this.templateInfo.assigneesList.push(assignee);
+          }
+          if (element[14] && element[14] != ' ') {
+            const assignor = {
+              nameAndEmail: element[14],
+              name: element[14].split(' (')[0],
+              email: element[14].split(' (')[1].replace(')', ''),
+              member_id: element[15],
+            };
+            this.templateInfo.assignorsList.push(assignor);
+          }
+        });
+        const isEmpty = this.checkEmptyFile();
+        if (isEmpty) {
+          this.errorMessage =
+            'You have uploaded a blank template. Please add details for all mandatory fields. RETRY';
+          this.isFileEmpty = true;
+          this.isWrongFile = false;
+          this.isWrongFormat = false;
+          return;
+        } else {
+          this.isFileEmpty = false;
+          this.isWrongFile = false;
+          this.isWrongFormat = false;
+          this.fileUpload();
+        }
+        const responsibilityData = this.data.filter(
+          (dataElement: any) => dataElement.length > 0
+        );
+        responsibilityData.forEach((report: any) => {
+          let validDate;
+          const validFields = this.checkValidity(report);
+          const validUser = this.returnIds(report[2], 'entrusted_to')
+            ? true
+            : false;
+          let obj: any;
+          if (this.responsibilityBulkUpload.header[3] !== 'Select a Program') {
+            validDate = this.compareWithCurrentDate(report[4], report[5]);
+            obj = {
+              responsibilityName: report[0] ?? '',
+              assignor: report[1] ?? '',
+              assignee: report[2] ?? '',
+              responsibilityCategory: null,
+              frequency: report[3] ?? '',
+              day: report[4] ?? '',
+              month: report[5] ?? '',
+              responsibilityWindow: report[6] ?? '',
+              failedAfter: report[7] ?? '',
+              reportClass: report[8] ?? '',
+              responsibilityCenter: report[9] ?? '',
+              reviewer: report[10] ?? '',
+              reviewToBeCompletedWithin: report[11] ?? '',
+              reviewWillBeFailedAfter: report[12] ?? '',
+              formatForResponsibility: report[13] ?? '',
+              notes: report[14]?.toString() ?? '',
+              documentEvidenceRequired: report[15] ?? '',
+              alwaysNotify: report[16] ?? '',
+              notifyOnFailure: report[17] ?? '',
+              keyResponsibility: report[18] ?? '',
+              objective: report[19]?.toString() ?? '',
+
+              isValidDueDate: validDate,
+              isPastDate: this.isPastDate(report[4], report[5]),
+              checkValidity: validFields,
+              isValid: validDate && validFields && validUser,
+              isValidUser: validUser,
+            };
+          } else {
+            validDate = this.compareWithCurrentDate(report[5], report[6]);
+            obj = {
+              responsibilityName: report[0] ?? '',
+              assignor: report[1] ?? '',
+              assignee: report[2] ?? '',
+              responsibilityCategory: report[3] ?? '',
+              frequency: report[4] ?? '',
+              day: report[5] ?? '',
+              month: report[6] ?? '',
+              responsibilityWindow: report[7] ?? '',
+              failedAfter: report[8] ?? '',
+              reportClass: report[9] ?? '',
+              responsibilityCenter: report[10] ?? '',
+              reviewer: report[11] ?? '',
+              reviewToBeCompletedWithin: report[12] ?? '',
+              reviewWillBeFailedAfter: report[13] ?? '',
+              formatForResponsibility: report[14] ?? '',
+              notes: report[15]?.toString() ?? '',
+              documentEvidenceRequired: report[16] ?? '',
+              alwaysNotify: report[17] ?? '',
+              notifyOnFailure: report[18] ?? '',
+              keyResponsibility: report[19] ?? '',
+              objective: report[20]?.toString() ?? '',
+
+              isValidDueDate: validDate,
+              isPastDate: this.isPastDate(report[5], report[6]),
+              checkValidity: validFields,
+              isValid: validDate && validFields && validUser,
+              isValidUser: validUser,
+            };
+          }
+          this.responsibilityBulkUpload.reports.push(obj);
+        });
+        // console.log(this.responsibilityBulkUpload.reports)
+        // console.log(this.testarray)
+        this.isFileEmpty = false;
+        this.isWrongFile = false;
+        this.isWrongFormat = false;
+        this.showExcel = true;
+        this.fileValue = '';
+      };
+      reader.readAsBinaryString(target.files[0]);
+    } catch (e) {
+      // tslint:disable-next-line: no-console
+      console.error(e);
+    }
+  }
+  checkEmptyFile() {
+    let isEmpty = false;
+    this.data = this.data.filter((dataElement: any) => dataElement.length > 0);
+    if (this.data.length < 1) {
+      isEmpty = true;
+    }
+    return isEmpty;
+  }
+
+  // testarray:any[]=[]
+
+  checkValidity(report: any) {
+    const re = /&nbsp;|<br>/g;
+    if (report[0]) {
+      var trimmedName = report[0].toString().replace(re, '').trim();
+      trimmedName = trimmedName.replace(/  +/g, ' ');
+    }
+
+    /**
+     *  index           key for               condition
+     *
+     *  report[1]       On Behalf of user
+     *  report[11]      Reviewer              when responsibilityBulkUpload.header[3] is 'Select a Program'
+     *  report[10]      Reviewer              when responsibilityBulkUpload.header[3] is not 'Select a Program'(disabled for users without program permission)
+     *  report[17]      Always Notify         when responsibilityBulkUpload.header[3] is 'Select a Program'
+     *  report[16]      Always Notify         when responsibilityBulkUpload.header[3] is not 'Select a Program'(disabled for users without program permission)
+     *  report[18]      Notify On Failure     when responsibilityBulkUpload.header[3] is 'Select a Program'
+     *  report[17]      Notify On Failure     when responsibilityBulkUpload.header[3] is not 'Select a Program'(disabled for users without program permission)
+     *  report[17]      Always Notify
+     *  report[18]      Notify On Failure
+     *  report[2]       Assignee
+     *  report[4]       frequency             when responsibilityBulkUpload.header[3] is 'Select a Program'
+     *  report[3]       frequency             when responsibilityBulkUpload.header[3] is not 'Select a Program'(disabled for users without program permission)
+     *  trimmedName     Report name
+     *  defaultOwner    Default Assignor
+     */
+    const frequency =
+      this.responsibilityBulkUpload.header[3].toLowerCase() ==
+      'select a program'
+        ? report[4]
+        : report[3];
+    const reviewer =
+      this.responsibilityBulkUpload.header[3].toLowerCase() ==
+      'select a program'
+        ? report[11]
+        : report[10];
+    const NotifyAlways =
+      this.responsibilityBulkUpload.header[3].toLowerCase() ==
+      'select a program'
+        ? report[17]
+        : report[16];
+    const NotifyOnFailure =
+      this.responsibilityBulkUpload.header[3].toLowerCase() ==
+      'select a program'
+        ? report[18]
+        : report[17];
+
+    if (
+      !frequency ||
+      !trimmedName ||
+      (report[1] &&
+        (report[1] == NotifyAlways || report[1] == NotifyOnFailure)) ||
+      (!report[1] &&
+        (this.defaultOwner == NotifyAlways ||
+          this.defaultOwner == NotifyOnFailure)) ||
+      (report[2] &&
+        (report[2] == reviewer ||
+          report[2] == NotifyAlways ||
+          report[2] == NotifyOnFailure)) ||
+      (!report[2] &&
+        (this.defaultOwner == NotifyAlways ||
+          this.defaultOwner == NotifyOnFailure)) ||
+      (reviewer && (reviewer == NotifyAlways || reviewer == NotifyOnFailure)) ||
+      !report[2]
+    ) {
+      return false;
+    } else {
+      return true;
+    }
+  }
+  compareWithCurrentDate(day: any, month: any) {
+    const currentDate = new Date();
+    const monthNames = [
+      { value: 1, month: 'Jan' },
+      { value: 2, month: 'Feb' },
+      { value: 3, month: 'Mar' },
+      { value: 4, month: 'Apr' },
+      { value: 5, month: 'May' },
+      { value: 6, month: 'Jun' },
+      { value: 7, month: 'Jul' },
+      { value: 8, month: 'Aug' },
+      { value: 9, month: 'Sep' },
+      { value: 10, month: 'Oct' },
+      { value: 11, month: 'Nov' },
+      { value: 12, month: 'Dec' },
+    ];
+
+    if (!(day || month)) {
+      return true;
+    } else if (!(day && month)) {
+      return false;
+    } else {
+      const monthAndYear = month.split("'");
+
+      const startDate = moment(
+        day + '-' + monthAndYear[0] + '-' + 20 + monthAndYear[1] + ' 00:00:00',
+        'DD-MMMM-YYYY HH:mm:ss'
+      ).format('YYYY-MM-DD HH:mm:ss');
+      if (startDate == 'Invalid date') {
+        return false;
+      }
+
+      setTimeout(() => {}, 5);
+      const date_value = new Date();
+
+      date_value.setMonth(
+        typeof month !== 'number'
+          ? monthNames.filter((x) => x.month === month?.substring(0, 3))[0]
+              ?.value - 1
+          : month
+      );
+      date_value.setFullYear(Number(20 + month.split("'")[1]));
+      date_value.setDate(Number(day));
+      if (
+        currentDate.toJSON().split('T')[0] !=
+          date_value.toJSON().split('T')[0] &&
+        currentDate > date_value
+      ) {
+        return false;
+      } else {
+        return true;
+      }
+    }
+  }
+  isPastDate(day: any, month: any) {
+    const currentDate = new Date();
+
+    const monthNames = [
+      { value: 1, month: 'Jan' },
+      { value: 2, month: 'Feb' },
+      { value: 3, month: 'Mar' },
+      { value: 4, month: 'Apr' },
+      { value: 5, month: 'May' },
+      { value: 6, month: 'Jun' },
+      { value: 7, month: 'Jul' },
+      { value: 8, month: 'Aug' },
+      { value: 9, month: 'Sep' },
+      { value: 10, month: 'Oct' },
+      { value: 11, month: 'Nov' },
+      { value: 12, month: 'Dec' },
+    ];
+
+    if (!(day || month)) {
+      return false;
+    } else if (!(day && month)) {
+      return false;
+    } else {
+      // const reportDate = new Date(day + month.split("'"));
+      const date_value = new Date();
+      date_value.setMonth(
+        typeof month !== 'number'
+          ? monthNames.filter((x) => x.month === month?.substring(0, 3))[0]
+              ?.value - 1
+          : month
+      );
+      date_value.setFullYear(Number(20 + month.split("'")[1]));
+      date_value.setDate(Number(day));
+      if (currentDate > date_value) {
+        return true;
+      } else {
+        return false;
+      }
+    }
+  }
+
+  downloadTemplate() {
+    this.downloadStatus = 'DOWNLOADING';
+    this.downloadPercent = 0;
+    const downloadDate = new Date().toDateString().split(' ');
+    const fileName = `Entrust Responsibilities-${downloadDate[2]}-${downloadDate[1]}-${downloadDate[3]}.xlsx`;
+
+    this.riskService.downloadResponsibilityTemplate().subscribe(
+      (data: any) => {
+        if (data.loaded) {
+          this.downloadPercent = 100 * (data.loaded / data.total);
+        }
+        if (data.body) {
+          setTimeout(() => {
+            this.downloadStatus = this.riskService.downLoadFile(
+              data.body,
+              'application/xlsx',
+              fileName
+            );
+          }, 1500);
+        }
+      },
+      (error) => {
+        console.error(error);
+        this.downloadStatus = 'DOWNLOADED';
+      }
+    );
+  }
+
+  submitResponsibilityBulkUpload() {
+    this.loader = true;
+    let payload: any = [];
+    const frequencyTypeArray = ['1', '2', '3', '4', '7', '0'];
+    const defaultWindow = [0, 2, 7, 30, 7, 15];
+    const defaultFailedDay = [1, 2, 5, 5, 5, 5];
+    let validResponsibilities = 0;
+    if (this.ffBulkUploadOptimization) {
+      this.responsibilityBulkUpload?.reports.forEach((report: any) => {
+        if (report?.isValid) {
+          validResponsibilities += 1;
+        }
+      });
+      payload = {
+        originalFilename: this.fileResponse[0]?.original_filename,
+        fileName: this.fileResponse[0]?.filename,
+        filePath: this.fileResponse[0]?.filepath,
+        totalResponsibilityCount:
+          this.responsibilityBulkUpload?.reports?.length,
+        validResponsibilityCount: validResponsibilities,
+      };
+    } else {
+      this.responsibilityBulkUpload.reports.forEach((report: any) => {
+        if (report.isValid) {
+          if (report.responsibilityCategory === null) {
+            report.responsibilityCategory = '';
+          }
+          const rcDetails: any = this.returnIds(
+            report.responsibilityCenter,
+            'rc_id'
+          );
+          const reviewerDetails: any = this.returnIds(
+            report.reviewer,
+            'reviewer'
+          );
+          const assignorDetails: any = report.assignor
+            ? this.returnIds(report.assignor, 'assignor')
+            : '';
+          const ccDetails: any = this.returnIds(report.alwaysNotify, 'cc');
+          const ccFailureDetails: any = this.returnIds(
+            report.notifyOnFailure,
+            'ccFailure'
+          );
+          const currentDate = moment().format('YYYY-MM-DD');
+
+          const categoryName = report.responsibilityCategory.includes(
+            '[WITHIN]'
+          )
+            ? report.responsibilityCategory.split(' [')[0]
+            : report.responsibilityCategory;
+          const frequencyValue = this.frequencyService.shortHand_freqCal(
+            report.frequency,
+            report.day,
+            report.month
+          );
+          const dateAndMonth = report.month.split("'");
+          const startDate = moment(
+            report.day +
+              '-' +
+              dateAndMonth[0] +
+              '-' +
+              20 +
+              dateAndMonth[1] +
+              ' 00:00:00',
+            'DD-MMMM-YYYY HH:mm:ss'
+          ).format('YYYY-MM-DD HH:mm:ss');
+
+          let completeDays;
+          let notCompleteDays;
+          const frequencyType = frequencyValue.split('~')[0];
+          if (report.responsibilityWindow !== '') {
+            completeDays = report.responsibilityWindow;
+          } else if (frequencyTypeArray.includes(frequencyType)) {
+            const indexOfArray = frequencyTypeArray.indexOf(frequencyType);
+            completeDays = defaultWindow[indexOfArray];
+          }
+          if (report.failedAfter !== '') {
+            notCompleteDays = report.failedAfter;
+          } else if (frequencyTypeArray.includes(frequencyType)) {
+            const indexOfArray = frequencyTypeArray.indexOf(frequencyType);
+            notCompleteDays = defaultFailedDay[indexOfArray];
+          }
+          const obj = {
+            userId: this.templateInfo.memberId,
+            organisation_id: this.organizationId,
+            member_id: assignorDetails
+              ? assignorDetails.memberId
+              : this.memberId,
+            member_name: assignorDetails
+              ? report.assignor
+                ? report.assignor.split(' (')[0]
+                : ''
+              : this.defaultOwner
+              ? this.defaultOwner.split(' (')[0]
+              : '',
+            member_email: assignorDetails
+              ? report.assignor
+                ? report.assignor.split(' (')[1].replace(')', '')
+                : ''
+              : this.defaultOwner
+              ? this.defaultOwner.split(' (')[1].replace(')', '')
+              : '',
+            created_by: assignorDetails ? this.memberId : 0,
+            report_name: report.responsibilityName ?? '',
+            entrusted_to: report.assignee.split(' (')[0] ?? '',
+            entrusted_to_id: this.returnIds(report.assignee, 'entrusted_to'),
+            email_address:
+              report.assignee.split(' (')[1].replace(')', '') ?? '',
+            category_name: categoryName,
+            category_name_with_tree: '',
+            category_id: this.returnIds(
+              report.responsibilityCategory,
+              'category_id'
+            ),
+            rc_name: rcDetails ? rcDetails.name : '',
+            rc_id: rcDetails ? rcDetails.rcId : 0,
+            entity_tree:
+              rcDetails && rcDetails.rcId
+                ? [
+                    {
+                      parent_rc_ids: rcDetails ? rcDetails.parentIds : [],
+                      rc_id: rcDetails ? rcDetails.rcId : 0,
+                    },
+                  ]
+                : [],
+            frequency_handler: frequencyValue,
+            compliance_type: frequencyValue.split('~')[0],
+            frequency_description: report.frequency,
+            start_date: report.day ? startDate : currentDate + ' 00:00:00',
+            risk_class: report.reportClass ?? '',
+            risk_classId: report.reportClass
+              ? this.returnIds(report.reportClass, 'risk_class')
+              : this.riskClassEnabled
+              ? 1
+              : 2,
+            doc_utc: 0,
+            comment: report.notes ?? '',
+            cc_mail: ccDetails ? ccDetails.email : '',
+            cc_mail_id: ccDetails ? ccDetails.employeeId : '',
+            cc_failed_mail: ccFailureDetails ? ccFailureDetails.email : '',
+            cc_failure_id: ccFailureDetails ? ccFailureDetails.employeeId : 0,
+            send_reminder: '',
+            responsibilityWindow: frequencyType === '1' ? 0 : completeDays,
+            failed_after: notCompleteDays,
+            excel_sheet_name: '',
+            report_upload_flag:
+              report.documentEvidenceRequired === 'Yes' ? 1 : 0,
+            report_id: 0,
+            is_assigned_flag: 0,
+            private_library_id: 0,
+            keycompliance: report.keyResponsibility === 'Yes' ? 'Yes' : 'No',
+            key_compliance: report.keyResponsibility === 'Yes' ? 1 : 0,
+            reviewerId: reviewerDetails ? reviewerDetails.employeeId : 0,
+            reviewer_arr:
+              reviewerDetails && reviewerDetails.employeeId
+                ? {
+                    level1: {
+                      reviewers: [
+                        {
+                          member_id: reviewerDetails
+                            ? reviewerDetails.employeeId
+                            : 0,
+                          reviewer_accept: 0,
+                        },
+                      ],
+                      type: 'SEQUENTIAL',
+                    },
+                  }
+                : {},
+            reviewerWindow:
+              report.reviewToBeCompletedWithin === ''
+                ? 2
+                : report.reviewToBeCompletedWithin,
+            reviewerFailure:
+              report.reviewWillBeFailedAfter === ''
+                ? 2
+                : report.reviewWillBeFailedAfter,
+            reviewer_email: reviewerDetails ? reviewerDetails.email : '',
+            formatForResponsibility: report.formatForResponsibility
+              ? report.formatForResponsibility
+              : '',
+            documentaryEvidence: report.notes ?? '',
+            isdocumentaryEvidence:
+              report.documentEvidenceRequired === 'Yes' ? 1 : 0,
+            objective: report.objective ?? '',
+            excel_sheet_info: this.fileResponse,
+            showList: false,
+            custom_tags: '[]',
+          };
+          payload.push(obj);
+        }
+      });
+    }
+    this.responsibilityService.addBulkResponsibility(payload).subscribe(
+      (res: any) => {
+        this.loader = false;
+        this.showExcel = false;
+        this.showSmiley = true;
+        this.responsibilityData = res;
+      },
+      (err) => {
+        console.log(err);
+        this.loader = false;
+        this.showExcel = false;
+        this.snackBar.show(
+          'OOPS! Something went wrong and the page could not be loaded. Could you please try one more time?',
+          'alert'
+        );
+      }
+    );
+  }
+
+  returnIds(item: any, key: string) {
+    switch (key) {
+      case 'rc_id':
+        let rcObj = { name: '', rcId: 0, parentIds: [] };
+        this.templateInfo.rcList.forEach((rc_element: any) => {
+          if (rc_element.name == item) {
+            let name;
+            if (rc_element.name.includes('[WITHIN]')) {
+              name = rc_element.name.split(' [WITHIN] ')[0];
+            } else {
+              name = rc_element.name;
+            }
+            rcObj = {
+              name,
+              rcId: rc_element.rc_id,
+              parentIds: rc_element.parentIds,
+            };
+          }
+        });
+        return rcObj;
+        break;
+      case 'reviewer':
+        let reviewerObj = { name: '', employeeId: 0, email: '' };
+        this.templateInfo.assigneesList.forEach((reviewerElement: any) => {
+          if (reviewerElement.nameAndEmail == item) {
+            reviewerObj = {
+              name: reviewerElement.name,
+              employeeId: reviewerElement.my_member_id,
+              email: reviewerElement.email,
+            };
+          }
+        });
+        return reviewerObj;
+
+        break;
+      case 'assignor':
+        let assignorObj = { name: '', memberId: 0, email: '' };
+        this.templateInfo.assignorsList.forEach((assignorElement: any) => {
+          if (assignorElement.nameAndEmail == item) {
+            assignorObj = {
+              name: assignorElement.name,
+              email: assignorElement.email,
+              memberId: assignorElement.member_id,
+            };
+          }
+        });
+        return assignorObj;
+
+        break;
+      case 'cc':
+        let ccObj = { name: '', employeeId: 0, email: '' };
+        this.templateInfo.assigneesList.forEach((ccElement: any) => {
+          if (ccElement.nameAndEmail == item) {
+            ccObj = {
+              name: ccElement.name,
+              employeeId: ccElement.employee_id,
+              email: ccElement.email,
+            };
+          }
+        });
+        return ccObj;
+        break;
+      case 'ccFailure':
+        let ccfObj = { name: '', employeeId: 0, email: '' };
+        this.templateInfo.assigneesList.forEach((ccfElement: any) => {
+          if (ccfElement.nameAndEmail == item) {
+            ccfObj = {
+              name: ccfElement.name,
+              employeeId: ccfElement.employee_id,
+              email: ccfElement.email,
+            };
+          }
+        });
+        return ccfObj;
+        break;
+
+      case 'entrusted_to':
+        let empId = 0;
+        this.templateInfo.assigneesList.forEach((enElement: any) => {
+          if (enElement.nameAndEmail == item) {
+            empId = enElement.employee_id;
+          }
+        });
+        return empId;
+        break;
+      case 'category_id':
+        let catId = 0;
+        this.templateInfo.categoryList.forEach((category: any) => {
+          if (category.name == item) {
+            catId = category.category_id;
+          }
+        });
+        return catId;
+        break;
+
+      case 'risk_class':
+        if (item == 'Low') {
+          return 1;
+        } else if (item == 'Low-Medium') {
+          return 2;
+        } else if (item == 'Medium-High') {
+          return 3;
+        } else if (item == 'High') {
+          return 4;
+        } else {
+          return 0;
+        }
+        break;
+    }
+  }
+
+  reset() {
+    this.responsibilityBulkUpload = {
+      header: [],
+      reports: [],
+    };
+
+    this.templateInfo = {
+      categoryList: [],
+      rcList: [],
+      assignorsList: [],
+      assigneesList: [],
+      memberId: '',
+    };
+
+    this.isFileEmpty = false;
+    this.isWrongFile = false;
+    this.isWrongFormat = false;
+    this.fileName = undefined;
+    this.data = undefined;
+    this.showExcel = false;
+    this.showSmiley = false;
+    this.closeAddMultipleResponsibility.emit();
+  }
+  action(event: string) {
+    switch (event) {
+      case 'addMore':
+        this.reset();
+        break;
+      case 'view':
+        this.viewResponsibilities();
+        break;
+    }
+  }
+
+  closeSmiley(event: any) {
+    this.showSmiley = false;
+    this.closeWorkflow.emit({ evt: this.responsibilityData, confirm: false });
+  }
+
+  viewResponsibilities(): void {
+    let url: string;
+    let urlSubstring = '';
+    this.disconnectRefresh.emit(false);
+    if (this.isNotificationPending) {
+      if (this.featureflag) {
+        urlSubstring = 'compliance/manage-responsibility?' + this.url;
+      } else {
+        urlSubstring =
+          'compliance/manage-responsibilities/responsibilities-queue';
+      }
+    } else {
+      if (this.featureflag) {
+        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 + '/compliance/#/' + urlSubstring;
+    } else {
+      url = 'https://' + window.location.host + '/compliance/#/' + urlSubstring;
+    }
+    window.location.href = url;
+  }
+
+  // Upload File to the server
+  fileUpload() {
+    this.loader = true;
+    const formData = new FormData();
+    const file = this.uploadedFiles[0][0];
+    formData.append('sourcefile', file);
+    formData.append('destination', 'bulkupload/entrust/' + this.userInfo.email);
+    this.responsibilityService.fileUpload(formData).subscribe(
+      (res: any) => {
+        if (res?.filename) {
+          this.fileResponse.push(res);
+        }
+        this.loader = false;
+      },
+      (err) => {
+        console.error(err);
+        this.loader = false;
+        this.snackBar.show(
+          'OOPS! Something went wrong and the page could not be loaded. Could you please try one more time?',
+          'alert'
+        );
+      }
+    );
+  }
+}