@sledge-app/react-instant-search 0.0.58 → 0.0.59

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

@@ -1179,30 +1179,33 @@ const Rating = (props) => {
   const [dataSettings, setDataSettings] = React__default.useState({});
   const previousState = usePrevious({ productId });
   const { fill_color, outline_color } = ((_a = dataSettings == null ? void 0 : dataSettings.display) == null ? void 0 : _a.rating) || {};
-  const handleProductRatingInfo = async () => {
+  const handleProductRatingInfo = async (validateProductId) => {
     var _a2;
+    let response;
+    let run = false;
+    let valueTotalReview = 0;
+    let valueAverageReview;
+    response = await getReviewInfo(validateProductId);
+    if (!response)
+      return;
+    const { status, data: data2 } = response;
+    const { code } = status;
+    run = code === 200 || false;
+    valueTotalReview = (data2 == null ? void 0 : data2.review_count) ? data2.review_count : 0;
+    valueAverageReview = ((_a2 = data2 == null ? void 0 : data2.rating) == null ? void 0 : _a2.average) ? data2.rating.average : 0;
+    if (run) {
+      setTotalReview(valueTotalReview);
+      setAverageReview(valueAverageReview);
+      setIsLoading(false);
+      setIsFirstLoading(false);
+    }
+  };
+  const handleRefreshProductRating = async () => {
     if (value && !data) {
       setAverageReview(value);
       setIsLoading(false);
     } else {
-      let response;
-      let run = false;
-      let valueTotalReview = 0;
-      let valueAverageReview;
-      response = await getReviewInfo(productId);
-      if (!response)
-        return;
-      const { status, data: data2 } = response;
-      const { code } = status;
-      run = code === 200 || false;
-      valueTotalReview = (data2 == null ? void 0 : data2.review_count) ? data2.review_count : 0;
-      valueAverageReview = ((_a2 = data2 == null ? void 0 : data2.rating) == null ? void 0 : _a2.average) ? data2.rating.average : 0;
-      if (run) {
-        setTotalReview(valueTotalReview);
-        setAverageReview(valueAverageReview);
-        setIsLoading(false);
-        setIsFirstLoading(false);
-      }
+      handleProductRatingInfo(productId);
     }
   };
   const handleSettings = async (LOCAL_STORAGE_PRODUCT_REVIEW_SETTING) => {
@@ -1217,7 +1220,7 @@ const Rating = (props) => {
     run = code === 200 || false;
     if (run) {
       setDataSettings(data2);
-      await handleProductRatingInfo();
+      await handleRefreshProductRating();
     }
   };
   const handleOnClick = () => {
@@ -1230,10 +1233,10 @@ const Rating = (props) => {
   React__default.useEffect(() => {
     if (!(isRenderApp == null ? void 0 : isRenderApp.productReview))
       return;
-    console.log("triggered add product review");
     if (typeof window !== "undefined") {
       window.sledgeProductReviewRatingUpdate = () => {
-        handleProductRatingInfo();
+        setIsLoading(true);
+        handleRefreshProductRating();
       };
     }
     if (size === "xs") {
@@ -1476,10 +1479,10 @@ const WidgetHeaderSummary = (props) => {
       setIsFirstLoading(true);
     handleProductReviewInfo();
   }, [isOpen, productId]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-product-review__widget-summary", children: isFirstLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(SkeletonLoading.Item, { width: "630px", height: "42px", color: "grey-100", rounded: "md", animationDuration: "5s" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-product-review__widget-summary", children: isFirstLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(SkeletonLoading.Item, { width: "630px", height: "42px", color: "grey-100", rounded: "md", animationDuration: "5s" }) : isLoading ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
     Popover,
     {
-      trigger: isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {}) : /* @__PURE__ */ jsxRuntimeExports.jsxs(motion.div, { initial: false, animate: isOpen ? "open" : "closed", className: "sledge-product-review__widget-summary-trigger", children: [
+      trigger: /* @__PURE__ */ jsxRuntimeExports.jsxs(motion.div, { initial: false, animate: isOpen ? "open" : "closed", className: "sledge-product-review__widget-summary-trigger", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-product-review__widget-summary-average", children: averageReview }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-product-review__widget-summary-rating", children: !isRefreshRating && /* @__PURE__ */ jsxRuntimeExports.jsx(Rating, { value: String(averageReview), size: "md", withSkeletonLoading: false, isScrollToElementWidget: false }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge-product-review__widget-summary-total", children: [
@@ -1665,7 +1668,9 @@ const ProductGrid = ({
   onAfterAddToCart,
   onAfterAddWishlist,
   onAfterRemoveWishlist,
-  onAfterRenderProduct
+  onAfterRenderProduct,
+  showPopupComponent,
+  setShowPopupComponent
 }) => {
   const {
     show_vendor = true,
@@ -1747,7 +1752,9 @@ const ProductGrid = ({
             };
           })
         }
-      }
+      },
+      showPopupComponent,
+      setShowPopupComponent
     }) : 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__product-grid-card", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge__product-grid-content", children: [
@@ -2273,8 +2280,15 @@ const SearchIconWidget = (props) => {
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sledge-instant-search__icon-widget", onClick: handleShowWidget, children: /* @__PURE__ */ jsxRuntimeExports.jsx(SearchIcon, { ...sizing, color: "currentColor" }) });
 };
-const OtherIndexLists = ({ listsComponent, name, items, isComponentJsVersion }) => {
-  const getListsComponent = listsComponent ? listsComponent({ name, items }) : null;
+const OtherIndexLists = ({
+  listsComponent,
+  name,
+  items,
+  isComponentJsVersion,
+  showPopupComponent,
+  setShowPopupComponent
+}) => {
+  const getListsComponent = listsComponent ? listsComponent({ name, items, showPopupComponent, setShowPopupComponent }) : null;
   return listsComponent ? isComponentJsVersion ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: getListsComponent } }) : getListsComponent : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__icon-widget-search-form-result-title", children: name }),
     (items == null ? void 0 : items.length) ? /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "sledge-instant-search__icon-widget-search-form-result-list", children: items.map((hit, index) => {
@@ -2287,8 +2301,14 @@ const OtherIndexLists = ({ listsComponent, name, items, isComponentJsVersion })
     ] }) })
   ] });
 };
-const SuggestionKeywordLists = ({ listsComponent, keywords, isComponentJsVersion = false }) => {
-  const getListsComponent = listsComponent ? listsComponent({ keywords }) : null;
+const SuggestionKeywordLists = ({
+  listsComponent,
+  keywords,
+  isComponentJsVersion = false,
+  showPopupComponent,
+  setShowPopupComponent
+}) => {
+  const getListsComponent = listsComponent ? listsComponent({ keywords, showPopupComponent, setShowPopupComponent }) : null;
   return listsComponent ? isComponentJsVersion ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: getListsComponent } }) : getListsComponent : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__icon-widget-search-form-result-title", children: "Suggestions" }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "sledge-instant-search__icon-widget-search-form-result-list", children: keywords == null ? void 0 : keywords.map((keyword, index) => {
@@ -2307,8 +2327,14 @@ const SuggestionKeywordLists = ({ listsComponent, keywords, isComponentJsVersion
     }) })
   ] });
 };
