@salesforcedevs/dx-components 0.10.1-alpha.125 → 0.10.1-alpha.129

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "0.10.1-alpha.125",
+    "version": "0.10.1-alpha.129",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {

package/src/modules/dx/sidebarSearch/sidebarSearch.ts

@@ -33,7 +33,7 @@ export default class SidebarSearch extends LightningElement {
     @api coveoPublicAccessToken!: string;
     @api coveoSearchHub!: string;
     @api
-    get coveoAdvancedQueryConfig() {
+    get coveoAdvancedQueryConfig(): { [key: string]: any } {
         return this._coveoAdvancedQueryConfig;
     }
     set coveoAdvancedQueryConfig(value) {
@@ -95,6 +95,8 @@ export default class SidebarSearch extends LightningElement {
         this.value = getSidebarSearchParams() || "";
     }
 
+    queryConfigValue: string | null = null;
+
     renderedCallback() {
         // in prod some of the critical coveo configuration attributes seem to arrive later
         // so I needed to put this coveo startup flow here where we can wait for them to arrive
@@ -114,6 +116,15 @@ export default class SidebarSearch extends LightningElement {
             );
         }
 
+        const queryConfigValue = JSON.stringify(this.coveoAdvancedQueryConfig);
+        if (this.queryConfigValue !== queryConfigValue) {
+            if (this.queryConfigValue && this.engine) {
+                console.log('setting query config again')
+                this.setAdvancedFilters(this.engine);
+            }
+            this.queryConfigValue = queryConfigValue;
+        }
+
         // If this is the first render and there is a search value, trigger
         // term highlighting
         if (!this.didRender && this.value) {
@@ -125,31 +136,31 @@ export default class SidebarSearch extends LightningElement {
 
     private initializeUserSession() {
         const stringified = window.sessionStorage.getItem(SESSION_KEY);
-        console.log('initializing', stringified)
         if (!stringified) {
             return;
         }
 
         try {
-            console.log('USE SESSION STORAGE')
             const json = JSON.parse(stringified);
-            const hasSameConfig = json.coveoAdvancedQueryConfig
-            .entries()
-            .every(
-                ([key, value]: [string, string]) =>
-                this.coveoAdvancedQueryConfig[key] === value
-                );
-                const hasSameQuery = json?.state?.query?.q === this.value;
-            console.log(json.coveoAdvancedQueryConfig, this.coveoAdvancedQueryConfig, hasSameConfig)
+            const hasSameConfig = Object.entries(
+                json.coveoAdvancedQueryConfig
+            ).every(
+                ([key, value]: [string, any]) =>
+                    this.coveoAdvancedQueryConfig[key] === value
+            );
+            const hasSameQuery = json?.state?.query?.q === this.value;
             if (hasSameConfig && hasSameQuery) {
                 console.log(
                     "valid session storage found for value =",
                     this.value
                 );
                 this.preloadedState = json?.state;
+            } else {
+                window.sessionStorage.removeItem(SESSION_KEY);
             }
         } catch (e) {
-            console.error(e)
+            console.error(e);
+            window.sessionStorage.removeItem(SESSION_KEY);
         }
     }