@sledge-app/react-instant-search 1.0.31 → 1.0.33

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

@@ -30,6 +30,7 @@ const DATASET_ATTRIBUTE_KEY = {
     USER_EMAIL: "data-user-email",
     USER_FULLNAME: "data-user-fullname",
     COLLECTION_ID: "data-collection-id",
+    COLLECTION_NAME: "data-collection-name",
     WIDTH_ELEMENT: "data-width-element",
     ICON_SIZE: "data-icon-size",
     API_KEY: "data-api-key",
@@ -1279,7 +1280,7 @@ const Trigger = (props) => {
       if (typeof window !== "undefined" && window.sledgeToastNotification && show_notification)
         window.sledgeToastNotification({
           title: title_fail_add_to_wishlist || "Failed",
-          message: text_fail_add_to_wishlist || "failed add to wishlist",
+          message: text_fail_add_to_wishlist || "Failed add to wishlist, please try again",
           location: location_notification,
           type: "failed",
           icon: /* @__PURE__ */ jsxRuntimeExports.jsx(HeartIcon, { width: 40, height: 40, color: "black", type: "outline" })
@@ -1394,7 +1395,7 @@ const WidgetHeaderClearTrigger = ({ buttonText, shareId, dataSettings, isFirstLo
   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: "lighten", 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, _g;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const { triggerRenderMultipleComponent, sledgeAnonymId } = React__default.useContext(SledgeContext);
   const { trigger: triggerRenderWishlistBadge } = ((_a = triggerRenderMultipleComponent == null ? void 0 : triggerRenderMultipleComponent.wishlist) == null ? void 0 : _a.badge) || {};
   const { is_required_login } = ((_b = dataSettings == null ? void 0 : dataSettings.display) == null ? void 0 : _b.global) || {};
@@ -1413,7 +1414,8 @@ const WidgetHeaderShareTrigger = ({ wishlistData, buttonText, showShareTrigger,
   } = ((_d = (_c = dataSettings == null ? void 0 : dataSettings.display) == null ? void 0 : _c.widget) == null ? void 0 : _d.button_share) || {};
   const { title_share_wishlist } = ((_e = dataSettings == null ? void 0 : dataSettings.languages) == null ? void 0 : _e.popup) || {};
   const { button_share } = ((_f = dataSettings == null ? void 0 : dataSettings.languages) == null ? void 0 : _f.widget) || {};
-  const { title_added_all_to_wishlist, text_added_all_to_wishlist } = ((_g = dataSettings == null ? void 0 : dataSettings.languages) == null ? void 0 : _g.notification) || {};
+  const { show: show_notification, location: location_notification } = ((_g = dataSettings == null ? void 0 : dataSettings.display) == null ? void 0 : _g.notification) || {};
+  const { title_added_all_to_wishlist, text_added_all_to_wishlist, title_fail_add_to_wishlist, text_fail_add_to_wishlist } = ((_h = dataSettings == null ? void 0 : dataSettings.languages) == null ? void 0 : _h.notification) || {};
   const [isRequiredLogin, setIsRequiredLogin] = React__default.useState(false);
   const display_button_share_style = {
     ...display_button_share_text_color && { color: display_button_share_text_color },
@@ -1464,17 +1466,18 @@ const WidgetHeaderShareTrigger = ({ wishlistData, buttonText, showShareTrigger,
         if (window.sledgeInfoPopup)
           window.sledgeInfoPopup({
             title: title_added_all_to_wishlist,
-            message: text_added_all_to_wishlist,
-            textCancel: "Cancel"
+            message: text_added_all_to_wishlist
           });
       }
       setIsLoadingBulkAdd(false);
     } else {
-      if (typeof window !== "undefined" && window.sledgeInfoPopup)
-        window.sledgeInfoPopup({
-          title: "Failed",
-          message: "Failed add to wishlist, please try again",
-          textCancel: "Cancel"
+      if (typeof window !== "undefined" && window.sledgeToastNotification && show_notification)
+        window.sledgeToastNotification({
+          title: title_fail_add_to_wishlist || "Failed",
+          message: text_fail_add_to_wishlist || "Failed add to wishlist, please try again",
+          location: location_notification,
+          type: "failed",
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(HeartIcon, { width: 40, height: 40, color: "black", type: "outline" })
         });
     }
   };
@@ -1522,8 +1525,7 @@ const WidgetHeaderShareTrigger = ({ wishlistData, buttonText, showShareTrigger,
                                     ${clipboardIcon}
                                 </div>
                                 <div class="sledge-wishlist__widget-box-copy-content">${shareLink}</div>
-                            </div>` : "",
-          textCancel: "Cancel"
+                            </div>` : ""
         });
       }
     }
@@ -2379,6 +2381,7 @@ const ProductCard = (props) => {
     show_price = true,
     show_add_to_cart = true,
     language_button_add_to_cart,
+    language_button_out_of_stock,
     display_product_name_style = {},
     display_price_style = {},
     display_button_add_to_cart_style = {}
@@ -2542,7 +2545,7 @@ const ProductCard = (props) => {
               ]
             }
           ),
-          isOutOfStock ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__product-grid-card-out-of-stock", children: "Sold out" }) : null
+          isOutOfStock ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__product-grid-card-out-of-stock", children: language_button_out_of_stock || "Sold out" }) : null
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge__product-grid-card-desc", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge__product-grid-card-title", children: [
@@ -2650,7 +2653,7 @@ ${selectedOption === item2 ? "sledge__product-variant-size-swatch-active" : ""}
           },
           children: isOutOfStock ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(BagIcon, { width: 15, height: 15, color: "currentColor" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Sold out" })
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: language_button_out_of_stock || "Sold out" })
           ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
             isLoadingAddToCart ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingDots, {}) : null,
             /* @__PURE__ */ jsxRuntimeExports.jsx(BagIcon, { width: 15, height: 15, color: "currentColor" }),
@@ -3237,13 +3240,15 @@ const SearchIconWidget = (props) => {
 const OtherIndexLists = ({
   listsComponent: ListsComponent,
   name,
+  type,
   items,
   isComponentJsVersion,
   showPopupComponent,
-  setShowPopupComponent
+  setShowPopupComponent,
+  languageSettings
 }) => {
   if (ListsComponent) {
-    const ListsProps = { name, items, showPopupComponent, setShowPopupComponent };
+    const ListsProps = { name, type, items, showPopupComponent, setShowPopupComponent };
     return /* @__PURE__ */ jsxRuntimeExports.jsx(React__default.Fragment, { children: isComponentJsVersion ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: ListsComponent({ ...ListsProps }) } }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ListsComponent, { ...ListsProps }) });
   } else {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
@@ -3251,11 +3256,7 @@ const OtherIndexLists = ({
       (items == null ? void 0 : items.length) ? /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "sledge-instant-search__icon-widget-search-form-result-list", children: items.map((hit, index) => {
         const { title, url } = hit;
         return /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: url, className: "sledge-instant-search__icon-widget-search-form-result-list-link", children: title }) }, index);
-      }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "sledge-instant-search__icon-widget-search-form-result-list", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { className: "sledge-instant-search__icon-widget-search-form-result-item-disabled", children: [
-        "No ",
-        name == null ? void 0 : name.toLowerCase(),
-        " were found"
-      ] }) })
+      }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "sledge-instant-search__icon-widget-search-form-result-list", children: /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: "sledge-instant-search__icon-widget-search-form-result-item-disabled", children: (languageSettings == null ? void 0 : languageSettings.title_no_result) || `No ${name == null ? void 0 : name.toLowerCase()} were found` }) })
     ] });
   }
 };
@@ -3306,7 +3307,8 @@ const SearchViewMoreResult = ({
   showPopupComponent,
   setShowPopupComponent,
   urlSearchResult = "",
-  query
+  query,
+  languageSettings
 }) => {
   var _a;
   if (Component) {
@@ -3320,7 +3322,7 @@ const SearchViewMoreResult = ({
     return /* @__PURE__ */ jsxRuntimeExports.jsx(React__default.Fragment, { children: isComponentJsVersion ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: Component({ ...ComponentProps }) } }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Component, { ...ComponentProps }) });
   } else {
     const queryKeyword = (query == null ? void 0 : query.keyword) ? query.keyword : DEFAULT_QUERY_PARAM.KEYWORD;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: `${urlSearchResult || DEFAULT_SEARCH_RESULT_URL}?${queryKeyword}=${keyword}`, className: "sledge-instant-search__icon-widget-button-more", children: "View More Result" });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: `${urlSearchResult || DEFAULT_SEARCH_RESULT_URL}?${queryKeyword}=${keyword}`, className: "sledge-instant-search__icon-widget-button-more", children: (languageSettings == null ? void 0 : languageSettings.view_more_result) || "View More Result" });
   }
 };
 const Global = {
@@ -3398,11 +3400,12 @@ const SearchIconWidgetPopup = () => {
     }
     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));
+      const { name, type } = tabs == null ? void 0 : tabs.find(({ index }) => index.includes(indexUid));
       return {
         ...result,
         ...{
-          name: name || ""
+          name: name || "",
+          type: type || ""
         }
       };
     })) || [];
@@ -3580,16 +3583,18 @@ const SearchIconWidgetPopup = () => {
             }
           ) : null,
           searchResultOther && searchResultOther.map((item, index) => {
-            const { hits, name } = item;
+            const { hits, name, type } = item;
             return /* @__PURE__ */ jsxRuntimeExports.jsx(React__default.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               Global.OtherIndexLists,
               {
                 listsComponent: handleFunctions.otherIndexListsComponent,
                 name,
+                type,
                 items: hits,
                 isComponentJsVersion: handleFunctions.isJsVersion,
                 showPopupComponent: showInfo,
-                setShowPopupComponent: setShowInfo
+                setShowPopupComponent: setShowInfo,
+                languageSettings
               }
             ) }, index);
           })
@@ -3610,7 +3615,9 @@ const SearchIconWidgetPopup = () => {
               setting: {
                 show_vendor: (_h = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _h.show_vendor,
                 show_sku: (_i = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _i.show_sku,
-                show_price: (_j = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _j.show_price
+                show_price: (_j = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _j.show_price,
+                language_button_add_to_cart: languageSettings == null ? void 0 : languageSettings.add_to_cart,
+                language_button_out_of_stock: languageSettings && languageSettings["out of stock"] ? languageSettings["out of stock"] : ""
               },
               showOptionOutOfStock: true,
               isComponentJsVersion: handleFunctions.isJsVersion,
@@ -3645,7 +3652,9 @@ const SearchIconWidgetPopup = () => {
                 setting: {
                   show_vendor: (_p = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _p.show_vendor,
                   show_sku: (_q = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _q.show_sku,
-                  show_price: (_r = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _r.show_price
+                  show_price: (_r = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _r.show_price,
+                  language_button_add_to_cart: languageSettings == null ? void 0 : languageSettings.add_to_cart,
+                  language_button_out_of_stock: languageSettings && languageSettings["out of stock"] ? languageSettings["out of stock"] : ""
                 },
                 showOptionOutOfStock: true,
                 isComponentJsVersion: handleFunctions.isJsVersion,
@@ -3659,8 +3668,8 @@ const SearchIconWidgetPopup = () => {
               }
             )
           ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__icon-widget-search-form-result-title", children: "Products" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__icon-widget-search-form-result-item-disabled", children: "No product were found" })
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__icon-widget-search-form-result-title", children: (languageSettings == null ? void 0 : languageSettings.product) || "Products" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__icon-widget-search-form-result-item-disabled", children: (languageSettings == null ? void 0 : languageSettings.text_no_result) || "No product were found" })
           ] }),
           (searchResultProduct == null ? void 0 : searchResultProduct.length) || Object.keys(suggestionSettings).length && ((_t = (_s = suggestionSettings[suggestionIndex]) == null ? void 0 : _s.products) == null ? void 0 : _t.active) && ((_w = (_v = (_u = suggestionSettings[suggestionIndex]) == null ? void 0 : _u.products) == null ? void 0 : _v.list) == null ? void 0 : _w.length) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__icon-widget-button-more-wrapper", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             Global.SearchViewMoreResult,
@@ -3671,7 +3680,8 @@ const SearchIconWidgetPopup = () => {
               showPopupComponent: showInfo,
               setShowPopupComponent: setShowInfo,
               urlSearchResult,
-              query: handleFunctions.query
+              query: handleFunctions.query,
+              languageSettings
             }
           ) }) : null
         ] })
