@sledge-app/react-instant-search 2.0.36 → 2.0.38

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

@@ -4452,7 +4452,8 @@ const ProductCard = React__default.memo((props) => {
     isFlyout,
     instantSearchSettings,
     optionSelectedValue,
-    additionalCardProps
+    additionalCardProps,
+    keyword
   } = props;
   const {
     show_vendor = true,
@@ -4509,7 +4510,8 @@ const ProductCard = React__default.memo((props) => {
   const bySplitProducts = (_c = instantSearchSettings == null ? void 0 : instantSearchSettings.split_products) == null ? void 0 : _c.by;
   const optionsFiltered = bySplitProducts ? (_g = (_f = (_e = (_d = searchParamsObject == null ? void 0 : searchParamsObject[`options.${bySplitProducts}`]) == null ? void 0 : _d.split) == null ? void 0 : _e.call(_d, ",")) == null ? void 0 : _f.map) == null ? void 0 : _g.call(_f, (item2) => decodeURIComponent(item2)) : [];
   const hasOptionsFiltered = (optionsFiltered == null ? void 0 : optionsFiltered.length) ? !((_h = optionsFiltered == null ? void 0 : optionsFiltered.includes) == null ? void 0 : _h.call(optionsFiltered, optionSelectedValue)) : false;
-  if (isSplitProducts && hasOptionsFiltered) {
+  const isOptionNotContainsKeyword = (keyword == null ? void 0 : keyword.length) ? !(optionSelectedValue == null ? void 0 : optionSelectedValue.length) ? true : !optionSelectedValue.toLowerCase().includes(keyword.toLowerCase()) : false;
+  if (isSplitProducts && (hasOptionsFiltered || isOptionNotContainsKeyword)) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(React__default.Fragment, { children: component }, id);
   }
   if (CardsComponent) {
@@ -6344,10 +6346,10 @@ const detectQueryStringFilter = ({ facets, facetsQueryStringObject, callback })
   const searchParamsObject = Object.fromEntries(searchParams);
   for (const searchParamsKey in searchParamsObject) {
     let ifFacetsQueryStringObject = (facets == null ? void 0 : facets.length) && facets.includes(searchParamsKey);
-    if (ifFacetsQueryStringObject)
+    if (ifFacetsQueryStringObject && typeof facetsQueryStringObject === "object")
       facetsQueryStringObject[searchParamsKey] = (_b = (_a = searchParamsObject[searchParamsKey].split(",")) == null ? void 0 : _a.map) == null ? void 0 : _b.call(_a, (item) => decodeURIComponent(item));
   }
-  if (Object.keys(facetsQueryStringObject).length)
+  if (facetsQueryStringObject && Object.keys(facetsQueryStringObject).length)
     callback(facetsQueryStringObject);
   return facetsQueryStringObject;
 };
@@ -6364,19 +6366,21 @@ const detectArrFacetHierarchical = ({
     }
     return { ...item, [key]: defaultLevelHierarchical };
   }, {});
-  Object.entries(clickedFacetsObject).map((facet) => {
-    var _a, _b;
-    if ((facet == null ? void 0 : facet.length) && facet[1].length) {
-      const isCollection = (_a = String(facet[0])) == null ? void 0 : _a.includes(HIERARCHICAL_FACET_OBJECT_ALIASES.collections);
-      let isHierarchical = hierarchicalFacetAliases == null ? void 0 : hierarchicalFacetAliases.includes(facet[0]);
-      if (isHierarchical)
-        (_b = facet[1]) == null ? void 0 : _b.map((item) => {
-          const arrItem = String(item).split(isCollection ? separatorCollection : separator);
-          if ((arrItem == null ? void 0 : arrItem.length) && Object.hasOwn(facetHierarchical[facet[0]], `lvl${arrItem.length - 1}`))
-            facetHierarchical[facet[0]][`lvl${arrItem.length - 1}`].push(item);
-        });
-    }
-  });
+  if (clickedFacetsObject && Object.keys(clickedFacetsObject).length) {
+    Object.entries(clickedFacetsObject).map((facet) => {
+      var _a, _b;
+      if ((facet == null ? void 0 : facet.length) && facet[1].length) {
+        const isCollection = (_a = String(facet[0])) == null ? void 0 : _a.includes(HIERARCHICAL_FACET_OBJECT_ALIASES.collections);
+        let isHierarchical = hierarchicalFacetAliases == null ? void 0 : hierarchicalFacetAliases.includes(facet[0]);
+        if (isHierarchical)
+          (_b = facet[1]) == null ? void 0 : _b.map((item) => {
+            const arrItem = String(item).split(isCollection ? separatorCollection : separator);
+            if ((arrItem == null ? void 0 : arrItem.length) && Object.hasOwn(facetHierarchical[facet[0]], `lvl${arrItem.length - 1}`))
+              facetHierarchical[facet[0]][`lvl${arrItem.length - 1}`].push(item);
+          });
+      }
+    });
+  }
   return facetHierarchical;
 };
 const createQueryFilter = ({
@@ -6403,7 +6407,7 @@ const createQueryFilter = ({
     separatorCollection,
     hierarchicalFacetAliases
   });
-  const facetEntries = Object.entries(detectClickedFacets) || [];
+  const facetEntries = detectClickedFacets && Object.keys(detectClickedFacets).length ? Object.entries(detectClickedFacets) : [];
   let filterCustomByObject = [];
   for (const facetEntry of facetEntries) {
     const detectClickedFacet = facetEntry;
@@ -10356,14 +10360,14 @@ const ResultProduct = React__default.memo((props) => {
     });
     return dataClickedFacets2;
   };
-  const handleSearchResultData = (props2) => {
+  const handleSearchResultData = async (props2) => {
     var _a2, _b2;
     const { isLoadMore: isLoadMore2 = false, result: resultProp, onSearch } = props2;
     const INSTANT_SEARCH_SETTING = JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null);
     const { index_product } = INSTANT_SEARCH_SETTING || {};
     const isNoneFacetSelected = Boolean(!((_a2 = handleDataClickedFacets()) == null ? void 0 : _a2.length));
     const isFirstTimeOrOnSearch = handleSearchResultFirstTime && initStatesFirstTime || onSearch;
-    const resultData = layoutType === "default" && isFirstTimeOrOnSearch ? resultProp == null ? void 0 : resultProp.results : resultProp;
+    let resultData = layoutType === "default" && isFirstTimeOrOnSearch ? resultProp == null ? void 0 : resultProp.results : resultProp;
     const result = layoutType === "default" && isFirstTimeOrOnSearch ? (_b2 = resultData == null ? void 0 : resultData.find) == null ? void 0 : _b2.call(resultData, ({ indexUid }) => indexUid.includes(index_product)) : resultData;
     if (!result)
       return;
@@ -10394,6 +10398,30 @@ const ResultProduct = React__default.memo((props) => {
     if (objectPresent(previewSettings))
       updateTabs();
     if (isFirstTimeOrOnSearch || isNoneFacetSelected) {
+      if (handleSearchResultFirstTime && initStatesFirstTime && clickedFacets && Object.keys(clickedFacets).length) {
+        const initData = await handleSearchResponse({
+          layoutType,
+          clickedTabIndexId,
+          clickedTabIndexType,
+          page: 0,
+          limit: 0,
+          isUseMultiSearch: handleSearchResultFirstTime && initStatesFirstTime || onSearch,
+          facets,
+          attributesToRetrieve,
+          allowedFilterSlider,
+          hierarchicalFacetAliases,
+          defaultFilterItems,
+          collectionId,
+          hiddenTags,
+          showOutOfStock,
+          hierarchicalProductTypeSettings,
+          hierarchicalCollectionsSettings,
+          usePublishedFilter,
+          tabs,
+          instantSearchSettings
+        });
+        resultData = layoutType === "default" && isFirstTimeOrOnSearch ? initData == null ? void 0 : initData.results : initData;
+      }
       handleSetInitStates == null ? void 0 : handleSetInitStates({
         results: resultData,
         data: INSTANT_SEARCH_SETTING,
@@ -10489,7 +10517,7 @@ const ResultProduct = React__default.memo((props) => {
     }
     setHandleSearchResultFirstTime(false);
     setInitStatesFirstTime == null ? void 0 : setInitStatesFirstTime(false);
-    handleSearchResultData({
+    await handleSearchResultData({
       result: response,
       ...props2
     });
@@ -10855,7 +10883,8 @@ const ResultProduct = React__default.memo((props) => {
       previewSettings,
       instantSearchSettings,
       hitsPerPage: hitsPerPageResult,
-      currentPage
+      currentPage,
+      keyword
     }
   );
   const resultEmptyComponent = /* @__PURE__ */ jsxRuntimeExports.jsx(ResultEmpty, { ...props });