@sledge-app/react-instant-search 0.0.65 → 0.0.67

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

@@ -816,7 +816,7 @@ const WidgetHeaderClearTrigger = ({ buttonText, shareId, dataSettings, isFirstLo
         onSubmit: window.sledgeWishlistWidgetClearList || {}
       });
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !isRequiredLogin && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !shareId && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: isFirstLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(SkeletonLoading.Item, { width: "132px", height: "46px", color: "grey-100", rounded: "md" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-wishlist__widget-header-item", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "button", colorType: "danger", onClick: handleClick, style: display_button_clear_all_style, children: button_clear_all ? button_clear_all : buttonText || "Clear Wishlist" }) }) }) }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !isRequiredLogin && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !shareId && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: isFirstLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(SkeletonLoading.Item, { width: "132px", height: "46px", color: "grey-100", rounded: "md" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-wishlist__widget-header-item", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "button", colorType: "danger", onClick: handleClick, style: display_button_clear_all_style, children: buttonText ? buttonText : button_clear_all || "Clear Wishlist" }) }) }) }) });
 };
 const WidgetHeaderShareTrigger = ({ wishlistData, buttonText, showShareTrigger, shareLink, shareId, dataSettings, isFirstLoading }) => {
   var _a, _b, _c, _d, _e, _f;
@@ -968,7 +968,7 @@ const WidgetHeaderShareTrigger = ({ wishlistData, buttonText, showShareTrigger,
       children: shareId ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sledge-wishlist__badge-counter sledge-wishlist__badge-counter-top-right", children: wishlistData.length }),
         isLoadingBulkAdd ? "Adding..." : "Add to your wishlist"
-      ] }) : button_share ? button_share : buttonText || "Share Wishlist"
+      ] }) : buttonText ? buttonText : button_share || "Share Wishlist"
     }
   ) }) }) }) });
 };
@@ -996,7 +996,7 @@ const WidgetHeaderSearchForm = ({ setIsLoading, setKeyword, keyword, placeholder
     {
       type: "text",
       icon: /* @__PURE__ */ jsxRuntimeExports.jsx(SearchIcon, { width: 18, height: 18, color: "#868686" }),
-      placeholder: search_form_placeholder ? search_form_placeholder : placeholder || "Search product...",
+      placeholder: placeholder ? placeholder : search_form_placeholder || "Search product...",
       value: keyword,
       fieldRef: searchFieldRef,
       onChange: ({ value }) => handleChangeField(value),
@@ -1021,7 +1021,7 @@ const WidgetHeaderTitle = ({ text, dataSettings }) => {
     ...display_header_title_font_weight && { fontWeight: display_header_title_font_weight },
     ...display_header_title_text_transform && { textTransform: display_header_title_text_transform }
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-wishlist__widget-header-item", children: /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { style: display_header_title_style, children: language_header_title ? language_header_title : text || "My Wishlist" }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-wishlist__widget-header-item", children: /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { style: display_header_title_style, children: text ? text : language_header_title || "My Wishlist" }) });
 };
 const WidgetHeaderLimit = ({ options, defaultLimitOptions, selectedLimit, setSelectedLimit, setIsRefreshWidgetList, dataSettings }) => {
   var _a;
@@ -1158,7 +1158,7 @@ const getReviewInfo = async (id) => {
 };
 const Rating = (props) => {
   var _a;
-  const { value, size = "md", data, withSkeletonLoading = true, isScrollToElementWidget = true } = props;
+  const { value, size = "md", data, withSkeletonLoading = true, isScrollToElementWidget = true, defaultData } = props;
   const { productId } = data || {};
   const { isRenderApp, triggerRenderMultipleComponent } = React__default.useContext(SledgeContext);
   const [isFirstLoading, setIsFirstLoading] = React__default.useState(true);
@@ -1178,12 +1178,19 @@ const Rating = (props) => {
     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;
+    let data2;
+    if (!defaultData) {
+      response = await getReviewInfo(validateProductId);
+      if (!response)
+        return;
+      const { status } = response;
+      data2 = response.data;
+      const { code } = status;
+      run = code === 200 || false;
+    } else {
+      data2 = defaultData;
+      run = true;
+    }
     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) {
@@ -1409,7 +1416,7 @@ const VISIBLE_ANIMATION = {
 };
 const WidgetHeaderSummary = (props) => {
   var _a, _b, _c;
-  const { data, dataSettings } = props;
+  const { data, dataSettings, defaultData } = props;
   const { productId } = data || {};
   const { fill_color: display_summary_bar_fill_color, outline_color: display_summary_bar_outline_color } = ((_b = (_a = dataSettings == null ? void 0 : dataSettings.display) == null ? void 0 : _a.widget) == null ? void 0 : _b.summary_bar) || {};
   const { review_singular, review_plural } = ((_c = dataSettings == null ? void 0 : dataSettings.languages) == null ? void 0 : _c.widget) || {};
@@ -1431,16 +1438,23 @@ const WidgetHeaderSummary = (props) => {
   const handleProductReviewInfo = async () => {
     var _a2;
     let response;
+    let data2;
     let run = false;
     let valueTotalReview = 0;
     let valueRatingList;
     let valueAverageReview;
-    response = await getReviewInfo(productId);
-    if (!response)
-      return;
-    const { status, data: data2 } = response;
-    const { code } = status;
-    run = code === 200 || false;
+    if (!defaultData) {
+      response = await getReviewInfo(productId);
+      if (!response)
+        return;
+      const { status } = response;
+      const { code } = status;
+      data2 = response.data;
+      run = code === 200 || false;
+    } else {
+      data2 = defaultData;
+      run = true;
+    }
     valueTotalReview = (data2 == null ? void 0 : data2.review_count) ? data2.review_count : 0;
     valueRatingList = (data2 == null ? void 0 : data2.rating) ? {
       5: data2.rating["5"] || 0,
@@ -2480,6 +2494,7 @@ const SearchIconWidgetPopup = () => {
       };
     }
     handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || "");
+    showInfo ? document.body.classList.add("sledge__open-popup-state") : document.body.classList.remove("sledge__open-popup-state");
   }, [showInfo]);
   React__default.useEffect(() => {
     if (Boolean(previousState && (previousState == null ? void 0 : previousState.keyword) !== keyword)) {