@sledge-app/react-instant-search 0.0.97 → 0.0.98

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

@@ -1537,6 +1537,22 @@ const getReviewInfo = async (id) => {
     return;
   });
 };
+const getProductsReviewInfo = async (ids, token) => {
+  let convertIds = ids.map((v) => sanitizeDataId(v));
+  let sledgeAuthApp = token || localStorage.getItem(LOCAL_STORAGE_KEY.AUTH_APP);
+  var myHeaders = new Headers();
+  myHeaders.append("Authorization", `Bearer ${sledgeAuthApp}`);
+  var requestOptions = {
+    method: "GET",
+    headers: myHeaders,
+    redirect: "follow"
+  };
+  return await fetch(`${API_URL}/review/info/ids/${convertIds.join(",")}`, requestOptions).then((response) => response.json()).then((result) => {
+    return result;
+  }).catch(() => {
+    return;
+  });
+};
 const Rating = (props) => {
   var _a, _b;
   const { total, average, size = "md", params, withSkeletonLoading = true, withTotal = true, isScrollToElementWidget = true, data: propsData, sledgeSettings } = props;
@@ -2174,6 +2190,7 @@ const ProductGrid = ({
     onAfterRenderProduct && onAfterRenderProduct("success");
   }, []);
   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 } = 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] : {};
@@ -2190,7 +2207,13 @@ const ProductGrid = ({
               is_out_of_stock: Object.hasOwn(variants[index2], "inventory_quantity") ? !inventory_quantity : false
             };
           })
-        }
+        },
+        ...dataReviews && Object.keys(dataReviews).length ? {
+          review: {
+            total: ((_a = dataReviews == null ? void 0 : dataReviews[id]) == null ? void 0 : _a.review_count) ? dataReviews == null ? void 0 : dataReviews[id].review_count : 0,
+            average: ((_c = (_b = dataReviews == null ? void 0 : dataReviews[id]) == null ? void 0 : _b.rating) == null ? void 0 : _c.average) ? dataReviews == null ? void 0 : dataReviews[id].rating.average : 0
+          }
+        } : {}
       },
       showPopupComponent,
       setShowPopupComponent
@@ -2787,6 +2810,7 @@ const SearchIconWidgetPopup = () => {
   const [keyword, setKeyword] = React__default.useState("");
   const [searchResultProduct, setSearchResultProduct] = React__default.useState([]);
   const [searchResultOther, setSearchResultOther] = React__default.useState([]);
+  const [dataReviews, setDataReviews] = React__default.useState({});
   const [displaySettings, setDisplaySettings] = React__default.useState({});
   const [suggestionSettings, setSuggestionSettings] = React__default.useState({});
   const [suggestionIndex, setSuggestionIndex] = React__default.useState("");
@@ -2807,8 +2831,8 @@ const SearchIconWidgetPopup = () => {
   });
   const searchFieldRef = React__default.useRef(null);
   const previousState = usePrevious({ keyword });
-  const handleMultiSearch = async (data, onSearch = false) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2;
+  const handleMultiSearch = async (data, onSearch = false, withFetchReviewInfo = false) => {
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2;
     setIsLoading(true);
     const { tabs, suffix_index_product, hidden_tags, display, show_out_of_stock } = data;
     const suggestion = ((_a2 = display == null ? void 0 : display.search) == null ? void 0 : _a2.suggestion) || {};
@@ -2857,6 +2881,14 @@ const SearchIconWidgetPopup = () => {
       !keyword.length && Object.keys(suggestion).length && ((_f2 = (_e2 = suggestion[valueSuggestionIndex]) == null ? void 0 : _e2.products) == null ? void 0 : _f2.active) && ((_i2 = (_h2 = (_g2 = suggestion[valueSuggestionIndex]) == null ? void 0 : _g2.products) == null ? void 0 : _h2.list) == null ? void 0 : _i2.length)
     );
     let dataSearchResultProduct = isPriorityZeroCharacter ? (_k2 = (_j2 = suggestion[valueSuggestionIndex]) == null ? void 0 : _j2.products) == null ? void 0 : _k2.list : getValueSearchResultProduct;
+    if (withFetchReviewInfo) {
+      let searchResultProductIds = dataSearchResultProduct.map(({ id }) => id);
+      let valueDataReviews = await getProductsReviewInfo(searchResultProductIds);
+      if (((_l2 = valueDataReviews == null ? void 0 : valueDataReviews.status) == null ? void 0 : _l2.code) === 200)
+        setDataReviews(valueDataReviews == null ? void 0 : valueDataReviews.data);
+    } else {
+      setDataReviews({});
+    }
     setSearchResultProduct(dataSearchResultProduct);
     setSearchResultOther(valueSearchResultOther);
     setSuggestionIndex(valueSuggestionIndex);
@@ -2871,7 +2903,7 @@ const SearchIconWidgetPopup = () => {
     const { display } = response;
     setDisplaySettings(display);
     setSuggestionSettings((_a2 = display == null ? void 0 : display.search) == null ? void 0 : _a2.suggestion);
-    await handleMultiSearch(response);
+    await handleMultiSearch(response, false, true);
   };
   React__default.useEffect(() => {
     if (!isRenderAppInstantSearch)
@@ -3037,7 +3069,8 @@ const SearchIconWidgetPopup = () => {
               onAfterRemoveWishlist: handleFunctions.onAfterRemoveWishlist,
               onAfterRenderProduct: handleFunctions.onAfterRenderProduct,
               showPopupComponent: showInfo,
-              setShowPopupComponent: setShowInfo
+              setShowPopupComponent: setShowInfo,
+              dataReviews
             }
           ) }) : Object.keys(suggestionSettings).length && ((_k = (_j = suggestionSettings[suggestionIndex]) == null ? void 0 : _j.products) == null ? void 0 : _k.active) && ((_n = (_m = (_l = suggestionSettings[suggestionIndex]) == null ? void 0 : _l.products) == null ? void 0 : _m.list) == null ? void 0 : _n.length) ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge-instant-search__icon-widget-search-form-result-product-suggestion-no-result-text", children: [