sf-i-events 1.0.952 → 1.0.954

package/dev/index.html

@@ -889,14 +889,14 @@
     disablesignoff="yes" disableclientresponse="yes">
 
   </sf-i-events> -->
-  <!-- <sf-i-events projectid="41ab3c86-ccc0-4c0e-8e31-cd079a07a710" projectname="ABC Global" mode="onboarding"
+  <sf-i-events projectid="41ab3c86-ccc0-4c0e-8e31-cd079a07a710" projectname="ABC Global" mode="onboarding"
     locations="{&quot;India&quot;:{&quot;Maharashtra&quot;:[&quot;Pune&quot;,&quot;Mumbai&quot;],&quot;Telangana&quot;:[&quot;Telangana&quot;]},&quot;Canada&quot;:{&quot;CanadaSO&quot;:[&quot;CanadaLO&quot;]},&quot;Singapore&quot;:{&quot;SingaporeSO&quot;:[&quot;Orchard&quot;,&quot;Raffles&quot;,&quot;Robinson&quot;,&quot;Tanjong&quot;,&quot;Tras&quot;]},&quot;United Kingdom&quot;:{&quot;UnitedSO&quot;:[&quot;UnitedLO&quot;]},&quot;United States of America&quot;:{&quot;AmericaSO&quot;:[&quot;AmericaLO&quot;]}}"
     contractstartdate="1/4/2024" apiid="dwqyez2puoxmu.cloudfront.net/event" username="ninad.t@flagggrc.tech"
     apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute" apiidcompliances="dnytrdlrmxgsy.cloudfront.net/compliance"
     apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidusers="dnytrdlrmxgsy.cloudfront.net/userprofile"
     disablesignoff="yes" disableclientresponse="yes">
 
-  </sf-i-events> -->
+  </sf-i-events>
   <!-- <sf-i-events id="sf-i-events-next" name="Next Compliances" apiid="dwqyez2puoxmu.cloudfront.net/event"
     apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute" apiidcompliances="dnytrdlrmxgsy.cloudfront.net/compliance"
     apiidreportformats="dwqyez2puoxmu.cloudfront.net/reportformat"
@@ -941,7 +941,7 @@
     </div>
 
   </sf-i-events> -->
-  <sf-i-events name="Calendar" apiid="dwqyez2puoxmu.cloudfront.net/event" mode="consumer"
+  <!-- <sf-i-events name="Calendar" apiid="dwqyez2puoxmu.cloudfront.net/event" mode="consumer"
     apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute"
     apiiddefinitions="dwqyez2puoxmu.cloudfront.net/definition"
     apiidreportformats="dwqyez2puoxmu.cloudfront.net/reportformat"
@@ -970,7 +970,7 @@
       <sf-i-reporting id="reporting-format" mode="view"></sf-i-reporting>
     </div>
 
-  </sf-i-events>
+  </sf-i-events> -->
   <!-- <sf-i-events id="sf-i-events-next" name="Next Compliances" apiid="dwqyez2puoxmu.cloudfront.net/event"
     apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute" apiidcompliances="dnytrdlrmxgsy.cloudfront.net/compliance"
     apiidreportformats="dwqyez2puoxmu.cloudfront.net/reportformat"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sf-i-events",
   "private": false,
-  "version": "1.0.952",
+  "version": "1.0.954",
   "description": "Superflows Navigation Component",
   "main": "sf-i-events.js",
   "module": "sf-i-events.js",

package/sf-i-events.d.ts

@@ -659,7 +659,8 @@ export declare class SfIEvents extends LitElement {
     refreshCalendar: () => Promise<void>;
     renderNewOnboarding: () => void;
     renderOnboardingSignoff: (signoff: any) => void;
-    renderOnboardingSuspense: (_suspenseList: any) => void;
+    renderOnboardingSuspense: (sourceArray: any, suspenseList: any) => void;
+    renderOnboardingSuspenseOld: (_suspenseList: any) => void;
     renderOnboardingCalendar: (_calendarJobs: any) => void;
     renderOnboardingTriggers: (mappedTriggers: any, mappedSerializedAlertSchedules: any, triggersJobs: any) => void;
     renderOnboardingInternalControls: (mappedInternalControls: any, mappedSerializedTriggers: any, internalcontrolsJobs: any) => void;
@@ -757,6 +758,7 @@ export declare class SfIEvents extends LitElement {
     uploadLocationsMapping: (data: any) => Promise<void>;
     uploadEntitiesMapping: (data: any) => Promise<void>;
     uploadCountriesMapping: (data: any) => Promise<void>;
+    uploadMappedSuspense: (data: any) => Promise<any>;
     uploadOnboardingMapping: (data: any, onboardingstep: string) => Promise<void>;
     uploadToPresignedUrl: (data: any, url: string) => Promise<void>;
     uploadCompliancesMapping: (data: any) => Promise<void>;

package/sf-i-events.js

@@ -7508,9 +7508,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');
@@ -13196,7 +13197,7 @@ let SfIEvents = class SfIEvents extends LitElement {
         };
         this.renewRCMResource = async (listEvent, reportformatvalues) => {
             var _a;
-            let url = "https://" + this.apiIdRCMResources + "/reopen";
+            let url = "https://" + this.apiIdRCMResources + "/reopen1";
             console.log('renewing', reportformatvalues);
             //console.log('fetch calendar url', url);
             let urlBody = { projectid: this.projectId, objectid: listEvent.id, newvalues: reportformatvalues == "" ? null : JSON.parse(reportformatvalues), published: true, terminated: ((_a = JSON.parse(reportformatvalues).terminated) !== null && _a !== void 0 ? _a : false) };
@@ -17562,7 +17563,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 +22060,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 +22244,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 +23690,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));

package/src/sf-i-events.ts

@@ -10367,9 +10367,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) => {
@@ -17040,7 +17041,7 @@ export class SfIEvents extends LitElement {
 
   renewRCMResource = async (listEvent: any, reportformatvalues: any) => {
 
-    let url = "https://" + this.apiIdRCMResources + "/reopen";
+    let url = "https://" + this.apiIdRCMResources + "/reopen1";
 
     console.log('renewing', reportformatvalues)
     //console.log('fetch calendar url', url);
@@ -22314,7 +22315,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 +27881,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 +28111,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 +29957,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;

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));
         }, {});
     });
 }