@sledge-app/react-instant-search 0.0.112 → 0.0.113

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

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports, $ as $cb5cc270b50c6fcd$export$be92b6f5f03c0fe9, a as $cb5cc270b50c6fcd$export$41fb9f06171c75f4, b as $cb5cc270b50c6fcd$export$602eac185826482c, c as $cb5cc270b50c6fcd$export$7c6e2c02157bb7d2, d as $cb5cc270b50c6fcd$export$f39c2d165cd861fe, e as $cb5cc270b50c6fcd$export$21b07c8f274aebd5, f as $67824d98245208a0$export$be92b6f5f03c0fe9, g as $67824d98245208a0$export$adb584737d712b70, h as $e698a72e93240346$export$be92b6f5f03c0fe9, i as $e698a72e93240346$export$adb584737d712b70, k as $faa2e61a3361514f$export$be92b6f5f03c0fe9, l as $faa2e61a3361514f$export$13921ac0cc260818, m as $faa2e61a3361514f$export$9a58ef0d7ad3278c, n as $faa2e61a3361514f$export$6521433ed15a34db, o as $f99a8c78507165f7$export$be92b6f5f03c0fe9, p as $f99a8c78507165f7$export$6d08773d2e66f8f2, q as $f99a8c78507165f7$export$adb584737d712b70, r as $cc7e05a45900e73f$export$6d08773d2e66f8f2, s as $cc7e05a45900e73f$export$d6e5bf9c43ea9319, t as $cc7e05a45900e73f$export$c3468e2714d175fa, u as $cc7e05a45900e73f$export$be92b6f5f03c0fe9, v as $cc7e05a45900e73f$export$41fb9f06171c75f4, w as $cc7e05a45900e73f$export$4c8d1a57a761ef94, x as $cc7e05a45900e73f$export$f04a61298a47a40f, y as $cc7e05a45900e73f$export$602eac185826482c, z as $cc7e05a45900e73f$export$7c6e2c02157bb7d2, A as $cc7e05a45900e73f$export$2f60d3ec9ad468f2, B as $cc7e05a45900e73f$export$d5c6c08dc2d3ca7, C as $cc7e05a45900e73f$export$bf1aedc3039c8d63, D as motion, E as client, F as $a093c7e1ec25a057$export$2881499e37b75b9a, G as $a093c7e1ec25a057$export$be92b6f5f03c0fe9, H as $a093c7e1ec25a057$export$41fb9f06171c75f4, I as $a093c7e1ec25a057$export$602eac185826482c, J as $a093c7e1ec25a057$export$7c6e2c02157bb7d2, K as $a093c7e1ec25a057$export$21b07c8f274aebd5, L as $57acba87d6e25586$export$be92b6f5f03c0fe9, M as $57acba87d6e25586$export$d5c6c08dc2d3ca7, N as $57acba87d6e25586$export$9a4e88b92edfce6b, O as $57acba87d6e25586$export$6521433ed15a34db, P as MasonryResponsive, Q as Masonry, R as $5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9, S as $5d3850c4d0b4e6c7$export$602eac185826482c, T as $5d3850c4d0b4e6c7$export$c6fdb837b070b4ff, U as $5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2 } from "./vendor-efe38901.js";
 import React__default, { createElement } from "react";
-import { SledgeContext, CustomComponents } from "@sledge-app/core";
+import { SledgeContext } from "@sledge-app/core";
 import "react-dom";
 const ProductFilterWidget = (props) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(SearchResultWidget, { layoutType: "product-filter", ...props });
