@sledge-app/react-instant-search 1.0.124 → 1.0.126

package/dist/sledge-react-instant-search.js

@@ -6578,6 +6578,7 @@ const SearchResultWidget = (props) => {
   const [allowedFilterSlider, setAllowedFilterSlider] = React__default.useState([]);
   const [hierarchicalFacetAliases, setHierarchicalFacetAliases] = React__default.useState([]);
   const [usePublishedFilter, setUsePublishedFilter] = React__default.useState(false);
+  const [showOutOfStock, setShowOutOfStock] = React__default.useState(false);
   const debouncedKeyword = useDebounce(keyword, 500);
   let productCardsComponent = null;
   let collectionCardsComponent = null;
@@ -6857,6 +6858,7 @@ const SearchResultWidget = (props) => {
     setSoldProductAtEnd(sold_product_at_end);
     setAttributesToRetrieve(attributes_to_retrieve);
     setUsePublishedFilter(use_published_filter);
+    setShowOutOfStock(show_out_of_stock);
     getFirstIndex = tabs.find(({ index }) => index.includes(index_product));
     if (Object.keys(getFirstIndex).length) {
       setClickedTabIndexId(getFirstIndex.index);
@@ -6872,11 +6874,25 @@ const SearchResultWidget = (props) => {
     window.history.pushState(null, "", `${document.location.pathname}?${searchParams2.toString()}`);
   };
   useEffectCallback(() => {
+    var _a2, _b2, _c2, _d2;
     if (!isRenderAppInstantSearch)
       return;
     const searchParams2 = new URLSearchParams(document.location.search);
     setKeyword((searchParams2 == null ? void 0 : searchParams2.get(queryKeyword)) || "");
     handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null);
+    if (typeof window !== "undefined") {
+      if (layoutType === "default") {
+        if ((_b2 = (_a2 = window == null ? void 0 : window.sledge) == null ? void 0 : _a2.instantSearch) == null ? void 0 : _b2.searchResult)
+          window.sledge.instantSearch.searchResult.search = (keyword2 = "") => {
+            handleChangeKeyword == null ? void 0 : handleChangeKeyword(keyword2);
+          };
+      } else {
+        if ((_d2 = (_c2 = window == null ? void 0 : window.sledge) == null ? void 0 : _c2.instantSearch) == null ? void 0 : _d2.productFilter)
+          window.sledge.instantSearch.productFilter.search = (keyword2 = "") => {
+            handleChangeKeyword == null ? void 0 : handleChangeKeyword(keyword2);
+          };
+      }
+    }
   }, [isRenderAppInstantSearch]);
   useEffectCallback(() => {
     if (!valueRenderInstantSearchResult)
@@ -7254,7 +7270,8 @@ const SearchResultWidget = (props) => {
       attributesToRetrieve,
       allowedFilterSlider,
       hierarchicalFacetAliases,
-      usePublishedFilter
+      usePublishedFilter,
+      showOutOfStock
     })
   ] });
 };
@@ -7318,7 +7335,8 @@ const ResultProduct = (props) => {
     soldProductAtEnd,
     attributesToRetrieve,
     allowedFilterSlider,
-    hierarchicalFacetAliases
+    hierarchicalFacetAliases,
+    showOutOfStock
   } = props || {};
   const querySortBy = (query == null ? void 0 : query.sortBy) ? query.sortBy : DEFAULT_QUERY_PARAM.SORT_BY;
   const queryPage = (query == null ? void 0 : query.page) ? query.page : DEFAULT_QUERY_PARAM.PAGE;
@@ -7605,7 +7623,11 @@ const ResultProduct = (props) => {
       },
       separator: hierarchical_separator,
       separatorCollection: hierarchical_collections_separator,
-      additional: [(hiddenTags == null ? void 0 : hiddenTags.length) ? `'tags' NOT IN ${JSON.stringify(hiddenTags)}` : null, collectionId ? `'collections.id' = '${collectionId}'` : null],
+      additional: [
+        (hiddenTags == null ? void 0 : hiddenTags.length) ? `'tags' NOT IN ${JSON.stringify(hiddenTags)}` : null,
+        collectionId ? `'collections.id' = '${collectionId}'` : null,
+        !showOutOfStock ? `'availability' IN ${JSON.stringify(["in stock"])}` : null
+      ],
       allowedFilterSlider,
       hierarchicalFacetAliases,
       defaultFilterItems
@@ -7652,6 +7674,20 @@ const ResultProduct = (props) => {
     setIsReplaceWidgetList == null ? void 0 : setIsReplaceWidgetList(true);
   };
   React__default.useEffect(() => {
+    var _a2, _b2, _c2, _d2;
+    if (typeof window !== "undefined") {
+      if (layoutType === "default") {
+        if ((_b2 = (_a2 = window == null ? void 0 : window.sledge) == null ? void 0 : _a2.instantSearch) == null ? void 0 : _b2.searchResult)
+          window.sledge.instantSearch.searchResult.filter = () => {
+            setTriggerClickedFacets(!triggerClickedFacets);
+          };
+      } else {
+        if ((_d2 = (_c2 = window == null ? void 0 : window.sledge) == null ? void 0 : _c2.instantSearch) == null ? void 0 : _d2.productFilter)
+          window.sledge.instantSearch.productFilter.filter = () => {
+            setTriggerClickedFacets(!triggerClickedFacets);
+          };
+      }
+    }
     let isKeywordChanged = Boolean(parentPreviousState && parentPreviousState.keyword !== keyword);
     let isReplaceData = Boolean(
       previousState && ((previousState == null ? void 0 : previousState.clickedLimitId) !== clickedLimitId || (previousState == null ? void 0 : previousState.clickedSortId) !== clickedSortId || (previousState == null ? void 0 : previousState.clickedFacets) !== clickedFacets) || isKeywordChanged