fix(atomic/commerce): fix url manager (#4151)

https://coveord.atlassian.net/browse/KIT-3360
coveo · Jul 8, 2024 · d5991f5 · d5991f5
1 parent eaef9fa
commit d5991f5
Show file tree

Hide file tree

Showing 7 changed files with 13 additions and 8 deletions.
diff --git a/...es/atomic/src/components/commerce/atomic-commerce-interface/atomic-commerce-interface.tsx b/...es/atomic/src/components/commerce/atomic-commerce-interface/atomic-commerce-interface.tsx
@@ -438,9 +438,9 @@ export class AtomicCommerceInterface
 
     this.initRequestStatus();
     this.initSummary();
-    this.initUrlManager();
     this.initContext();
     this.initLanguage();
+    this.initUrlManager();
     this.initialized = true;
   }
 

diff --git a/...mic/src/components/commerce/atomic-commerce-product-list/atomic-commerce-product-list.tsx b/...mic/src/components/commerce/atomic-commerce-product-list/atomic-commerce-product-list.tsx
@@ -138,7 +138,6 @@ export class AtomicCommerceProductList
   public initialize() {
     if (this.bindings.interfaceElement.type === 'product-listing') {
       this.productListing = buildProductListing(this.bindings.engine);
-      this.productListing.refresh();
       this.summary = this.productListing.summary();
     } else {
       this.search = buildSearch(this.bindings.engine);

diff --git a/packages/atomic/src/pages/examples/commerce-website/listing-pants.html b/packages/atomic/src/pages/examples/commerce-website/listing-pants.html
@@ -16,6 +16,8 @@
         const commerceInterface = document.querySelector('atomic-commerce-interface');
 
         await commerceInterface.initializeWithEngine(commerceEngine);
+
+        commerceInterface.executeFirstRequest();
       })();
     </script>
   </head>

diff --git a/packages/atomic/src/pages/examples/commerce-website/listing-surf-accessories.html b/packages/atomic/src/pages/examples/commerce-website/listing-surf-accessories.html
@@ -16,6 +16,8 @@
         const commerceInterface = document.querySelector('atomic-commerce-interface');
 
         await commerceInterface.initializeWithEngine(commerceEngine);
+
+        commerceInterface.executeFirstRequest();
       })();
     </script>
   </head>

diff --git a/packages/atomic/src/pages/examples/commerce-website/listing-towels.html b/packages/atomic/src/pages/examples/commerce-website/listing-towels.html
@@ -16,6 +16,8 @@
         const commerceInterface = document.querySelector('atomic-commerce-interface');
 
         await commerceInterface.initializeWithEngine(commerceEngine);
+
+        commerceInterface.executeFirstRequest();
       })();
     </script>
   </head>

diff --git a/packages/headless/src/features/commerce/pagination/pagination-slice.ts b/packages/headless/src/features/commerce/pagination/pagination-slice.ts
@@ -105,8 +105,6 @@ export const paginationReducer = createReducer(
 
         state.recommendations[slotId] = getCommercePaginationInitialSlice();
       })
-      .addCase(restoreSearchParameters, handleRestoreParameters)
-      .addCase(restoreProductListingParameters, handleRestoreParameters)
       .addCase(clearAllCoreFacets, handlePaginationReset)
       .addCase(deselectAllValuesInCoreFacet, handlePaginationReset)
       .addCase(toggleSelectFacetValue, handlePaginationReset)
@@ -118,7 +116,9 @@ export const paginationReducer = createReducer(
       .addCase(toggleSelectCategoryFacetValue, handlePaginationReset)
       .addCase(applySort, handlePaginationReset)
       .addCase(setContext, handlePaginationReset)
-      .addCase(setView, handlePaginationReset);
+      .addCase(setView, handlePaginationReset)
+      .addCase(restoreSearchParameters, handleRestoreParameters)
+      .addCase(restoreProductListingParameters, handleRestoreParameters);
   }
 );
 

diff --git a/packages/headless/src/features/commerce/sort/sort-slice.ts b/packages/headless/src/features/commerce/sort/sort-slice.ts
@@ -25,10 +25,10 @@ export const sortReducer = createReducer(
       })
       .addCase(fetchProductListing.fulfilled, handleFetchFulfilled)
       .addCase(executeSearch.fulfilled, handleFetchFulfilled)
-      .addCase(restoreSearchParameters, handleRestoreParameters)
-      .addCase(restoreProductListingParameters, handleRestoreParameters)
       .addCase(setContext, getCommerceSortInitialState)
-      .addCase(setView, getCommerceSortInitialState);
+      .addCase(setView, getCommerceSortInitialState)
+      .addCase(restoreSearchParameters, handleRestoreParameters)
+      .addCase(restoreProductListingParameters, handleRestoreParameters);
   }
 );