@salesforcedevs/dx-components 0.10.1-alpha.97 → 0.10.1-alpha.98

package/package.json

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

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

@@ -10,13 +10,13 @@ import {
     buildSearchBox,
     loadAdvancedSearchQueryActions,
     SearchEngine,
-    buildSearchStatus
+    buildSearchStatus,
+    SearchAppState
 } from "@coveo/headless";
 import { buildSearchEngine, getSidebarSearchParams } from "utils/coveo";
 import { RecentSearches } from "utils/recentSearches";
 import { toJson } from "utils/normalizers";
 import { Option, PopoverRequestCloseType } from "typings/custom";
-import preloadedState from "./__tests__/preloadedState";
 
 const UserRecentSearches = new RecentSearches();
 
@@ -59,7 +59,7 @@ export default class SidebarSearch extends LightningElement {
     private recentSearches: Option[] = [];
     private resultList: ResultList | null = null;
     private resultsPerPage: ResultsPerPage | null = null;
-    private preloadedState: object = preloadedState;
+    private preloadedState?: SearchAppState;
     private searchBox: SearchBox | null = null;
     private value?: string = "";
     private engine: SearchEngine | null = null;
@@ -130,9 +130,9 @@ export default class SidebarSearch extends LightningElement {
         if (!stringified) {
             return;
         }
-        const json = JSON.parse(stringified);
-        if (json.value === this.value) {
-            this.preloadedState = json.state;
+        const state = JSON.parse(stringified);
+        if (state.query.q === this.value) {
+            this.preloadedState = state;
         }
     }
 
@@ -141,13 +141,9 @@ export default class SidebarSearch extends LightningElement {
             organizationId: this.coveoOrganizationId,
             publicAccessToken: this.coveoPublicAccessToken,
             searchHub: this.coveoSearchHub,
-            preloadedState
+            preloadedState: this.preloadedState
         });
 
-        // this.engine.subscribe(() => {
-        //     console.log("engine change", this.engine);
-        // });
-
         if (!this.engine) {
             return;
         }
@@ -174,7 +170,7 @@ export default class SidebarSearch extends LightningElement {
 
         if (!this.isValueEmpty) {
             this.dispatchHighlightedTermChange();
-            this.submitSearch();  // might not be needed
+            this.submitSearch(); // might not be needed
         }
         this.dispatchOnLoading(false); // might not be needed
     };
@@ -187,11 +183,20 @@ export default class SidebarSearch extends LightningElement {
         const { isLoading, firstSearchExecuted, results } =
             this.resultList.state;
 
-        console.log('on results list change', { isLoading, firstSearchExecuted, results });
+        console.log("on results list change", {
+            isLoading,
+            firstSearchExecuted,
+            results
+        });
 
         if ((!firstSearchExecuted && !isLoading) || this.isValueEmpty) {
             // coveo search is firing off some unwanted payloads on startup
-            console.log("returning in results list change", this.value, this.isValueEmpty, (!firstSearchExecuted && !isLoading));
+            console.log(
+                "returning in results list change",
+                this.value,
+                this.isValueEmpty,
+                !firstSearchExecuted && !isLoading
+            );
             return;
         }
 
@@ -249,10 +254,7 @@ export default class SidebarSearch extends LightningElement {
     private updateSessionStorage() {
         window.sessionStorage.setItem(
             "dx-sidebar-search-state",
-            JSON.stringify({
-                value: this.value,
-                state: this.engine?.state
-            })
+            JSON.stringify(this.engine?.state)
         );
     }
 

package/src/modules/utils/coveo/coveo.ts

@@ -13,9 +13,9 @@ export const buildSearchEngine = ({
 }: {
     organizationId: string;
     publicAccessToken: string;
-    searchPipeline: string;
+    searchPipeline?: string;
     searchHub: string;
-    preloadedState: SearchAppState;
+    preloadedState?: SearchAppState;
 }) => {
     const search = searchPipeline
         ? { pipeline: searchPipeline, searchHub }