@sledge-app/react-instant-search 0.0.53 → 0.0.55

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

@@ -633,7 +633,7 @@ const Trigger = (props) => {
   var _a, _b, _c;
   const { data, forceActive = false, hidden = false, onAfterAddWishlist, onAfterRemoveWishlist } = props;
   const { productId, productVariantId } = data || {};
-  const { isRenderApp, triggerRenderMultipleComponent, sledgeAnonymId, isAvoidOverlapWhenBlurring } = React__default.useContext(SledgeContext);
+  const { isRenderApp, triggerRenderMultipleComponent, sledgeAnonymId } = React__default.useContext(SledgeContext);
   const defaultColorIcon = "#767676";
   const defaultTypeIcon = "outline";
   const activeColorIcon = "#F85538";
@@ -759,7 +759,7 @@ const Trigger = (props) => {
       setTypeIcon(defaultTypeIcon);
     }
   }, [isWishlist]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !isLoading && !hidden && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `sledge-wishlist__trigger-block ${isAvoidOverlapWhenBlurring ? "sledge__avoid-overlap-when-blurring" : ""}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !isLoading && !hidden && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-wishlist__trigger-block", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     "span",
     {
       className: "sledge-wishlist__trigger",
@@ -1174,7 +1174,7 @@ const Rating = (props) => {
   var _a;
   const { value, size = "md", data, withSkeletonLoading = true, isScrollToElementWidget = true } = props;
   const { productId } = data || {};
-  const { isRenderApp } = React__default.useContext(SledgeContext);
+  const { isRenderApp, triggerRenderMultipleComponent } = React__default.useContext(SledgeContext);
   const [isFirstLoading, setIsFirstLoading] = React__default.useState(true);
   const [isLoading, setIsLoading] = React__default.useState(true);
   const [sizing, setSizing] = React__default.useState({
@@ -1237,6 +1237,14 @@ const Rating = (props) => {
   React__default.useEffect(() => {
     if (!(isRenderApp == null ? void 0 : isRenderApp.productReview))
       return;
+    if (typeof window !== "undefined") {
+      window.sledgeProductReviewRatingUpdate = () => {
+        var _a2, _b;
+        if (((_b = (_a2 = triggerRenderMultipleComponent == null ? void 0 : triggerRenderMultipleComponent.productReview) == null ? void 0 : _a2.rating) == null ? void 0 : _b.value) !== productId)
+          return;
+        handleProductRatingInfo();
+      };
+    }
     if (size === "xs") {
       setSizing({
         width: 14.4,
@@ -1257,7 +1265,7 @@ const Rating = (props) => {
     if (isProductIdChanged)
       setIsFirstLoading(true);
     handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.PRODUCT_REVIEW_SETTING) || "");
-  }, [isRenderApp, productId]);
+  }, [isRenderApp, productId, triggerRenderMultipleComponent]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-product-review__rating", onClick: handleOnClick, children: isFirstLoading && withSkeletonLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(SkeletonLoading.Item, { width: "230px", height: "28px", color: "grey-100", rounded: "md" }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", style: { display: "none" }, id: "sledge-product-review-rating-icon-svg-store", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("symbol", { id: "sledge-product-review-icons-rating-icon-fill", viewBox: "0 0 30 29", fill: fill_color || "#23BC45", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -2642,7 +2650,7 @@ const SearchIconWidgetPopup = () => {
 const SearchResultWidget$1 = "";
 const SearchResultWidget = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
-  const { isRenderApp, isJsVersion, isAvoidOverlapWhenBlurring } = React__default.useContext(SledgeContext);
+  const { isRenderApp, isJsVersion } = React__default.useContext(SledgeContext);
   const { layoutType = "default", query, data, children, onAfterAddToCart, onAfterAddWishlist, onAfterRemoveWishlist, onAfterRenderProduct } = props;
   const { keyword: queryKeyword = "" } = query || {};
   const { collectionId } = data || {};
@@ -3081,7 +3089,7 @@ 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: "grey-100", rounded: "lg" }) })
     ] })
   ] });
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `sledge-instant-search__result-container`, ref: searchResultContainerRef, children: [
+  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((item) => {
       const { name, index, total } = item;
       let isActive = clickedTabIndexId === index;