@sledge-app/react-instant-search 0.0.48 → 0.0.49

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

@@ -2,9 +2,9 @@ import { j as jsxRuntimeExports, $ as $cb5cc270b50c6fcd$export$be92b6f5f03c0fe9,
 import React__default, { createElement } from "react";
 import { SledgeContext } from "@sledge-app/core";
 import "react-dom";
-const ProductFilterWidget = React__default.memo((props) => {
+const ProductFilterWidget = (props) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(SearchResultWidget, { layoutType: "product-filter", ...props });
-});
+};
 const API_URL = "https://sledge-api-preprod.offstack.io";
 const INSTANT_SEARCH_ENGINE_URL = "https://instant-search-engine.offstack.io";
 const LOCAL_STORAGE_KEY = {
@@ -629,7 +629,7 @@ const addToCartTrigger$1 = async (data) => {
 };
 const ButtonDetail = "";
 const Trigger$1 = "";
-const Trigger = React__default.memo((props) => {
+const Trigger = (props) => {
   var _a, _b, _c;
   const { data, forceActive = false, hidden = false, onAfterAddWishlist, onAfterRemoveWishlist } = props;
   const { productId, productVariantId } = data || {};
@@ -733,7 +733,7 @@ const Trigger = React__default.memo((props) => {
       setIsLoading(false);
     }
   };
-  React__default.useEffect(() => {
+  React__default.useMemo(() => {
     if (!(isRenderApp == null ? void 0 : isRenderApp.wishlist))
       return;
     if (typeof window !== "undefined") {
@@ -779,7 +779,7 @@ const Trigger = React__default.memo((props) => {
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(HeartIcon, { width: 16.67, height: 15.83, type: typeIcon, color: colorIcon })
     }
   ) }) });
-});
+};
 const Widget$1 = "";
 const WidgetHeaderClearTrigger = ({ buttonText, shareId, dataSettings, isFirstLoading }) => {
   var _a, _b, _c, _d, _e;
@@ -1170,7 +1170,7 @@ const getReviewInfo = async (id) => {
     return;
   });
 };
-const Rating = React__default.memo((props) => {
+const Rating = (props) => {
   var _a;
   const { value, size = "md", data, withSkeletonLoading = true, isScrollToElementWidget = true } = props;
   const { productId } = data || {};
@@ -1302,7 +1302,7 @@ const Rating = React__default.memo((props) => {
       ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {})
     ] })
   ] }) });
-});
+};
 const Widget = "";
 const WidgetHeaderAddTrigger = ({ isFirstLoading, text, dataSettings, data, onAfterAddReview }) => {
   var _a, _b, _c;
@@ -2241,7 +2241,7 @@ const SearchIconWidget = (props) => {
     width: 0,
     height: 0
   });
-  React__default.useEffect(() => {
+  React__default.useMemo(() => {
     if (!(isRenderApp == null ? void 0 : isRenderApp.instantSearch))
       return;
     if (size === "xs") {
@@ -2640,7 +2640,7 @@ const SearchIconWidgetPopup = () => {
   ] }) });
 };
 const SearchResultWidget$1 = "";
-const SearchResultWidget = React__default.memo((props) => {
+const SearchResultWidget = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const { isRenderApp, isJsVersion } = React__default.useContext(SledgeContext);
   const { layoutType = "default", query, data, children, onAfterAddToCart, onAfterAddWishlist, onAfterRemoveWishlist, onAfterRenderProduct } = props;
@@ -2803,12 +2803,11 @@ const SearchResultWidget = React__default.memo((props) => {
         await handleInitStates(data2, "totalDataPerIndex");
     }
   };
-  React__default.useEffect(() => {
+  React__default.useMemo(() => {
     if (!(isRenderApp == null ? void 0 : isRenderApp.instantSearch))
       return;
     const searchParams = new URLSearchParams(document.location.search);
     setKeyword((searchParams == null ? void 0 : searchParams.get(queryKeyword)) || "");
-    console.log("re render");
     handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || "");
   }, [isRenderApp]);
   React__default.useEffect(() => {
@@ -3133,8 +3132,8 @@ const SearchResultWidget = React__default.memo((props) => {
       searchResultContainerRef
     })
   ] });
-});
-const ResultProduct = React__default.memo((props) => {
+};
+const ResultProduct = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
   const {
     keyword,
@@ -3781,8 +3780,8 @@ const ResultProduct = React__default.memo((props) => {
       ] })
     ] }) })
   ] });
-});
-const ResultCategory = React__default.memo((props) => {
+};
+const ResultCategory = (props) => {
   var _a, _b, _c, _d;
   const { keyword, clickedTabIndexId, clickedTabIndexName, setKeyword, searchResultContainerRef } = props || {};
   const [isFirstLoading, setIsFirstLoading] = React__default.useState(true);
@@ -3902,8 +3901,8 @@ const ResultCategory = React__default.memo((props) => {
       /* @__PURE__ */ jsxRuntimeExports.jsx(Pagination, { currentPage, totalPage, totalResult: totalSearchResult, onChange: (page) => handlePageChange(page) })
     ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ResultEmpty, {})
   ] }) }) });
-});
-const ResultEmpty = React__default.memo((props) => {
+};
+const ResultEmpty = (props) => {
   const [title, setTitle] = React__default.useState("");
   const [description, setDescription] = React__default.useState("");
   React__default.useEffect(() => {
@@ -3914,7 +3913,7 @@ const ResultEmpty = React__default.memo((props) => {
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__result-empty-title", dangerouslySetInnerHTML: { __html: title } }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__result-empty-description", dangerouslySetInnerHTML: { __html: description } })
   ] });
-});
+};
 const SearchWidget$1 = "";
 const SearchWidget = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
@@ -4033,7 +4032,7 @@ const SearchWidget = (props) => {
       await handleMultiSearch(data);
     }
   };
-  React__default.useEffect(() => {
+  React__default.useMemo(() => {
     if (!(isRenderApp == null ? void 0 : isRenderApp.instantSearch))
       return;
     handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || "");