@sledge-app/react-instant-search 2.0.42 → 2.0.44

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

@@ -2342,7 +2342,7 @@ const WidgetListEmpty = (props) => {
   ] });
 };
 const ProductWrapper = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const { isJsVersion } = React__default.useContext(SledgeContext);
   const {
     wishlistData,
@@ -2359,6 +2359,7 @@ const ProductWrapper = (props) => {
     onAfterRenderProduct,
     dataReviews,
     generalDataSettings,
+    instantSearchSettings,
     previewSettings,
     isFlyout
   } = props || {};
@@ -2433,6 +2434,8 @@ const ProductWrapper = (props) => {
   React__default.useEffect(() => {
     setIsLoadingButtonLoadMore(false);
   }, [wishlistData]);
+  const isSplitProducts = Boolean((_i = instantSearchSettings == null ? void 0 : instantSearchSettings.split_products) == null ? void 0 : _i.enable);
+  const bySplitProducts = (_j = instantSearchSettings == null ? void 0 : instantSearchSettings.split_products) == null ? void 0 : _j.by;
   let dataWishlists = {};
   for (const v of wishlistData)
     dataWishlists[v.product.id] = true;
@@ -2443,10 +2446,14 @@ const ProductWrapper = (props) => {
         sourceApp: "wishlist",
         type: gridType,
         data: wishlistData.map((item) => {
+          var _a2;
           const { id, variant_id, name, variant_name, url, image_url, currency, price, vendor, sku, variants, ...other_product } = (item == null ? void 0 : item.product) || {};
           const productUrl = new URL(url);
           const arrProductUrlPathname = productUrl.pathname.split("/");
           const handle = arrProductUrlPathname[arrProductUrlPathname.length - 1];
+          const optionFirst = isSplitProducts && bySplitProducts ? (_a2 = other_product == null ? void 0 : other_product.options) == null ? void 0 : _a2[bySplitProducts] : [];
+          const optionFirstValue = (optionFirst == null ? void 0 : optionFirst.length) ? optionFirst == null ? void 0 : optionFirst[0] : "";
+          const optionSelectedValue = isSplitProducts && (optionFirstValue == null ? void 0 : optionFirstValue.length) ? optionFirstValue : "";
           return {
             product: {
               id,
@@ -2457,6 +2464,7 @@ const ProductWrapper = (props) => {
               url,
               vendor,
               currency,
+              optionSelectedValue,
               ...other_product
             },
             variants
@@ -2489,6 +2497,7 @@ const ProductWrapper = (props) => {
         dataReviews,
         dataWishlists,
         previewSettings,
+        instantSearchSettings,
         isFlyout
       }
     ) : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {}),
@@ -2533,7 +2542,7 @@ const WidgetRoot = (props) => {
   const { isRenderApp, triggerRenderMultipleComponent, sledgeAnonymId, isJsVersion, locale } = React__default.useContext(SledgeContext);
   const { wishlist: isRenderAppWishlist } = isRenderApp || {};
   const { trigger: triggerRenderWishlistBadge } = ((_a = triggerRenderMultipleComponent == null ? void 0 : triggerRenderMultipleComponent.wishlist) == null ? void 0 : _a.badge) || {};
-  const { generalPreviewSettings, wishlistPreviewSettings, previewSettings } = usePreviewSettings({
+  const { generalPreviewSettings, wishlistPreviewSettings, instantSearchPreviewSettings, previewSettings } = usePreviewSettings({
     defaultSettings: previewSettingsProp,
     nestedProperty: "sledge.wishlist.widget.preview"
   });
@@ -2554,6 +2563,7 @@ const WidgetRoot = (props) => {
   const [proxyUrl, setProxyUrl] = React__default.useState("");
   const [dataSettings, setDataSettings] = React__default.useState({});
   const [generalDataSettings, setGeneralDataSettings] = React__default.useState({});
+  const [instantSearchSettings, setInstantSearchSettings] = React__default.useState({});
   const [isRequiredLogin, setIsRequiredLogin] = React__default.useState(!!propsData);
   const previousState = usePrevious({ keyword, currentPage });
   const { alert, alert_login } = ((_c = dataSettings == null ? void 0 : dataSettings.languages) == null ? void 0 : _c.widget) || {};
@@ -2660,8 +2670,10 @@ const WidgetRoot = (props) => {
   const handleSettings = async (LOCAL_STORAGE_WISHLIST_SETTING) => {
     let response;
     let responseGeneral;
+    let responseInstantSearch;
     response = wishlistPreviewSettings || JSON.parse(LOCAL_STORAGE_WISHLIST_SETTING);
     responseGeneral = generalPreviewSettings || JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY.GENERAL_SETTING) || null);
+    responseInstantSearch = instantSearchPreviewSettings || JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null);
     if (!response)
       return;
     const { sorts } = response == null ? void 0 : response.display;
@@ -2669,6 +2681,8 @@ const WidgetRoot = (props) => {
     setWishlistSort(sorts);
     if (responseGeneral)
       setGeneralDataSettings(responseGeneral);
+    if (responseInstantSearch)
+      setInstantSearchSettings(responseInstantSearch);
   };
   useEffectOnChange(() => {
     handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.WISHLIST_SETTING) || null);
@@ -2772,6 +2786,7 @@ const WidgetRoot = (props) => {
         proxyUrl,
         dataSettings,
         generalDataSettings,
+        instantSearchSettings,
         productCardsComponent,
         query,
         setIsLoading,
@@ -4492,6 +4507,11 @@ const ProductCard = React__default.memo((props) => {
       objectKey: "vendor",
       callbackValue: product == null ? void 0 : product.vendor
     }),
+    handle: translate({
+      ...translateDefaultProps,
+      objectKey: "handle",
+      callbackValue: product == null ? void 0 : product.handle
+    }),
     product_type: translate({
       ...translateDefaultProps,
       objectKey: "product_type",
@@ -5927,6 +5947,7 @@ const SearchIconWidgetPopup = () => {
     let response;
     let body = {
       queries: tabs.map((tab) => {
+        var _a3, _b3, _c3;
         const { index } = tab;
         let isProductIndex = index.includes(index_product);
         let additionalFilter = DEFAULT_QUERY_PRODUCT_MEILISEARCH;
@@ -5934,6 +5955,20 @@ const SearchIconWidgetPopup = () => {
           additionalFilter.push(`tags NOT IN [${hidden_tags}]`);
         if (!show_out_of_stock)
           additionalFilter.push(`'availability' IN ${JSON.stringify(["in stock"])}`);
+        let valueKeyword = keyword;
+        let containsFilter = "";
+        if (isProductIndex) {
+          const searchableAttributes = ((_a3 = instantSearchSettings == null ? void 0 : instantSearchSettings.search_field_priority) == null ? void 0 : _a3.length) ? (_c3 = (_b3 = instantSearchSettings.search_field_priority.map((item) => {
+            if (!(item == null ? void 0 : item.active))
+              return;
+            return item == null ? void 0 : item.value;
+          })) == null ? void 0 : _b3.filter) == null ? void 0 : _c3.call(_b3, (item) => item) : [];
+          const isContainsFilter = (instantSearchSettings == null ? void 0 : instantSearchSettings.contains_filter) && (searchableAttributes == null ? void 0 : searchableAttributes.length) && (keyword == null ? void 0 : keyword.length);
+          if (isContainsFilter) {
+            containsFilter = searchableAttributes.map((item) => `'${item}' CONTAINS ${JSON.stringify(keyword)}`).join(" OR ");
+            valueKeyword = "";
+          }
+        }
         let sort = [];
         if (isProductIndex && search_use_default_sort && default_sort) {
           if (String(default_sort).includes(OBJECT_DATA_STRING_KEY.COLLECTION_ID)) {
@@ -5944,12 +5979,15 @@ const SearchIconWidgetPopup = () => {
         } else {
           sort = [];
         }
+        let filterProduct = additionalFilter;
+        if (containsFilter)
+          filterProduct = filterProduct.concat(containsFilter);
         return {
           indexUid: index,
-          q: keyword,
+          q: valueKeyword,
           sort,
           hitsPerPage: isProductIndex ? instantSearchLimit : 4,
-          filter: isProductIndex ? [...new Set(additionalFilter)].join(" AND ") : "",
+          filter: isProductIndex ? [...new Set(filterProduct)].join(" AND ") : "",
           attributesToRetrieve: attributes_to_retrieve
         };
       })
@@ -11314,6 +11352,7 @@ const SearchWidget = (props) => {
   const [keyword, setKeyword] = React__default.useState((searchParams == null ? void 0 : searchParams.get(queryKeyword)) || "");
   const [searchResultProduct, setSearchResultProduct] = React__default.useState([]);
   const [searchResultOther, setSearchResultOther] = React__default.useState([]);
+  const [instantSearchSettings, setInstantSearchSettings] = React__default.useState({});
   const [displaySettings, setDisplaySettings] = React__default.useState({});
   const [suggestionSettings, setSuggestionSettings] = React__default.useState({});
   const [suggestionIndex, setSuggestionIndex] = React__default.useState("");
@@ -11343,6 +11382,7 @@ const SearchWidget = (props) => {
     let response;
     let body = {
       queries: tabs.map((tab) => {
+        var _a3, _b3, _c3;
         const { index } = tab;
         let isProductIndex = index.includes(index_product);
         let additionalFilter = DEFAULT_QUERY_PRODUCT_MEILISEARCH;
@@ -11350,6 +11390,20 @@ const SearchWidget = (props) => {
           additionalFilter.push(`tags NOT IN [${hidden_tags}]`);
         if (!show_out_of_stock)
           additionalFilter.push(`'availability' IN ${JSON.stringify(["in stock"])}`);
+        let valueKeyword = keyword;
+        let containsFilter = "";
+        if (isProductIndex) {
+          const searchableAttributes = ((_a3 = instantSearchSettings == null ? void 0 : instantSearchSettings.search_field_priority) == null ? void 0 : _a3.length) ? (_c3 = (_b3 = instantSearchSettings.search_field_priority.map((item) => {
+            if (!(item == null ? void 0 : item.active))
+              return;
+            return item == null ? void 0 : item.value;
+          })) == null ? void 0 : _b3.filter) == null ? void 0 : _c3.call(_b3, (item) => item) : [];
+          const isContainsFilter = (instantSearchSettings == null ? void 0 : instantSearchSettings.contains_filter) && (searchableAttributes == null ? void 0 : searchableAttributes.length) && (keyword == null ? void 0 : keyword.length);
+          if (isContainsFilter) {
+            containsFilter = searchableAttributes.map((item) => `'${item}' CONTAINS ${JSON.stringify(keyword)}`).join(" OR ");
+            valueKeyword = "";
+          }
+        }
         let sort = [];
         if (isProductIndex && search_use_default_sort && default_sort) {
           if (String(default_sort).includes(OBJECT_DATA_STRING_KEY.COLLECTION_ID)) {
@@ -11360,12 +11414,15 @@ const SearchWidget = (props) => {
         } else {
           sort = [];
         }
+        let filterProduct = additionalFilter;
+        if (containsFilter)
+          filterProduct = filterProduct.concat(containsFilter);
         return {
           indexUid: index,
-          q: keyword,
+          q: valueKeyword,
           sort,
           hitsPerPage: isProductIndex ? instantSearchLimit : 4,
-          filter: isProductIndex ? [...new Set(additionalFilter)].join(" AND ") : "",
+          filter: isProductIndex ? [...new Set(filterProduct)].join(" AND ") : "",
           attributesToRetrieve: attributes_to_retrieve
         };
       })
@@ -11408,6 +11465,7 @@ const SearchWidget = (props) => {
     response = instantSearchPreviewSettings || JSON.parse(LOCAL_STORAGE_INSTANT_SEARCH_SETTING);
     if (!response)
       return;
+    setInstantSearchSettings(response);
     const { display, languages, redirects } = response;
     setDisplaySettings(display);
     setSuggestionSettings((_a2 = display == null ? void 0 : display.search) == null ? void 0 : _a2.suggestion);