@sledge-app/react-instant-search 2.0.38 → 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}`);
       })
     }
   );
@@ -10361,7 +10353,7 @@ const ResultProduct = React__default.memo((props) => {
     return dataClickedFacets2;
   };
   const handleSearchResultData = async (props2) => {
-    var _a2, _b2;
+    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 || {};
@@ -10371,18 +10363,54 @@ const ResultProduct = React__default.memo((props) => {
     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 {