@@ -4262,7 +4272,7 @@ const ResultProduct = (props) => {
     setIsReplaceWidgetList
   } = props || {};
   const queryKeyword = (query == null ? void 0 : query.keyword) ? query.keyword : DEFAULT_QUERY_PARAM.KEYWORD;
-  const { collectionId } = params || {};
+  const { collectionId, collectionName } = params || {};
   const [isFirstLoading, setIsFirstLoading] = React__default.useState(!propsData);
   const [isLoading, setIsLoading] = React__default.useState(!propsData);
   const [isOpenSort, setIsOpenSort] = React__default.useState(false);
@@ -4288,11 +4298,23 @@ const ResultProduct = (props) => {
   const [isFilterChanged, setIsFilterChanged] = React__default.useState(false);
   const [handleSearchResultFirstTime, setHandleSearchResultFirstTime] = React__default.useState(true);
   const [searchResultFacets, setSearchResultFacets] = React__default.useState({});
-  const summaryTextGenerator = () => {
+  const {
+    sort_by: language_sort_by,
+    result: language_result,
+    search_form_placeholder: language_search_form_placeholder,
+    limit: language_limit,
+    add_to_cart: language_add_to_cart,
+    filter: language_filter,
+    clear_filter: language_clear_filter,
+    pagination_info: language_pagination_info,
+    total_result_text: language_total_result_text
+  } = languageSettings || {};
+  const summaryTextGenerator = (totalResult) => {
     var _a2;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__result-data-summary-item", children: ((_a2 = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _a2.show_total_products) ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "sledge-instant-search__result-data-summary-text", children: [
-      totalSearchResult,
-      " result",
+    const defaultSummaryText = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      totalResult,
+      " ",
+      language_result || "result",
       " ",
       (keyword == null ? void 0 : keyword.length) ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
         "for ",
@@ -4302,9 +4324,17 @@ const ResultProduct = (props) => {
           '"'
         ] })
       ] }) : null
-    ] }) : null });
+    ] });
+    let getSummaryText = language_total_result_text[layoutType === "product-filter" ? "product_filter" : "product"];
+    let isSummaryTextFromLanguage = language_total_result_text && getSummaryText && collectionName;
+    if (isSummaryTextFromLanguage) {
+      getSummaryText = getSummaryText.replaceAll(OBJECT_DATA_STRING_KEY.TOTAL_RESULT, totalResult);
+      if (layoutType === "product-filter")
+        getSummaryText = getSummaryText.replaceAll(OBJECT_DATA_STRING_KEY.COLLECTION_NAME, collectionName);
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__result-data-summary-item", children: ((_a2 = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _a2.show_total_products) ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sledge-instant-search__result-data-summary-text", children: isSummaryTextFromLanguage ? getSummaryText : defaultSummaryText }) : null });
   };
