sf-i-events 1.0.917 → 1.0.919

package/dev/index.html

@@ -829,7 +829,7 @@
     disablesignoff="yes" disableclientresponse="yes">
 
   </sf-i-events> -->
-  <sf-i-events id="sf-i-events-next" name="Next Compliances" apiid="dwqyez2puoxmu.cloudfront.net/event"
+  <!-- <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"
     apiiddefinitions="dwqyez2puoxmu.cloudfront.net/definition" mode="next" fill="solid" username="Local Reporter 1"
@@ -842,7 +842,7 @@
         extract="yes" projectid="41ab3c86-ccc0-4c0e-8e31-cd079a07a710" maxsize="31457280"
         allowdownload="yes"></sf-i-uploader></div>
     <div slot="reporting"><sf-i-reporting id="reporting-format" mode="view"></sf-i-reporting></div>
-  </sf-i-events>
+  </sf-i-events> -->
   <!-- <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"
@@ -873,7 +873,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"
@@ -901,7 +901,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.917",
+  "version": "1.0.919",
   "description": "Superflows Navigation Component",
   "main": "sf-i-events.js",
   "module": "sf-i-events.js",

package/sf-i-events.js

@@ -3734,7 +3734,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             return html;
         };
         this.renderListReporting = (listReportingContainer, event, mmddyyyy, eventsContainer) => {
-            var _a, _b, _c, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+            var _a, _b, _c, _f, _g, _h, _j, _k, _l, _m, _o;
             console.log('listreporting event', event, this.graphFilter);
             let html = '';
             let mmdd = mmddyyyy.split('/')[0] + '/' + mmddyyyy.split('/')[1];
@@ -3873,6 +3873,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 let percentage = inputReportingPercentage.value;
                 if (percentage != null && percentage.length > 0 && parseInt(percentage) < 100) {
                     listReportingContainer.querySelector('#reporting-entity-container').classList.remove('hide');
+                    listReportingContainer.querySelector('#reporting-location-container').classList.remove('hide');
                 }
                 else {
                     listReportingContainer.querySelector('#reporting-entity-container').classList.add('hide');
@@ -3884,6 +3885,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         console.log('percentage', percentage, inputReportingPercentage, inputReportingPercentage.value);
                         if (percentage != null && percentage.length > 0 && parseInt(percentage) < 100) {
                             listReportingContainer.querySelector('#reporting-entity-container').classList.remove('hide');
+                            listReportingContainer.querySelector('#reporting-location-container').classList.remove('hide');
                         }
                         else {
                             listReportingContainer.querySelector('#reporting-entity-container').classList.add('hide');
@@ -3932,8 +3934,35 @@ let SfIEvents = class SfIEvents extends LitElement {
                     listReportingContainer.querySelector('#reporting-location-container').classList.remove('hide');
                     selectReportingLocation.value = (_a = event.reportedlocations) !== null && _a !== void 0 ? _a : "";
                 });
-                selectReportingLocation.value = (_j = event.reportedlocations) !== null && _j !== void 0 ? _j : "";
-                (_k = listReportingContainer.querySelector('#button-uploader-submit-approve')) === null || _k === void 0 ? void 0 : _k.addEventListener('click', async (ev) => {
+                if (event.reportedlocations != null && event.reportedlocations.length > 0) {
+                    console.log('setting reportedlocations', event.reportedlocations);
+                    for (let country of Object.keys(projectUserMap)) {
+                        if (country == "roles") {
+                            continue;
+                        }
+                        for (let entity of Object.keys(projectUserMap[country])) {
+                            let flagSetVal = false;
+                            for (let location of Object.keys(projectUserMap[country][entity])) {
+                                if (event.reportedlocations.indexOf(location) >= 0) {
+                                    selectReportingEntity.value = entity;
+                                    const changeEvent = new Event('change', { bubbles: true });
+                                    selectReportingEntity.dispatchEvent(changeEvent);
+                                    selectReportingLocation.value = location;
+                                    flagSetVal = true;
+                                    break;
+                                }
+                            }
+                            if (flagSetVal) {
+                                break;
+                            }
+                        }
+                    }
+                }
+                else {
+                    selectReportingEntity.value = "";
+                    selectReportingLocation.value = "";
+                }
+                (_j = listReportingContainer.querySelector('#button-uploader-submit-approve')) === null || _j === void 0 ? void 0 : _j.addEventListener('click', async (ev) => {
                     var _a, _b;
                     let buttonClick = ev.target;
                     buttonClick.innerHTML = "Saving...";
@@ -4062,7 +4091,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         }
                     }
                 });
-                (_l = listReportingContainer.querySelector('#button-uploader-submit-audit')) === null || _l === void 0 ? void 0 : _l.addEventListener('click', async (ev) => {
+                (_k = listReportingContainer.querySelector('#button-uploader-submit-audit')) === null || _k === void 0 ? void 0 : _k.addEventListener('click', async (ev) => {
                     var _a, _b;
                     let buttonClick = ev.target;
                     buttonClick.innerHTML = "Saving...";
@@ -4190,7 +4219,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     else {
                         if (listReportingContainer.querySelector('#button-uploader-submit-report') != null) {
                             listReportingContainer.querySelector('#button-uploader-submit-report').style.visibility = 'visible';
-                            (_m = listReportingContainer.querySelector('#button-uploader-submit-report')) === null || _m === void 0 ? void 0 : _m.addEventListener('click', async (ev) => {
+                            (_l = listReportingContainer.querySelector('#button-uploader-submit-report')) === null || _l === void 0 ? void 0 : _l.addEventListener('click', async (ev) => {
                                 var _a, _b, _c, _f, _g;
                                 let buttonClick = ev.target;
                                 buttonClick.innerHTML = "Saving...";
@@ -4562,7 +4591,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 }
             }
             if (event['reportformat'] != null && event['reportformat'].length > 0) {
-                this.fetchReportFormat(listReportingContainer, reportformatName, (_o = event['reportformatschema']) !== null && _o !== void 0 ? _o : "", (_p = event['reportformatvalues']) !== null && _p !== void 0 ? _p : "");
+                this.fetchReportFormat(listReportingContainer, reportformatName, (_m = event['reportformatschema']) !== null && _m !== void 0 ? _m : "", (_o = event['reportformatvalues']) !== null && _o !== void 0 ? _o : "");
             }
         };
         this.attachListReportingListeners = (eventsContainer) => {
@@ -5697,7 +5726,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         this.csvDataRegisters += ('\n');
                     }
                     html += '<div class="w-100p scroll-x ' + (i != this.selectedRegisterIndex ? 'hide' : '') + ' register-body-' + i + '">';
-                    html += '<div class="d-flex align-end">';
+                    html += '<div class="d-flex align-end left-sticky">';
                     html += '<div class="title-item-date">';
                     html += '<label part="input-label">Search In Statute</label><br />';
                     html += '<input id="stream-search-statute-' + index + '-' + i + '" class="stream-search-statute" part="input" type="text" value="' + ((searchCountryIndex == index && searchIndex == i) ? searchVal : "") + '"/>';
@@ -5907,7 +5936,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         const searchIndex = e.currentTarget.id.split('-')[4];
                         const objCountry = events[Object.keys(events)[countryIndex]];
                         const statute = Object.keys(objCountry)[searchIndex];
-                        let csvData = '"ID","Country","Entities","Locations","Statute","Reference","Obligation"\n';
+                        let csvData = '"ID","Country","Entities","Locations","Statute","Reference","Obligation Title"\n';
                         for (var j = 0; j < Object.keys(objCountry[statute]).length; j++) {
                             const complianceId = Object.keys(objCountry[statute])[j];
                             const compliance = objCountry[statute][complianceId];
@@ -5923,7 +5952,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                             csvData += ('"' + (compliance['locations'] != null && Array.isArray(compliance['locations']) ? compliance['locations'].map((e) => e.split(';')[0].replace(/\([^)]*\)/g, "")).join(',') : '') + '",');
                             csvData += ('"' + statute + '",');
                             csvData += ('"' + data[cols.indexOf('reference')] + '",');
-                            csvData += ('"' + data[cols.indexOf('obligation')] + '"\n');
+                            csvData += ('"' + data[cols.indexOf('obligationtitle')] + '"\n');
                         }
                         console.log('csvData', csvData);
                         const ts = new Date();
@@ -7767,7 +7796,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             var _a, _b;
             var html = '';
             html += '<div class="scroll-x w-100 mobile-only">';
-            html += '<div class="title-item-date">';
+            html += '<div class="title-item-date hide">';
             html += '<label part="input-label">Search</label><br />';
             html += '<input id="stream-search-mobile" part="input" type="text" autofocus/>';
             html += '</div>';
@@ -7775,7 +7804,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             html += '<div class="d-flex w-100 flex-col">';
             html += '<div class="calendar-left-col-register flex-grow desktop-only flex-col justify-start">';
             html += '<div>';
-            html += '<div class="title-item-date">';
+            html += '<div class="title-item-date hide">';
             html += '<label part="input-label">Search</label><br />';
             html += '<input id="stream-search" part="input" type="text" autofocus/>';
             html += '</div>';
@@ -13392,7 +13421,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             }
         };
         this.renderEventDetail = (event, mmddyyyy, currentColumnButton, eventsContainer) => {
-            var _a, _b, _c, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
+            var _a, _b, _c, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
             console.log('event details', event, mmddyyyy, currentColumnButton == null ? "null currentColumnButton" : currentColumnButton.id);
             let comments, docs, approved, /*dateOfCompletion,*/ makercheckers, docsOptional, documentType;
             let entityId = "";
@@ -13955,6 +13984,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 let percentage = inputReportingPercentage.value;
                 if (percentage != null && percentage.length > 0 && parseInt(percentage) < 100) {
                     this._SfDetailContainer.querySelector('#reporting-entity-container').classList.remove('hide');
+                    this._SfDetailContainer.querySelector('#reporting-location-container').classList.remove('hide');
                 }
                 else {
                     this._SfDetailContainer.querySelector('#reporting-entity-container').classList.add('hide');
@@ -13966,6 +13996,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         console.log('percentage', percentage, inputReportingPercentage, inputReportingPercentage.value);
                         if (percentage != null && percentage.length > 0 && parseInt(percentage) < 100) {
                             this._SfDetailContainer.querySelector('#reporting-entity-container').classList.remove('hide');
+                            this._SfDetailContainer.querySelector('#reporting-location-container').classList.remove('hide');
                         }
                         else {
                             this._SfDetailContainer.querySelector('#reporting-entity-container').classList.add('hide');
@@ -14014,8 +14045,35 @@ let SfIEvents = class SfIEvents extends LitElement {
                     this._SfDetailContainer.querySelector('#reporting-location-container').classList.remove('hide');
                     selectReportingLocation.value = (_a = event.reportedlocations) !== null && _a !== void 0 ? _a : "";
                 });
-                selectReportingLocation.value = (_t = event.reportedlocations) !== null && _t !== void 0 ? _t : "";
-                (_u = this._SfDetailContainer.querySelector('#button-uploader-submit-approve')) === null || _u === void 0 ? void 0 : _u.addEventListener('click', async (ev) => {
+                if (event.reportedlocations != null && event.reportedlocations.length > 0) {
+                    console.log('setting reportedlocations', event.reportedlocations);
+                    for (let country of Object.keys(projectUserMap)) {
+                        if (country == "roles") {
+                            continue;
+                        }
+                        for (let entity of Object.keys(projectUserMap[country])) {
+                            let flagSetVal = false;
+                            for (let location of Object.keys(projectUserMap[country][entity])) {
+                                if (event.reportedlocations.indexOf(location) >= 0) {
+                                    selectReportingEntity.value = entity;
+                                    const changeEvent = new Event('change', { bubbles: true });
+                                    selectReportingEntity.dispatchEvent(changeEvent);
+                                    selectReportingLocation.value = location;
+                                    flagSetVal = true;
+                                    break;
+                                }
+                            }
+                            if (flagSetVal) {
+                                break;
+                            }
+                        }
+                    }
+                }
+                else {
+                    selectReportingEntity.value = "";
+                    selectReportingLocation.value = "";
+                }
+                (_t = this._SfDetailContainer.querySelector('#button-uploader-submit-approve')) === null || _t === void 0 ? void 0 : _t.addEventListener('click', async (ev) => {
                     var _a, _b, _c;
                     let buttonClick = ev.target;
                     buttonClick.innerHTML = "Saving...";
@@ -14154,7 +14212,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         }
                     }
                 });
-                (_v = this._SfDetailContainer.querySelector('#button-uploader-submit-audit')) === null || _v === void 0 ? void 0 : _v.addEventListener('click', async (ev) => {
+                (_u = this._SfDetailContainer.querySelector('#button-uploader-submit-audit')) === null || _u === void 0 ? void 0 : _u.addEventListener('click', async (ev) => {
                     var _a, _b;
                     let buttonClick = ev.target;
                     buttonClick.innerHTML = "Saving...";
@@ -14310,7 +14368,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     else {
                         if (this._SfDetailContainer.querySelector('#button-uploader-submit-report') != null) {
                             this._SfDetailContainer.querySelector('#button-uploader-submit-report').style.visibility = 'visible';
-                            (_w = this._SfDetailContainer.querySelector('#button-uploader-submit-report')) === null || _w === void 0 ? void 0 : _w.addEventListener('click', async (ev) => {
+                            (_v = this._SfDetailContainer.querySelector('#button-uploader-submit-report')) === null || _v === void 0 ? void 0 : _v.addEventListener('click', async (ev) => {
                                 var _a, _b, _c, _f;
                                 let buttonClick = ev.target;
                                 buttonClick.innerHTML = "Saving...";
@@ -14713,7 +14771,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 }
             }
             else if (event['reportformat'] != null && event['reportformat'].length > 0) {
-                this.fetchReportFormat(this._SfDetailContainer, reportformatName, (_x = event['reportformatschema']) !== null && _x !== void 0 ? _x : "", (_y = event['reportformatvalues']) !== null && _y !== void 0 ? _y : "");
+                this.fetchReportFormat(this._SfDetailContainer, reportformatName, (_w = event['reportformatschema']) !== null && _w !== void 0 ? _w : "", (_x = event['reportformatvalues']) !== null && _x !== void 0 ? _x : "");
             }
         };
         this.renderCalendar = () => {

package/src/sf-i-events.ts

@@ -6231,7 +6231,8 @@ export class SfIEvents extends LitElement {
       let percentage = inputReportingPercentage.value
 
       if (percentage != null && percentage.length > 0 && parseInt(percentage) < 100) {
-        (listReportingContainer.querySelector('#reporting-entity-container') as HTMLDivElement).classList.remove('hide')
+        (listReportingContainer.querySelector('#reporting-entity-container') as HTMLDivElement).classList.remove('hide');
+        (listReportingContainer.querySelector('#reporting-location-container') as HTMLDivElement).classList.remove('hide')
       } else {
         (listReportingContainer.querySelector('#reporting-entity-container') as HTMLDivElement).classList.add('hide');
         (listReportingContainer.querySelector('#reporting-location-container') as HTMLDivElement).classList.add('hide')
@@ -6241,7 +6242,8 @@ export class SfIEvents extends LitElement {
           let percentage = inputReportingPercentage.value
           console.log('percentage', percentage, inputReportingPercentage, inputReportingPercentage.value);
           if (percentage != null && percentage.length > 0 && parseInt(percentage) < 100) {
-            (listReportingContainer.querySelector('#reporting-entity-container') as HTMLDivElement).classList.remove('hide')
+            (listReportingContainer.querySelector('#reporting-entity-container') as HTMLDivElement).classList.remove('hide');
+            (listReportingContainer.querySelector('#reporting-location-container') as HTMLDivElement).classList.remove('hide')
           } else {
             (listReportingContainer.querySelector('#reporting-entity-container') as HTMLDivElement).classList.add('hide');
             (listReportingContainer.querySelector('#reporting-location-container') as HTMLDivElement).classList.add('hide')
@@ -6274,7 +6276,7 @@ export class SfIEvents extends LitElement {
             continue;
           }
           for (let entity of Object.keys(projectUserMap[country])) {
-            if(entity.indexOf(e.target.value) < 0){
+            if (entity.indexOf(e.target.value) < 0) {
               continue;
             }
             for (let location of Object.keys(projectUserMap[country][entity])) {
@@ -6287,8 +6289,34 @@ export class SfIEvents extends LitElement {
         (listReportingContainer.querySelector('#reporting-location-container') as HTMLDivElement).classList.remove('hide')
         selectReportingLocation.value = event.reportedlocations ?? "";
       })
-      
-      selectReportingLocation.value = event.reportedlocations ?? "";
+      if (event.reportedlocations != null && event.reportedlocations.length > 0) {
+        console.log('setting reportedlocations', event.reportedlocations)
+        for (let country of Object.keys(projectUserMap)) {
+          if (country == "roles") {
+            continue;
+          }
+          for (let entity of Object.keys(projectUserMap[country])) {
+            let flagSetVal = false;
+            for (let location of Object.keys(projectUserMap[country][entity])) {
+              if (event.reportedlocations.indexOf(location) >= 0) {
+                selectReportingEntity.value = entity;
+                const changeEvent = new Event('change', { bubbles: true });
+                selectReportingEntity.dispatchEvent(changeEvent)
+                selectReportingLocation.value = location;
+                flagSetVal = true;
+                break;
+              }
+            }
+            if (flagSetVal) {
+              break;
+            }
+          }
+        }
+      } else {
+        selectReportingEntity.value = "";
+        selectReportingLocation.value = "";
+      }
+
       listReportingContainer.querySelector('#button-uploader-submit-approve')?.addEventListener('click', async (ev: any) => {
         let buttonClick = ev.target as HTMLButtonElement
         buttonClick.innerHTML = "Saving..."
@@ -6594,7 +6622,7 @@ export class SfIEvents extends LitElement {
                       flag = true;
                     }
                   }
-                }else{
+                } else {
                   flag = true;
                 }
                 if (flag === false) {
@@ -8258,7 +8286,7 @@ export class SfIEvents extends LitElement {
         }
         html += '<div class="w-100p scroll-x ' + (i != this.selectedRegisterIndex ? 'hide' : '') + ' register-body-' + i + '">';
 
-        html += '<div class="d-flex align-end">';
+        html += '<div class="d-flex align-end left-sticky">';
         html += '<div class="title-item-date">';
         html += '<label part="input-label">Search In Statute</label><br />'
         html += '<input id="stream-search-statute-' + index + '-' + i + '" class="stream-search-statute" part="input" type="text" value="' + ((searchCountryIndex == index && searchIndex == i) ? searchVal : "") + '"/>'
@@ -8492,7 +8520,7 @@ export class SfIEvents extends LitElement {
           const searchIndex = e.currentTarget.id.split('-')[4];
           const objCountry = events[Object.keys(events)[countryIndex]]
           const statute = Object.keys(objCountry)[searchIndex];
-          let csvData = '"ID","Country","Entities","Locations","Statute","Reference","Obligation"\n';
+          let csvData = '"ID","Country","Entities","Locations","Statute","Reference","Obligation Title"\n';
           for (var j = 0; j < Object.keys(objCountry[statute]).length; j++) {
             const complianceId = Object.keys(objCountry[statute])[j];
             const compliance = objCountry[statute][complianceId];
@@ -8509,7 +8537,7 @@ export class SfIEvents extends LitElement {
             csvData += ('"' + (compliance['locations'] != null && Array.isArray(compliance['locations']) ? compliance['locations'].map((e: string) => e.split(';')[0].replace(/\([^)]*\)/g, "")).join(',') : '') + '",');
             csvData += ('"' + statute + '",');
             csvData += ('"' + data[cols.indexOf('reference')] + '",');
-            csvData += ('"' + data[cols.indexOf('obligation')] + '"\n');
+            csvData += ('"' + data[cols.indexOf('obligationtitle')] + '"\n');
           }
           console.log('csvData', csvData);
           const ts = new Date();
@@ -10759,7 +10787,7 @@ export class SfIEvents extends LitElement {
 
     html += '<div class="scroll-x w-100 mobile-only">';
 
-    html += '<div class="title-item-date">';
+    html += '<div class="title-item-date hide">';
     html += '<label part="input-label">Search</label><br />'
     html += '<input id="stream-search-mobile" part="input" type="text" autofocus/>'
     html += '</div>';
@@ -10770,7 +10798,7 @@ export class SfIEvents extends LitElement {
     html += '<div class="calendar-left-col-register flex-grow desktop-only flex-col justify-start">';
 
     html += '<div>';
-    html += '<div class="title-item-date">';
+    html += '<div class="title-item-date hide">';
     html += '<label part="input-label">Search</label><br />'
     html += '<input id="stream-search" part="input" type="text" autofocus/>'
     html += '</div>';
@@ -14259,7 +14287,7 @@ export class SfIEvents extends LitElement {
                       flag = true;
                     }
                   }
-                }else{
+                } else {
                   flag = true;
                 }
                 if (flag === false) {
@@ -18034,7 +18062,8 @@ export class SfIEvents extends LitElement {
       let percentage = inputReportingPercentage.value
 
       if (percentage != null && percentage.length > 0 && parseInt(percentage) < 100) {
-        ((this._SfDetailContainer as HTMLDivElement).querySelector('#reporting-entity-container') as HTMLDivElement).classList.remove('hide')
+        ((this._SfDetailContainer as HTMLDivElement).querySelector('#reporting-entity-container') as HTMLDivElement).classList.remove('hide');
+        ((this._SfDetailContainer as HTMLDivElement).querySelector('#reporting-location-container') as HTMLDivElement).classList.remove('hide')
       } else {
         ((this._SfDetailContainer as HTMLDivElement).querySelector('#reporting-entity-container') as HTMLDivElement).classList.add('hide');
         ((this._SfDetailContainer as HTMLDivElement).querySelector('#reporting-location-container') as HTMLDivElement).classList.add('hide')
@@ -18044,7 +18073,8 @@ export class SfIEvents extends LitElement {
           let percentage = inputReportingPercentage.value
           console.log('percentage', percentage, inputReportingPercentage, inputReportingPercentage.value);
           if (percentage != null && percentage.length > 0 && parseInt(percentage) < 100) {
-            ((this._SfDetailContainer as HTMLDivElement).querySelector('#reporting-entity-container') as HTMLDivElement).classList.remove('hide')
+            ((this._SfDetailContainer as HTMLDivElement).querySelector('#reporting-entity-container') as HTMLDivElement).classList.remove('hide');
+            ((this._SfDetailContainer as HTMLDivElement).querySelector('#reporting-location-container') as HTMLDivElement).classList.remove('hide')
           } else {
             ((this._SfDetailContainer as HTMLDivElement).querySelector('#reporting-entity-container') as HTMLDivElement).classList.add('hide');
             ((this._SfDetailContainer as HTMLDivElement).querySelector('#reporting-location-container') as HTMLDivElement).classList.add('hide')
@@ -18077,7 +18107,7 @@ export class SfIEvents extends LitElement {
             continue;
           }
           for (let entity of Object.keys(projectUserMap[country])) {
-            if(entity.indexOf(e.target.value) < 0){
+            if (entity.indexOf(e.target.value) < 0) {
               continue;
             }
             for (let location of Object.keys(projectUserMap[country][entity])) {
@@ -18090,8 +18120,34 @@ export class SfIEvents extends LitElement {
         ((this._SfDetailContainer as HTMLDivElement).querySelector('#reporting-location-container') as HTMLDivElement).classList.remove('hide')
         selectReportingLocation.value = event.reportedlocations ?? "";
       })
-      
-      selectReportingLocation.value = event.reportedlocations ?? "";
+      if (event.reportedlocations != null && event.reportedlocations.length > 0) {
+        console.log('setting reportedlocations', event.reportedlocations)
+        for (let country of Object.keys(projectUserMap)) {
+          if (country == "roles") {
+            continue;
+          }
+          for (let entity of Object.keys(projectUserMap[country])) {
+            let flagSetVal = false;
+            for (let location of Object.keys(projectUserMap[country][entity])) {
+              if (event.reportedlocations.indexOf(location) >= 0) {
+                selectReportingEntity.value = entity;
+                const changeEvent = new Event('change', { bubbles: true });
+                selectReportingEntity.dispatchEvent(changeEvent)
+                selectReportingLocation.value = location;
+                flagSetVal = true;
+                break;
+              }
+            }
+            if (flagSetVal) {
+              break;
+            }
+          }
+        }
+      } else {
+        selectReportingEntity.value = "";
+        selectReportingLocation.value = "";
+      }
+
       (this._SfDetailContainer as HTMLDivElement).querySelector('#button-uploader-submit-approve')?.addEventListener('click', async (ev: any) => {
         let buttonClick = ev.target as HTMLButtonElement
         buttonClick.innerHTML = "Saving..."
@@ -18441,7 +18497,7 @@ export class SfIEvents extends LitElement {
                       flag = true;
                     }
                   }
-                }else{
+                } else {
                   flag = true;
                 }
                 if (flag === false) {