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

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

@@ -166,7 +166,8 @@ const sanitizeDataId = (id) => {
     return getId;
   }
 };
-const detectInitSelector = (element, init, reRender) => {
+const detectInitSelector = (params) => {
+  const { element, init, reRender = false } = params;
   let hasRunning = false;
   if (!reRender) {
     document.body.addEventListener("DOMNodeInserted", () => {
@@ -181,7 +182,8 @@ const detectInitSelector = (element, init, reRender) => {
   }
 };
 const isFunction = (data) => typeof data === "function";
-const scrollToElement = (element, headerOffset) => {
+const scrollToElement = (params) => {
+  const { element, headerOffset } = params;
   if (!element)
     return;
   var elementPosition = element == null ? void 0 : element.getBoundingClientRect().top;
@@ -191,7 +193,8 @@ const scrollToElement = (element, headerOffset) => {
     behavior: "smooth"
   });
 };
-const fetchApi = async (url, method, authorization, payload = {}, headers = {}, isSimpleRequest = true, isUploadFile = false) => {
+const fetchApi = async (params) => {
+  const { url, method, authorization = "", payload = {}, headers = {}, isSimpleRequest = true, isUploadFile = false } = params;
   var myHeaders = new Headers();
   if (!isSimpleRequest) {
     if (authorization)
@@ -757,7 +760,13 @@ const addToCart = async (data) => {
   let payload = {
     items
   };
-  return await fetchApi(url, "POST", null, payload, headers, false).then((result) => {
+  return await fetchApi({
+    url,
+    method: "POST",
+    payload,
+    headers,
+    isSimpleRequest: false
+  }).then((result) => {
     return result;
   }).catch(() => {
     return;
@@ -888,7 +897,12 @@ const addWishlist = async (data) => {
       price: productPrice
     })
   };
-  return await fetchApi(url, "POST", sledgeAuthApp, payload).then((result) => {
+  return await fetchApi({
+    url,
+    method: "POST",
+    authorization: sledgeAuthApp,
+    payload
+  }).then((result) => {
     return result;
   }).catch(() => {
     return;
@@ -916,7 +930,14 @@ const bulkAddWishlist = async (data) => {
   let payload = {
     products
   };
-  return await fetchApi(url, "POST", sledgeAuthApp, payload, headers, false).then((result) => {
+  return await fetchApi({
+    url,
+    method: "POST",
+    authorization: sledgeAuthApp,
+    payload,
+    headers,
+    isSimpleRequest: false
+  }).then((result) => {
     return result;
   }).catch(() => {
     return;
@@ -925,7 +946,11 @@ const bulkAddWishlist = async (data) => {
 const getWishlistInfo = async (token) => {
   let sledgeAuthApp = token ? token : typeof localStorage !== "undefined" ? localStorage.getItem(LOCAL_STORAGE_KEY.AUTH_APP) || "" : "";
   let url = `${API_URL}/wishlist/info`;
-  return await fetchApi(url, "GET", sledgeAuthApp).then((result) => {
+  return await fetchApi({
+    url,
+    method: "GET",
+    authorization: sledgeAuthApp
+  }).then((result) => {
     return result;
   }).catch(() => {
     return;
@@ -939,7 +964,11 @@ const checkWishlist = async (id, variantId) => {
     variant_id: convertVariantId
   }).toString();
   let url = `${API_URL}/wishlist/check/${convertId}${queryParams}`;
-  return await fetchApi(url, "GET", sledgeAuthApp).then((result) => {
+  return await fetchApi({
+    url,
+    method: "GET",
+    authorization: sledgeAuthApp
+  }).then((result) => {
     return Boolean(result.data);
   }).catch(() => {
     return;
@@ -949,10 +978,16 @@ const addToCartTrigger$1 = async (data) => {
   const { productId } = data;
   let sledgeAuthApp = typeof localStorage !== "undefined" ? localStorage.getItem(LOCAL_STORAGE_KEY.AUTH_APP) || "" : "";
   let url = `${API_URL}/wishlist/cart`;
-  return await fetchApi(url, "POST", sledgeAuthApp, {
+  let payload = {
     product: JSON.stringify({
       id: sanitizeDataId(productId)
     })
+  };
+  return await fetchApi({
+    url,
+    method: "POST",
+    authorization: sledgeAuthApp,
+    payload
   }).then((result) => {
     return result;
   }).catch(() => {
@@ -1078,9 +1113,9 @@ const BadgeInitSelector = (reRender = false) => {
     }
   } else {
     let element = Array.from(document.querySelectorAll(SELECTOR.WISHLIST.ELEMENT_BADGE));
-    detectInitSelector(
+    detectInitSelector({
       element,
-      () => {
+      init: () => {
         if (element.length) {
           element.map((item) => {
             if (item) {
@@ -1112,7 +1147,7 @@ const BadgeInitSelector = (reRender = false) => {
         }
       },
       reRender
-    );
+    });
   }
 };
 const Trigger = (props) => {
@@ -1647,7 +1682,12 @@ const getReviewInfo = async (id) => {
   let convertId = sanitizeDataId(id);
   let sledgeAuthApp = typeof localStorage !== "undefined" ? localStorage.getItem(LOCAL_STORAGE_KEY.AUTH_APP) || "" : "";
   let url = `${API_URL}/review/info/${convertId}?${PAYLOAD_API_ALIASES.Authorization}=${sledgeAuthApp}`;
-  return await fetchApi(url, "GET", sledgeAuthApp, void 0, void 0, false).then((result) => {
+  return await fetchApi({
+    url,
+    method: "GET",
+    authorization: sledgeAuthApp,
+    isSimpleRequest: false
+  }).then((result) => {
     return result;
   }).catch(() => {
     return;
@@ -1657,7 +1697,12 @@ const getProductsReviewInfo = async (ids, token) => {
   let convertIds = ids.map((v) => sanitizeDataId(v));
   let sledgeAuthApp = token ? token : typeof localStorage !== "undefined" ? (localStorage == null ? void 0 : localStorage.getItem(LOCAL_STORAGE_KEY.AUTH_APP)) || "" : "";
   let url = `${API_URL}/review/info/ids/${convertIds.join(",")}?${PAYLOAD_API_ALIASES.Authorization}=${sledgeAuthApp}`;
-  return await fetchApi(url, "GET", sledgeAuthApp, void 0, void 0, false).then((result) => {
+  return await fetchApi({
+    url,
+    method: "GET",
+    authorization: sledgeAuthApp,
+    isSimpleRequest: false
+  }).then((result) => {
     return result;
   }).catch(() => {
     return;
@@ -1737,7 +1782,10 @@ const Rating = (props) => {
     if (!isScrollToElementWidget)
       return;
     setTimeout(() => {
-      scrollToElement(document.getElementById(ELEMENT_ID.PRODUCT_REVIEW.ELEMENT_WIDGET), 50);
+      scrollToElement({
+        element: document.getElementById(ELEMENT_ID.PRODUCT_REVIEW.ELEMENT_WIDGET),
+        headerOffset: 50
+      });
     }, 200);
   };
   React__default.useEffect(() => {
@@ -2093,7 +2141,14 @@ const search = async (index, payload) => {
   let headers = {
     "Content-Type": "application/json"
   };
-  return await fetchApi(url, "POST", sledgeInstantSearchAuthApp, payload, headers, false).then((result) => result).catch(() => {
+  return await fetchApi({
+    url,
+    method: "POST",
+    authorization: sledgeInstantSearchAuthApp,
+    payload,
+    headers,
+    isSimpleRequest: false
+  }).then((result) => result).catch(() => {
     return;
   });
 };
@@ -2103,7 +2158,14 @@ const multiSearch = async (payload, token) => {
   let headers = {
     "Content-Type": "application/json"
   };
-  return await fetchApi(url, "POST", sledgeInstantSearchAuthApp, payload, headers, false).then((result) => result).catch(() => {
+  return await fetchApi({
+    url,
+    method: "POST",
+    authorization: sledgeInstantSearchAuthApp,
+    payload,
+    headers,
+    isSimpleRequest: false
+  }).then((result) => result).catch(() => {
     return;
   });
 };
@@ -2118,7 +2180,14 @@ const searchTrigger = async (data) => {
     keyword,
     result_count: resultCount
   };
-  return await fetchApi(url, "POST", sledgeAuthApp, payload, headers, false).then((result) => {
+  return await fetchApi({
+    url,
+    method: "POST",
+    authorization: sledgeAuthApp,
+    payload,
+    headers,
+    isSimpleRequest: false
+  }).then((result) => {
     return result;
   }).catch(() => {
     return;
@@ -2136,7 +2205,14 @@ const productClickTrigger = async (data) => {
       id: sanitizeDataId(productId)
     }
   };
-  return await fetchApi(url, "POST", sledgeAuthApp, payload, headers, false).then((result) => {
+  return await fetchApi({
+    url,
+    method: "POST",
+    authorization: sledgeAuthApp,
+    payload,
+    headers,
+    isSimpleRequest: false
+  }).then((result) => {
     return result;
   }).catch(() => {
     return;
@@ -2154,7 +2230,14 @@ const addToCartTrigger = async (data) => {
       id: sanitizeDataId(productId)
     }
   };
-  return await fetchApi(url, "POST", sledgeAuthApp, payload, headers, false).then((result) => {
+  return await fetchApi({
+    url,
+    method: "POST",
+    authorization: sledgeAuthApp,
+    payload,
+    headers,
+    isSimpleRequest: false
+  }).then((result) => {
     return result;
   }).catch(() => {
     return;
@@ -2857,8 +2940,9 @@ const SearchIconWidgetPopup = () => {
   });
   const searchFieldRef = React__default.useRef(null);
   const previousState = usePrevious({ keyword });
-  const handleMultiSearch = async (data, onSearch = false, withFetchReviewInfo = false) => {
+  const handleMultiSearch = async (params) => {
     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 suggestion = ((_a2 = display == null ? void 0 : display.search) == null ? void 0 : _a2.suggestion) || {};
@@ -2929,7 +3013,10 @@ const SearchIconWidgetPopup = () => {
     const { display } = response;
     setDisplaySettings(display);
     setSuggestionSettings((_a2 = display == null ? void 0 : display.search) == null ? void 0 : _a2.suggestion);
-    await handleMultiSearch(response, false, true);
+    await handleMultiSearch({
+      data: response,
+      withFetchReviewInfo: true
+    });
   };
   React__default.useEffect(() => {
     if (!isRenderAppInstantSearch)
@@ -2978,7 +3065,10 @@ const SearchIconWidgetPopup = () => {
       const INSTANT_SEARCH_SETTING = JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || "");
       const delayDebounceFn = setTimeout(() => {
         if (INSTANT_SEARCH_SETTING)
-          handleMultiSearch(INSTANT_SEARCH_SETTING, true);
+          handleMultiSearch({
+            data: INSTANT_SEARCH_SETTING,
+            onSearch: true
+          });
       }, 500);
       return () => clearTimeout(delayDebounceFn);
     }
@@ -3984,7 +4074,10 @@ const ResultProduct = (props) => {
   const handlePageChange = (page) => {
     setCurrentPage(page);
     setTimeout(() => {
-      scrollToElement(searchResultContainerRef.current, 50);
+      scrollToElement({
+        element: searchResultContainerRef.current,
+        headerOffset: 50
+      });
     }, 200);
   };
   const handleChangeKeyword = (value) => {
@@ -4419,7 +4512,10 @@ const ResultCategory = (props) => {
   const handlePageChange = (page) => {
     setCurrentPage(page);
     setTimeout(() => {
-      scrollToElement(searchResultContainerRef.current, 50);
+      scrollToElement({
+        element: searchResultContainerRef.current,
+        headerOffset: 50
+      });
     }, 200);
   };
   React__default.useEffect(() => {