-  const [summaryText, setSummaryText] = React__default.useState(propsData ? summaryTextGenerator() : null);
+  const [summaryText, setSummaryText] = React__default.useState(propsData ? summaryTextGenerator(totalSearchResult) : null);
   const previousState = usePrevious({ keyword, clickedLimitId, clickedFacets, clickedTabIndexId });
   const { color: filter_title_color, font_size: filter_title_font_size, font_weight: filter_title_font_weight, text_transform: filter_title_text_transform } = ((_i = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _i.title) || {};
   const {
@@ -4326,17 +4356,6 @@ const ResultProduct = (props) => {
     font_weight: filter_button_font_weight,
     text_transform: filter_button_text_transform
   } = ((_k = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _k.button) || {};
-  const {
-    sort_by: language_sort_by,
-    result: language_result,
-    search_form_placeholder: language_search_form_placeholder,
-    limit: language_limit,
-    add_to_cart: language_add_to_cart,
-    filter: language_filter,
-    clear_filter: language_clear_filter,
-    pagination_info: language_pagination_info,
-    total_result_text: language_total_result_text
-  } = languageSettings || {};
   const filter_title_style = {
     ...filter_title_color && { color: filter_title_color },
     ...filter_title_font_size && { fontSize: filter_title_font_size },
@@ -4468,7 +4487,6 @@ const ResultProduct = (props) => {
     }, 10);
   };
   const handleSearchResultData = (result, onSearch) => {
-    var _a2;
     if (!result)
       return;
     const { hits, processingTimeMs, totalHits, totalPages, facetDistribution } = result;
@@ -4485,22 +4503,7 @@ const ResultProduct = (props) => {
     setSearchProcessingTimeMs(processingTimeMs || 0);
     setTotalPage(totalPages);
     setTotalSearchResult(totalHits || 0);
-    setSummaryText(
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__result-data-summary-item", children: ((_a2 = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _a2.show_total_products) ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "sledge-instant-search__result-data-summary-text", children: [
-        totalHits,
-        " ",
-        language_result || "result",
-        " ",
-        (keyword == null ? void 0 : keyword.length) ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          "for ",
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "sledge-instant-search__result-data-summary-text-keyword", children: [
-            '"',
-            keyword,
-            '"'
-          ] })
-        ] }) : null
-      ] }) : null })
-    );
+    setSummaryText(summaryTextGenerator(totalHits));
     setSearchResultFacets(
       defaultFacetDistribution ? Object.fromEntries(
         Object.entries(defaultFacetDistribution).map((facet) => {
@@ -4998,7 +5001,8 @@ const ResultProduct = (props) => {
                   show_vendor: (_z = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _z.show_vendor,
                   show_sku: (_A = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _A.show_sku,
                   show_price: (_B = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _B.show_price,
-                  language_button_add_to_cart: language_add_to_cart
+                  language_button_add_to_cart: language_add_to_cart,
+                  language_button_out_of_stock: languageSettings && languageSettings["out of stock"] ? languageSettings["out of stock"] : ""
                 },
                 isComponentJsVersion: isJsVersion,
                 cards: productCardsComponent,
@@ -5024,6 +5028,7 @@ const ResultCategory = (props) => {
     clickedTabIndexId,
     clickedTabIndexName,
     clickedTabIndexType,
+    displaySettings,
     isJsVersion,
     collectionCardsComponent,
     pageCardsComponent,
@@ -5049,7 +5054,34 @@ const ResultCategory = (props) => {
   const [totalSearchResult, setTotalSearchResult] = React__default.useState(0);
   const [summaryText, setSummaryText] = React__default.useState(null);
   const previousState = usePrevious({ keyword, clickedTabIndexId });
-  const { pagination_info: language_pagination_info, search_form_placeholder: language_search_form_placeholder } = languageSettings || {};
+  const {
+    pagination_info: language_pagination_info,
+    search_form_placeholder: language_search_form_placeholder,
+    result: language_result,
+    total_result_text: language_total_result_text
+  } = languageSettings || {};
+  const summaryTextGenerator = (totalResult) => {
+    var _a;
+    const defaultSummaryText = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      totalResult,
+      " ",
+      language_result || "result",
+      " ",
+      (keyword == null ? void 0 : keyword.length) ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        "for ",
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "sledge-instant-search__result-data-summary-text-keyword", children: [
+          '"',
+          keyword,
+          '"'
+        ] })
+      ] }) : null
+    ] });
+    let getSummaryText = clickedTabIndexType ? language_total_result_text[clickedTabIndexType] : null;
+    let isSummaryTextFromLanguage = language_total_result_text && getSummaryText;
+    if (isSummaryTextFromLanguage)
+      getSummaryText = getSummaryText.replaceAll(OBJECT_DATA_STRING_KEY.TOTAL_RESULT, totalResult);
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__result-data-summary-item", children: ((_a = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _a.show_total_products) ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sledge-instant-search__result-data-summary-text", children: isSummaryTextFromLanguage ? getSummaryText : defaultSummaryText }) : null });
+  };
   const handleSearchResultData = (result) => {
     if (!result)
       return;
@@ -5061,21 +5093,7 @@ const ResultCategory = (props) => {
     setSearchProcessingTimeMs(processingTimeMs || 0);
     setTotalPage(totalPages);
     setTotalSearchResult(totalHits || 0);
-    setSummaryText(
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__result-data-summary-item", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "sledge-instant-search__result-data-summary-text", children: [
-        totalHits,
-        " result",
-        " ",
-        (keyword == null ? void 0 : keyword.length) ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          "for ",
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "sledge-instant-search__result-data-summary-text-keyword", children: [
-            '"',
-            keyword,
-            '"'
-          ] })
-        ] }) : null
-      ] }) })
-    );
+    setSummaryText(summaryTextGenerator(totalHits));
   };
   const handleSearchResult = async (isRefreshPage = false) => {
     if (!clickedTabIndexId)
@@ -5248,11 +5266,12 @@ const SearchWidget = (props) => {
     }
     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));
