@sledge-app/react-instant-search 1.0.90 → 1.0.91

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

@@ -11,11 +11,6 @@ const CDN_URL = "https://sledgeassets.nyc3.cdn.digitaloceanspaces.com";
 const SELECTOR_ATTRIBUTE_KEY = "data-component";
 const DATASET_ATTRIBUTE_KEY = {
   GLOBAL: {
-    ON_AFTER_ADD_WISHLIST: "data-on-after-add-wishlist",
-    ON_AFTER_REMOVE_WISHLIST: "data-on-after-remove-wishlist",
-    ON_AFTER_ADD_TO_CART: "data-on-after-add-to-cart",
-    ON_AFTER_ADD_REVIEW: "data-on-after-add-review",
-    ON_AFTER_RENDER_PRODUCT: "data-on-after-render-product",
     PRODUCT_ID: "data-product-id",
     PRODUCT_VARIANT_ID: "data-product-variant-id",
     PRODUCT_NAME: "data-product-name",
@@ -59,10 +54,6 @@ const DATASET_ATTRIBUTE_KEY = {
     SHOW_RATING_AVERAGE: "data-show-rating-average"
   },
   INSTANT_SEARCH: {
-    ON_AFTER_RENDER_COLLECTION: "data-on-after-render-collection",
-    ON_AFTER_RENDER_PAGE: "data-on-after-render-page",
-    ON_AFTER_RENDER_BLOG: "data-on-after-render-blog",
-    ON_AFTER_RENDER_ARTICLE: "data-on-after-render-article",
     QUERY_KEYWORD: "data-query-keyword",
     QUERY_SORT_BY: "data-query-sort-by",
     QUERY_PAGE: "data-query-page",
@@ -4629,8 +4620,60 @@ const handleConditionNotUpdateFacetDistribution = ({ value, clickedFacets }) =>
   let isPriorityFacet = isHasFacetSelected && !isOnFacetSelectedOne && arrPriorityFacet.includes(value) && !isSelectedFacetWithPrice;
   return isNoneFacetSelected || isOnFacetSelectedOne || isPriorityFacet;
 };
+const handleFacetValues = ({
+  filter,
+  items,
+  languageSettings,
+  clickedFacets,
+  searchFacetDistribution,
+  displaySettings,
+  settings
+}) => {
+  var _a, _b;
+  const { value, settings: filterSettings } = filter;
+  let aliases = {};
+  if (filter.value === "hierarchicalProductType")
+    aliases = settings.productTypeAliases || {};
+  if (filter.value === "hierarchicalCollections")
+    aliases = settings.collectionAliases || {};
+  const isHideFacetWhenZeroValue = (_a = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _a.hide_when_zero_value;
+  const { prefix, filter_list, delete_prefix, selected_filter } = filterSettings || {};
+  let facetValues = [];
+  if (!(items == null ? void 0 : items.length))
+    return facetValues;
+  for (const item of items) {
+    const isManualFilter = item && filter_list === "manual" && !(selected_filter == null ? void 0 : selected_filter.includes(item == null ? void 0 : item.value));
+    const isPrefixFilter = item && filter_list === "prefix" && !(prefix == null ? void 0 : prefix.find((prefixItem) => {
+      var _a2;
+      return (_a2 = item == null ? void 0 : item.value) == null ? void 0 : _a2.startsWith(prefixItem);
+    }));
+    if (!item || isManualFilter || isPrefixFilter)
+      continue;
+    const isFacetHierarchical = Object.hasOwn(item, "children");
+    let labelName = item.name;
+    let getValue = isFacetHierarchical ? `${value}.lvl${item.level}` : value;
+    if (languageSettings && (languageSettings[item.value] || languageSettings[item.name]))
+      labelName = languageSettings[item.value] || languageSettings[item.name];
+    let counter = handleConditionNotUpdateFacetDistribution({
+      value: getValue,
+      clickedFacets
+    }) ? (item == null ? void 0 : item.total) || 0 : (searchFacetDistribution == null ? void 0 : searchFacetDistribution[getValue]) && ((_b = searchFacetDistribution == null ? void 0 : searchFacetDistribution[getValue]) == null ? void 0 : _b[item.value]) ? searchFacetDistribution[getValue][item.value] : 0;
+    let getLabelName = aliases[labelName] || labelName;
+    delete_prefix == null ? void 0 : delete_prefix.map((deletePrefix) => {
+      if (String(getLabelName).startsWith(deletePrefix))
+        getLabelName = String(getLabelName).replace(deletePrefix, "");
+    });
+    if (!(isHideFacetWhenZeroValue && !counter))
+      facetValues.push({
+        ...item,
+        labelName: getLabelName,
+        counter
+      });
+  }
+  return facetValues;
+};
 const FacetComponent = (props) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c;
   const {
     filter,
     isFirstLoading,
@@ -4663,11 +4706,6 @@ const FacetComponent = (props) => {
   const [showFacet, setShowFacet] = React__default.useState(false);
   const searchFacetRef = React__default.useRef(null);
   const previousState = usePrevious({ keywordFacet });
-  let aliases = {};
-  if (filter.value === "hierarchicalProductType")
-    aliases = settings.productTypeAliases || {};
-  if (filter.value === "hierarchicalCollections")
-    aliases = settings.collectionAliases || {};
   const { button_load_more } = (generalDataSettings == null ? void 0 : generalDataSettings.languages) || {};
   const { search_filter_placeholder, search_filter_show_more_result, search_filter_no_result } = languageSettings || {};
   const {
@@ -4684,13 +4722,12 @@ const FacetComponent = (props) => {
     ...filter_option_text_transform && { textTransform: filter_option_text_transform }
   };
   let { value, label, display, indexFilter, items, settings: filterSettings } = filter;
-  const { prefix, filter_list, delete_prefix, selected_filter, show_search, auto_select_search, hide_filter_list } = filterSettings || {};
+  const { show_search, auto_select_search, hide_filter_list } = filterSettings || {};
   const show_filter_list_when_search = !hide_filter_list;
   if (isFirstLoading)
     return null;
   let blockComponent = null;
   const isShowNumberMatchingProduct = (_b = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _b.show_number_matching_product;
-  const isHideFacetWhenZeroValue = (_c = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _c.hide_when_zero_value;
   const isDisplaySlider = display.toLowerCase() === "slider";
   const getValue = `${value}-${indexFilter}`;
   if (show_search && keywordFacet && !isDisplaySlider)
@@ -4698,44 +4735,19 @@ const FacetComponent = (props) => {
       var _a2, _b2;
       return (_b2 = (_a2 = String(name)) == null ? void 0 : _a2.toLowerCase()) == null ? void 0 : _b2.includes(keywordFacet == null ? void 0 : keywordFacet.toLowerCase());
     });
-  const handleFacetValues = (items2) => {
-    var _a2;
-    let facetValues = [];
-    if (!(items2 == null ? void 0 : items2.length))
-      return facetValues;
-    for (const item of items2) {
-      const isManualFilter = item && filter_list === "manual" && !(selected_filter == null ? void 0 : selected_filter.includes(item == null ? void 0 : item.value));
-      const isPrefixFilter = item && filter_list === "prefix" && !(prefix == null ? void 0 : prefix.find((prefixItem) => {
-        var _a3;
-        return (_a3 = item == null ? void 0 : item.value) == null ? void 0 : _a3.startsWith(prefixItem);
-      }));
-      if (!item || isManualFilter || isPrefixFilter)
-        continue;
-      const isFacetHierarchical = Object.hasOwn(item, "children");
-      let labelName = item.name;
-      let getValue2 = isFacetHierarchical ? `${value}.lvl${item.level}` : value;
-      if (languageSettings && (languageSettings[item.value] || languageSettings[item.name]))
-        labelName = languageSettings[item.value] || languageSettings[item.name];
-      let counter = handleConditionNotUpdateFacetDistribution({
-        value: getValue2,
-        clickedFacets
-      }) ? (item == null ? void 0 : item.total) || 0 : (searchFacetDistribution == null ? void 0 : searchFacetDistribution[getValue2]) && ((_a2 = searchFacetDistribution == null ? void 0 : searchFacetDistribution[getValue2]) == null ? void 0 : _a2[item.value]) ? searchFacetDistribution[getValue2][item.value] : 0;
-      let getLabelName = aliases[labelName] || labelName;
-      delete_prefix == null ? void 0 : delete_prefix.map((deletePrefix) => {
-        if (String(getLabelName).startsWith(deletePrefix))
-          getLabelName = String(getLabelName).replace(deletePrefix, "");
-      });
-      if (!(isHideFacetWhenZeroValue && !counter))
-        facetValues.push({
-          ...item,
-          labelName: getLabelName,
-          counter
-        });
-    }
-    return facetValues;
+  const handleFacetValuesProps = {
+    filter,
+    languageSettings,
+    clickedFacets,
+    searchFacetDistribution,
+    displaySettings,
+    settings
   };
   const handleFacetLoadMore = ({ facetItems }) => {
-    const arrFacetValues = isDisplaySlider ? facetItems : handleFacetValues(facetItems);
+    const arrFacetValues = isDisplaySlider ? facetItems : handleFacetValues({
+      ...handleFacetValuesProps,
+      items: facetItems
+    });
     if (!is_item_pagination || isDisplaySlider) {
       return {
         haveNextPage: false,
@@ -4821,7 +4833,10 @@ const FacetComponent = (props) => {
     var _a2, _b2;
     const { facetValues, virtualized } = props2;
     const { index, key } = virtualized || {};
-    return (_b2 = handleFacetValues(virtualized && ((_a2 = Object.keys(virtualized)) == null ? void 0 : _a2.length) ? [facetValues[index]] : facetValues)) == null ? void 0 : _b2.map((facetValue) => {
+    return (_b2 = handleFacetValues({
+      ...handleFacetValuesProps,
+      items: virtualized && ((_a2 = Object.keys(virtualized)) == null ? void 0 : _a2.length) ? [facetValues[index]] : facetValues
+    })) == null ? void 0 : _b2.map((facetValue) => {
       var _a3;
       const { labelName, value: itemValue, counter, children, level } = facetValue;
       const isFacetHierarchical = Object.hasOwn(facetValue, "children");
@@ -4981,7 +4996,7 @@ const FacetComponent = (props) => {
             value: value2
           };
         }),
-        defaultValue: clickedFacets && ((_d = clickedFacets[value]) == null ? void 0 : _d.length) ? clickedFacets[value][0] : "",
+        defaultValue: clickedFacets && ((_c = clickedFacets[value]) == null ? void 0 : _c.length) ? clickedFacets[value][0] : "",
         labelStyle: filter_option_style,
         useVirtualized: true,
         selector: scrollElementSelector,
@@ -6389,7 +6404,7 @@ const ResultProduct = (props) => {
     filter,
     scrollElementSelector
   }) => {
-    var _a2;
+    var _a2, _b2;
     const { value, display, indexFilter } = filter;
     let items = display.toLowerCase() === "tree" ? createHierarchicalFacet({
       indexValue: value,
@@ -6403,7 +6418,19 @@ const ResultProduct = (props) => {
       displaySettings,
       searchFacetDistribution
     }) : searchResultFacets[value];
-    let isRender = Boolean(display.toLowerCase() === "slider" ? items : items == null ? void 0 : items.length);
+    let isRender = Boolean(
+      display.toLowerCase() === "slider" ? items : Number(
+        (_a2 = handleFacetValues({
+          filter,
+          languageSettings,
+          clickedFacets,
+          searchFacetDistribution,
+          displaySettings,
+          settings,
+          items
+        })) == null ? void 0 : _a2.length
+      )
+    );
     if (display.toLowerCase() === "slider") {
       let defaultItemSlider = (defaultFacetStats == null ? void 0 : defaultFacetStats[value]) && Object.keys(defaultFacetStats[value]).length ? defaultFacetStats[value] : {};
       let valueFilterSliderChange = [];
@@ -6458,7 +6485,7 @@ const ResultProduct = (props) => {
       classesUlElement.push("sledge-instant-search__result-filter-item-color-swatches");
     if (display.toLowerCase() === "tree")
       classesUlElement.push("sledge-instant-search__result-filter-item-tree");
-    if (((_a2 = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _a2.layout) === "vertical" && (allowedFilter == null ? void 0 : allowedFilter.length) === 1)
+    if (((_b2 = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _b2.layout) === "vertical" && (allowedFilter == null ? void 0 : allowedFilter.length) === 1)
       classesUlElement == null ? void 0 : classesUlElement.push("sledge-instant-search__result-filter-item-list-just-one");
     let isLastIndex = allowedFilter ? (allowedFilter == null ? void 0 : allowedFilter.length) - 1 === indexFilter : false;
     return { isRender, classesUlElement, getFacetComponent, isLastIndex };