@sledge-app/react-instant-search 0.0.113 → 0.0.115

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

@@ -72,8 +72,7 @@ const LOCAL_STORAGE_KEY = {
   PRODUCT_REVIEW_SETTING: "sledge-product-review-setting",
   INSTANT_SEARCH_SETTING: "sledge-instant-search-setting",
   ISSUED_AUTH_APP: "sledge-issued-auth-app",
-  EXPIRED_AUTH_APP: "sledge-expired-auth-app",
-  EXPIRED_SETTING: "sledge-expired-setting"
+  EXPIRED_AUTH_APP: "sledge-expired-auth-app"
 };
 const INTERNAL_SELECTOR_VALUE = {
   ELEMENT_TOAST_NOTIFICATION: "toast-notification",
@@ -1207,7 +1206,7 @@ const Trigger = (props) => {
     const { status, data: response_data } = resAddWishlist || {};
     const { code } = status || {};
     if (code === 200) {
-      if (((_b2 = (_a2 = triggerRenderMultipleComponent == null ? void 0 : triggerRenderMultipleComponent.wishlist) == null ? void 0 : _a2.badge) == null ? void 0 : _b2.trigger) && typeof wishlistChecked !== "boolean")
+      if ((_b2 = (_a2 = triggerRenderMultipleComponent == null ? void 0 : triggerRenderMultipleComponent.wishlist) == null ? void 0 : _a2.badge) == null ? void 0 : _b2.trigger)
         (_f = (_c2 = triggerRenderMultipleComponent == null ? void 0 : triggerRenderMultipleComponent.wishlist) == null ? void 0 : _c2.badge) == null ? void 0 : _f.trigger(!((_e = (_d = triggerRenderMultipleComponent == null ? void 0 : triggerRenderMultipleComponent.wishlist) == null ? void 0 : _d.badge) == null ? void 0 : _e.value));
       BadgeInitSelector(true);
       if (typeof window !== "undefined") {
@@ -2944,13 +2943,13 @@ const SearchIconWidgetPopup = () => {
     var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2;
     const { data, onSearch = false, withFetchReviewInfo = false } = params;
     setIsLoading(true);
-    const { tabs, suffix_index_product, hidden_tags, display, show_out_of_stock } = data;
+    const { index_product, tabs, hidden_tags, display, show_out_of_stock } = data;
     const suggestion = ((_a2 = display == null ? void 0 : display.search) == null ? void 0 : _a2.suggestion) || {};
     let response;
     let body = {
       queries: tabs.map((tab) => {
         const { index } = tab;
-        let isProductIndex = index.includes(suffix_index_product);
+        let isProductIndex = index.includes(index_product);
         let additionalFilter = [];
         if (hidden_tags == null ? void 0 : hidden_tags.length)
           additionalFilter.push(`tags NOT IN [${hidden_tags}]`);
@@ -2968,14 +2967,14 @@ const SearchIconWidgetPopup = () => {
     if (!response)
       return;
     const { results } = response;
-    let valueSearchResultProduct = results == null ? void 0 : results.filter(({ indexUid }) => indexUid == null ? void 0 : indexUid.includes(suffix_index_product));
+    let valueSearchResultProduct = results == null ? void 0 : results.filter(({ indexUid }) => indexUid == null ? void 0 : indexUid.includes(index_product));
     if (onSearch && (keyword == null ? void 0 : keyword.length)) {
       searchTrigger({
         keyword,
         resultCount: ((_b2 = valueSearchResultProduct[0]) == null ? void 0 : _b2.totalHits) || 0
       });
     }
-    let valueSearchResultOther = ((_c2 = results == null ? void 0 : results.filter(({ indexUid }) => !(indexUid == null ? void 0 : indexUid.includes(suffix_index_product)))) == null ? void 0 : _c2.map((result) => {
+    let valueSearchResultOther = ((_c2 = results == null ? void 0 : results.filter(({ indexUid }) => !(indexUid == null ? void 0 : indexUid.includes(index_product)))) == null ? void 0 : _c2.map((result) => {
       const { indexUid } = result;
       const { name } = tabs == null ? void 0 : tabs.find(({ index }) => index.includes(indexUid));
       return {
@@ -3296,7 +3295,7 @@ const SearchResultWidget = (props) => {
   const [allowedFilters, setAllowedFilters] = React__default.useState(((_c = sledgeSettings == null ? void 0 : sledgeSettings.instantsearch) == null ? void 0 : _c.filters) || []);
   const [allowedTabs, setAllowedTabs] = React__default.useState([]);
   const [facets, setFacets] = React__default.useState([]);
-  const [suffixIndexProduct, setSuffixIndexProduct] = React__default.useState(((_d = sledgeSettings == null ? void 0 : sledgeSettings.instantsearch) == null ? void 0 : _d.suffix_index_product) || "");
+  const [indexProduct, setIndexProduct] = React__default.useState(((_d = sledgeSettings == null ? void 0 : sledgeSettings.instantsearch) == null ? void 0 : _d.index_product) || "");
   const [searchResultFacets, setSearchResultFacets] = React__default.useState({});
   const [hiddenTags, setHiddenTags] = React__default.useState(((_e = sledgeSettings == null ? void 0 : sledgeSettings.instantsearch) == null ? void 0 : _e.hidden_tags) || []);
   const [displaySettings, setDisplaySettings] = React__default.useState(((_f = sledgeSettings == null ? void 0 : sledgeSettings.instantsearch) == null ? void 0 : _f.display) || {});
@@ -3309,11 +3308,11 @@ const SearchResultWidget = (props) => {
   const handleChangeTabIndex = (id, name, e) => {
     setClickedTabIndexId(id);
     setClickedTabIndexName(name);
-    setResultComponent(id.includes(suffixIndexProduct) ? /* @__PURE__ */ jsxRuntimeExports.jsx(ResultProduct, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(ResultCategory, {}));
+    setResultComponent(id.includes(indexProduct) ? /* @__PURE__ */ jsxRuntimeExports.jsx(ResultProduct, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(ResultCategory, {}));
   };
   const handleInitStates = async (data, type) => {
-    const { filters, tabs, suffix_index_product, hidden_tags, show_out_of_stock } = data;
-    let getTabs = layoutType === "product-filter" ? tabs.filter(({ index }) => index == null ? void 0 : index.includes(suffix_index_product)) : tabs;
+    const { filters, index_product, tabs, hidden_tags, show_out_of_stock } = data;
+    let getTabs = layoutType === "product-filter" ? tabs.filter(({ index }) => index == null ? void 0 : index.includes(index_product)) : tabs;
     let response;
     let body = {
       queries: getTabs.map((tab) => {
@@ -3331,7 +3330,7 @@ const SearchResultWidget = (props) => {
             }
           }
         }) : [];
-        let isProductIndex = index.includes(suffix_index_product);
+        let isProductIndex = index.includes(index_product);
         let isHasProductFacets = isProductIndex && getFacets.length;
         let additionalFilter = [];
         if (hidden_tags == null ? void 0 : hidden_tags.length)
@@ -3376,7 +3375,7 @@ const SearchResultWidget = (props) => {
         })
       );
     } else {
-      const { facetDistribution, facetStats } = (results == null ? void 0 : results.find(({ indexUid }) => indexUid.includes(suffix_index_product))) || {};
+      const { facetDistribution, facetStats } = (results == null ? void 0 : results.find(({ indexUid }) => indexUid.includes(index_product))) || {};
       setSearchResultFacets(
         facetDistribution ? Object.fromEntries(
           Object.entries(facetDistribution).map((facet) => {
@@ -3416,16 +3415,16 @@ const SearchResultWidget = (props) => {
     response = JSON.parse(LOCAL_STORAGE_INSTANT_SEARCH_SETTING);
     if (!response)
       return;
-    const { allowed_sorts, default_sort, filters, tabs, suffix_index_product, hidden_tags, display, colors, show_out_of_stock } = response;
+    const { allowed_sorts, default_sort, filters, index_product, tabs, hidden_tags, display, colors, show_out_of_stock } = response;
     setAllowedSorts((allowed_sorts == null ? void 0 : allowed_sorts.length) ? allowed_sorts : []);
     setAllowedFilters((filters == null ? void 0 : filters.length) ? filters : []);
-    setSuffixIndexProduct(suffix_index_product);
+    setIndexProduct(index_product);
     setHiddenTags(hidden_tags);
     setDisplaySettings(display);
     setColorSwatches(colors);
     setDefaultSort(default_sort);
     setShowOutOfStock(show_out_of_stock);
-    getFirstIndex = tabs.find(({ index }) => index.includes(suffix_index_product));
+    getFirstIndex = tabs.find(({ index }) => index.includes(index_product));
     if (Object.keys(getFirstIndex).length) {
       setClickedTabIndexId(getFirstIndex.index);
       setClickedTabIndexName(getFirstIndex.name);
@@ -3440,6 +3439,9 @@ const SearchResultWidget = (props) => {
     const searchParams2 = new URLSearchParams(document.location.search);
     setKeyword((searchParams2 == null ? void 0 : searchParams2.get(queryKeyword)) || "");
     handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null);
+    window.addEventListener("popstate", (event) => {
+      console.log(`location: ${document.location}, state: ${JSON.stringify(event.state)}`);
+    });
   }, [isRenderAppInstantSearch]);
   React__default.useEffect(() => {
     if (Boolean(previousState && (previousState == null ? void 0 : previousState.keyword) !== keyword) && layoutType === "default") {
@@ -4613,13 +4615,13 @@ const SearchWidget = (props) => {
     if (!keyword.length)
       return;
     setIsLoading(true);
-    const { tabs, suffix_index_product, hidden_tags, display, show_out_of_stock } = data;
+    const { index_product, tabs, hidden_tags, display, show_out_of_stock } = data;
     const suggestion = ((_a2 = display == null ? void 0 : display.search) == null ? void 0 : _a2.suggestion) || {};
     let response;
     let body = {
       queries: tabs.map((tab) => {
         const { index } = tab;
-        let isProductIndex = index.includes(suffix_index_product);
+        let isProductIndex = index.includes(index_product);
         let additionalFilter = [];
         if (hidden_tags == null ? void 0 : hidden_tags.length)
           additionalFilter.push(`tags NOT IN [${hidden_tags}]`);
@@ -4637,14 +4639,14 @@ const SearchWidget = (props) => {
     if (!response)
       return;
     const { results } = response;
-    let valueSearchResultProduct = results == null ? void 0 : results.filter(({ indexUid }) => indexUid == null ? void 0 : indexUid.includes(suffix_index_product));
+    let valueSearchResultProduct = results == null ? void 0 : results.filter(({ indexUid }) => indexUid == null ? void 0 : indexUid.includes(index_product));
     if (onSearch && (keyword == null ? void 0 : keyword.length)) {
       searchTrigger({
         keyword,
         resultCount: ((_b2 = valueSearchResultProduct[0]) == null ? void 0 : _b2.totalHits) || 0
       });
     }
-    let valueSearchResultOther = ((_c2 = results == null ? void 0 : results.filter(({ indexUid }) => !(indexUid == null ? void 0 : indexUid.includes(suffix_index_product)))) == null ? void 0 : _c2.map((result) => {
+    let valueSearchResultOther = ((_c2 = results == null ? void 0 : results.filter(({ indexUid }) => !(indexUid == null ? void 0 : indexUid.includes(index_product)))) == null ? void 0 : _c2.map((result) => {
       const { indexUid } = result;
       const { name } = tabs == null ? void 0 : tabs.find(({ index }) => index.includes(indexUid));
       return {