-const SearchViewMoreResult = ({ component, keyword, isComponentJsVersion = false }) => {
-  const getComponent = component ? component({ keyword }) : null;
+const SearchViewMoreResult = ({
+  component,
+  keyword,
+  isComponentJsVersion = false,
+  showPopupComponent,
+  setShowPopupComponent
+}) => {
+  const getComponent = component ? component({ keyword, showPopupComponent, setShowPopupComponent }) : null;
   return component ? isComponentJsVersion ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: getComponent } }) : getComponent : /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: `${SEARCH_RESULT_URL}?q=${keyword}`, className: "sledge-instant-search__icon-widget-button-more", children: "View More Result" });
 };
 const Global = {
@@ -2542,7 +2568,9 @@ const SearchIconWidgetPopup = () => {
             {
               listsComponent: handleFunctions.suggestionKeywordListsComponent,
               keywords: suggestionSettings[suggestionIndex].keywords.list,
-              isComponentJsVersion: handleFunctions.isJsVersion
+              isComponentJsVersion: handleFunctions.isJsVersion,
+              showPopupComponent: showInfo,
+              setShowPopupComponent: setShowInfo
             }
           ) : null,
           searchResultOther && searchResultOther.map((item, index) => {
@@ -2553,7 +2581,9 @@ const SearchIconWidgetPopup = () => {
                 listsComponent: handleFunctions.otherIndexListsComponent,
                 name,
                 items: hits,
-                isComponentJsVersion: handleFunctions.isJsVersion
+                isComponentJsVersion: handleFunctions.isJsVersion,
+                showPopupComponent: showInfo,
+                setShowPopupComponent: setShowInfo
               }
             ) }, index);
           })
@@ -2582,7 +2612,9 @@ const SearchIconWidgetPopup = () => {
               onAfterAddToCart: handleFunctions.onAfterAddToCart,
               onAfterAddWishlist: handleFunctions.onAfterAddWishlist,
               onAfterRemoveWishlist: handleFunctions.onAfterRemoveWishlist,
-              onAfterRenderProduct: handleFunctions.onAfterRenderProduct
+              onAfterRenderProduct: handleFunctions.onAfterRenderProduct,
+              showPopupComponent: showInfo,
+              setShowPopupComponent: setShowInfo
             }
           ) }) : 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: [
@@ -2614,7 +2646,9 @@ const SearchIconWidgetPopup = () => {
                 onAfterAddToCart: handleFunctions.onAfterAddToCart,
                 onAfterAddWishlist: handleFunctions.onAfterAddWishlist,
                 onAfterRemoveWishlist: handleFunctions.onAfterRemoveWishlist,
-                onAfterRenderProduct: handleFunctions.onAfterRenderProduct
+                onAfterRenderProduct: handleFunctions.onAfterRenderProduct,
+                showPopupComponent: showInfo,
+                setShowPopupComponent: setShowInfo
               }
             )
           ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
@@ -2626,7 +2660,9 @@ const SearchIconWidgetPopup = () => {
             {
               component: handleFunctions.searchViewMoreResultComponent,
               keyword,
-              isComponentJsVersion: handleFunctions.isJsVersion
+              isComponentJsVersion: handleFunctions.isJsVersion,
+              showPopupComponent: showInfo,
+              setShowPopupComponent: setShowInfo
             }
           ) }) : null
         ] })