@sledge-app/react-instant-search 1.0.125 → 1.0.127

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

@@ -6532,7 +6532,7 @@ const SearchResultWidget = (props) => {
     data: propsData,
     sledgeSettings
   } = props;
-  const isFirstRender = useIsFirstRender();
+  useIsFirstRender();
   const queryKeyword = (query == null ? void 0 : query.keyword) ? query.keyword : DEFAULT_QUERY_PARAM.KEYWORD;
   const querySortBy = (query == null ? void 0 : query.sortBy) ? query.sortBy : DEFAULT_QUERY_PARAM.SORT_BY;
   const { collectionId } = params || {};
@@ -6873,12 +6873,30 @@ const SearchResultWidget = (props) => {
     setKeyword(value);
     window.history.pushState(null, "", `${document.location.pathname}?${searchParams2.toString()}`);
   };
+  const initStates = () => {
+    const INSTANT_SEARCH_SETTING = JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null);
+    if (INSTANT_SEARCH_SETTING)
+      handleInitStates(INSTANT_SEARCH_SETTING);
+  };
   useEffectCallback(() => {
+    var _a2, _b2, _c2, _d2;
     if (!isRenderAppInstantSearch)
       return;
-    const searchParams2 = new URLSearchParams(document.location.search);
-    setKeyword((searchParams2 == null ? void 0 : searchParams2.get(queryKeyword)) || "");
+    initStates();
     handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null);
+    if (typeof window !== "undefined") {
+      if (layoutType === "default") {
+        if ((_b2 = (_a2 = window == null ? void 0 : window.sledge) == null ? void 0 : _a2.instantSearch) == null ? void 0 : _b2.searchResult)
+          window.sledge.instantSearch.searchResult.search = (keyword2 = "") => {
+            handleChangeKeyword == null ? void 0 : handleChangeKeyword(keyword2);
+          };
+      } else {
+        if ((_d2 = (_c2 = window == null ? void 0 : window.sledge) == null ? void 0 : _c2.instantSearch) == null ? void 0 : _d2.productFilter)
+          window.sledge.instantSearch.productFilter.search = (keyword2 = "") => {
+            handleChangeKeyword == null ? void 0 : handleChangeKeyword(keyword2);
+          };
+      }
+    }
   }, [isRenderAppInstantSearch]);
   useEffectCallback(() => {
     if (!valueRenderInstantSearchResult)
@@ -6887,13 +6905,9 @@ const SearchResultWidget = (props) => {
       triggerRenderInstantSearchResult("");
     setKeyword(valueRenderInstantSearchResult);
   }, [valueRenderInstantSearchResult]);
-  useEffectCallback(() => {
-    if (isFirstRender || isLoadingSetting)
-      return;
-    const INSTANT_SEARCH_SETTING = JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null);
-    if (INSTANT_SEARCH_SETTING)
-      handleInitStates(INSTANT_SEARCH_SETTING);
-  }, [debouncedKeyword, isFirstRender, isLoadingSetting]);
+  useEffectOnChange(() => {
+    initStates();
+  }, [debouncedKeyword]);
   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 = ((_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;
@@ -7660,6 +7674,20 @@ const ResultProduct = (props) => {
     setIsReplaceWidgetList == null ? void 0 : setIsReplaceWidgetList(true);
   };
   React__default.useEffect(() => {
+    var _a2, _b2, _c2, _d2;
+    if (typeof window !== "undefined") {
+      if (layoutType === "default") {
+        if ((_b2 = (_a2 = window == null ? void 0 : window.sledge) == null ? void 0 : _a2.instantSearch) == null ? void 0 : _b2.searchResult)
+          window.sledge.instantSearch.searchResult.filter = () => {
+            setTriggerClickedFacets(!triggerClickedFacets);
+          };
+      } else {
+        if ((_d2 = (_c2 = window == null ? void 0 : window.sledge) == null ? void 0 : _c2.instantSearch) == null ? void 0 : _d2.productFilter)
+          window.sledge.instantSearch.productFilter.filter = () => {
+            setTriggerClickedFacets(!triggerClickedFacets);
+          };
+      }
+    }
     let isKeywordChanged = Boolean(parentPreviousState && parentPreviousState.keyword !== keyword);
     let isReplaceData = Boolean(
       previousState && ((previousState == null ? void 0 : previousState.clickedLimitId) !== clickedLimitId || (previousState == null ? void 0 : previousState.clickedSortId) !== clickedSortId || (previousState == null ? void 0 : previousState.clickedFacets) !== clickedFacets) || isKeywordChanged