@sledge-app/react-instant-search 1.0.89 → 1.0.90

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

@@ -33,8 +33,6 @@ const DATASET_ATTRIBUTE_KEY = {
     COLLECTION_NAME: "data-collection-name",
     WIDTH_ELEMENT: "data-width-element",
     ICON_SIZE: "data-icon-size",
-    API_KEY: "data-api-key",
-    INSTANT_SEARCH_API_KEY: "data-instant-search-api-key",
     RENDER_PRODUCT_CARD: "data-render-product-card",
     WITH_SKELETON_LOADING: "data-with-skeleton-loading",
     SECTION_TITLE: "data-section-title",
@@ -86,7 +84,6 @@ const DATASET_ATTRIBUTE_KEY = {
 const LOCAL_STORAGE_KEY = {
   ANONYM_ID: "sledge-anonym-id",
   AUTH_APP: "sledge-auth-app",
-  AUTH_APP_VERIFY: "sledge-auth-app-verify",
   INSTANT_SEARCH_AUTH_APP: "sledge-instant-search-auth-app",
   GENERAL_SETTING: "sledge-general-setting",
   WISHLIST_SETTING: "sledge-wishlist-setting",
@@ -107,7 +104,8 @@ const INTERNAL_SELECTOR_VALUE = {
   ELEMENT_FLOATING_LEFT_WIDGET: "floating-left-widget",
   ELEMENT_FLOATING_RIGHT_WIDGET: "floating-right-widget",
   WISHLIST: {
-    ELEMENT_WIDGET_POPUP: "wishlist-widget-popup"
+    ELEMENT_WIDGET_POPUP: "wishlist-widget-popup",
+    ELEMENT_BADGE_COUNTER: "wishlist-badge-counter"
   },
   PRODUCT_REVIEW: {
     ELEMENT_WIDGET_POPUP_DETAIL: "product-review-widget-popup-detail",
@@ -125,7 +123,7 @@ const SELECTOR = {
   },
   WISHLIST: {
     ELEMENT_BADGE: `[${SELECTOR_ATTRIBUTE_KEY}="wishlist-badge"]`,
-    ELEMENT_BADGE_COUNTER: `[${SELECTOR_ATTRIBUTE_KEY}="wishlist-badge-counter"]`,
+    ELEMENT_BADGE_COUNTER: `[${SELECTOR_ATTRIBUTE_KEY}="${INTERNAL_SELECTOR_VALUE.WISHLIST.ELEMENT_BADGE_COUNTER}"]`,
     ELEMENT_BADGE_MENU_ITEM: `[href="#sledge-wishlist-badge-menu-item"]`,
     ELEMENT_TRIGGER: `[${SELECTOR_ATTRIBUTE_KEY}="wishlist-trigger"]`,
     ELEMENT_WIDGET: `[${SELECTOR_ATTRIBUTE_KEY}="wishlist-widget"]`,
@@ -1163,7 +1161,7 @@ const addToCart = async (data) => {
   });
 };
 const addWishlist = async (data) => {
-  const { productId, productVariantId, productName, productVendor, productSku, productVariantName, productLink, productImage, productCurrency, productPrice } = data;
+  const { productId, productVariantId, productName, productVendor, productSku, productVariantName, productLink, productImage, productCurrency, productPrice, type = "toggle" } = data;
   let sledgeAuthApp = typeof localStorage !== "undefined" ? localStorage.getItem(LOCAL_STORAGE_KEY.AUTH_APP) || "" : "";
   let url = `${API_URL}/wishlist`;
   let payload = {
@@ -1178,7 +1176,8 @@ const addWishlist = async (data) => {
       image_url: productImage,
       currency: productCurrency,
       price: productPrice
-    })
+    }),
+    type: type === "toggle" ? "" : type
   };
   return await fetchApi({
     url,
@@ -1431,8 +1430,8 @@ const Badge = (props) => {
         "span",
         {
           className: `sledge-wishlist__badge-counter sledge-wishlist__badge-counter-header-menu ${isMaximizeTotalWishlist ? "sledge-wishlist__badge-fit-content" : ""}`,
-          "data-component": "wishlist-badge-counter",
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-component": "container-widget", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "data-component": INTERNAL_SELECTOR_VALUE.WISHLIST.ELEMENT_BADGE_COUNTER,
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-component": INTERNAL_SELECTOR_VALUE.ELEMENT_CONTAINER_WIDGET, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             BadgeCounter,
             {
               data: isJsVersion ? {
@@ -1456,8 +1455,8 @@ const Badge = (props) => {
           "span",
           {
             className: `sledge-wishlist__badge-counter sledge-wishlist__badge-counter-bottom-right ${isMaximizeTotalWishlist ? "sledge-wishlist__badge-fit-content" : ""}`,
-            "data-component": "wishlist-badge-counter",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-component": "container-widget", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "data-component": INTERNAL_SELECTOR_VALUE.WISHLIST.ELEMENT_BADGE_COUNTER,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-component": INTERNAL_SELECTOR_VALUE.ELEMENT_CONTAINER_WIDGET, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               BadgeCounter,
               {
                 data: isJsVersion ? {
@@ -1480,8 +1479,8 @@ const Badge = (props) => {
         "span",
         {
           className: `sledge-wishlist__badge-counter sledge-wishlist__badge-counter-bottom-right ${isMaximizeTotalWishlist ? "sledge-wishlist__badge-fit-content" : ""}`,
-          "data-component": "wishlist-badge-counter",
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-component": "container-widget", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "data-component": INTERNAL_SELECTOR_VALUE.WISHLIST.ELEMENT_BADGE_COUNTER,
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-component": INTERNAL_SELECTOR_VALUE.ELEMENT_CONTAINER_WIDGET, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             BadgeCounter,
             {
               data: isJsVersion ? {
@@ -1498,15 +1497,21 @@ const Badge = (props) => {
   };
   return isFirstLoading ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: position === "none" ? /* @__PURE__ */ jsxRuntimeExports.jsx(HeaderMenu, {}) : String(position).includes("bottom") ? /* @__PURE__ */ jsxRuntimeExports.jsx(FloatingIcon, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(FloatingFull, {}) });
 };
-const BadgeCounterInitSelector = () => {
-  let element = Array.from(document.querySelectorAll(SELECTOR.WISHLIST.ELEMENT_BADGE_COUNTER));
+const BadgeCounterInitSelector = (props) => {
+  const { selector = "", reload = false } = props || {};
+  const getSelector = selector || SELECTOR.WISHLIST.ELEMENT_BADGE_COUNTER;
+  let element = Array.from(document.querySelectorAll(getSelector));
   let isElementDetected = !element || element && !element.length;
   if (isElementDetected)
     return;
   element.map((item) => {
     if (item) {
-      if (item.querySelector(`[${SELECTOR_ATTRIBUTE_KEY}="${INTERNAL_SELECTOR_VALUE.ELEMENT_CONTAINER_WIDGET}"]`))
-        item.querySelector(`[${SELECTOR_ATTRIBUTE_KEY}="${INTERNAL_SELECTOR_VALUE.ELEMENT_CONTAINER_WIDGET}"]`).remove();
+      if ((item == null ? void 0 : item.hasAttribute("loaded")) && !reload)
+        return;
+      item.setAttribute("loaded", "");
+      const getElementContainerWidgetQuery = item.querySelector(`[${SELECTOR_ATTRIBUTE_KEY}="${INTERNAL_SELECTOR_VALUE.ELEMENT_CONTAINER_WIDGET}"]`);
+      if (getElementContainerWidgetQuery)
+        getElementContainerWidgetQuery.remove();
       let elementContainerWidget = document.createElement("div");
       elementContainerWidget.setAttribute(SELECTOR_ATTRIBUTE_KEY, INTERNAL_SELECTOR_VALUE.ELEMENT_CONTAINER_WIDGET);
       item.appendChild(elementContainerWidget);
@@ -1530,9 +1535,11 @@ const BadgeCounterInitSelector = () => {
     }
   });
 };
-const BadgeInitSelector = () => {
+const BadgeInitSelector = (props) => {
+  const { selector = "", reload = false } = props || {};
+  const getSelector = selector || SELECTOR.WISHLIST.ELEMENT_BADGE;
   const sledgeWishlistSettings = localStorage.getItem(LOCAL_STORAGE_KEY.WISHLIST_SETTING) ? JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY.WISHLIST_SETTING) || null) : null;
-  let element = Array.from(document.querySelectorAll(SELECTOR.WISHLIST.ELEMENT_BADGE));
+  let element = Array.from(document.querySelectorAll(getSelector));
   let isElementDetected = !element || element && !element.length;
   if (!sledgeWishlistSettings || isElementDetected)
     return;
@@ -1542,8 +1549,12 @@ const BadgeInitSelector = () => {
     if (isBottomFloatingType) {
       element.map((item, index) => {
         if (item && !index) {
-          if (item.querySelector(`[${SELECTOR_ATTRIBUTE_KEY}="${INTERNAL_SELECTOR_VALUE.ELEMENT_CONTAINER_WIDGET}"]`))
-            item.querySelector(`[${SELECTOR_ATTRIBUTE_KEY}="${INTERNAL_SELECTOR_VALUE.ELEMENT_CONTAINER_WIDGET}"]`).remove();
+          if ((item == null ? void 0 : item.hasAttribute("loaded")) && !reload)
+            return;
+          item.setAttribute("loaded", "");
+          const getElementContainerWidgetQuery = item.querySelector(`[${SELECTOR_ATTRIBUTE_KEY}="${INTERNAL_SELECTOR_VALUE.ELEMENT_CONTAINER_WIDGET}"]`);
+          if (getElementContainerWidgetQuery)
+            getElementContainerWidgetQuery.remove();
           let elementContainerWidget = document.createElement("div");
           elementContainerWidget.setAttribute(SELECTOR_ATTRIBUTE_KEY, INTERNAL_SELECTOR_VALUE.ELEMENT_CONTAINER_WIDGET);
           item.appendChild(elementContainerWidget);
@@ -1570,8 +1581,12 @@ const BadgeInitSelector = () => {
     } else {
       element.map((item, index) => {
         if (item && !index) {
-          if (item.querySelector(`[${SELECTOR_ATTRIBUTE_KEY}="${INTERNAL_SELECTOR_VALUE.ELEMENT_CONTAINER_WIDGET}"]`))
-            item.querySelector(`[${SELECTOR_ATTRIBUTE_KEY}="${INTERNAL_SELECTOR_VALUE.ELEMENT_CONTAINER_WIDGET}"]`).remove();
+          if ((item == null ? void 0 : item.hasAttribute("loaded")) && !reload)
+            return;
+          item.setAttribute("loaded", "");
+          const getElementContainerWidgetQuery = item.querySelector(`[${SELECTOR_ATTRIBUTE_KEY}="${INTERNAL_SELECTOR_VALUE.ELEMENT_CONTAINER_WIDGET}"]`);
+          if (getElementContainerWidgetQuery)
+            getElementContainerWidgetQuery.remove();
           let elementContainerWidget = document.createElement("div");
           elementContainerWidget.setAttribute(SELECTOR_ATTRIBUTE_KEY, INTERNAL_SELECTOR_VALUE.ELEMENT_CONTAINER_WIDGET);
           item.appendChild(elementContainerWidget);
@@ -1599,9 +1614,13 @@ const BadgeInitSelector = () => {
   } else {
     element.map((item) => {
       if (item) {
+        if ((item == null ? void 0 : item.hasAttribute("loaded")) && !reload)
+          return;
+        item.setAttribute("loaded", "");
         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();
+        const getElementContainerWidgetQuery = item.querySelector(`[${SELECTOR_ATTRIBUTE_KEY}="${INTERNAL_SELECTOR_VALUE.ELEMENT_CONTAINER_WIDGET}"]`);
+        if (getElementContainerWidgetQuery)
+          getElementContainerWidgetQuery.remove();
         let elementContainerWidget = document.createElement("div");
         elementContainerWidget.setAttribute(SELECTOR_ATTRIBUTE_KEY, INTERNAL_SELECTOR_VALUE.ELEMENT_CONTAINER_WIDGET);
         item.appendChild(elementContainerWidget);
@@ -1628,7 +1647,7 @@ const BadgeInitSelector = () => {
 };
 const Trigger = (props) => {
   var _a, _b, _c, _d, _e;
-  const { params, forceActive = false, hidden = false, onAfterAddWishlist, onAfterRemoveWishlist, wishlistChecked, triggerBadge = "default" } = props;
+  const { params, forceActive = false, hidden = false, onAfterAddWishlist, onAfterRemoveWishlist, wishlistChecked, triggerBadge = "default", reload = false } = props;
   const { productId, productVariantId } = params || {};
   const { isRenderApp, triggerRenderMultipleComponent, sledgeAnonymId, isJsVersion } = React__default.useContext(SledgeContext);
   const { wishlist: isRenderAppWishlist } = isRenderApp || {};
@@ -1651,7 +1670,7 @@ const Trigger = (props) => {
   });
   const [isRequiredLogin, setIsRequiredLogin] = React__default.useState(false);
   const [isFirstTime, setIsFirstTime] = React__default.useState(true);
-  const [hasEntry, setHasEntry] = React__default.useState(false);
+  const [hasEntry, setHasEntry] = React__default.useState(reload);
   const [rootRef, rootEntry] = useIntersectionObserver({
     threshold: 0,
     root: null,
@@ -1700,9 +1719,9 @@ const Trigger = (props) => {
         triggerRenderWishlistBadge(true);
       if (isJsVersion) {
         if (triggerBadge === "rerender") {
-          BadgeInitSelector();
+          BadgeInitSelector({ reload: true });
         } else {
-          BadgeCounterInitSelector();
+          BadgeCounterInitSelector({ reload: true });
         }
       }
       if (typeof window !== "undefined") {
@@ -1933,9 +1952,9 @@ const WidgetHeaderShareTrigger = ({ wishlistData, buttonText, showShareTrigger,
           triggerRenderWishlistBadge(true);
         if (isJsVersion) {
           if (triggerBadge === "rerender") {
-            BadgeInitSelector();
+            BadgeInitSelector({ reload: true });
           } else {
-            BadgeCounterInitSelector();
+            BadgeCounterInitSelector({ reload: true });
           }
         }
         if (window.sledgeInfoPopup)
@@ -2245,7 +2264,8 @@ const Rating = (props) => {
     outlineColor = "",
     withOutlineColor = true,
     customComponentId = "",
-    numberOfIcons = 5
+    numberOfIcons = 5,
+    reload = false
   } = props;
   const { productId } = params || {};
   const { isRenderApp, triggerRenderMultipleComponent } = React__default.useContext(SledgeContext);
@@ -2267,7 +2287,7 @@ const Rating = (props) => {
   const [averageReview, setAverageReview] = React__default.useState(((_b = propsData == null ? void 0 : propsData.rating) == null ? void 0 : _b.average) || average || "0");
   const [dataSettings, setDataSettings] = React__default.useState((sledgeSettings == null ? void 0 : sledgeSettings.review) || {});
   const [isFirstTime, setIsFirstTime] = React__default.useState(true);
-  const [hasEntry, setHasEntry] = React__default.useState(false);
+  const [hasEntry, setHasEntry] = React__default.useState(reload);
   const previousState = usePrevious({ productId });
   const [rootRef, rootEntry] = useIntersectionObserver({
     threshold: 0,
@@ -4111,7 +4131,7 @@ const SearchIconWidgetPopup = () => {
     setRedirectObject(valueRedirectObject);
     setIsRedirect(valueIsRedirect);
     setIsLoading(true);
-    const { index_product, tabs, hidden_tags, display, show_out_of_stock } = data;
+    const { index_product, tabs, hidden_tags, display, show_out_of_stock, attributes_to_retrieve } = data;
     const suggestion = ((_b2 = display == null ? void 0 : display.search) == null ? void 0 : _b2.suggestion) || {};
     let response;
     let body = {
@@ -4127,7 +4147,8 @@ const SearchIconWidgetPopup = () => {
           indexUid: index,
           q: keyword,
           hitsPerPage: isProductIndex ? 6 : 4,
-          filter: isProductIndex ? [...new Set(additionalFilter)].join(" AND ") : ""
+          filter: isProductIndex ? [...new Set(additionalFilter)].join(" AND ") : "",
+          attributesToRetrieve: attributes_to_retrieve
         };
       })
     };
@@ -5167,7 +5188,7 @@ const ButtonLoadMore = ({ text, onClick, isInfiniteScroll, currentPage, totalPag
   ] }) });
 };
 const SearchResultWidget = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
   const {
     layoutType = "default",
     width = DEFAULT_MAX_WIDTH_COMPONENT,
@@ -5225,6 +5246,7 @@ const SearchResultWidget = (props) => {
   const [defaultFilterItems, setDefaultFilterItems] = React__default.useState([]);
   const [mobileShowSelectedSort, setMobileShowSelectedSort] = React__default.useState(true);
   const [soldProductAtEnd, setSoldProductAtEnd] = React__default.useState(false);
+  const [attributesToRetrieve, setAttributesToRetrieve] = React__default.useState(((_k = sledgeSettings == null ? void 0 : sledgeSettings.instantsearch) == null ? void 0 : _k.attributes_to_retrieve) || []);
   const debouncedKeyword = useDebounce(keyword, 500);
   let productCardsComponent = null;
   let collectionCardsComponent = null;
@@ -5248,7 +5270,7 @@ const SearchResultWidget = (props) => {
   });
   const { isRenderApp, isJsVersion, triggerRenderMultipleComponent } = React__default.useContext(SledgeContext);
   const { instantSearch: isRenderAppInstantSearch } = isRenderApp || {};
-  const { value: valueRenderInstantSearchResult, trigger: triggerRenderInstantSearchResult } = ((_k = triggerRenderMultipleComponent == null ? void 0 : triggerRenderMultipleComponent.instantSearch) == null ? void 0 : _k.searchResult) || {};
+  const { value: valueRenderInstantSearchResult, trigger: triggerRenderInstantSearchResult } = ((_l = triggerRenderMultipleComponent == null ? void 0 : triggerRenderMultipleComponent.instantSearch) == null ? void 0 : _l.searchResult) || {};
   const searchResultContainerRef = React__default.useRef(null);
   const previousState = usePrevious({ keyword });
   const handleChangeTabIndex = (params2) => {
@@ -5438,7 +5460,8 @@ const SearchResultWidget = (props) => {
       hierarchical_product_type,
       hierarchical_collections,
       mobile_show_selected_sort,
-      sold_product_at_end
+      sold_product_at_end,
+      attributes_to_retrieve
     } = response;
     const { limit } = (display == null ? void 0 : display.search) || {};
     let valueAllowedSorts = (allowed_sorts == null ? void 0 : allowed_sorts.length) ? collectionId ? allowed_sorts.map((allowed_sort) => {
@@ -5466,6 +5489,7 @@ const SearchResultWidget = (props) => {
     setHierarchicalCollectionsSettings(hierarchical_collections);
     setMobileShowSelectedSort(mobile_show_selected_sort);
     setSoldProductAtEnd(sold_product_at_end);
+    setAttributesToRetrieve(attributes_to_retrieve);
     if (!show_out_of_stock)
       setClickedFacets({
         "variants.inventory_quantity": "> 0"
@@ -5507,8 +5531,8 @@ const SearchResultWidget = (props) => {
   }, [debouncedKeyword, isFirstRender, isLoadingSetting]);
   const filterHorizontalSkeletonComponent = /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__result-filter-horizontal-skeleton", children: [1, 2, 3, 4, 5, 6, 7].map((index) => /* @__PURE__ */ jsxRuntimeExports.jsx(SkeletonLoading.Item, { width: "106px", height: "42px", rounded: "md", color: "lighten" }, index)) });
   const tabSkeleton = layoutType === "default" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__result-tab-list sledge-instant-search__result-tab-list-skeleton", children: [1, 2, 3, 4, 5].map((index) => /* @__PURE__ */ jsxRuntimeExports.jsx(SkeletonLoading.Item, { width: "122px", height: "28px", rounded: "md", color: "lighten" }, index)) }) : null;
-  const filterHorizontalSkeleton = ((_l = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _l.enable_on_search) && ((_m = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _m.layout) === "horizontal" && !hideFilterWhenOneValue ? filterHorizontalSkeletonComponent : null;
-  const filterVerticalSkeleton = ((_n = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _n.enable_on_search) && ((_o = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _o.layout) === "vertical" && !hideFilterWhenOneValue ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+  const filterHorizontalSkeleton = ((_m = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _m.enable_on_search) && ((_n = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _n.layout) === "horizontal" && !hideFilterWhenOneValue ? filterHorizontalSkeletonComponent : null;
+  const filterVerticalSkeleton = ((_o = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _o.enable_on_search) && ((_p = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _p.layout) === "vertical" && !hideFilterWhenOneValue ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
@@ -5724,7 +5748,7 @@ const SearchResultWidget = (props) => {
     )
   ] }) : null;
   const productGridSkeleton = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    ((_p = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _p.show_total_products) && ((_q = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _q.layout) === "vertical" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__hide-element-lg-on-mobile", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ((_q = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _q.show_total_products) && ((_r = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _r.layout) === "vertical" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__hide-element-lg-on-mobile", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       SkeletonLoading.Item,
       {
         width: "117px",
@@ -5745,12 +5769,12 @@ const SearchResultWidget = (props) => {
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__result-data-summary-select-field-item", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SkeletonLoading.Item, { width: "150px", height: "42px", color: "lighten", rounded: "lg" }) })
   ] });
   const searchAndSelectOptionSkeleton = /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge-instant-search__result-data-keyword", children: [
-    ((_r = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _r.show_total_products) && ((_s = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _s.layout) === "horizontal" ? summaryTextSkeleton : null,
+    ((_s = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _s.show_total_products) && ((_t = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _t.layout) === "horizontal" ? summaryTextSkeleton : null,
     searchFieldSkeletonComponent,
     selectOptionSkeletonComponent
   ] });
   const mobileFilterWithSearchAndSelectOptionSkeleton = /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__hide-element-mobile-on-lg sledge-instant-search__mobile-filter-search-skeleton", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge-instant-search__result-data-keyword", children: [
-    ((_t = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _t.show_total_products) && ((_u = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _u.layout) === "horizontal" ? summaryTextSkeleton : null,
+    ((_u = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _u.show_total_products) && ((_v = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _v.layout) === "horizontal" ? summaryTextSkeleton : null,
     searchFieldSkeletonComponent,
     filterHorizontalSkeletonComponent,
     selectOptionSkeletonComponent
@@ -5783,7 +5807,7 @@ const SearchResultWidget = (props) => {
       mobileFilterWithSearchAndSelectOptionSkeleton,
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__hide-element-lg-on-mobile", children: filterHorizontalSkeleton }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge-instant-search__result-wrapper sledge-instant-search__result-wrapper-skeleton", children: [
-        ((_v = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _v.enable_on_search) && ((_w = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _w.layout) === "vertical" && !hideFilterWhenOneValue ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__result-filter sledge__hide-element-lg-on-mobile", children: filterVerticalSkeleton }) : null,
+        ((_w = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _w.enable_on_search) && ((_x = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _x.layout) === "vertical" && !hideFilterWhenOneValue ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__result-filter sledge__hide-element-lg-on-mobile", children: filterVerticalSkeleton }) : null,
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge-instant-search__result-data", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__hide-element-lg-on-mobile", children: searchAndSelectOptionSkeleton }),
           productGridSkeleton
@@ -5857,7 +5881,8 @@ const SearchResultWidget = (props) => {
       setClickedOpenFilterHorizontalMobileId,
       defaultFilterItems,
       mobileShowSelectedSort,
-      soldProductAtEnd
+      soldProductAtEnd,
+      attributesToRetrieve
     })
   ] });
 };
@@ -5918,7 +5943,8 @@ const ResultProduct = (props) => {
     isFirstLoading,
     defaultFilterItems,
     mobileShowSelectedSort,
-    soldProductAtEnd
+    soldProductAtEnd,
+    attributesToRetrieve
   } = props || {};
   const querySortBy = (query == null ? void 0 : query.sortBy) ? query.sortBy : DEFAULT_QUERY_PARAM.SORT_BY;
   const queryPage = (query == null ? void 0 : query.page) ? query.page : DEFAULT_QUERY_PARAM.PAGE;
@@ -6200,6 +6226,7 @@ const ResultProduct = (props) => {
       page: isReplaceData ? 1 : currentPage,
       hitsPerPage: clickedLimitId,
       facets,
+      attributesToRetrieve,
       filter
     };
     if (propsData && handleSearchResultFirstTime) {
@@ -6914,7 +6941,7 @@ const SearchWidget = (props) => {
     setRedirectObject(valueRedirectObject);
     setIsRedirect(valueIsRedirect);
     setIsLoading(true);
-    const { index_product, tabs, hidden_tags, display, show_out_of_stock } = data;
+    const { index_product, tabs, hidden_tags, display, show_out_of_stock, attributes_to_retrieve } = data;
     const suggestion = ((_b2 = display == null ? void 0 : display.search) == null ? void 0 : _b2.suggestion) || {};
     let response;
     let body = {
@@ -6930,7 +6957,8 @@ const SearchWidget = (props) => {
           indexUid: index,
           q: keyword,
           hitsPerPage: isProductIndex ? 6 : 4,
-          filter: isProductIndex ? [...new Set(additionalFilter)].join(" AND ") : ""
+          filter: isProductIndex ? [...new Set(additionalFilter)].join(" AND ") : "",
+          attributesToRetrieve: attributes_to_retrieve
         };
       })
     };