+      const { name, type } = tabs == null ? void 0 : tabs.find(({ index }) => index.includes(indexUid));
       return {
         ...result,
         ...{
-          name: name || ""
+          name: name || "",
+          type: type || ""
         }
       };
     })) || [];
@@ -5385,12 +5404,22 @@ const SearchWidget = (props) => {
             }
           ) : null,
           searchResultOther.map((item, index) => {
-            const { hits, name } = item;
-            return /* @__PURE__ */ jsxRuntimeExports.jsx(React__default.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Global.OtherIndexLists, { listsComponent: otherIndexListsComponent, name, items: hits, isComponentJsVersion: isJsVersion }) }, index);
+            const { hits, name, type } = item;
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(React__default.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Global.OtherIndexLists,
+              {
+                listsComponent: otherIndexListsComponent,
+                name,
+                type,
+                items: hits,
+                isComponentJsVersion: isJsVersion,
+                languageSettings
+              }
+            ) }, index);
           })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge-instant-search__widget-search-form-result-flex-item-product", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__widget-search-form-result-title-product", children: "Products" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__widget-search-form-result-title-product", children: (languageSettings == null ? void 0 : languageSettings.product) || "Products" }),
           (searchResultProduct == null ? void 0 : searchResultProduct.length) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__widget-search-form-result-product", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             ProductGrid,
             {
@@ -5406,7 +5435,9 @@ const SearchWidget = (props) => {
               setting: {
                 show_vendor: (_g = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _g.show_vendor,
                 show_sku: (_h = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _h.show_sku,
-                show_price: (_i = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _i.show_price
+                show_price: (_i = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _i.show_price,
+                language_button_add_to_cart: languageSettings == null ? void 0 : languageSettings.add_to_cart,
+                language_button_out_of_stock: languageSettings && languageSettings["out of stock"] ? languageSettings["out of stock"] : ""
               },
               showOptionOutOfStock: true,
               isComponentJsVersion: isJsVersion,
@@ -5439,7 +5470,9 @@ const SearchWidget = (props) => {
                 setting: {
                   show_vendor: (_o = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _o.show_vendor,
                   show_sku: (_p = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _p.show_sku,
-                  show_price: (_q = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _q.show_price
+                  show_price: (_q = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _q.show_price,
+                  language_button_add_to_cart: languageSettings == null ? void 0 : languageSettings.add_to_cart,
+                  language_button_out_of_stock: languageSettings && languageSettings["out of stock"] ? languageSettings["out of stock"] : ""
                 },
                 showOptionOutOfStock: true,
                 isComponentJsVersion: isJsVersion,
@@ -5450,7 +5483,7 @@ const SearchWidget = (props) => {
                 onAfterRenderProduct
               }
             )
-          ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__widget-search-form-result-product-disabled", children: "No product were found" })
+          ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__widget-search-form-result-product-disabled", children: (languageSettings == null ? void 0 : languageSettings.text_no_result) || "No product were found" })
         ] })
       ] }),
       (searchResultProduct == null ? void 0 : searchResultProduct.length) || Object.keys(suggestionSettings).length && ((_s = (_r = suggestionSettings[suggestionIndex]) == null ? void 0 : _r.products) == null ? void 0 : _s.active) && ((_v = (_u = (_t = suggestionSettings[suggestionIndex]) == null ? void 0 : _t.products) == null ? void 0 : _u.list) == null ? void 0 : _v.length) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__widget-button-more-wrapper", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -5460,7 +5493,8 @@ const SearchWidget = (props) => {
           keyword,
           isComponentJsVersion: isJsVersion,
           urlSearchResult,
-          query
+          query,
+          languageSettings
         }
       ) }) : null
     ] }) }) })