sf-i-events 1.0.953 → 1.0.955

package/sf-i-events.js

@@ -1275,6 +1275,11 @@ let SfIEvents = class SfIEvents extends LitElement {
         this.suspenseFlag = false;
         this.tablecols = [];
         this.reportedLocationsVals = [];
+        this.minRiskMitigated = 0;
+        this.minRiskResidual = 0;
+        this.maxRiskMitigated = 0;
+        this.maxRiskResidual = 0;
+        this.finRiskCurrency = "";
         this.isSelectedLegend = (value) => {
             return this.chartSelectedLegend.includes(value);
         };
@@ -2363,6 +2368,49 @@ let SfIEvents = 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>';
             }
@@ -2943,7 +2991,7 @@ let SfIEvents = class SfIEvents extends LitElement {
         };
         //(firstDay, endDay, 1, lastDay, true, 0, (firstDate.getMonth()), period, firstDate,"From " + firstDay.toLocaleDateString('en-IN') + " To " + endDay.toLocaleDateString('en-IN'), showBackgroundButton)
         this.renderEvents = (_firstDay, _endDay, iInit, iLast, showGraph, index, month, period, firstDate = null, parametersTitle, showBackgroundButton, fromDrilldown = false) => {
-            var _a, _b, _c, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45;
+            var _a, _b, _c, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55;
             var total = 0, notStarted = 0, approved = 0, pendingApproval = 0, rejected = 0, inTime = 0, pastDueDate = 0, lateExecuted = 0, lateApproved = 0, lateReported = 0, scheduled = 0, partiallyComplied = 0, notComplied = 0, complied = 0, compliedWithGaps = 0, reportedNonCompliance = 0, active = 0, aboutToExpire = 0, expired = 0, terminated = 0;
             var html = '';
             this.selectedItemIds = [];
@@ -2954,6 +3002,11 @@ let SfIEvents = class SfIEvents extends LitElement {
             var slice = 2;
             this.eventsInWindow = [];
             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();
@@ -2993,6 +3046,16 @@ let SfIEvents = 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 = "";
                 if (firstDate == null) {
@@ -3041,6 +3104,25 @@ let SfIEvents = 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 = (_a = this.events[mmdd][j]['localcurrency']) !== null && _a !== void 0 ? _a : "";
+                        }
+                        if (this.finRiskCurrency != this.events[mmdd][j]['localcurrency'] && this.finRiskCurrency == "") {
+                            this.finRiskCurrency = (_b = this.events[mmdd][j]['globalcurrency']) !== null && _b !== void 0 ? _b : "";
+                            flagGlobal = true;
+                        }
+                        if (partStatus == "approved") {
+                            tempMinRiskMitigatedLocal = tempMinRiskMitigatedLocal + parseInt((_c = this.events[mmdd][j]['minlocal']) !== null && _c !== void 0 ? _c : "0");
+                            tempMaxRiskMitigatedLocal = tempMaxRiskMitigatedLocal + parseInt((_f = this.events[mmdd][j]['maxlocal']) !== null && _f !== void 0 ? _f : "0");
+                            tempMinRiskMitigatedGlobal = tempMinRiskMitigatedGlobal + parseInt((_g = this.events[mmdd][j]['minglobal']) !== null && _g !== void 0 ? _g : "0");
+                            tempMaxRiskMitigatedGlobal = tempMaxRiskMitigatedGlobal + parseInt((_h = this.events[mmdd][j]['maxglobal']) !== null && _h !== void 0 ? _h : "0");
+                        }
+                        else {
+                            tempMinRiskResidualLocal = tempMinRiskResidualLocal + parseInt((_j = this.events[mmdd][j]['minlocal']) !== null && _j !== void 0 ? _j : "0");
+                            tempMaxRiskResidualLocal = tempMaxRiskResidualLocal + parseInt((_k = this.events[mmdd][j]['maxlocal']) !== null && _k !== void 0 ? _k : "0");
+                            tempMinRiskResidualGlobal = tempMinRiskResidualGlobal + parseInt((_l = this.events[mmdd][j]['minglobal']) !== null && _l !== void 0 ? _l : "0");
+                            tempMaxRiskResidualGlobal = tempMaxRiskResidualGlobal + parseInt((_m = this.events[mmdd][j]['maxglobal']) !== null && _m !== void 0 ? _m : "0");
+                        }
                         notStarted = notStarted + (partStatus == "not-started" ? 1 : 0);
                         pendingApproval = pendingApproval + (partStatus == "pending-approval" ? 1 : 0);
                         rejected = rejected + (partStatus == "rejected" ? 1 : 0);
@@ -3079,9 +3161,9 @@ let SfIEvents = class SfIEvents extends LitElement {
                                 csvValues += ('"' + ((this.events[mmdd][j]["party1"] + "").replace(/"/g, "") + '",'));
                                 csvValues += ('"' + ((this.events[mmdd][j]["party2"] + "").replace(/"/g, "") + '",'));
                                 csvValues += ('"' + ((this.events[mmdd][j]["party3"] + "").replace(/"/g, "") + '",'));
-                                csvValues += ('"' + ((((_b = ((_a = this.events[mmdd][j]["reporters"]) !== null && _a !== void 0 ? _a : [])[0]) !== null && _b !== void 0 ? _b : "").split(';')[0] + "").replace(/"/g, "") + '",'));
-                                csvValues += ('"' + ((((_f = ((_c = this.events[mmdd][j]["approvers"]) !== null && _c !== void 0 ? _c : [])[0]) !== null && _f !== void 0 ? _f : "").split(';')[0] + "").replace(/"/g, "") + '",'));
-                                csvValues += ('"' + ((((_h = ((_g = this.events[mmdd][j]["functionheads"]) !== null && _g !== void 0 ? _g : [])[0]) !== null && _h !== void 0 ? _h : "").split(';')[0] + "").replace(/"/g, "") + '",'));
+                                csvValues += ('"' + ((((_p = ((_o = this.events[mmdd][j]["reporters"]) !== null && _o !== void 0 ? _o : [])[0]) !== null && _p !== void 0 ? _p : "").split(';')[0] + "").replace(/"/g, "") + '",'));
+                                csvValues += ('"' + ((((_r = ((_q = this.events[mmdd][j]["approvers"]) !== null && _q !== void 0 ? _q : [])[0]) !== null && _r !== void 0 ? _r : "").split(';')[0] + "").replace(/"/g, "") + '",'));
+                                csvValues += ('"' + ((((_t = ((_s = this.events[mmdd][j]["functionheads"]) !== null && _s !== void 0 ? _s : [])[0]) !== null && _t !== void 0 ? _t : "").split(';')[0] + "").replace(/"/g, "") + '",'));
                                 csvValues += ('"' + ((this.events[mmdd][j]["duedate"] + "").replace(/"/g, "") + '",'));
                                 csvValues += ('"' + (this.renderStatusString(partStatus, lateStatus, complianceStatus) + '",'));
                                 csvValues += ('"' + (this.getGraphParam(this.events[mmdd][j]) + '"\n'));
@@ -3108,19 +3190,19 @@ let SfIEvents = class SfIEvents extends LitElement {
                                 csvValues += ('"' + ((this.events[mmdd][j]["countryname"] + "").replace(/\((.*?)\)/g, "") + '",'));
                                 csvValues += ('"' + ((this.events[mmdd][j]["entityname"] + "").replace(/\((.*?)\)/g, "") + '",'));
                                 csvValues += ('"' + ((this.events[mmdd][j]["locationname"] + "").replace(/\((.*?)\)/g, "") + '",'));
-                                csvValues += ('"' + ((((_k = ((_j = this.events[mmdd][j]["reporters"]) !== null && _j !== void 0 ? _j : [])[0]) !== null && _k !== void 0 ? _k : "").split(';')[0] + "").replace(/"/g, "") + '",'));
-                                csvValues += ('"' + ((((_m = ((_l = this.events[mmdd][j]["approvers"]) !== null && _l !== void 0 ? _l : [])[0]) !== null && _m !== void 0 ? _m : "").split(';')[0] + "").replace(/"/g, "") + '",'));
-                                csvValues += ('"' + ((((_p = ((_o = this.events[mmdd][j]["functionheads"]) !== null && _o !== void 0 ? _o : [])[0]) !== null && _p !== void 0 ? _p : "").split(';')[0] + "").replace(/"/g, "") + '",'));
-                                csvValues += ('"' + (((_u = (_t = (_s = (_r = (_q = this.events) === null || _q === void 0 ? void 0 : _q[mmdd]) === null || _r === void 0 ? void 0 : _r[j]) === null || _s === void 0 ? void 0 : _s.statute) === null || _t === void 0 ? void 0 : _t.state) !== null && _u !== void 0 ? _u : "") + '",'));
+                                csvValues += ('"' + ((((_v = ((_u = this.events[mmdd][j]["reporters"]) !== null && _u !== void 0 ? _u : [])[0]) !== null && _v !== void 0 ? _v : "").split(';')[0] + "").replace(/"/g, "") + '",'));
+                                csvValues += ('"' + ((((_x = ((_w = this.events[mmdd][j]["approvers"]) !== null && _w !== void 0 ? _w : [])[0]) !== null && _x !== void 0 ? _x : "").split(';')[0] + "").replace(/"/g, "") + '",'));
+                                csvValues += ('"' + ((((_z = ((_y = this.events[mmdd][j]["functionheads"]) !== null && _y !== void 0 ? _y : [])[0]) !== null && _z !== void 0 ? _z : "").split(';')[0] + "").replace(/"/g, "") + '",'));
+                                csvValues += ('"' + (((_4 = (_3 = (_2 = (_1 = (_0 = this.events) === null || _0 === void 0 ? void 0 : _0[mmdd]) === null || _1 === void 0 ? void 0 : _1[j]) === null || _2 === void 0 ? void 0 : _2.statute) === null || _3 === void 0 ? void 0 : _3.state) !== null && _4 !== void 0 ? _4 : "") + '",'));
                                 csvValues += ('"' + (this.events[mmdd][j]["jurisdiction"] + '",'));
-                                csvValues += ('"' + (((_z = (_y = (_x = (_w = (_v = this.events) === null || _v === void 0 ? void 0 : _v[mmdd]) === null || _w === void 0 ? void 0 : _w[j]) === null || _x === void 0 ? void 0 : _x.complianceobj) === null || _y === void 0 ? void 0 : _y.category) !== null && _z !== void 0 ? _z : "") + '",'));
+                                csvValues += ('"' + (((_9 = (_8 = (_7 = (_6 = (_5 = this.events) === null || _5 === void 0 ? void 0 : _5[mmdd]) === null || _6 === void 0 ? void 0 : _6[j]) === null || _7 === void 0 ? void 0 : _7.complianceobj) === null || _8 === void 0 ? void 0 : _8.category) !== null && _9 !== void 0 ? _9 : "") + '",'));
                                 csvValues += ('"' + (this.events[mmdd][j]["subcategory"] + '",'));
-                                csvValues += ('"' + (((_4 = (_3 = (_2 = (_1 = (_0 = this.events) === null || _0 === void 0 ? void 0 : _0[mmdd]) === null || _1 === void 0 ? void 0 : _1[j]) === null || _2 === void 0 ? void 0 : _2.statute) === null || _3 === void 0 ? void 0 : _3.name) !== null && _4 !== void 0 ? _4 : "") + '",'));
+                                csvValues += ('"' + (((_14 = (_13 = (_12 = (_11 = (_10 = this.events) === null || _10 === void 0 ? void 0 : _10[mmdd]) === null || _11 === void 0 ? void 0 : _11[j]) === null || _12 === void 0 ? void 0 : _12.statute) === null || _13 === void 0 ? void 0 : _13.name) !== null && _14 !== void 0 ? _14 : "") + '",'));
                                 csvValues += ('"' + ((this.events[mmdd][j]["obligationtype"] + "").replace(/"/g, "") + '",'));
                                 csvValues += ('"' + ((this.events[mmdd][j]["risk"] + "").replace(/"/g, "") + '",'));
                                 csvValues += ('"' + ((this.events[mmdd][j]["riskarea"] + "").replace(/"/g, "") + '",'));
                                 csvValues += ('"' + ((this.events[mmdd][j]["frequency"] + "").replace(/"/g, "") + '",'));
-                                csvValues += ('"' + ((((_9 = (_8 = (_7 = (_6 = (_5 = this.events) === null || _5 === void 0 ? void 0 : _5[mmdd]) === null || _6 === void 0 ? void 0 : _6[j]) === null || _7 === void 0 ? void 0 : _7.complianceobj) === null || _8 === void 0 ? void 0 : _8.subfrequency) !== null && _9 !== void 0 ? _9 : "") + "").replace(/"/g, "") + '",'));
+                                csvValues += ('"' + ((((_19 = (_18 = (_17 = (_16 = (_15 = this.events) === null || _15 === void 0 ? void 0 : _15[mmdd]) === null || _16 === void 0 ? void 0 : _16[j]) === null || _17 === void 0 ? void 0 : _17.complianceobj) === null || _18 === void 0 ? void 0 : _18.subfrequency) !== null && _19 !== void 0 ? _19 : "") + "").replace(/"/g, "") + '",'));
                                 csvValues += ('"' + ((this.events[mmdd][j]["duedate"] + "").replace(/"/g, "") + '",'));
                                 csvValues += ('"' + (this.renderStatusString(partStatus, lateStatus, complianceStatus) + '",'));
                                 csvValues += ('"' + (this.getGraphParam(this.events[mmdd][j]) + '"\n'));
@@ -3131,16 +3213,16 @@ let SfIEvents = class SfIEvents extends LitElement {
                                     + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-thin">' + (this.events[mmdd][j]["countryname"] + "").replace(/\((.*?)\)/g, "") + '</td>'
                                     + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-thin">' + (this.events[mmdd][j]["entityname"] + "").replace(/\((.*?)\)/g, "") + '</td>'
                                     + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-thin">' + (this.events[mmdd][j]["locationname"] + "").replace(/\((.*?)\)/g, "") + '</td>'
-                                    + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-thin">' + ((_14 = (_13 = (_12 = (_11 = (_10 = this.events) === null || _10 === void 0 ? void 0 : _10[mmdd]) === null || _11 === void 0 ? void 0 : _11[j]) === null || _12 === void 0 ? void 0 : _12.statute) === null || _13 === void 0 ? void 0 : _13.state) !== null && _14 !== void 0 ? _14 : "") + '</td>'
+                                    + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-thin">' + ((_24 = (_23 = (_22 = (_21 = (_20 = this.events) === null || _20 === void 0 ? void 0 : _20[mmdd]) === null || _21 === void 0 ? void 0 : _21[j]) === null || _22 === void 0 ? void 0 : _22.statute) === null || _23 === void 0 ? void 0 : _23.state) !== null && _24 !== void 0 ? _24 : "") + '</td>'
                                     + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-thin">' + this.events[mmdd][j]["jurisdiction"] + '</td>'
-                                    + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide">' + ((_19 = (_18 = (_17 = (_16 = (_15 = this.events) === null || _15 === void 0 ? void 0 : _15[mmdd]) === null || _16 === void 0 ? void 0 : _16[j]) === null || _17 === void 0 ? void 0 : _17.complianceobj) === null || _18 === void 0 ? void 0 : _18.category) !== null && _19 !== void 0 ? _19 : "") + '</td>'
+                                    + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide">' + ((_29 = (_28 = (_27 = (_26 = (_25 = this.events) === null || _25 === void 0 ? void 0 : _25[mmdd]) === null || _26 === void 0 ? void 0 : _26[j]) === null || _27 === void 0 ? void 0 : _27.complianceobj) === null || _28 === void 0 ? void 0 : _28.category) !== null && _29 !== void 0 ? _29 : "") + '</td>'
                                     + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide">' + this.events[mmdd][j]["subcategory"] + '</td>'
-                                    + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide">' + ((_24 = (_23 = (_22 = (_21 = (_20 = this.events) === null || _20 === void 0 ? void 0 : _20[mmdd]) === null || _21 === void 0 ? void 0 : _21[j]) === null || _22 === void 0 ? void 0 : _22.statute) === null || _23 === void 0 ? void 0 : _23.name) !== null && _24 !== void 0 ? _24 : "") + '</td>'
+                                    + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide">' + ((_34 = (_33 = (_32 = (_31 = (_30 = this.events) === null || _30 === void 0 ? void 0 : _30[mmdd]) === null || _31 === void 0 ? void 0 : _31[j]) === null || _32 === void 0 ? void 0 : _32.statute) === null || _33 === void 0 ? void 0 : _33.name) !== null && _34 !== void 0 ? _34 : "") + '</td>'
                                     + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-thin">' + this.events[mmdd][j]["obligationtype"] + '</td>'
                                     + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-thin">' + this.events[mmdd][j]["risk"] + '</td>'
                                     + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide">' + this.events[mmdd][j]["riskarea"] + '</td>'
                                     + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-thin">' + this.events[mmdd][j]["frequency"] + '</td>'
-                                    + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-thin">' + (((_29 = (_28 = (_27 = (_26 = (_25 = this.events) === null || _25 === void 0 ? void 0 : _25[mmdd]) === null || _26 === void 0 ? void 0 : _26[j]) === null || _27 === void 0 ? void 0 : _27.complianceobj) === null || _28 === void 0 ? void 0 : _28.subfrequency) !== null && _29 !== void 0 ? _29 : "") + "").replace(/"/g, "") + '</td>'
+                                    + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-thin">' + (((_39 = (_38 = (_37 = (_36 = (_35 = this.events) === null || _35 === void 0 ? void 0 : _35[mmdd]) === null || _36 === void 0 ? void 0 : _36[j]) === null || _37 === void 0 ? void 0 : _37.complianceobj) === null || _38 === void 0 ? void 0 : _38.subfrequency) !== null && _39 !== void 0 ? _39 : "") + "").replace(/"/g, "") + '</td>'
                                     + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-thin">' + this.events[mmdd][j]["duedate"] + '</td>'
                                     + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide text-center status-format">' + this.renderStatusString(partStatus, lateStatus, complianceStatus) + '</td>'
                                     + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide status-format">' + this.getGraphParam(this.events[mmdd][j]) + '</td>'
@@ -3154,9 +3236,9 @@ let SfIEvents = class SfIEvents extends LitElement {
                                 csvValues += ('"' + ((this.events[mmdd][j]["countryname"] + "").replace(/\((.*?)\)/g, "") + '",'));
                                 csvValues += ('"' + ((this.events[mmdd][j]["entityname"] + "").replace(/\((.*?)\)/g, "") + '",'));
                                 csvValues += ('"' + ((this.events[mmdd][j]["locationname"] + "").replace(/\((.*?)\)/g, "") + '",'));
-                                csvValues += ('"' + ((((_31 = ((_30 = this.events[mmdd][j]["reporters"]) !== null && _30 !== void 0 ? _30 : [])[0]) !== null && _31 !== void 0 ? _31 : "").split(';')[0] + "").replace(/"/g, "") + '",'));
-                                csvValues += ('"' + ((((_33 = ((_32 = this.events[mmdd][j]["approvers"]) !== null && _32 !== void 0 ? _32 : [])[0]) !== null && _33 !== void 0 ? _33 : "").split(';')[0] + "").replace(/"/g, "") + '",'));
-                                csvValues += ('"' + ((((_35 = ((_34 = this.events[mmdd][j]["functionheads"]) !== null && _34 !== void 0 ? _34 : [])[0]) !== null && _35 !== void 0 ? _35 : "").split(';')[0] + "").replace(/"/g, "") + '",'));
+                                csvValues += ('"' + ((((_41 = ((_40 = this.events[mmdd][j]["reporters"]) !== null && _40 !== void 0 ? _40 : [])[0]) !== null && _41 !== void 0 ? _41 : "").split(';')[0] + "").replace(/"/g, "") + '",'));
+                                csvValues += ('"' + ((((_43 = ((_42 = this.events[mmdd][j]["approvers"]) !== null && _42 !== void 0 ? _42 : [])[0]) !== null && _43 !== void 0 ? _43 : "").split(';')[0] + "").replace(/"/g, "") + '",'));
+                                csvValues += ('"' + ((((_45 = ((_44 = this.events[mmdd][j]["functionheads"]) !== null && _44 !== void 0 ? _44 : [])[0]) !== null && _45 !== void 0 ? _45 : "").split(';')[0] + "").replace(/"/g, "") + '",'));
                                 csvValues += ('"' + (this.events[mmdd][j]["lastcheckeddate"] + '",'));
                                 csvValues += ('"' + ((this.events[mmdd][j]["duedate"] + "").replace(/"/g, "") + '",'));
                                 csvValues += ('"' + ((this.events[mmdd][j]["terminated"] ? "Yes" : "No").replace(/"/g, "") + '",'));
@@ -3182,10 +3264,10 @@ let SfIEvents = class SfIEvents extends LitElement {
                                 csvValues += ('"' + ((this.events[mmdd][j]["countryname"] + "").replace(/\((.*?)\)/g, "") + '",'));
                                 csvValues += ('"' + ((this.events[mmdd][j]["entityname"] + "").replace(/\((.*?)\)/g, "") + '",'));
                                 csvValues += ('"' + ((this.events[mmdd][j]["locationname"] + "").replace(/\((.*?)\)/g, "") + '",'));
-                                csvValues += ('"' + ((((_37 = ((_36 = this.events[mmdd][j]["functions"]) !== null && _36 !== void 0 ? _36 : [])[0]) !== null && _37 !== void 0 ? _37 : "").split(';')[0] + "").replace(/\((.*?)\)/g, "") + '",'));
-                                csvValues += ('"' + ((((_39 = ((_38 = this.events[mmdd][j]["reporters"]) !== null && _38 !== void 0 ? _38 : [])[0]) !== null && _39 !== void 0 ? _39 : "").split(';')[0] + "").replace(/"/g, "") + '",'));
-                                csvValues += ('"' + ((((_41 = ((_40 = this.events[mmdd][j]["approvers"]) !== null && _40 !== void 0 ? _40 : [])[0]) !== null && _41 !== void 0 ? _41 : "").split(';')[0] + "").replace(/"/g, "") + '",'));
-                                csvValues += ('"' + ((((_43 = ((_42 = this.events[mmdd][j]["functionheads"]) !== null && _42 !== void 0 ? _42 : [])[0]) !== null && _43 !== void 0 ? _43 : "").split(';')[0] + "").replace(/"/g, "") + '",'));
+                                csvValues += ('"' + ((((_47 = ((_46 = this.events[mmdd][j]["functions"]) !== null && _46 !== void 0 ? _46 : [])[0]) !== null && _47 !== void 0 ? _47 : "").split(';')[0] + "").replace(/\((.*?)\)/g, "") + '",'));
+                                csvValues += ('"' + ((((_49 = ((_48 = this.events[mmdd][j]["reporters"]) !== null && _48 !== void 0 ? _48 : [])[0]) !== null && _49 !== void 0 ? _49 : "").split(';')[0] + "").replace(/"/g, "") + '",'));
+                                csvValues += ('"' + ((((_51 = ((_50 = this.events[mmdd][j]["approvers"]) !== null && _50 !== void 0 ? _50 : [])[0]) !== null && _51 !== void 0 ? _51 : "").split(';')[0] + "").replace(/"/g, "") + '",'));
+                                csvValues += ('"' + ((((_53 = ((_52 = this.events[mmdd][j]["functionheads"]) !== null && _52 !== void 0 ? _52 : [])[0]) !== null && _53 !== void 0 ? _53 : "").split(';')[0] + "").replace(/"/g, "") + '",'));
                                 csvValues += ('"' + (this.events[mmdd][j]["state"] + '",'));
                                 csvValues += ('"' + (this.events[mmdd][j]["jurisdiction"] + '",'));
                                 csvValues += ('"' + (this.events[mmdd][j]["category"] + '",'));
@@ -3254,7 +3336,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                     + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide"><sf-i-elastic-text exportparts="highlight,highlight-count" text="' + this.events[mmdd][j]["obligationtitle"] + '" minLength="100" lineSize="4"></sf-i-elastic-text></td>'
                                     + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide"><sf-i-elastic-text exportparts="highlight,highlight-count" text="' + this.renderStatusString(partStatus, lateStatus, complianceStatus) + '" minLength="100" lineSize="4"></sf-i-elastic-text></td>'
                                     + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide">');
-                                for (let document of (_44 = this.events[mmdd][j].contractdocuments) !== null && _44 !== void 0 ? _44 : []) {
+                                for (let document of (_54 = this.events[mmdd][j].contractdocuments) !== null && _54 !== void 0 ? _54 : []) {
                                     htmlSummaryValues += `<sf-i-uploader class="summary-report-doc" max="10" apiid="1peg5170d3" allowedextensions="[&quot;jpg&quot;,&quot;png&quot;,&quot;pdf&quot;,&quot;xls&quot;,&quot;xlsx&quot;,&quot;doc&quot;,&quot;docx&quot;]" prepopulatedInputArr="${JSON.stringify([{ "key": document.key, "ext": document.ext }]).replace(/"/g, '&quot;')}" projectid="${this.projectId} " extract="no" mode="view" maximize="yes" hidepreview="yes"></sf-i-uploader><br />`;
                                 }
                                 htmlSummaryValues += '</td></tr>';
@@ -3264,7 +3346,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                     + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide"><sf-i-elastic-text exportparts="highlight,highlight-count" text="' + this.events[mmdd][j]["obligationtitle"] + '" minLength="100" lineSize="4"></sf-i-elastic-text></td>'
                                     + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide"><sf-i-elastic-text exportparts="highlight,highlight-count" text="' + this.renderStatusString(partStatus, lateStatus, complianceStatus) + '" minLength="100" lineSize="4"></sf-i-elastic-text></td>'
                                     + '<td class="' + (total % 2 === 0 ? 'td-odd' : 'td-even') + ' td-wide">');
-                                for (let document of (_45 = this.events[mmdd][j].licensedocuments) !== null && _45 !== void 0 ? _45 : []) {
+                                for (let document of (_55 = this.events[mmdd][j].licensedocuments) !== null && _55 !== void 0 ? _55 : []) {
                                     htmlSummaryValues += `<sf-i-uploader class="summary-report-doc" max="10" apiid="1peg5170d3" allowedextensions="[&quot;jpg&quot;,&quot;png&quot;,&quot;pdf&quot;,&quot;xls&quot;,&quot;xlsx&quot;,&quot;doc&quot;,&quot;docx&quot;]" prepopulatedInputArr="${JSON.stringify([{ "key": document.key, "ext": document.ext }]).replace(/"/g, '&quot;')}" projectid="${this.projectId} " extract="no" mode="view" maximize="yes" hidepreview="yes"></sf-i-uploader><br />`;
                                 }
                                 htmlSummaryValues += '</td></tr>';
@@ -3308,6 +3390,18 @@ let SfIEvents = 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();
             this.period = period;
@@ -3338,6 +3432,11 @@ let SfIEvents = class SfIEvents extends LitElement {
             html = html.replace("DASHBOARD_ABOUT_TO_EXPIRE", aboutToExpire + "");
             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;
@@ -7508,9 +7607,10 @@ let SfIEvents = class SfIEvents extends LitElement {
         this.loadOnboardingSuspense = async () => {
             this.hideTabContainers();
             this._SfOnboardingSuspenseContainer.style.display = 'flex';
+            const mappedSerializedLocations = await this.fetchMappedSerializedLocations();
             const suspenseList = await this.fetchSuspenseList();
             console.log('suspenseList', suspenseList);
-            this.renderOnboardingSuspense(suspenseList);
+            this.renderOnboardingSuspense(mappedSerializedLocations, suspenseList);
         };
         this.calculateStartAndEndDateOfPast = (index = 0) => {
             //console.log('calculating start and end of past');
@@ -17562,7 +17662,292 @@ let SfIEvents = class SfIEvents extends LitElement {
                 this.loadOnboardingSignoff();
             });
         };
-        this.renderOnboardingSuspense = (_suspenseList) => {
+        this.renderOnboardingSuspense = (sourceArray, suspenseList) => {
+            console.log('sourceList', sourceArray);
+            console.log('suspenseList', suspenseList);
+            let sourceCols = ["shortid", "obligationtitle", "obligationtype"];
+            let uniqCols = ["id", "entityname", "locationname"];
+            let colName = 'suspense';
+            var html = '';
+            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.innerHTML = html;
+            const buttonApply = this._SfOnboardingSuspenseContainer.querySelector('.button-apply');
+            buttonApply.addEventListener('click', () => {
+                let inputSuspenseCheckboxes = this._SfOnboardingSuspenseContainer.querySelectorAll('.suspense-input');
+                let tempSuspenseList = {};
+                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.querySelector('.button-save');
+            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.querySelector('.button-toggle-more-back');
+            const buttonToggleMore = this._SfOnboardingSuspenseContainer.querySelector('.button-toggle-more');
+            buttonToggleMore.addEventListener('click', async (ev) => {
+                ev.target.classList.add('hide');
+                buttonToggleMoreBack.classList.remove('hide');
+                const buttonExportMappingCSV = this._SfOnboardingSuspenseContainer.querySelector('.button-export-mapping-csv');
+                buttonExportMappingCSV.style.display = 'flex';
+                // const buttonApply = (divElement as HTMLDivElement).querySelector('.button-apply') as HTMLButtonElement;
+                // buttonApply.style.display = 'flex';
+                const buttonLoadLocal = this._SfOnboardingSuspenseContainer.querySelector('.button-local-load');
+                buttonLoadLocal.style.display = 'flex';
+                const buttonSaveLocal = this._SfOnboardingSuspenseContainer.querySelector('.button-local-save');
+                buttonSaveLocal.style.display = 'flex';
+                const buttonSave = this._SfOnboardingSuspenseContainer.querySelector('.button-save');
+                buttonSave.style.display = 'flex';
+                const buttonExportMappingCSVNew = Util.clearListeners(buttonExportMappingCSV);
+                buttonExportMappingCSVNew === null || buttonExportMappingCSVNew === void 0 ? void 0 : 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 === null || buttonLoadLocalNew === void 0 ? void 0 : buttonLoadLocalNew.addEventListener('click', async () => {
+                    console.log('load-local');
+                    this._SfOnboardingSuspenseContainer.querySelector('#fileInput').click();
+                });
+                const fileInput = this._SfOnboardingSuspenseContainer.querySelector('#fileInput');
+                fileInput.value = '';
+                const fileInputNew = Util.clearListeners(fileInput);
+                fileInputNew.addEventListener('change', (e) => {
+                    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 = {};
+                        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.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 === null || buttonSaveLocalNew === void 0 ? void 0 : 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) => {
+                ev.target.classList.add('hide');
+                buttonToggleMore.classList.remove('hide');
+                const buttonDownloadBackups = this._SfOnboardingSuspenseContainer.querySelector('.button-download-backups');
+                buttonDownloadBackups.style.display = 'none';
+                const buttonExportMapping = this._SfOnboardingSuspenseContainer.querySelector('.button-export-mapping');
+                buttonExportMapping.style.display = 'none';
+                const buttonExportMappingCSV = this._SfOnboardingSuspenseContainer.querySelector('.button-export-mapping-csv');
+                buttonExportMappingCSV.style.display = 'none';
+                // const buttonApply = (divElement as HTMLDivElement).querySelector('.button-apply') as HTMLButtonElement;
+                // buttonApply.style.display = 'none';
+                const buttonLoadLocal = this._SfOnboardingSuspenseContainer.querySelector('.button-local-load');
+                buttonLoadLocal.style.display = 'none';
+                const buttonSaveLocal = this._SfOnboardingSuspenseContainer.querySelector('.button-local-save');
+                buttonSaveLocal.style.display = 'none';
+                // const buttonSave = (divElement as HTMLDivElement).querySelector('.button-save') as HTMLButtonElement;
+                // buttonSave.style.display = 'none';
+            });
+            this.changedOnboardingItemIds = [];
+        };
+        this.renderOnboardingSuspenseOld = (_suspenseList) => {
             //console.log('calendarjobs', calendarJobs);
             var _a;
             var html = '';
@@ -21774,6 +22159,33 @@ let SfIEvents = class SfIEvents extends LitElement {
         this.uploadCountriesMapping = async (data) => {
             await this.uploadOnboardingMapping(data, 'countries');
         };
+        this.uploadMappedSuspense = async (data) => {
+            //console.log('uploading..', data);
+            let url = "https://" + this.apiId + "/updatemappedsuspense";
+            const body = {
+                "projectid": this.projectId,
+                "data": JSON.stringify(data),
+            };
+            let authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
+            let xhr = (await this.prepareXhr(body, url, this._SfLoader, authorization));
+            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);
+            }
+        };
         this.uploadOnboardingMapping = async (data, onboardingstep) => {
             //console.log('uploading..', data);
             let url = "https://" + this.apiId + "/updatemappedonboarding";
@@ -21931,7 +22343,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             }
         };
         this.uploadTriggerMyEvent = async (complianceid, message, countryname, entityname, locationname, statute, subcategory, suspenseVal = {}) => {
-            let url = "https://" + this.apiId + "/triggermyevent1";
+            let url = "https://" + this.apiId + "/triggermyevent2";
             const body = {
                 "projectid": this.projectId,
                 "complianceid": complianceid,
@@ -23377,7 +23789,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             }
         };
         this.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 = (await this.prepareXhr({ "projectid": this.projectId, "year": year }, url, this._SfLoader, authorization));
@@ -24407,6 +24819,25 @@ let SfIEvents = class SfIEvents extends LitElement {
                 elems[index].style.display = 'flex';
             }
         };
+        this.formatIndianNumber = (num) => {
+            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();
+            }
+        };
         this.truncate = (str, n, useWordBoundary, ellipsis = true) => {
             if (str.length <= n) {
                 return str;