@@ -167,26 +167,26 @@ const sanitizeDataId = (id) => {
   }
 };
 const detectInitSelector = (params) => {
-  const { element: element2, init, reRender = false } = params;
+  const { element, init, reRender = false } = params;
   let hasRunning = false;
   if (!reRender) {
     document.body.addEventListener("DOMNodeInserted", () => {
-      if (!hasRunning && element2) {
+      if (!hasRunning && element) {
         hasRunning = true;
         init();
       }
     });
   } else {
-    if (element2)
+    if (element)
       init();
   }
 };
 const isFunction = (data) => typeof data === "function";
 const scrollToElement = (params) => {
-  const { element: element2, headerOffset } = params;
-  if (!element2)
+  const { element, headerOffset } = params;
+  if (!element)
     return;
-  var elementPosition = element2 == null ? void 0 : element2.getBoundingClientRect().top;
+  var elementPosition = element == null ? void 0 : element.getBoundingClientRect().top;
   var offsetPosition = elementPosition + window.scrollY - headerOffset;
   window.scrollTo({
     top: offsetPosition,
@@ -212,8 +212,8 @@ const fetchApi = async (params) => {
     if (Object.keys(payload).length)
       Object.keys(payload).forEach(function(key) {
         if (isUploadFile && (payload == null ? void 0 : payload.files))
-          [...payload.files].map((item2) => {
-            formdata.append("files", item2, item2.name);
+          [...payload.files].map((item) => {
+            formdata.append("files", item, item.name);
           });
         formdata.append(key, payload[key]);
       });
@@ -452,8 +452,8 @@ const RadioGroup = ({ id, name, required, defaultValue, items, labelStyle = {},
       name,
       required,
       onValueChange,
-      children: items.map((item2, index) => {
-        const { label, value } = item2;
+      children: items.map((item, index) => {
+        const { label, value } = item;
         return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge__radio-group-item-flex", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx($f99a8c78507165f7$export$6d08773d2e66f8f2, { className: "sledge__radio-group-item", value, id: `${id}${index}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx($f99a8c78507165f7$export$adb584737d712b70, { className: "sledge__radio-group-indicator" }) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "sledge__radio-group-label", htmlFor: `${id}${index}`, style: labelStyle, children: label })
@@ -511,8 +511,8 @@ const Select = ({ name, placeholder, required, defaultValue, items, labelStyle =
         }
       ) }) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx($cc7e05a45900e73f$export$d5c6c08dc2d3ca7, { className: "sledge__select-viewport", children: items.map(
-        (item2, index) => {
-          const { label, value } = item2;
+        (item, index) => {
+          const { label, value } = item;
           return /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItemComponent, { value, children: label }, index);
         }
       ) }),
@@ -744,8 +744,8 @@ const ProductGrid$1 = "";
 const addToCart = async (data) => {
   var _a, _b;
   let items = [];
-  data.map((item2) => {
-    const { id, quantity } = item2;
+  data.map((item) => {
+    const { id, quantity } = item;
     items.push({
       id,
       quantity
@@ -910,8 +910,8 @@ const addWishlist = async (data) => {
 };
 const bulkAddWishlist = async (data) => {
   let sledgeAuthApp = typeof localStorage !== "undefined" ? localStorage.getItem(LOCAL_STORAGE_KEY.AUTH_APP) || "" : "";
-  let products = data.map((item2) => {
-    const { productId, productVariantId, productName, productVariantName, productLink, productImage, productCurrency, productPrice } = item2;
+  let products = data.map((item) => {
+    const { productId, productVariantId, productName, productVariantName, productLink, productImage, productCurrency, productPrice } = item;
     return {
       id: sanitizeDataId(productId),
       variant_id: sanitizeDataId(productVariantId),
@@ -1112,19 +1112,19 @@ const BadgeInitSelector = (reRender = false) => {
       }
     }
   } else {
-    let element2 = Array.from(document.querySelectorAll(SELECTOR.WISHLIST.ELEMENT_BADGE));
+    let element = Array.from(document.querySelectorAll(SELECTOR.WISHLIST.ELEMENT_BADGE));
     detectInitSelector({
-      element: element2,
+      element,
       init: () => {
-        if (element2.length) {
-          element2.map((item2) => {
-            if (item2) {
-              const USE_PROXY_URL = item2.getAttribute(DATASET_ATTRIBUTE_KEY.WISHLIST.USE_PROXY_URL);
-              if (item2.querySelector(`[${SELECTOR_ATTRIBUTE_KEY}="${INTERNAL_SELECTOR_VALUE.ELEMENT_CONTAINER_WIDGET}"]`))
-                item2.querySelector(`[${SELECTOR_ATTRIBUTE_KEY}="${INTERNAL_SELECTOR_VALUE.ELEMENT_CONTAINER_WIDGET}"]`).remove();
+        if (element.length) {
+          element.map((item) => {
+            if (item) {
+              const USE_PROXY_URL = item.getAttribute(DATASET_ATTRIBUTE_KEY.WISHLIST.USE_PROXY_URL);
+              if (item.querySelector(`[${SELECTOR_ATTRIBUTE_KEY}="${INTERNAL_SELECTOR_VALUE.ELEMENT_CONTAINER_WIDGET}"]`))
+                item.querySelector(`[${SELECTOR_ATTRIBUTE_KEY}="${INTERNAL_SELECTOR_VALUE.ELEMENT_CONTAINER_WIDGET}"]`).remove();
               let elementContainerWidget = document.createElement("div");
               elementContainerWidget.setAttribute(SELECTOR_ATTRIBUTE_KEY, INTERNAL_SELECTOR_VALUE.ELEMENT_CONTAINER_WIDGET);
-              item2.appendChild(elementContainerWidget);
+              item.appendChild(elementContainerWidget);
               client.createRoot(elementContainerWidget).render(
                 /* @__PURE__ */ jsxRuntimeExports.jsx(React__default.StrictMode, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                   SledgeContext.Provider,
@@ -1401,8 +1401,8 @@ const WidgetHeaderShareTrigger = ({ wishlistData, buttonText, showShareTrigger,
   const handleBulkAddWishlist = async () => {
     var _a2, _b2, _c2, _d2, _e2, _f2, _g;
     setIsLoadingBulkAdd(true);
-    let data = wishlistData.map((item2) => {
-      const { id, variant_id, name, variant_name, url, image_url, currency, price } = item2.product;
+    let data = wishlistData.map((item) => {
+      const { id, variant_id, name, variant_name, url, image_url, currency, price } = item.product;
       return {
         productId: id,
         productVariantId: variant_id,
@@ -1578,10 +1578,10 @@ const WidgetHeaderLimit = ({ options, defaultLimitOptions, selectedLimit, setSel
     SelectField,
     {
       align: "end",
-      options: getOptions.map((item2) => {
+      options: getOptions.map((item) => {
         return {
-          label: item2,
-          value: item2
+          label: item,
+          value: item
         };
       }),
       value: selectedLimit || getOptions[0],
@@ -1605,8 +1605,8 @@ const WidgetHeaderSort$1 = ({ wishlistSort, selectedSort, setSelectedSort, setIs
     SelectField,
     {
       align: "end",
-      options: wishlistSort.map((item2) => {
-        const { name, value } = item2;
+      options: wishlistSort.map((item) => {
+        const { name, value } = item;
         return {
           label: name,
           value
@@ -1844,17 +1844,17 @@ const Rating = (props) => {
       ] }) })
     ] }),
     !isLoading && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      [1, 2, 3, 4, 5].map((item2, index) => {
+      [1, 2, 3, 4, 5].map((item, index) => {
         let ratingValue = Math.floor(parseFloat(averageReview));
         let getCommaValue = String(averageReview).includes(",") ? String(averageReview).split(",") : [];
         let getCommaValueDot = String(averageReview).includes(".") ? String(averageReview).split(".") : [];
         let isHaveCommaValue = getCommaValue.length || getCommaValueDot.length;
         let commaValue = isHaveCommaValue ? getCommaValue[1] || getCommaValueDot[1] : 0;
         let fillOther = "fill-0";
-        if (item2 > ratingValue && ratingValue + 1 === item2) {
+        if (item > ratingValue && ratingValue + 1 === item) {
           fillOther = `fill-${commaValue}`;
         }
-        return /* @__PURE__ */ createElement("svg", { ...sizing, viewBox: "0 0 30 29", "data-product-review-rating-fill": item2 <= ratingValue ? "full" : fillOther, key: index }, /* @__PURE__ */ jsxRuntimeExports.jsx("use", { href: "#sledge-product-review-icons-rating-icon" }));
+        return /* @__PURE__ */ createElement("svg", { ...sizing, viewBox: "0 0 30 29", "data-product-review-rating-fill": item <= ratingValue ? "full" : fillOther, key: index }, /* @__PURE__ */ jsxRuntimeExports.jsx("use", { href: "#sledge-product-review-icons-rating-icon" }));
       }),
       withTotal ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge-product-review__rating-summary-total", children: [
         "(",
@@ -1942,8 +1942,8 @@ const WidgetHeaderSort = ({ isFirstLoading, productReviewSort, dataSettings, set
       align: "end",
       prefixLabel: /* @__PURE__ */ jsxRuntimeExports.jsx(SwapIcon, { width: 16, height: 16, color: "currentColor" }),
       prefixSelectedLabel: "Sort by",
-      options: productReviewSort.map((item2) => {
-        const { name, value } = item2;
+      options: productReviewSort.map((item) => {
+        const { name, value } = item;
         return {
           label: name,
           value
@@ -2081,14 +2081,14 @@ const WidgetHeaderSummary = (props) => {
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsx(SkeletonLoading.Item, { width: "38px", height: "22px", color: "lighten", rounded: "md" })
         ] }, index);
-      }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-product-review__widget-summary-dist", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-product-review__widget-summary-dist-progress", children: [5, 4, 3, 2, 1].map((item2, index) => {
+      }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-product-review__widget-summary-dist", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-product-review__widget-summary-dist-progress", children: [5, 4, 3, 2, 1].map((item, index) => {
         return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge-product-review__widget-summary-dist-progress-item", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             Rating,
             {
               data: summaryData,
               sledgeSettings,
-              average: item2,
+              average: item,
               size: "sm",
               withSkeletonLoading: false,
               withTotal: false,
@@ -2098,7 +2098,7 @@ const WidgetHeaderSummary = (props) => {
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             Progress,
             {
-              value: String(ratingList[item2]),
+              value: String(ratingList[item]),
               total: totalReview,
               fillColor: display_summary_bar_fill_color,
               outlineColor: display_summary_bar_outline_color
@@ -2106,7 +2106,7 @@ const WidgetHeaderSummary = (props) => {
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("small", { children: [
             "(",
-            ratingList[item2],
+            ratingList[item],
             ")"
           ] })
         ] }, index);
@@ -2324,9 +2324,9 @@ const ProductGrid = ({
   React__default.useEffect(() => {
     onAfterRenderProduct && onAfterRenderProduct("success");
   }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `sledge__product-grid ${className}`, "data-grid-type": type, children: data == null ? void 0 : data.map((item2, index) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `sledge__product-grid ${className}`, "data-grid-type": type, children: data == null ? void 0 : data.map((item, index) => {
     var _a, _b, _c;
-    const { product, variants } = item2 || {};
+    const { product, variants } = item || {};
     const { id, title, image, url, vendor = "", currency } = product || {};
     const { id: variant_id = "", title: variant_title = "", price = "", sku = "" } = (variants == null ? void 0 : variants.length) ? variants[0] : {};
     let isLoadingAddToCart = clickedAddToCartId == variant_id;
@@ -2465,9 +2465,9 @@ const CollectionGrid = ({ className = "", data, cards, isComponentJsVersion, onA
   React__default.useEffect(() => {
     onAfterRenderCollection && onAfterRenderCollection("success");
   }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !(data == null ? void 0 : data.length) ? null : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `sledge__collection-grid ${className}`, children: data.map((item2, index) => {
-    const { id, title, body_html, url, image } = item2;
-    const getCards = cards ? cards({ data: item2 }) : null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !(data == null ? void 0 : data.length) ? null : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `sledge__collection-grid ${className}`, children: data.map((item, index) => {
+    const { id, title, body_html, url, image } = item;
+    const getCards = cards ? cards({ data: item }) : null;
     return cards ? /* @__PURE__ */ jsxRuntimeExports.jsx(React__default.Fragment, { children: isComponentJsVersion ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: getCards } }) : getCards }, index) : /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: url, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge__collection-grid-card", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__collection-grid-card-image-wrapper", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__collection-grid-card-image", children: /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: (image == null ? void 0 : image.src) || `${API_URL}/img/blank-image.png`, alt: "sledge-card-image", loading: "lazy" }) }) }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge__collection-grid-card-content", children: [
@@ -2482,9 +2482,9 @@ const PageGrid = ({ className = "", data, cards, isComponentJsVersion, onAfterRe
   React__default.useEffect(() => {
     onAfterRenderPage && onAfterRenderPage("success");
   }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !(data == null ? void 0 : data.length) ? null : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `sledge__page-grid ${className}`, children: data.map((item2, index) => {
-    const { id, title, body_html, url, image } = item2;
-    const getCards = cards ? cards({ data: item2 }) : null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !(data == null ? void 0 : data.length) ? null : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `sledge__page-grid ${className}`, children: data.map((item, index) => {
+    const { id, title, body_html, url, image } = item;
+    const getCards = cards ? cards({ data: item }) : null;
     return cards ? /* @__PURE__ */ jsxRuntimeExports.jsx(React__default.Fragment, { children: isComponentJsVersion ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: getCards } }) : getCards }, index) : /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: url, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge__page-grid-card", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__page-grid-card-image-wrapper", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__page-grid-card-image", children: /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: (image == null ? void 0 : image.src) || `${API_URL}/img/blank-image.png`, alt: "sledge-card-image", loading: "lazy" }) }) }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge__page-grid-card-content", children: [
@@ -2499,9 +2499,9 @@ const BlogGrid = ({ className = "", data, cards, isComponentJsVersion, onAfterRe
   React__default.useEffect(() => {
     onAfterRenderBlog && onAfterRenderBlog("success");
   }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !(data == null ? void 0 : data.length) ? null : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `sledge__blog-grid ${className}`, children: data == null ? void 0 : data.map((item2, index) => {
-    const { id, title, created_at, url, image } = item2;
-    const getCards = cards ? cards({ data: item2 }) : null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !(data == null ? void 0 : data.length) ? null : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `sledge__blog-grid ${className}`, children: data == null ? void 0 : data.map((item, index) => {
+    const { id, title, created_at, url, image } = item;
+    const getCards = cards ? cards({ data: item }) : null;
     return cards ? /* @__PURE__ */ jsxRuntimeExports.jsx(React__default.Fragment, { children: isComponentJsVersion ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: getCards } }) : getCards }, index) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge__blog-grid-card", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge__blog-grid-content", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__blog-grid-card-image", children: /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: url, children: /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: (image == null ? void 0 : image.src) || `${API_URL}/img/blank-image.png`, alt: "sledge-card-image", loading: "lazy" }) }) }),
@@ -2522,9 +2522,9 @@ const ArticleGrid = ({ className = "", data, cards, isComponentJsVersion, onAfte
   React__default.useEffect(() => {
     onAfterRenderArticle && onAfterRenderArticle("success");
   }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !(data == null ? void 0 : data.length) ? null : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `sledge__article-grid ${className}`, children: data == null ? void 0 : data.map((item2, index) => {
-    const { id, title, created_at, summary_html, url, image } = item2;
-    const getCards = cards ? cards({ data: item2 }) : null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !(data == null ? void 0 : data.length) ? null : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `sledge__article-grid ${className}`, children: data == null ? void 0 : data.map((item, index) => {
+    const { id, title, created_at, summary_html, url, image } = item;
+    const getCards = cards ? cards({ data: item }) : null;
     return cards ? /* @__PURE__ */ jsxRuntimeExports.jsx(React__default.Fragment, { children: isComponentJsVersion ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: getCards } }) : getCards }, index) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge__article-grid-card", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge__article-grid-content", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__article-grid-card-image", children: /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: url, children: /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: (image == null ? void 0 : image.src) || `${API_URL}/img/blank-image.png`, alt: "sledge-card-image", loading: "lazy" }) }) }),
@@ -2915,7 +2915,6 @@ const SearchIconWidgetPopup = () => {
   const { isRenderApp } = React__default.useContext(SledgeContext);
   const { instantSearch: isRenderAppInstantSearch } = isRenderApp || {};
   const [isLoading, setIsLoading] = React__default.useState(true);
-  const [isHasData, setIsHasData] = React__default.useState(false);
   const [showInfo, setShowInfo] = React__default.useState(false);
   const [keyword, setKeyword] = React__default.useState("");
   const [searchResultProduct, setSearchResultProduct] = React__default.useState([]);
@@ -2925,13 +2924,13 @@ const SearchIconWidgetPopup = () => {
   const [suggestionSettings, setSuggestionSettings] = React__default.useState({});
   const [suggestionIndex, setSuggestionIndex] = React__default.useState("");
   const [handleFunctions, setHandleFunctions] = React__default.useState({
-    onAfterAddToCart: (state2) => {
+    onAfterAddToCart: (state) => {
     },
-    onAfterAddWishlist: (state2) => {
+    onAfterAddWishlist: (state) => {
     },
-    onAfterRemoveWishlist: (state2) => {
+    onAfterRemoveWishlist: (state) => {
     },
-    onAfterRenderProduct: (state2) => {
+    onAfterRenderProduct: (state) => {
     },
     isJsVersion: null,
     productCardsComponent: null,
@@ -3004,7 +3003,6 @@ const SearchIconWidgetPopup = () => {
     setSearchResultOther(valueSearchResultOther);
     setSuggestionIndex(valueSuggestionIndex);
     setIsLoading(false);
-    setIsHasData(true);
   };
   const handleSettings = async (LOCAL_STORAGE_INSTANT_SEARCH_SETTING) => {
     var _a2;
@@ -3059,10 +3057,6 @@ const SearchIconWidgetPopup = () => {
     }
     handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null);
   }, [isRenderAppInstantSearch]);
-  React__default.useEffect(() => {
-    if (isHasData)
-      SearchIconWidgetInitSelector();
-  }, [isHasData]);
   React__default.useEffect(() => {
     showInfo ? document.body.classList.add("sledge__open-popup-state") : document.body.classList.remove("sledge__open-popup-state");
   }, [showInfo]);
@@ -3149,8 +3143,8 @@ const SearchIconWidgetPopup = () => {
               setShowPopupComponent: setShowInfo
             }
           ) : null,
-          searchResultOther && searchResultOther.map((item2, index) => {
-            const { hits, name } = item2;
+          searchResultOther && searchResultOther.map((item, index) => {
+            const { hits, name } = item;
             return /* @__PURE__ */ jsxRuntimeExports.jsx(React__default.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               Global.OtherIndexLists,
               {
@@ -3170,8 +3164,8 @@ const SearchIconWidgetPopup = () => {
             {
               sourceApp: "instant-search",
               type: "medium",
-              data: searchResultProduct.map((item2) => {
-                const { variants, ...product } = item2 || {};
+              data: searchResultProduct.map((item) => {
+                const { variants, ...product } = item || {};
                 return {
                   product,
                   variants
@@ -3205,8 +3199,8 @@ const SearchIconWidgetPopup = () => {
               {
                 sourceApp: "instant-search",
                 type: "medium",
-                data: suggestionSettings[suggestionIndex].products.list.map((item2) => {
-                  const { variants, ...product } = item2 || {};
+                data: suggestionSettings[suggestionIndex].products.list.map((item) => {
+                  const { variants, ...product } = item || {};
                   return {
                     product,
                     variants
@@ -3247,73 +3241,6 @@ const SearchIconWidgetPopup = () => {
     ] })
   ] }) });
 };
-const SearchIconWidgetInitSelector = () => {
-  let element = Array.from(document.querySelectorAll(SELECTOR.INSTANT_SEARCH.ELEMENT_SEARCH_ICON_WIDGET));
-  detectInitSelector({
-    element,
-    init: () => {
-      if (element.length) {
-        element.map((item) => {
-          var _a, _b, _c, _d;
-          if (item) {
-            const ICON_SIZE = item.getAttribute(DATASET_ATTRIBUTE_KEY.GLOBAL.ICON_SIZE);
-            const ON_AFTER_ADD_WISHLIST = item.getAttribute(DATASET_ATTRIBUTE_KEY.GLOBAL.ON_AFTER_ADD_WISHLIST);
-            const ON_AFTER_REMOVE_WISHLIST = item.getAttribute(DATASET_ATTRIBUTE_KEY.GLOBAL.ON_AFTER_REMOVE_WISHLIST);
-            const ON_AFTER_RENDER_PRODUCT = item.getAttribute(DATASET_ATTRIBUTE_KEY.GLOBAL.ON_AFTER_RENDER_PRODUCT);
-            const PRODUCT_CARDS = (_a = item.querySelector(SELECTOR.GLOBAL.ELEMENT_CUSTOM_COMPONENTS)) == null ? void 0 : _a.getAttribute(DATASET_ATTRIBUTE_KEY.GLOBAL.RENDER_PRODUCT_CARD);
-            const SUGGESTION_KEYWORD_LISTS = (_b = item.querySelector(SELECTOR.GLOBAL.ELEMENT_CUSTOM_COMPONENTS)) == null ? void 0 : _b.getAttribute(DATASET_ATTRIBUTE_KEY.INSTANT_SEARCH.RENDER_SUGGESTION_KEYWORD_LIST);
-            const OTHER_INDEX_LISTS = (_c = item.querySelector(SELECTOR.GLOBAL.ELEMENT_CUSTOM_COMPONENTS)) == null ? void 0 : _c.getAttribute(DATASET_ATTRIBUTE_KEY.INSTANT_SEARCH.RENDER_OTHER_INDEX_LIST);
-            const SEARCH_VIEW_MORE_RESULT = (_d = item.querySelector(SELECTOR.GLOBAL.ELEMENT_CUSTOM_COMPONENTS)) == null ? void 0 : _d.getAttribute(DATASET_ATTRIBUTE_KEY.INSTANT_SEARCH.RENDER_SEARCH_VIEW_MORE_RESULT);
-            item.innerHTML = "";
-            client.createRoot(item).render(
-              /* @__PURE__ */ jsxRuntimeExports.jsx(React__default.StrictMode, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                SledgeContext.Provider,
-                {
-                  value: {
-                    isRenderApp: {
-                      wishlist: true,
-                      productReview: true,
-                      instantSearch: true
-                    },
-                    sledgeAnonymId: localStorage.getItem(LOCAL_STORAGE_KEY.ANONYM_ID) || "",
-                    isJsVersion: true
-                  },
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    SearchIconWidget,
-                    {
-                      size: ICON_SIZE || "sm",
-                      onAfterAddWishlist: (state) => {
-                        if (item)
-                          ON_AFTER_ADD_WISHLIST && eval(ON_AFTER_ADD_WISHLIST) && eval(ON_AFTER_ADD_WISHLIST)({ state });
-                      },
-                      onAfterRemoveWishlist: (state) => {
-                        if (item)
-                          ON_AFTER_REMOVE_WISHLIST && eval(ON_AFTER_REMOVE_WISHLIST) && eval(ON_AFTER_REMOVE_WISHLIST)({ state });
-                      },
-                      onAfterRenderProduct: (state) => {
-                        if (item)
-                          ON_AFTER_RENDER_PRODUCT && eval(ON_AFTER_RENDER_PRODUCT) && eval(ON_AFTER_RENDER_PRODUCT)({ state });
-                      },
-                      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        CustomComponents,
-                        {
-                          suggestionKeywordList: SUGGESTION_KEYWORD_LISTS ? eval(SUGGESTION_KEYWORD_LISTS) : null,
-                          otherIndexList: OTHER_INDEX_LISTS ? eval(OTHER_INDEX_LISTS) : null,
-                          productCard: PRODUCT_CARDS ? eval(PRODUCT_CARDS) : null,
-                          searchViewMoreResult: SEARCH_VIEW_MORE_RESULT ? eval(SEARCH_VIEW_MORE_RESULT) : null
-                        }
-                      )
-                    }
-                  )
-                }
-              ) })
-            );
-          }
-        });
-      }
-    }
-  });
-};
 const SearchResultWidget = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
   const { isRenderApp, isJsVersion } = React__default.useContext(SledgeContext);
@@ -3456,8 +3383,8 @@ const SearchResultWidget = (props) => {
             let value = facet[0];
             let items = [];
             if (value === "variants.inventory_quantity") {
-              Object.keys(facetDistribution[value]).map((item2) => {
-                return Boolean(Number(item2)) ? facetDistribution[value][item2] : 0;
+              Object.keys(facetDistribution[value]).map((item) => {
+                return Boolean(Number(item)) ? facetDistribution[value][item] : 0;
               });
               items = [
                 {
@@ -3468,11 +3395,11 @@ const SearchResultWidget = (props) => {
             } else if (value === "variants.price") {
               items = facetStats[value];
             } else {
-              items = Object.keys(facetDistribution[value]).map((item2) => {
+              items = Object.keys(facetDistribution[value]).map((item) => {
                 return {
-                  name: item2,
-                  value: item2,
-                  total: facetDistribution[value][item2] || 0
+                  name: item,
+                  value: item,
+                  total: facetDistribution[value][item] || 0
                 };
               });
             }
@@ -3776,8 +3703,8 @@ const SearchResultWidget = (props) => {
     ] })
   ] });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge-instant-search__result-container", ref: searchResultContainerRef, children: [
-    isFirstLoading ? null : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${layoutType === "default" && (allowedTabs == null ? void 0 : allowedTabs.length) ? "sledge-instant-search__result-tab" : "sledge-instant-search__result-tab-no-index"}`, children: layoutType === "default" && (allowedTabs == null ? void 0 : allowedTabs.length) ? /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "sledge-instant-search__result-tab-list", children: allowedTabs.map((item2) => {
-      const { name, index, total } = item2;
+    isFirstLoading ? null : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${layoutType === "default" && (allowedTabs == null ? void 0 : allowedTabs.length) ? "sledge-instant-search__result-tab" : "sledge-instant-search__result-tab-no-index"}`, children: layoutType === "default" && (allowedTabs == null ? void 0 : allowedTabs.length) ? /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "sledge-instant-search__result-tab-list", children: allowedTabs.map((item) => {
+      const { name, index, total } = item;
       let isActive = clickedTabIndexId === index;
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { onClick: (e) => handleChangeTabIndex(index, name), className: `${isActive ? "sledge-instant-search__result-tab-list-item-active" : ""}`, children: [
         name,
@@ -4099,13 +4026,13 @@ const ResultProduct = (props) => {
         let isCustom = ["variants.inventory_quantity"].includes(value);
         let isRange = ["variants.price"].includes(value);
         let isArray = ["tags"].includes(value);
-        let items = Array.isArray(facet[1]) && ((_a3 = facet[1]) == null ? void 0 : _a3.length) > 1 ? isRange ? `${value} >= ${facet[1][0]} AND ${value} <= ${facet[1][1]}` : isArray ? `${value} IN [${facet[1]}]` : (_b3 = facet[1]) == null ? void 0 : _b3.map((item2) => {
-          return isCustom ? `${value} ${item2}` : `${value} = '${item2}'`;
+        let items = Array.isArray(facet[1]) && ((_a3 = facet[1]) == null ? void 0 : _a3.length) > 1 ? isRange ? `${value} >= ${facet[1][0]} AND ${value} <= ${facet[1][1]}` : isArray ? `${value} IN [${facet[1]}]` : (_b3 = facet[1]) == null ? void 0 : _b3.map((item) => {
+          return isCustom ? `${value} ${item}` : `${value} = '${item}'`;
         }).join(" OR ") : isCustom ? `${value} ${facet[1]}` : isArray ? `${value} IN [${facet[1]}]` : `${value} = '${facet[1]}'`;
         return items;
       } else
         return null;
-    }).filter((item2) => item2);
+    }).filter((item) => item);
     if (hiddenTags == null ? void 0 : hiddenTags.length)
       filters.push(`tags NOT IN [${hiddenTags}]`);
     if (collectionId)
@@ -4223,17 +4150,17 @@ const ResultProduct = (props) => {
         ] })
       ] });
     } else if (display.toLowerCase() === "checkbox" && (items == null ? void 0 : items.length)) {
-      blockComponent = /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: items == null ? void 0 : items.map((item2, index) => {
+      blockComponent = /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: items == null ? void 0 : items.map((item, index) => {
         var _a3;
         return /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           Checkbox,
           {
             id: `${value}_${index}`,
             name: value,
-            value: item2.value,
-            label: `${item2.name}${item2.total !== void 0 && isShowNumberMatchingProduct ? ` (${item2.total})` : ""}`,
+            value: item.value,
+            label: `${item.name}${item.total !== void 0 && isShowNumberMatchingProduct ? ` (${item.total})` : ""}`,
             onClick: (e) => handleFilterChange(value, e.currentTarget.value),
-            defaultChecked: clickedFacets && ((_a3 = clickedFacets[value]) == null ? void 0 : _a3.includes(item2.value)),
+            defaultChecked: clickedFacets && ((_a3 = clickedFacets[value]) == null ? void 0 : _a3.includes(item.value)),
             labelStyle: filter_option_style
           }
         ) }, index);
@@ -4245,8 +4172,8 @@ const ResultProduct = (props) => {
           id: value,
           name: value,
           onValueChange: (getValue) => handleFilterChange(value, getValue, true),
-          items: items == null ? void 0 : items.map((item2) => {
-            const { name, value: value2, total } = item2;
+          items: items == null ? void 0 : items.map((item) => {
+            const { name, value: value2, total } = item;
             return {
               label: `${name} ${total !== void 0 && isShowNumberMatchingProduct ? ` (${total})` : ""}`,
               value: value2
@@ -4263,8 +4190,8 @@ const ResultProduct = (props) => {
           placeholder: `Select ${label}`,
           name: value,
           onValueChange: (getValue) => handleFilterChange(value, getValue, true),
-          items: items == null ? void 0 : items.map((item2) => {
-            const { name, value: value2, total } = item2;
+          items: items == null ? void 0 : items.map((item) => {
+            const { name, value: value2, total } = item;
             return {
               label: `${name} ${total !== void 0 && isShowNumberMatchingProduct ? ` (${total})` : ""}`,
               value: value2
@@ -4274,19 +4201,19 @@ const ResultProduct = (props) => {
         }
       ) });
     } else if (display.toLowerCase() === "swatch" && (items == null ? void 0 : items.length)) {
-      blockComponent = /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: items == null ? void 0 : items.map((item2, index) => {
+      blockComponent = /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: items == null ? void 0 : items.map((item, index) => {
         var _a3;
-        let getColorSwatch = (colorSwatches == null ? void 0 : colorSwatches.filter(({ name }) => name == null ? void 0 : name.includes(item2.value))[0]) || {};
+        let getColorSwatch = (colorSwatches == null ? void 0 : colorSwatches.filter(({ name }) => name == null ? void 0 : name.includes(item.value))[0]) || {};
         return /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           ColorSwatch,
           {
             id: `${value}_${index}`,
             name: value,
-            value: item2.value,
+            value: item.value,
             rgb: getColorSwatch == null ? void 0 : getColorSwatch.rgb,
             image: getColorSwatch == null ? void 0 : getColorSwatch.image,
             onClick: (e) => handleFilterChange(value, e.currentTarget.value),
-            defaultChecked: clickedFacets && ((_a3 = clickedFacets[value]) == null ? void 0 : _a3.includes(item2.value))
+            defaultChecked: clickedFacets && ((_a3 = clickedFacets[value]) == null ? void 0 : _a3.includes(item.value))
           }
         ) }, index);
       }) });
@@ -4355,11 +4282,11 @@ const ResultProduct = (props) => {
         label: getLabel,
         name: getName,
         value: facet[1]
-      }) : (_b2 = facet[1]) == null ? void 0 : _b2.map((item2) => {
+      }) : (_b2 = facet[1]) == null ? void 0 : _b2.map((item) => {
         dataClickedFacets.push({
           label: getLabel,
           name: getName,
-          value: item2
+          value: item
         });
       }) : dataClickedFacets.push({
         label: getLabel,
@@ -4442,8 +4369,8 @@ const ResultProduct = (props) => {
                       fill: "black"
                     }
                   ) }),
-                  options: allowedSorts.map((item2) => {
-                    const { label, value } = item2;
+                  options: allowedSorts.map((item) => {
+                    const { label, value } = item;
                     return {
                       label,
                       value
@@ -4460,10 +4387,10 @@ const ResultProduct = (props) => {
                 SelectField,
                 {
                   align: "end",
-                  options: displaySettings.search.allowed_limit.map((item2) => {
+                  options: displaySettings.search.allowed_limit.map((item) => {
                     return {
-                      label: item2,
-                      value: item2
+                      label: item,
+                      value: item
                     };
                   }),
                   value: clickedLimitId,
@@ -4484,8 +4411,8 @@ const ResultProduct = (props) => {
               {
                 sourceApp: "instant-search",
                 type: "large",
-                data: searchResult.map((item2) => {
-                  const { variants, ...product } = item2 || {};
+                data: searchResult.map((item) => {
+                  const { variants, ...product } = item || {};
                   return {
                     product,
                     variants
@@ -4833,8 +4760,8 @@ const SearchWidget = (props) => {
               isComponentJsVersion: isJsVersion
             }
           ) : null,
-          searchResultOther.map((item2, index) => {
-            const { hits, name } = item2;
+          searchResultOther.map((item, index) => {
+            const { hits, name } = item;
             return /* @__PURE__ */ jsxRuntimeExports.jsx(React__default.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Global.OtherIndexLists, { listsComponent: otherIndexListsComponent, name, items: hits, isComponentJsVersion: isJsVersion }) }, index);
           })
         ] }),
@@ -4845,8 +4772,8 @@ const SearchWidget = (props) => {
             {
               sourceApp: "instant-search",
               type: "small",
-              data: searchResultProduct.map((item2) => {
-                const { variants, ...product } = item2 || {};
+              data: searchResultProduct.map((item) => {
+                const { variants, ...product } = item || {};
                 return {
                   product,
                   variants
@@ -4878,8 +4805,8 @@ const SearchWidget = (props) => {
               {
                 sourceApp: "instant-search",
                 type: "small",
-                data: suggestionSettings[suggestionIndex].products.list.map((item2) => {
-                  const { variants, ...product } = item2 || {};
+                data: suggestionSettings[suggestionIndex].products.list.map((item) => {
+                  const { variants, ...product } = item || {};
                   return {
                     product,
                     variants