@sledge-app/react-instant-search 1.0.51 → 1.0.53

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

@@ -152,6 +152,7 @@ const DEFAULT_QUERY_PARAM = {
   KEYWORD: "q",
   SHARE_ID: "share"
 };
+const DEFAULT_QUERY_PRODUCT_MEILISEARCH = [`'status' = 'active'`];
 const OBJECT_DATA_STRING_KEY = {
   STORE: {
     NAME: "{{ shop.name }}"
@@ -2530,16 +2531,6 @@ const ProductCard = (props) => {
   const defaultSelectedVariantStock = (variants == null ? void 0 : variants.length) && Object.hasOwn(variants[0], "inventory_quantity") ? variants[0].inventory_quantity : 0;
   const [selectedVariantId, setSelectedVariantId] = React__default.useState(defaultSelectedVariantId);
   const [selectedVariantStock, setSelectedVariantStock] = React__default.useState(defaultSelectedVariantStock);
-  const [hasEntry, setHasEntry] = React__default.useState(false);
-  const [rootRef, rootEntry] = useIntersectionObserver({
-    threshold: 0,
-    root: null,
-    rootMargin: "0px"
-  });
-  React__default.useEffect(() => {
-    if (!hasEntry && (rootEntry == null ? void 0 : rootEntry.isIntersecting))
-      setHasEntry(rootEntry == null ? void 0 : rootEntry.isIntersecting);
-  }, [rootEntry]);
   let isLoadingAddToCart = clickedAddToCartId == selectedVariantId;
   let isOutOfStock = (variants == null ? void 0 : variants.length) && Object.hasOwn(variants[0], "inventory_quantity") ? !Number(selectedVariantStock) && showOptionOutOfStock : false;
   let component = null;
@@ -2567,7 +2558,7 @@ const ProductCard = (props) => {
       setShowPopupComponent,
       sourceApp
     };
-    component = /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: isComponentJsVersion ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__product-grid-entry-card", dangerouslySetInnerHTML: { __html: CardsComponent({ ...CardsProps }) } }) : /* @__PURE__ */ jsxRuntimeExports.jsx(CardsComponent, { ...CardsProps }) });
+    component = /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: isComponentJsVersion ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: CardsComponent({ ...CardsProps }) } }) : /* @__PURE__ */ jsxRuntimeExports.jsx(CardsComponent, { ...CardsProps }) });
   } else {
     let setDefaultFunction = function() {
       if (!(variants == null ? void 0 : variants.length))
@@ -2842,7 +2833,7 @@ ${selectedOption === item2 ? "sledge__product-variant-size-swatch-active" : ""}
       ) }) : null
     ] });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__product-grid-entry-card", ref: rootRef, children: hasEntry && component }, id);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(React__default.Fragment, { children: component }, id);
 };
 const ProductGrid = (props) => {
   const { type, className = "", data, setting, sourceApp = null, useSlider = false, onAfterAddToCart, onAfterRenderProduct } = props;
@@ -3601,7 +3592,7 @@ const SearchIconWidgetPopup = () => {
       queries: tabs.map((tab) => {
         const { index } = tab;
         let isProductIndex = index.includes(index_product);
-        let additionalFilter = [];
+        let additionalFilter = DEFAULT_QUERY_PRODUCT_MEILISEARCH;
         if (hidden_tags == null ? void 0 : hidden_tags.length)
           additionalFilter.push(`tags NOT IN [${hidden_tags}]`);
         if (!show_out_of_stock)
@@ -4059,7 +4050,7 @@ const SearchResultWidget = (props) => {
         }) : [];
         let isProductIndex = index.includes(index_product);
         let isHasProductFacets = isProductIndex && getFacets.length;
-        let additionalFilter = [];
+        let additionalFilter = DEFAULT_QUERY_PRODUCT_MEILISEARCH;
         if (hidden_tags == null ? void 0 : hidden_tags.length)
           additionalFilter.push(`'tags' NOT IN ${JSON.stringify(hidden_tags)}`);
         if (!show_out_of_stock)
@@ -4897,6 +4888,8 @@ const ResultProduct = (props) => {
       filters.push(`'tags' NOT IN ${JSON.stringify(hiddenTags)}`);
     if (collectionId)
       filters.push(`'collections.id' = '${collectionId}'`);
+    if (DEFAULT_QUERY_PRODUCT_MEILISEARCH == null ? void 0 : DEFAULT_QUERY_PRODUCT_MEILISEARCH.length)
+      filters = [...filters, ...DEFAULT_QUERY_PRODUCT_MEILISEARCH];
     let body = {
       q: keyword,
       sort: clickedSortId ? [clickedSortId] : [],
@@ -5731,7 +5724,7 @@ const SearchWidget = (props) => {
       queries: tabs.map((tab) => {
         const { index } = tab;
         let isProductIndex = index.includes(index_product);
-        let additionalFilter = [];
+        let additionalFilter = DEFAULT_QUERY_PRODUCT_MEILISEARCH;
         if (hidden_tags == null ? void 0 : hidden_tags.length)
           additionalFilter.push(`tags NOT IN [${hidden_tags}]`);
         if (!show_out_of_stock)