sf-i-events 1.0.953 → 1.0.955

package/src/sf-i-events.ts

@@ -1711,6 +1711,15 @@ export class SfIEvents extends LitElement {
   tablecols: string[] = []
 
   reportedLocationsVals: any[] = []
+
+  minRiskMitigated: number = 0;
+  minRiskResidual: number = 0;
+
+  maxRiskMitigated: number = 0;
+  maxRiskResidual: number = 0;
+
+  finRiskCurrency: string = "";
+
   static override styles = css`
 
     .bg-white {
@@ -4549,6 +4558,50 @@ export class SfIEvents extends LitElement {
       html += '</div>';
       html += '</div>';
       html += '<div class="chart-container d-flex scroll-x align-center"><div part="chart-item" class="chart-item"><canvas id="myChart"></canvas></div><div part="chart-item" class="chart-item"><canvas id="myChart4" class="gone"></canvas></div><div part="chart-item chart-item-middle" class="chart-item"><canvas id="myChart2" class="gone"></canvas></div><div part="chart-item" class="chart-item"><canvas id="myChart3" class="gone"></canvas></div></div>';
+      html += '<div id="fin-risk-container" class="mt-20 w-100 d-flex align-end">'
+      html += `
+          <!-- Left Label -->
+          <div class="d-flex align-end">
+            <span part="financial-risk-title">Financial Risk</span>
+            <sup part="financial-risk-currency">FIN_RISK_CURRENCY</sup>
+          </div>
+
+          <!-- Lower (Residual / Pending Risk) -->
+          <div class="d-flex align-end" part="financial-risk-section">
+            <div part="financial-risk-limit-label" style="font-weight:700;font-size:15px;color:#000;">Lower</div>
+            <div class="d-flex align-center">
+              <div class="d-flex flex-col align-center">
+              <span style="color:#555;font-weight:500;font-size:13px;">Addressed</span>
+              <span style="font-weight:700;font-size:16px;color:#27ae60;">FIN_RISK_MITIGATED_MIN</span>
+              </div>
+              <div class="d-flex flex-col align-center">
+              <span style="color:#555;font-weight:500;font-size:13px;">Pending</span>
+              <span style="font-weight:700;font-size:16px;color:#a0005a;">FIN_RISK_RESIDUAL_MIN</span>
+              </div>
+            </div>
+          </div>
+
+          <!-- Upper (Mitigated / Addressed Risk) -->
+          <div class="d-flex align-end" part="financial-risk-section">
+            <div part="financial-risk-limit-label" style="font-weight:700;font-size:15px;color:#000;">Upper</div>
+            <div style="display:flex;align-items:center;gap:8px;">
+              <div class="d-flex flex-col align-center">
+              <span style="color:#555;font-weight:500;font-size:13px;">Addressed</span>
+              <span style="font-weight:700;font-size:16px;color:#27ae60;">FIN_RISK_MITIGATED_MAX</span>
+              </div>
+              <div class="d-flex flex-col align-center">
+              <span style="color:#555;font-weight:500;font-size:13px;">Pending</span>
+              <span style="font-weight:700;font-size:16px;color:#a0005a;">FIN_RISK_RESIDUAL_MAX</span>
+              </div>
+            </div>
+          </div>
+        `
+      // html += '<div part="" class="mb-5">Financial Risk</div>'
+      // html += '<table class="w-100 text-center"><thead><tr><th part="financial-risk-header">Risk Status</th><th part="financial-risk-header" class="financial-risk-header">Minimum Risk</th><th part="financial-risk-header" class="financial-risk-header">Maximum Risk</th></tr></thead><tbody>'
+      // html += '<tr><td>Residual</td><td>FIN_RISK_RESIDUAL_MIN</td><td>FIN_RISK_RESIDUAL_MAX</td></tr>'
+      // html += '<tr><td>Mitigated</td><td>FIN_RISK_MITIGATED_MIN</td><td>FIN_RISK_MITIGATED_MAX</td></tr></tbody></table>'
+      html += '</div>'
+
       html += '<div id="chart-settings-controls" class="mt-20"></div>'
       html += '<div id="chart-settings"></div>'
     } else {
@@ -5248,6 +5301,12 @@ export class SfIEvents extends LitElement {
 
     var lastDay = iLast;
 
+    this.minRiskMitigated = 0;
+    this.minRiskResidual = 0;
+    this.maxRiskMitigated = 0;
+    this.maxRiskResidual = 0;
+    this.finRiskCurrency = "";
+
     this.clearGraphData();
     console.log('this.clearSelectedGraphParam(); 1', this.graphFilter);
     this.clearSelectedGraphParam();
@@ -5284,6 +5343,16 @@ export class SfIEvents extends LitElement {
         htmlSummaryCols += '<tr><th class="td-thin">Id</th><th class="td-wide">ObligationTitle</th><th class="td-wide">Status</th><th class="td-wide">Documents</th></tr>'
       }
     }
+    let tempMinRiskMitigatedLocal = 0;
+    let tempMinRiskResidualLocal = 0;
+    let tempMaxRiskMitigatedLocal = 0;
+    let tempMaxRiskResidualLocal = 0;
+    let tempMinRiskMitigatedGlobal = 0;
+    let tempMinRiskResidualGlobal = 0;
+    let tempMaxRiskMitigatedGlobal = 0;
+    let tempMaxRiskResidualGlobal = 0;
+    this.finRiskCurrency = ""
+    let flagGlobal = false;
     for (var i = iInit; i <= iLast; i++) {
 
       let mmdd: string = "";
@@ -5341,6 +5410,25 @@ export class SfIEvents extends LitElement {
           }
           // const tempEvents2 = JSON.parse(JSON.stringify(this.events));
           // //console.log('eventlog2', tempEvents2['06/30'][7].comments, mmdd, j);
+          if (this.finRiskCurrency == "") {
+            this.finRiskCurrency = this.events[mmdd][j]['localcurrency'] ?? ""
+          }
+          if (this.finRiskCurrency != this.events[mmdd][j]['localcurrency'] && this.finRiskCurrency == "") {
+            this.finRiskCurrency = this.events[mmdd][j]['globalcurrency'] ?? ""
+            flagGlobal = true
+          }
+
+          if (partStatus == "approved") {
+            tempMinRiskMitigatedLocal = tempMinRiskMitigatedLocal + parseInt(this.events[mmdd][j]['minlocal'] ?? "0")
+            tempMaxRiskMitigatedLocal = tempMaxRiskMitigatedLocal + parseInt(this.events[mmdd][j]['maxlocal'] ?? "0")
+            tempMinRiskMitigatedGlobal = tempMinRiskMitigatedGlobal + parseInt(this.events[mmdd][j]['minglobal'] ?? "0")
+            tempMaxRiskMitigatedGlobal = tempMaxRiskMitigatedGlobal + parseInt(this.events[mmdd][j]['maxglobal'] ?? "0")
+          } else {
+            tempMinRiskResidualLocal = tempMinRiskResidualLocal + parseInt(this.events[mmdd][j]['minlocal'] ?? "0")
+            tempMaxRiskResidualLocal = tempMaxRiskResidualLocal + parseInt(this.events[mmdd][j]['maxlocal'] ?? "0")
+            tempMinRiskResidualGlobal = tempMinRiskResidualGlobal + parseInt(this.events[mmdd][j]['minglobal'] ?? "0")
+            tempMaxRiskResidualGlobal = tempMaxRiskResidualGlobal + parseInt(this.events[mmdd][j]['maxglobal'] ?? "0")
+          }
 
           notStarted = notStarted + (partStatus == "not-started" ? 1 : 0);
           pendingApproval = pendingApproval + (partStatus == "pending-approval" ? 1 : 0);
@@ -5621,6 +5709,17 @@ export class SfIEvents extends LitElement {
 
     html += this.renderCalendarContainerDivEnd();
 
+    if (flagGlobal) {
+      this.minRiskMitigated = tempMinRiskMitigatedGlobal
+      this.maxRiskMitigated = tempMaxRiskMitigatedGlobal
+      this.minRiskResidual = tempMinRiskResidualGlobal
+      this.maxRiskResidual = tempMaxRiskResidualGlobal
+    } else {
+      this.minRiskMitigated = tempMinRiskMitigatedLocal
+      this.maxRiskMitigated = tempMaxRiskMitigatedLocal
+      this.minRiskResidual = tempMinRiskResidualLocal
+      this.maxRiskResidual = tempMaxRiskResidualLocal
+    }
     //console.log('final risk severities', this.riskSeverityData);
 
     //this.period = firstDay?.getDate() + '/' + (firstDay!.getMonth()+1) + '/' + firstDay?.getFullYear() + " - " + endDay?.getDate() + '/' + (endDay!.getMonth()+1) + '/' + endDay?.getFullYear();
@@ -5658,6 +5757,12 @@ export class SfIEvents extends LitElement {
     html = html.replace("DASHBOARD_EXPIRED", expired + "");
     html = html.replace("DASHBOARD_TERMINATED", terminated + "");
 
+    html = html.replace("FIN_RISK_CURRENCY", this.finRiskCurrency);
+    html = html.replace("FIN_RISK_RESIDUAL_MIN", this.formatIndianNumber(this.minRiskResidual));
+    html = html.replace("FIN_RISK_RESIDUAL_MAX", this.formatIndianNumber(this.maxRiskResidual));
+    html = html.replace("FIN_RISK_MITIGATED_MIN", this.formatIndianNumber(this.minRiskMitigated));
+    html = html.replace("FIN_RISK_MITIGATED_MAX", this.formatIndianNumber(this.maxRiskMitigated));
+
     if (this.selectedFeatures.indexOf("contracts") >= 0) {
       this.csvDataStats = 'Period,Total,Not Started,Approved,Pending Approval,Rejected,Past Due Date,Late Reported,Late Executed,Late Approved,Active,About To Expire,Expired,Terminated\n';
       this.csvDataStats += this.period + "," + total + "," + notStarted + "," + approved + "," + pendingApproval + "," + rejected + "," + pastDueDate + "," + lateReported + "," + lateExecuted + "," + lateApproved + "," + active + "," + aboutToExpire + "," + expired + "," + terminated;
@@ -10367,9 +10472,10 @@ export class SfIEvents extends LitElement {
   loadOnboardingSuspense = async () => {
     this.hideTabContainers();
     (this._SfOnboardingSuspenseContainer as HTMLDivElement).style.display = 'flex';
+    const mappedSerializedLocations = await this.fetchMappedSerializedLocations();
     const suspenseList = await this.fetchSuspenseList();
     console.log('suspenseList', suspenseList);
-    this.renderOnboardingSuspense(suspenseList);
+    this.renderOnboardingSuspense(mappedSerializedLocations, suspenseList);
   }
 
   calculateStartAndEndDateOfPast = (index: number = 0) => {
@@ -22314,7 +22420,346 @@ export class SfIEvents extends LitElement {
 
   }
 
-  renderOnboardingSuspense = (_suspenseList: any) => {
+  renderOnboardingSuspense = (sourceArray: any, suspenseList: any) => {
+
+    console.log('sourceList', sourceArray);
+    console.log('suspenseList', suspenseList);
+    let sourceCols = ["shortid", "obligationtitle", "obligationtype"]
+    let uniqCols = ["id", "entityname", "locationname"]
+    let colName = 'suspense'
+    var html: string = '';
+
+    html += '<div id="suspense-list-container" class="pb-10 pt-10 w-100">';
+
+    html += '<div class="d-flex justify-between flex-wrap align-center"> ';
+
+    var status = '';
+    status = '<span class="color-done material-icons">check_circle</span>';
+    let tagged = 0
+    var changed = 0
+    let tempSourceArray = sourceArray
+    console.log('suspensekey length', tempSourceArray.data.mappings.mappings.length)
+    for (let [itemIndex, item] of tempSourceArray.data.mappings.mappings.entries()) {
+      let suspenseKey = item.entityid + ';' + item.locationid + ';' + item.id
+      console.log('suspensekey', suspenseKey, item)
+      if (suspenseList[suspenseKey] != null && suspenseList[suspenseKey] != false) {
+        tagged++;
+      }
+      tempSourceArray.data.mappings.mappings[itemIndex].suspense = suspenseList[suspenseKey] != null
+      if (this.changedOnboardingItemIds.indexOf(suspenseKey) >= 0) {
+        changed++;
+      }
+    }
+
+    html += ('<div class="left-sticky d-flex justify-between align-center mr-10"><h4 id="mapped-stats-title" part="results-title" class="d-flex align-center m-0">' + status + '&nbsp;&nbsp; ' + tagged + ' in Suspense List out of ' + sourceArray.data.mappings.mappings.length + '</h4></div>');
+
+
+    if (changed > 0) {
+      html += ('<div class="left-sticky d-flex justify-between align-center mr-10"><h4 part="results-title" class="d-flex align-center m-0"><span class="color-pending material-icons">pending</span>&nbsp;&nbsp;' + changed + ' Items changed</h4></div>')
+    }
+    html += ('<div class="left-sticky d-flex justify-between align-center mr-10"><h4 id="span-extra-filled" class="m-0" part="results-title"></h4></div>')
+
+    html += '<div class="d-flex align-center">';
+    // html += '<input part="input" type="text" placeholder="Filter" class="input-filter mr-10" value="'+subfilter+'" />';
+    html += '<div class="mr-10">';
+    html += '<div class="d-flex justify-end"><button part="calendar-tab-icon-not-selected" class="material-icons button-toggle-more">expand_more</button><button part="calendar-tab-icon-selected" class="material-icons button-toggle-more-back hide">expand_less</button></div>'
+    // html += '<div class="d-flex justify-end"><button part="button" class="align-center button-download-backups hide" style="position: absolute; margin-top: 5px;"><span class="material-symbols-outlined mr-10">file_save</span><span>Download Backups</span></button></div>'
+    html += '<div style="position: absolute; margin-top: 5px;">'
+    html += '<button part="button" class="hide d-flex align-center button-download-backups" style="margin-left: -80px"><span class="material-symbols-outlined mr-10">file_save</span><span>Download Backups</span></button><button part="button" class="mt-10 hide d-flex align-center button-export-mapping" style="margin-left: -80px"><span class="material-symbols-outlined mr-10">export_notes</span><span>Export Mapping</span></button><button part="button" class="mt-10 hide d-flex align-center button-export-mapping-csv" style="margin-left: -80px"><span class="material-symbols-outlined mr-10">data_table</span><span>Export CSV</span></button>'
+
+    // console.log('jobs', jobs);
+    html += ('<input id="fileInput" type="file" style="display:none;" /><button part="button" class="mt-10 hide button-local-load d-flex align-center mr-10" style="margin-left: -80px"><span class="material-symbols-outlined mr-10">upload_file</span><span>Load From Local</span></button><button part="button" class="mt-10 hide button-local-save d-flex align-center mr-10" style="margin-left: -80px"><span class="material-symbols-outlined mr-10">save</span><span>Save Locally</span></button>');
+    html += '</div>';
+    html += '</div>';
+    html += '<button part="button" class="button-apply d-flex align-center mr-10"><span class="material-symbols-outlined mr-10">touch_app</span><span>Apply</span></button>'
+    html += '<button part="button" class="button-save d-flex align-center"><span class="material-symbols-outlined mr-10">save</span><span>Save On Cloud</span></button>'
+    html += '</div>';
+
+    html += '</div>';
+
+    html += '<div>';
+    html += '<h4 id="span-filtered" part="results-title"></h4>'
+    html += '<div id="div-subfiltered"></div>'
+    html += '</div>';
+
+    html += '<br />';
+
+    html += '<div class="d-flex justify-center align-center w-100 mt-20 scroll-x">';
+    html += '<table id="table-data" class="mt-20" style="height: 200px">';
+
+    html += '<thead>';
+    // html += '<th part="td-head" class="td-head">'
+    // html += '<div id="select-all"><input class="checkbox checkbox-all" part="input-checkbox" type="checkbox" ' + ((this.disableflagggrcresponse.toLowerCase() == "yes") ? 'disabled' : '') + '/></div>';
+    // html += '</th>'
+    html += '<th part="td-head" class="td-head">'
+    html += colName;
+    html += '</th>'
+    for (let i = 0; i < uniqCols.length; i++) {
+      html += '<th part="td-head" class="td-head">'
+      html += uniqCols[i];
+      html += '</th>'
+    }
+    for (let i = 0; i < sourceCols.length; i++) {
+      html += '<th part="td-head" class="td-head">'
+      html += sourceCols[i];
+      html += '</th>'
+    }
+    html += '</thead>';
+    html += '<tbody>';
+    // console.log('changedIds', this.changedOnboardingItemIds);
+    for (let i = 0; i < sourceArray.data.mappings.mappings.length; i++) {
+
+      var classBg = "";
+      let item = sourceArray.data.mappings.mappings[i]
+      let suspenseKey = item.entityid + ';' + item.locationid + ';' + item.id
+      if (i % 2 === 0) {
+        if (this.changedOnboardingItemIds.length > 0) {
+          let changedId = suspenseKey
+          if (this.changedOnboardingItemIds.indexOf(changedId) >= 0) {
+            classBg = 'td-light-selected';
+          } else {
+            classBg = 'td-light';
+          }
+        } else {
+          classBg = 'td-light';
+        }
+      } else {
+        if (this.changedOnboardingItemIds.length > 0) {
+          let changedId = item.entityid + ';' + item.locationid + ';' + item.id
+          if (this.changedOnboardingItemIds.indexOf(changedId) >= 0) {
+            classBg = 'td-dark-selected';
+          } else {
+            classBg = 'td-dark';
+          }
+        } else {
+          classBg = 'td-dark';
+        }
+      }
+
+      html += '<tr class="" id="tablerow-' + i + '">';
+
+      // html += '<td class="left-sticky td-body ' + classBg + '" ><div class=""><input id="cb-' + i + '" type="checkbox" class="checkbox-row cb-select"/></div></td>';
+
+      html += '<td class="left-sticky td-body ' + classBg + '" part="td-key">'
+      html += '<div class="">';
+      html += '<input id="suspense-' + i + '" type="checkbox" part="input" class="suspense-input"' + ((suspenseList[suspenseKey] != null && suspenseList[suspenseKey] != false) ? ' checked' : '') + '/>';
+
+
+      html += '</div>';
+      html += '</td>'
+
+      for (var l = 0; l < uniqCols.length; l++) {
+        // console.log('uniqcolval', uniqCols[l], sourceArray.data.mappings.mappings[i], sourceArray.data.mappings.mappings[i][uniqCols[l]]);
+        html += '<td class="td-body ' + classBg + '" part="td-key">'
+        html += '<div class="">';
+        html += '<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + sourceArray.data.mappings.mappings[i][uniqCols[l]].replace(/ *\([^)]*\) */g, "") + '" minLength="20"></sf-i-elastic-text>';
+        html += '</div>';
+        html += '</td>'
+      }
+
+
+      for (l = 0; l < sourceCols.length; l++) {
+
+        for (var j = 0; j < JSON.parse(sourceArray.data.mappings.mappings[0].cols).length; j++) {
+
+          if (sourceCols[l] == JSON.parse(sourceArray.data.mappings.mappings[0].cols)[j]) {
+
+            if (sourceArray.data.mappings.mappings[i].data != null) {
+
+              html += '<td class="td-body ' + classBg + '" part="td-body">';
+              html += '<div class="">';
+
+              //console.log('isArray', sourceCols[l], Array.isArray(JSON.parse(sourceArray.data.mappings.mappings[i].data)[j]));
+              if (Array.isArray(JSON.parse(sourceArray.data.mappings.mappings[i].data)[j])) {
+
+                for (var k = 0; k < JSON.parse(sourceArray.data.mappings.mappings[i].data)[j].length; k++) {
+                  html += ('<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + JSON.parse(sourceArray.data.mappings.mappings[i].data)[j][k] + '" minLength="100" lineSize="4"></sf-i-elastic-text>');
+                }
+
+              } else {
+                html += ('<sf-i-elastic-text exportparts="highlight,highlight-count" text="' + JSON.parse(sourceArray.data.mappings.mappings[i].data)[j] + '" minLength="100" lineSize="4"></sf-i-elastic-text>')
+              }
+
+              html += '</div>';
+              html += '</td>';
+
+            }
+
+          }
+
+        }
+
+      }
+
+      html += '</tr>';
+      //console.log('i=', i);
+
+    }
+    html += '</tbody>';
+    html += '</table>';
+
+
+    html += '</div>';
+
+    html += '</div>';
+
+    (this._SfOnboardingSuspenseContainer as HTMLDivElement).innerHTML = html;
+
+    const buttonApply = (this._SfOnboardingSuspenseContainer as HTMLDivElement).querySelector('.button-apply') as HTMLButtonElement;
+    buttonApply.addEventListener('click', () => {
+      let inputSuspenseCheckboxes = (this._SfOnboardingSuspenseContainer as HTMLDivElement).querySelectorAll('.suspense-input') as NodeListOf<HTMLInputElement>;
+      let tempSuspenseList: any = {}
+      for (let inputSuspenseCheckbox of inputSuspenseCheckboxes) {
+        let index = inputSuspenseCheckbox.id.split("-")[1]
+        if (inputSuspenseCheckbox.checked) {
+          let item = sourceArray.data.mappings.mappings[index]
+          let suspenseKey = item.entityid + ';' + item.locationid + ';' + item.id
+          tempSuspenseList[suspenseKey] = true
+        }
+      }
+      this.renderOnboardingSuspense(sourceArray, tempSuspenseList)
+    })
+
+    const buttonSave = (this._SfOnboardingSuspenseContainer as HTMLDivElement).querySelector('.button-save') as HTMLButtonElement;
+    buttonSave.addEventListener('click', async () => {
+      console.log('saving suspense', suspenseList, Object.keys(suspenseList).length);
+      let response = await this.uploadMappedSuspense(suspenseList)
+      console.log('suspense save response', response);
+      this.loadOnboardingSuspense()
+    })
+
+    const buttonToggleMoreBack = (this._SfOnboardingSuspenseContainer as HTMLDivElement).querySelector('.button-toggle-more-back') as HTMLButtonElement;
+    const buttonToggleMore = (this._SfOnboardingSuspenseContainer as HTMLDivElement).querySelector('.button-toggle-more') as HTMLButtonElement;
+
+    buttonToggleMore.addEventListener('click', async (ev: any) => {
+
+      ev.target.classList.add('hide');
+      buttonToggleMoreBack.classList.remove('hide');
+
+      const buttonExportMappingCSV = (this._SfOnboardingSuspenseContainer as HTMLDivElement).querySelector('.button-export-mapping-csv') as HTMLButtonElement;
+      buttonExportMappingCSV.style.display = 'flex';
+      // const buttonApply = (divElement as HTMLDivElement).querySelector('.button-apply') as HTMLButtonElement;
+      // buttonApply.style.display = 'flex';
+      const buttonLoadLocal = (this._SfOnboardingSuspenseContainer as HTMLDivElement).querySelector('.button-local-load') as HTMLButtonElement;
+      buttonLoadLocal.style.display = 'flex';
+      const buttonSaveLocal = (this._SfOnboardingSuspenseContainer as HTMLDivElement).querySelector('.button-local-save') as HTMLButtonElement;
+      buttonSaveLocal.style.display = 'flex';
+      const buttonSave = (this._SfOnboardingSuspenseContainer as HTMLDivElement).querySelector('.button-save') as HTMLButtonElement;
+      buttonSave.style.display = 'flex';
+
+      const buttonExportMappingCSVNew = Util.clearListeners(buttonExportMappingCSV);
+      buttonExportMappingCSVNew?.addEventListener('click', async () => {
+        let csvArray = JSON.parse(JSON.stringify(sourceArray.data.mappings.mappings))
+        for (let [i, obj] of csvArray.entries()) {
+          let tempCsvObj = obj
+          if (obj['cols'] != null && obj['data'] != null) {
+            let dataArr = JSON.parse(obj['data'])
+            let colsArr = JSON.parse(obj['cols'])
+            for (let [j, colKey] of colsArr.entries()) {
+              tempCsvObj['cols_' + colKey] = dataArr[j]
+            }
+          }
+          csvArray[i] = tempCsvObj
+        }
+        console.log('csv array', csvArray)
+        let csvData = Util.convertToCSV(csvArray);
+        // let csvData = Util.convertToCSV(taggingArray.data.mappings.mappings);
+        console.log('csvData', csvData);
+        const blob = new Blob([csvData], { type: 'text/csv;charset=utf-8;' });
+        const url = window.URL.createObjectURL(blob)
+        const a = document.createElement('a')
+        a.setAttribute('href', url)
+        a.setAttribute('download', 'mapping_suspense_' + new Date().getTime() + '.csv');
+        a.click()
+      })
+
+      const buttonLoadLocalNew = Util.clearListeners(buttonLoadLocal);
+      buttonLoadLocalNew?.addEventListener('click', async () => {
+        console.log('load-local');
+        ((this._SfOnboardingSuspenseContainer as HTMLDivElement).querySelector('#fileInput') as HTMLInputElement).click();
+      });
+
+      const fileInput = (this._SfOnboardingSuspenseContainer as HTMLDivElement).querySelector('#fileInput') as HTMLButtonElement;
+      fileInput.value = '';
+      const fileInputNew = Util.clearListeners(fileInput);
+      fileInputNew.addEventListener('change', (e: any) => {
+
+        var frCsv = new FileReader();
+        frCsv.onload = () => {
+          console.log('taggingarray onload called');
+          console.log('csv result', frCsv.result);
+          const tempArr = Util.parseCsv(frCsv.result + "");
+          console.log('csv data', tempArr)
+          let changeCount = 0;
+          let tempSuspenseList: any = {}
+          for (let obj of tempArr) {
+            let suspenseKey = obj.entityid + ';' + obj.locationid + ';' + obj.id
+            if ((suspenseList[suspenseKey] == null && obj.suspense == true) || (suspenseList[suspenseKey] != null && obj.suspense == false)) {
+              console.log('adding to suspense change', suspenseKey, suspenseList[suspenseKey], obj.suspense)
+              this.changedOnboardingItemIds.push(suspenseKey)
+              changeCount++
+            }
+            tempSuspenseList[suspenseKey] = obj.suspense
+          }
+          this.setSuccessBtn(changeCount + " items changed. Do you wish to apply?", ["No", "Yes"], [
+            () => {
+              this.clearMessages();
+              this.changedOnboardingItemIds = [];
+              (buttonToggleMoreBack as HTMLButtonElement).click();
+            },
+            () => {
+              this.clearMessages();
+              this.renderOnboardingSuspense(sourceArray, tempSuspenseList);
+            }
+          ])
+          // let tempObj:any = {"data":{"mappings":{"mappings":tempArr}}}
+          // let tempObj:{data:{mappings:{mappings:any[]}}} = {data:{mappings:{mappings:tempArr}}}
+
+
+        }
+        if (e.target.files[0].name.toLowerCase().indexOf("suspense".toLowerCase()) >= 0) {
+          frCsv.readAsText(e.target.files[0]);
+        }
+      })
+
+      const buttonSaveLocalNew = Util.clearListeners(buttonSaveLocal);
+      buttonSaveLocalNew?.addEventListener('click', async () => {
+        console.log('save-local');
+        const blob = new Blob([JSON.stringify(sourceArray)], { type: 'text/plain' });
+        const url = window.URL.createObjectURL(blob)
+        const a = document.createElement('a')
+        a.setAttribute('href', url)
+        a.setAttribute('download', 'mapping_suspense_' + new Date().toLocaleString() + '.txt');
+        a.click()
+      });
+
+    });
+
+    buttonToggleMoreBack.addEventListener('click', async (ev: any) => {
+
+      ev.target.classList.add('hide');
+      buttonToggleMore.classList.remove('hide');
+      const buttonDownloadBackups = (this._SfOnboardingSuspenseContainer as HTMLDivElement).querySelector('.button-download-backups') as HTMLButtonElement;
+      buttonDownloadBackups.style.display = 'none';
+      const buttonExportMapping = (this._SfOnboardingSuspenseContainer as HTMLDivElement).querySelector('.button-export-mapping') as HTMLButtonElement;
+      buttonExportMapping.style.display = 'none';
+      const buttonExportMappingCSV = (this._SfOnboardingSuspenseContainer as HTMLDivElement).querySelector('.button-export-mapping-csv') as HTMLButtonElement;
+      buttonExportMappingCSV.style.display = 'none';
+      // const buttonApply = (divElement as HTMLDivElement).querySelector('.button-apply') as HTMLButtonElement;
+      // buttonApply.style.display = 'none';
+      const buttonLoadLocal = (this._SfOnboardingSuspenseContainer as HTMLDivElement).querySelector('.button-local-load') as HTMLButtonElement;
+      buttonLoadLocal.style.display = 'none';
+      const buttonSaveLocal = (this._SfOnboardingSuspenseContainer as HTMLDivElement).querySelector('.button-local-save') as HTMLButtonElement;
+      buttonSaveLocal.style.display = 'none';
+      // const buttonSave = (divElement as HTMLDivElement).querySelector('.button-save') as HTMLButtonElement;
+      // buttonSave.style.display = 'none';
+
+    });
+
+    this.changedOnboardingItemIds = [];
+  }
+
+  renderOnboardingSuspenseOld = (_suspenseList: any) => {
 
     //console.log('calendarjobs', calendarJobs);
 
@@ -27541,6 +27986,39 @@ export class SfIEvents extends LitElement {
     await this.uploadOnboardingMapping(data, 'countries');
   }
 
+  uploadMappedSuspense = async (data: any) => {
+
+    //console.log('uploading..', data);
+
+    let url = "https://" + this.apiId + "/updatemappedsuspense";
+
+    const body = {
+      "projectid": this.projectId,
+      "data": JSON.stringify(data),
+    }
+
+    let authorization: any = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
+    let xhr: any = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
+    this._SfLoader.innerHTML = '';
+    if (xhr.status == 200) {
+
+      const jsonRespose = JSON.parse(xhr.responseText);
+      console.log('jsonResponse suspense', jsonRespose);
+      return jsonRespose;
+    } else {
+      if (xhr.status == 401) {
+        let changeEvent = new CustomEvent('tokenExpired', { bubbles: true });
+        this.dispatchEvent(changeEvent);
+      }
+      const jsonRespose = JSON.parse(xhr.responseText);
+      this.setError(jsonRespose.error);
+      setTimeout(() => {
+        this.clearMessages()
+      }, 2000);
+    }
+
+  }
+
   uploadOnboardingMapping = async (data: any, onboardingstep: string) => {
 
     //console.log('uploading..', data);
@@ -27738,7 +28216,7 @@ export class SfIEvents extends LitElement {
 
   uploadTriggerMyEvent = async (complianceid: string, message: string, countryname: string, entityname: string, locationname: string, statute: string, subcategory: string, suspenseVal: any = {}) => {
 
-    let url = "https://" + this.apiId + "/triggermyevent1";
+    let url = "https://" + this.apiId + "/triggermyevent2";
 
     const body = {
       "projectid": this.projectId,
@@ -29584,7 +30062,7 @@ export class SfIEvents extends LitElement {
 
   fetchSuspenseList = async () => {
 
-    let url = "https://" + this.apiId + "/getsuspenselist";
+    let url = "https://" + this.apiId + "/getsuspenselist1";
     const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
     const year = this.getCurrentYearGeneric();
     const xhr: any = (await this.prepareXhr({ "projectid": this.projectId, "year": year }, url, this._SfLoader, authorization)) as any;
@@ -30794,6 +31272,24 @@ export class SfIEvents extends LitElement {
 
   }
 
+  formatIndianNumber = (num: number) => {
+    if (num === null || num === undefined || isNaN(num)) return '';
+    num = Number(num);
+
+    if (num >= 10000000) {
+      // 1 Crore = 10,000,000
+      return (num / 10000000).toFixed(num % 10000000 === 0 ? 0 : 2).replace(/\.00$/, '') + ' Cr';
+    } else if (num >= 100000) {
+      // 1 Lakh = 100,000
+      return (num / 100000).toFixed(num % 100000 === 0 ? 0 : 2).replace(/\.00$/, '') + ' Lac';
+    } else if (num >= 1000) {
+      return (num / 1000).toFixed(num % 1000 === 0 ? 0 : 2).replace(/\.00$/, '') + ' K';
+    } else {
+      return num.toString();
+    }
+  }
+
+
   truncate = (str: string, n: number, useWordBoundary: boolean, ellipsis: boolean = true) => {
     if (str.length <= n) { return str; }
     const subString = str.slice(0, n - 1); // the original check

package/src/util.ts

@@ -428,7 +428,7 @@ function arrayToObject(csvArray: any) {
 
     return headers.reduce((acc: any, currentHeader: any, i: string | number) => {
       // console.log('parsing row', row[i], index);
-      return ((currentHeader.indexOf('cols_') >= 0 || currentHeader == '') ? acc : ((row[i] != '' && row[i] != null) ? { ...acc, ...{ [currentHeader]: JSON.parse(row[i] == "TRUE" ? "true" : row[i]) } } : acc))
+      return ((currentHeader.indexOf('cols_') >= 0 || currentHeader == '') ? acc : ((row[i] != '' && row[i] != null) ? { ...acc, ...{ [currentHeader]: JSON.parse(row[i] == "TRUE" ? "true" : (row[i] == "FALSE" ? "false" : row[i]))}} : acc))
     }, {})
   })
 }

package/util.js

@@ -358,7 +358,7 @@ function arrayToObject(csvArray) {
     }).map((row) => {
         return headers.reduce((acc, currentHeader, i) => {
             // console.log('parsing row', row[i], index);
-            return ((currentHeader.indexOf('cols_') >= 0 || currentHeader == '') ? acc : ((row[i] != '' && row[i] != null) ? { ...acc, ...{ [currentHeader]: JSON.parse(row[i] == "TRUE" ? "true" : row[i]) } } : acc));
+            return ((currentHeader.indexOf('cols_') >= 0 || currentHeader == '') ? acc : ((row[i] != '' && row[i] != null) ? { ...acc, ...{ [currentHeader]: JSON.parse(row[i] == "TRUE" ? "true" : (row[i] == "FALSE" ? "false" : row[i])) } } : acc));
         }, {});
     });
 }