@sledge-app/react-instant-search 2.0.37 → 2.0.39

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

@@ -4430,7 +4430,7 @@ ${selectedOption === item ? "sledge__product-variant-size-swatch-active" : ""} s
   ] });
 };
 const ProductCard = React__default.memo((props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const {
     item,
     handleAddToCart,
@@ -4477,8 +4477,6 @@ const ProductCard = React__default.memo((props) => {
     sku = ""
   } = (variants == null ? void 0 : variants.length) ? variants[0] : {};
   const productUrl = `${url}?variant=${(_a = variants == null ? void 0 : variants[0]) == null ? void 0 : _a.id}`;
-  const searchParams = new URLSearchParams(document.location.search);
-  const searchParamsObject = Object.fromEntries(searchParams);
   const defaultSelectedVariantId = variant_admin_graphql_api_id ? variant_admin_graphql_api_id : "";
   const defaultSelectedVariantStock = (variants == null ? void 0 : variants.length) && Object.hasOwn(variants[0], "inventory_quantity") ? variants[0].inventory_quantity : 0;
   const defaultSelectedVariantInventoryManagement = (variants == null ? void 0 : variants.length) && Object.hasOwn(variants[0], "inventory_management") ? variants[0].inventory_management : null;
@@ -4506,14 +4504,6 @@ const ProductCard = React__default.memo((props) => {
   const { money_format } = generalDataSettings || {};
   const { forLoopIndex, forLoopIndexWithPage } = additionalCardProps || {};
   let component = null;
-  const isSplitProducts = Boolean((_b = instantSearchSettings == null ? void 0 : instantSearchSettings.split_products) == null ? void 0 : _b.enable);
-  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;
-  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) {
     const CardsProps = {
       product: {
@@ -4531,8 +4521,8 @@ const ProductCard = React__default.memo((props) => {
         },
         ...dataReviews && Object.keys(dataReviews).length ? {
           review: {
-            total: ((_i = dataReviews == null ? void 0 : dataReviews[id]) == null ? void 0 : _i.review_count) ? dataReviews == null ? void 0 : dataReviews[id].review_count : 0,
-            average: ((_k = (_j = dataReviews == null ? void 0 : dataReviews[id]) == null ? void 0 : _j.rating) == null ? void 0 : _k.average) ? dataReviews == null ? void 0 : dataReviews[id].rating.average : 0
+            total: ((_b = dataReviews == null ? void 0 : dataReviews[id]) == null ? void 0 : _b.review_count) ? dataReviews == null ? void 0 : dataReviews[id].review_count : 0,
+            average: ((_d = (_c = dataReviews == null ? void 0 : dataReviews[id]) == null ? void 0 : _c.rating) == null ? void 0 : _d.average) ? dataReviews == null ? void 0 : dataReviews[id].rating.average : 0
           }
         } : {}
       },
@@ -4713,7 +4703,7 @@ const ProductCard = React__default.memo((props) => {
                         onAfterAddWishlist,
                         onAfterRemoveWishlist,
                         wishlistChecked: dataWishlists == null ? void 0 : dataWishlists[id],
-                        ...objectPresent(previewSettings) && ((_m = (_l = previewSettings == null ? void 0 : previewSettings.settings) == null ? void 0 : _l.general) == null ? void 0 : _m.use_dummy_data) ? {
+                        ...objectPresent(previewSettings) && ((_f = (_e = previewSettings == null ? void 0 : previewSettings.settings) == null ? void 0 : _e.general) == null ? void 0 : _f.use_dummy_data) ? {
                           previewSettings
                         } : {}
                       }
@@ -4749,7 +4739,7 @@ const ProductCard = React__default.memo((props) => {
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__product-grid-card-variant-images", children: (_o = (_n = product == null ? void 0 : product.images) == null ? void 0 : _n.map) == null ? void 0 : _o.call(_n, (image2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__product-grid-card-variant-images", children: (_h = (_g = product == null ? void 0 : product.images) == null ? void 0 : _g.map) == null ? void 0 : _h.call(_g, (image2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
                       "img",
                       {
                         decoding: "async",
@@ -4993,10 +4983,9 @@ const ProductGrid = React__default.memo((props) => {
       "data-custom-card": Boolean(props == null ? void 0 : props.cards),
       "data-flyout": isFlyout,
       children: data == null ? void 0 : data.map((item, index) => {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c;
         const isSplitProducts = Boolean((_a = instantSearchSettings == null ? void 0 : instantSearchSettings.split_products) == null ? void 0 : _a.enable);
-        const optionFirst = isSplitProducts && ((_b = instantSearchSettings == null ? void 0 : instantSearchSettings.split_products) == null ? void 0 : _b.by) ? (_e = (_c = item == null ? void 0 : item.product) == null ? void 0 : _c.options) == null ? void 0 : _e[(_d = instantSearchSettings == null ? void 0 : instantSearchSettings.split_products) == null ? void 0 : _d.by] : [];
-        const optionFirstValues = (optionFirst == null ? void 0 : optionFirst.length) ? optionFirst : [];
+        const bySplitProducts = (_b = instantSearchSettings == null ? void 0 : instantSearchSettings.split_products) == null ? void 0 : _b.by;
         const productCardProps = {
           item,
           handleAddToCart,
@@ -5007,9 +4996,12 @@ const ProductGrid = React__default.memo((props) => {
             forLoopIndexWithPage: Number(currentPage) && Number(hitsPerPage) ? index + (Number(currentPage) - 1) * Number(hitsPerPage) : index
           },
           instantSearchSettings,
+          ...isSplitProducts && bySplitProducts ? {
+            optionSelectedValue: (_c = item == null ? void 0 : item.product) == null ? void 0 : _c.optionSelectedValue
+          } : {},
           ...props
         };
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: isSplitProducts && (optionFirstValues == null ? void 0 : optionFirstValues.length) ? optionFirstValues.map((optionFirstValue, indexFirstValue) => /* @__PURE__ */ jsxRuntimeExports.jsx(ProductCard, { optionSelectedValue: optionFirstValue, ...productCardProps }, `sledge-product-card_${index}_${indexFirstValue}`)) : /* @__PURE__ */ jsxRuntimeExports.jsx(ProductCard, { ...productCardProps }, `sledge-product-card_${index}`) });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(ProductCard, { ...productCardProps }, `sledge-product-card_${index}`);
       })
     }
   );
@@ -6346,10 +6338,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;
 };
@@ -6366,19 +6358,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 = ({
@@ -6405,7 +6399,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;
@@ -10358,29 +10352,65 @@ const ResultProduct = React__default.memo((props) => {
     });
     return dataClickedFacets2;
   };
-  const handleSearchResultData = (props2) => {
-    var _a2, _b2;
+  const handleSearchResultData = async (props2) => {
+    var _a2, _b2, _c2, _d2;
     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;
-    const { hits, hitsPerPage, processingTimeMs, totalHits, totalPages, facetDistribution } = result;
+    const { hits: hitsResult, hitsPerPage, processingTimeMs, totalHits, totalPages, facetDistribution, query: queryResult } = result;
+    const isSplitProducts = Boolean((_c2 = instantSearchSettings == null ? void 0 : instantSearchSettings.split_products) == null ? void 0 : _c2.enable);
+    const bySplitProducts = (_d2 = instantSearchSettings == null ? void 0 : instantSearchSettings.split_products) == null ? void 0 : _d2.by;
+    const searchParams2 = new URLSearchParams(document.location.search);
+    const searchParamsObject = Object.fromEntries(searchParams2);
+    let hits = hitsResult;
+    if (isSplitProducts && bySplitProducts && (hits == null ? void 0 : hits.length)) {
+      let newHits = [];
+      hits.map((item) => {
+        var _a3;
+        const optionFirst = isSplitProducts && bySplitProducts ? (_a3 = item == null ? void 0 : item.options) == null ? void 0 : _a3[bySplitProducts] : [];
+        const optionFirstValues = (optionFirst == null ? void 0 : optionFirst.length) ? optionFirst : [];
+        if (isSplitProducts && (optionFirstValues == null ? void 0 : optionFirstValues.length)) {
+          optionFirstValues.map((optionFirstValue, indexFirstValue) => {
+            newHits.push({
+              ...item,
+              optionSelectedValue: optionFirstValue
+            });
+          });
+        } else {
+          newHits.push(item);
+        }
+      });
+      if (newHits == null ? void 0 : newHits.length) {
+        hits = newHits.filter((item) => {
+          var _a3, _b3, _c3, _d3, _e2;
+          const { optionSelectedValue } = item || {};
+          const optionsFiltered = bySplitProducts ? (_d3 = (_c3 = (_b3 = (_a3 = searchParamsObject == null ? void 0 : searchParamsObject[`options.${bySplitProducts}`]) == null ? void 0 : _a3.split) == null ? void 0 : _b3.call(_a3, ",")) == null ? void 0 : _c3.map) == null ? void 0 : _d3.call(_c3, (item2) => decodeURIComponent(item2)) : [];
+          const hasOptionsFiltered = optionsFiltered && (optionsFiltered == null ? void 0 : optionsFiltered.length) ? !((_e2 = optionsFiltered == null ? void 0 : optionsFiltered.includes) == null ? void 0 : _e2.call(optionsFiltered, optionSelectedValue)) : false;
+          const isOptionNotContainsKeyword = (queryResult == null ? void 0 : queryResult.length) ? !(optionSelectedValue == null ? void 0 : optionSelectedValue.length) ? true : !optionSelectedValue.toLowerCase().includes(queryResult.toLowerCase()) : false;
+          if (isSplitProducts && (hasOptionsFiltered || isOptionNotContainsKeyword)) {
+            return false;
+          }
+          return true;
+        });
+      }
+    }
     const updateTabs = () => {
       const valueAllowedTabs = objectPresent(previewSettings) ? tabs : allowedTabs;
       if (valueAllowedTabs == null ? void 0 : valueAllowedTabs.length) {
         setAllowedTabs == null ? void 0 : setAllowedTabs(
           valueAllowedTabs.map((tab) => {
-            var _a3, _b3, _c2;
+            var _a3, _b3, _c3;
             const { index, total } = tab;
             let isCurrentIndex = index.includes(clickedTabIndexId);
             let tabTotal = isCurrentIndex ? totalHits : total;
             if (layoutType === "default" && ((_a3 = resultProp == null ? void 0 : resultProp.results) == null ? void 0 : _a3.length)) {
-              const { totalHits: totalHits2 } = (_c2 = (_b3 = resultProp == null ? void 0 : resultProp.results) == null ? void 0 : _b3.find) == null ? void 0 : _c2.call(_b3, ({ indexUid }) => indexUid.includes(index));
+              const { totalHits: totalHits2 } = (_c3 = (_b3 = resultProp == null ? void 0 : resultProp.results) == null ? void 0 : _b3.find) == null ? void 0 : _c3.call(_b3, ({ indexUid }) => indexUid.includes(index));
               tabTotal = totalHits2 || tabTotal;
             }
             return {
@@ -10396,6 +10426,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,
@@ -10491,7 +10545,7 @@ const ResultProduct = React__default.memo((props) => {
     }
     setHandleSearchResultFirstTime(false);
     setInitStatesFirstTime == null ? void 0 : setInitStatesFirstTime(false);
-    handleSearchResultData({
+    await handleSearchResultData({
       result: response,
       ...props2
     });