@getlupa/client 1.5.1 → 1.6.0

package/dist/lupaSearch.iife.js

@@ -6279,6 +6279,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
     return res.json();
   });
+  const loadRedirectionRules = (queryKey, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
+    const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}redirections/${queryKey}`, Object.assign(Object.assign({}, defaultConfig$1), { method: "GET" }));
+    if (res.status < 400) {
+      return res.json();
+    }
+    const errors = yield res.json();
+    return { success: false, errors };
+  });
   const LupaSearchSdk = {
     query: (queryKey, publicQuery, options = null) => {
       if (options === null || options === void 0 ? void 0 : options.customUrl) {
@@ -6300,6 +6308,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     },
     queryByIds: (queryKey, ids, options = null) => {
       return queryByIds(queryKey, ids, (options === null || options === void 0 ? void 0 : options.environment) || "production", options === null || options === void 0 ? void 0 : options.customBaseUrl);
+    },
+    loadRedirectionRules: (queryKey, options = null) => {
+      return loadRedirectionRules(queryKey, (options === null || options === void 0 ? void 0 : options.environment) || "production", options === null || options === void 0 ? void 0 : options.customBaseUrl);
     }
   };
   const getNormalizedString = (str) => {
@@ -6378,6 +6389,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     });
     return output;
   };
+  const inputMatches = (input, possibleValues) => {
+    if (!input) {
+      return false;
+    }
+    const normalizedInput = getNormalizedString(input);
+    return possibleValues.some((v) => getNormalizedString(v).startsWith(normalizedInput));
+  };
   const initAnalyticsTracking = (analyticsOptions) => {
     try {
       if (analyticsOptions == null ? void 0 : analyticsOptions.enabled) {
@@ -7328,12 +7346,86 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
     return getMostSpecificHierarchyTerms([param, ...params]);
   };
+  const CACHE_KEY = "lupasearch-client-redirections";
+  const useRedirectionStore = defineStore("redirections", () => {
+    const redirections = ref({ rules: [] });
+    const redirectionOptions = ref({ enabled: false, queryKey: "" });
+    const saveToLocalStorage = () => {
+      try {
+        localStorage.setItem(
+          CACHE_KEY,
+          JSON.stringify({ redirections: redirections.value, savedAt: Date.now() })
+        );
+      } catch (e) {
+      }
+    };
+    const tryLoadFromLocalStorage = (config) => {
+      var _a;
+      if (!config.cacheSeconds)
+        return false;
+      try {
+        const data = JSON.parse((_a = localStorage.getItem(CACHE_KEY)) != null ? _a : "");
+        if ((data == null ? void 0 : data.redirections) && Date.now() - data.savedAt < 1e3 * config.cacheSeconds) {
+          redirections.value = data.redirections;
+          return true;
+        }
+      } catch (e) {
+      }
+      return false;
+    };
+    const initiate = (config, options) => __async(void 0, null, function* () {
+      var _a, _b, _c, _d;
+      if ((_a = redirectionOptions.value) == null ? void 0 : _a.enabled) {
+        return;
+      }
+      redirectionOptions.value = config;
+      if (!(config == null ? void 0 : config.enabled)) {
+        return;
+      }
+      const loaded = tryLoadFromLocalStorage(config);
+      if (loaded || ((_c = (_b = redirections.value) == null ? void 0 : _b.rules) == null ? void 0 : _c.length) > 0) {
+        return;
+      }
+      try {
+        const result = yield LupaSearchSdk.loadRedirectionRules(config.queryKey, options);
+        if (!((_d = result == null ? void 0 : result.rules) == null ? void 0 : _d.length)) {
+          return;
+        }
+        redirections.value = result;
+        saveToLocalStorage();
+      } catch (e) {
+      }
+    });
+    const redirectOnKeywordIfConfigured = (input, routingBehavior = "direct-link") => {
+      var _a, _b, _c, _d;
+      if (!((_b = (_a = redirections.value) == null ? void 0 : _a.rules) == null ? void 0 : _b.length)) {
+        return false;
+      }
+      const redirectTo = redirections.value.rules.find((r) => inputMatches(input, r.sources));
+      if (!redirectTo) {
+        return false;
+      }
+      const url = ((_c = redirectionOptions.value) == null ? void 0 : _c.urlTransfromer) ? (_d = redirectionOptions.value) == null ? void 0 : _d.urlTransfromer(redirectTo == null ? void 0 : redirectTo.target) : redirectTo == null ? void 0 : redirectTo.target;
+      if (routingBehavior === "event") {
+        emitRoutingEvent(url);
+      } else {
+        window.location.assign(url);
+      }
+      return true;
+    };
+    return {
+      redirections,
+      redirectOnKeywordIfConfigured,
+      initiate
+    };
+  });
   const useParamsStore = defineStore("params", () => {
     const params = ref({});
     const defaultLimit = ref(DEFAULT_PAGE_SIZE);
     const searchResultsLink = ref("");
     const searchString = ref("");
     const optionsStore = useOptionsStore();
+    const redirectionStore = useRedirectionStore();
     const query = computed(() => params.value[QUERY_PARAMS_PARSED.QUERY]);
     const page = computed(() => {
       const page2 = Number(params.value[QUERY_PARAMS_PARSED.PAGE]) || 1;
@@ -7411,6 +7503,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       facet
     }) => {
       var _a;
+      const redirectionApplied = redirectionStore.redirectOnKeywordIfConfigured(
+        searchText,
+        optionsStore.boxRoutingBehavior
+      );
+      if (redirectionApplied) {
+        return;
+      }
       if (!searchResultsLink.value || linksMatch(searchResultsLink.value, window.location.pathname)) {
         const singleFacetParam = facet ? getFacetParam(facet.key, [facet.title]) : void 0;
         const facetParam = singleFacetParam ? [
@@ -8268,16 +8367,22 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           targetImage.src = placeholder.value;
         }
       };
+      const imageAlt = computed(() => {
+        const alt = props.options.alt;
+        if (alt) {
+          return alt(props.item);
+        }
+        return "";
+      });
       return (_ctx, _cache) => {
         var _a, _b;
         return openBlock(), createElementBlock("div", {
           class: normalizeClass((_a = _ctx.wrapperClass) != null ? _a : "")
         }, [
-          createBaseVNode("img", {
-            class: normalizeClass((_b = _ctx.imageClass) != null ? _b : ""),
-            src: finalUrl.value,
-            onError: replaceWithPlaceholder
-          }, null, 42, _hoisted_1$16)
+          createBaseVNode("img", mergeProps({
+            class: (_b = _ctx.imageClass) != null ? _b : "",
+            src: finalUrl.value
+          }, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_1$16)
         ], 2);
       };
     }
@@ -9320,6 +9425,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const searchBoxStore = useSearchBoxStore();
       const optionsStore = useOptionsStore();
       const trackingStore = useTrackingStore();
+      const redirectionStore = useRedirectionStore();
       const inputValue = ref("");
       const suggestedValue = ref(defaultSuggestedValue);
       const opened = ref(props.isSearchContainer);
@@ -9358,6 +9464,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         paramsStore.setSearchResultsLink(props.options.links.searchResults);
         searchBoxStore.saveOptions({ newOptions: props.options });
         optionsStore.setSearchBoxOptions({ options: props.options });
+        redirectionStore.initiate(props.options.redirections, props.options.options);
         bindSearchTriggers(searchTriggers.value, handleCurrentValueSearch);
         if (props.isSearchContainer && searchBoxInput.value) {
           (_a2 = searchBoxInput.value) == null ? void 0 : _a2.focus();
@@ -14048,6 +14155,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const trackingStore = useTrackingStore();
       const dynamicDataStore = useDynamicDataStore();
       const screenStore = useScreenStore();
+      const redirectionStore = useRedirectionStore();
       const initialFilters = computed(() => {
         var _a;
         return (_a = props.initialFilters) != null ? _a : {};
@@ -14073,17 +14181,18 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         const searchParams = getSearchParams((_a = props.options.ssr) == null ? void 0 : _a.url);
         paramStore.add(parseParams(searchParams));
       };
-      onMounted(() => {
+      onMounted(() => __async(this, null, function* () {
         var _a, _b;
         window.addEventListener("popstate", handlePopState);
         window.addEventListener("resize", handleResize);
+        yield redirectionStore.initiate(props.options.redirections, props.options.options);
         if (props.initialData) {
           searchResultStore.add(__spreadValues2({}, props.initialData));
         }
         handleMounted();
         (_b = (_a = props.options.callbacks) == null ? void 0 : _a.onMounted) == null ? void 0 : _b.call(_a);
         mounted.value = true;
-      });
+      }));
       onBeforeUnmount(() => {
         window.removeEventListener("resize", handleResize);
         window.removeEventListener("popstate", handlePopState);
@@ -14127,6 +14236,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         const context = getLupaTrackingContext();
         const limit = publicQuery.limit || defaultSearchResultPageSize.value;
         const query2 = __spreadProps2(__spreadValues2(__spreadValues2({}, publicQuery), context), { limit });
+        const redirectionApplied = redirectionStore.redirectOnKeywordIfConfigured(
+          publicQuery.searchText,
+          optionStore.searchResultsRoutingBehavior
+        );
+        if (redirectionApplied) {
+          return;
+        }
         if (!query2.searchText && props.options.disallowEmptyQuery) {
           return;
         }

package/dist/lupaSearch.js

@@ -6279,6 +6279,14 @@ const track$1 = (queryKey, event, environment, customBaseUrl) => __awaiter(void
   }
   return res.json();
 });
+const loadRedirectionRules = (queryKey, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
+  const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}redirections/${queryKey}`, Object.assign(Object.assign({}, defaultConfig$1), { method: "GET" }));
+  if (res.status < 400) {
+    return res.json();
+  }
+  const errors = yield res.json();
+  return { success: false, errors };
+});
 const LupaSearchSdk = {
   query: (queryKey, publicQuery, options = null) => {
     if (options === null || options === void 0 ? void 0 : options.customUrl) {
@@ -6300,6 +6308,9 @@ const LupaSearchSdk = {
   },
   queryByIds: (queryKey, ids, options = null) => {
     return queryByIds(queryKey, ids, (options === null || options === void 0 ? void 0 : options.environment) || "production", options === null || options === void 0 ? void 0 : options.customBaseUrl);
+  },
+  loadRedirectionRules: (queryKey, options = null) => {
+    return loadRedirectionRules(queryKey, (options === null || options === void 0 ? void 0 : options.environment) || "production", options === null || options === void 0 ? void 0 : options.customBaseUrl);
   }
 };
 const getNormalizedString = (str) => {
@@ -6378,6 +6389,13 @@ const escapeHtml = (value) => {
   });
   return output;
 };
+const inputMatches = (input, possibleValues) => {
+  if (!input) {
+    return false;
+  }
+  const normalizedInput = getNormalizedString(input);
+  return possibleValues.some((v) => getNormalizedString(v).startsWith(normalizedInput));
+};
 const initAnalyticsTracking = (analyticsOptions) => {
   try {
     if (analyticsOptions == null ? void 0 : analyticsOptions.enabled) {
@@ -7328,12 +7346,86 @@ const toggleHierarchyParam = (params = [], param = "", removeAllLevels = false)
   }
   return getMostSpecificHierarchyTerms([param, ...params]);
 };
+const CACHE_KEY = "lupasearch-client-redirections";
+const useRedirectionStore = defineStore("redirections", () => {
+  const redirections = ref({ rules: [] });
+  const redirectionOptions = ref({ enabled: false, queryKey: "" });
+  const saveToLocalStorage = () => {
+    try {
+      localStorage.setItem(
+        CACHE_KEY,
+        JSON.stringify({ redirections: redirections.value, savedAt: Date.now() })
+      );
+    } catch (e) {
+    }
+  };
+  const tryLoadFromLocalStorage = (config) => {
+    var _a;
+    if (!config.cacheSeconds)
+      return false;
+    try {
+      const data = JSON.parse((_a = localStorage.getItem(CACHE_KEY)) != null ? _a : "");
+      if ((data == null ? void 0 : data.redirections) && Date.now() - data.savedAt < 1e3 * config.cacheSeconds) {
+        redirections.value = data.redirections;
+        return true;
+      }
+    } catch (e) {
+    }
+    return false;
+  };
+  const initiate = (config, options) => __async(void 0, null, function* () {
+    var _a, _b, _c, _d;
+    if ((_a = redirectionOptions.value) == null ? void 0 : _a.enabled) {
+      return;
+    }
+    redirectionOptions.value = config;
+    if (!(config == null ? void 0 : config.enabled)) {
+      return;
+    }
+    const loaded = tryLoadFromLocalStorage(config);
+    if (loaded || ((_c = (_b = redirections.value) == null ? void 0 : _b.rules) == null ? void 0 : _c.length) > 0) {
+      return;
+    }
+    try {
+      const result = yield LupaSearchSdk.loadRedirectionRules(config.queryKey, options);
+      if (!((_d = result == null ? void 0 : result.rules) == null ? void 0 : _d.length)) {
+        return;
+      }
+      redirections.value = result;
+      saveToLocalStorage();
+    } catch (e) {
+    }
+  });
+  const redirectOnKeywordIfConfigured = (input, routingBehavior = "direct-link") => {
+    var _a, _b, _c, _d;
+    if (!((_b = (_a = redirections.value) == null ? void 0 : _a.rules) == null ? void 0 : _b.length)) {
+      return false;
+    }
+    const redirectTo = redirections.value.rules.find((r) => inputMatches(input, r.sources));
+    if (!redirectTo) {
+      return false;
+    }
+    const url = ((_c = redirectionOptions.value) == null ? void 0 : _c.urlTransfromer) ? (_d = redirectionOptions.value) == null ? void 0 : _d.urlTransfromer(redirectTo == null ? void 0 : redirectTo.target) : redirectTo == null ? void 0 : redirectTo.target;
+    if (routingBehavior === "event") {
+      emitRoutingEvent(url);
+    } else {
+      window.location.assign(url);
+    }
+    return true;
+  };
+  return {
+    redirections,
+    redirectOnKeywordIfConfigured,
+    initiate
+  };
+});
 const useParamsStore = defineStore("params", () => {
   const params = ref({});
   const defaultLimit = ref(DEFAULT_PAGE_SIZE);
   const searchResultsLink = ref("");
   const searchString = ref("");
   const optionsStore = useOptionsStore();
+  const redirectionStore = useRedirectionStore();
   const query = computed(() => params.value[QUERY_PARAMS_PARSED.QUERY]);
   const page = computed(() => {
     const page2 = Number(params.value[QUERY_PARAMS_PARSED.PAGE]) || 1;
@@ -7411,6 +7503,13 @@ const useParamsStore = defineStore("params", () => {
     facet
   }) => {
     var _a;
+    const redirectionApplied = redirectionStore.redirectOnKeywordIfConfigured(
+      searchText,
+      optionsStore.boxRoutingBehavior
+    );
+    if (redirectionApplied) {
+      return;
+    }
     if (!searchResultsLink.value || linksMatch(searchResultsLink.value, window.location.pathname)) {
       const singleFacetParam = facet ? getFacetParam(facet.key, [facet.title]) : void 0;
       const facetParam = singleFacetParam ? [
@@ -8268,16 +8367,22 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
         targetImage.src = placeholder.value;
       }
     };
+    const imageAlt = computed(() => {
+      const alt = props.options.alt;
+      if (alt) {
+        return alt(props.item);
+      }
+      return "";
+    });
     return (_ctx, _cache) => {
       var _a, _b;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass((_a = _ctx.wrapperClass) != null ? _a : "")
       }, [
-        createBaseVNode("img", {
-          class: normalizeClass((_b = _ctx.imageClass) != null ? _b : ""),
-          src: finalUrl.value,
-          onError: replaceWithPlaceholder
-        }, null, 42, _hoisted_1$16)
+        createBaseVNode("img", mergeProps({
+          class: (_b = _ctx.imageClass) != null ? _b : "",
+          src: finalUrl.value
+        }, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_1$16)
       ], 2);
     };
   }
@@ -9320,6 +9425,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     const searchBoxStore = useSearchBoxStore();
     const optionsStore = useOptionsStore();
     const trackingStore = useTrackingStore();
+    const redirectionStore = useRedirectionStore();
     const inputValue = ref("");
     const suggestedValue = ref(defaultSuggestedValue);
     const opened = ref(props.isSearchContainer);
@@ -9358,6 +9464,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
       paramsStore.setSearchResultsLink(props.options.links.searchResults);
       searchBoxStore.saveOptions({ newOptions: props.options });
       optionsStore.setSearchBoxOptions({ options: props.options });
+      redirectionStore.initiate(props.options.redirections, props.options.options);
       bindSearchTriggers(searchTriggers.value, handleCurrentValueSearch);
       if (props.isSearchContainer && searchBoxInput.value) {
         (_a2 = searchBoxInput.value) == null ? void 0 : _a2.focus();
@@ -14048,6 +14155,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const trackingStore = useTrackingStore();
     const dynamicDataStore = useDynamicDataStore();
     const screenStore = useScreenStore();
+    const redirectionStore = useRedirectionStore();
     const initialFilters = computed(() => {
       var _a;
       return (_a = props.initialFilters) != null ? _a : {};
@@ -14073,17 +14181,18 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       const searchParams = getSearchParams((_a = props.options.ssr) == null ? void 0 : _a.url);
       paramStore.add(parseParams(searchParams));
     };
-    onMounted(() => {
+    onMounted(() => __async(this, null, function* () {
       var _a, _b;
       window.addEventListener("popstate", handlePopState);
       window.addEventListener("resize", handleResize);
+      yield redirectionStore.initiate(props.options.redirections, props.options.options);
       if (props.initialData) {
         searchResultStore.add(__spreadValues2({}, props.initialData));
       }
       handleMounted();
       (_b = (_a = props.options.callbacks) == null ? void 0 : _a.onMounted) == null ? void 0 : _b.call(_a);
       mounted.value = true;
-    });
+    }));
     onBeforeUnmount(() => {
       window.removeEventListener("resize", handleResize);
       window.removeEventListener("popstate", handlePopState);
@@ -14127,6 +14236,13 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       const context = getLupaTrackingContext();
       const limit = publicQuery.limit || defaultSearchResultPageSize.value;
       const query2 = __spreadProps2(__spreadValues2(__spreadValues2({}, publicQuery), context), { limit });
+      const redirectionApplied = redirectionStore.redirectOnKeywordIfConfigured(
+        publicQuery.searchText,
+        optionStore.searchResultsRoutingBehavior
+      );
+      if (redirectionApplied) {
+        return;
+      }
       if (!query2.searchText && props.options.disallowEmptyQuery) {
         return;
       }

package/dist/lupaSearch.mjs

@@ -6277,6 +6277,14 @@ const track$1 = (queryKey, event, environment, customBaseUrl) => __awaiter(void
   }
   return res.json();
 });
+const loadRedirectionRules = (queryKey, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
+  const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}redirections/${queryKey}`, Object.assign(Object.assign({}, defaultConfig$1), { method: "GET" }));
+  if (res.status < 400) {
+    return res.json();
+  }
+  const errors = yield res.json();
+  return { success: false, errors };
+});
 const LupaSearchSdk = {
   query: (queryKey, publicQuery, options = null) => {
     if (options === null || options === void 0 ? void 0 : options.customUrl) {
@@ -6298,6 +6306,9 @@ const LupaSearchSdk = {
   },
   queryByIds: (queryKey, ids, options = null) => {
     return queryByIds(queryKey, ids, (options === null || options === void 0 ? void 0 : options.environment) || "production", options === null || options === void 0 ? void 0 : options.customBaseUrl);
+  },
+  loadRedirectionRules: (queryKey, options = null) => {
+    return loadRedirectionRules(queryKey, (options === null || options === void 0 ? void 0 : options.environment) || "production", options === null || options === void 0 ? void 0 : options.customBaseUrl);
   }
 };
 const getNormalizedString = (str) => {
@@ -6376,6 +6387,13 @@ const escapeHtml = (value) => {
   });
   return output;
 };
+const inputMatches = (input, possibleValues) => {
+  if (!input) {
+    return false;
+  }
+  const normalizedInput = getNormalizedString(input);
+  return possibleValues.some((v) => getNormalizedString(v).startsWith(normalizedInput));
+};
 const initAnalyticsTracking = (analyticsOptions) => {
   try {
     if (analyticsOptions == null ? void 0 : analyticsOptions.enabled) {
@@ -7326,12 +7344,86 @@ const toggleHierarchyParam = (params = [], param = "", removeAllLevels = false)
   }
   return getMostSpecificHierarchyTerms([param, ...params]);
 };
+const CACHE_KEY = "lupasearch-client-redirections";
+const useRedirectionStore = defineStore("redirections", () => {
+  const redirections = ref({ rules: [] });
+  const redirectionOptions = ref({ enabled: false, queryKey: "" });
+  const saveToLocalStorage = () => {
+    try {
+      localStorage.setItem(
+        CACHE_KEY,
+        JSON.stringify({ redirections: redirections.value, savedAt: Date.now() })
+      );
+    } catch (e) {
+    }
+  };
+  const tryLoadFromLocalStorage = (config) => {
+    var _a;
+    if (!config.cacheSeconds)
+      return false;
+    try {
+      const data = JSON.parse((_a = localStorage.getItem(CACHE_KEY)) != null ? _a : "");
+      if ((data == null ? void 0 : data.redirections) && Date.now() - data.savedAt < 1e3 * config.cacheSeconds) {
+        redirections.value = data.redirections;
+        return true;
+      }
+    } catch (e) {
+    }
+    return false;
+  };
+  const initiate = (config, options) => __async(void 0, null, function* () {
+    var _a, _b, _c, _d;
+    if ((_a = redirectionOptions.value) == null ? void 0 : _a.enabled) {
+      return;
+    }
+    redirectionOptions.value = config;
+    if (!(config == null ? void 0 : config.enabled)) {
+      return;
+    }
+    const loaded = tryLoadFromLocalStorage(config);
+    if (loaded || ((_c = (_b = redirections.value) == null ? void 0 : _b.rules) == null ? void 0 : _c.length) > 0) {
+      return;
+    }
+    try {
+      const result = yield LupaSearchSdk.loadRedirectionRules(config.queryKey, options);
+      if (!((_d = result == null ? void 0 : result.rules) == null ? void 0 : _d.length)) {
+        return;
+      }
+      redirections.value = result;
+      saveToLocalStorage();
+    } catch (e) {
+    }
+  });
+  const redirectOnKeywordIfConfigured = (input, routingBehavior = "direct-link") => {
+    var _a, _b, _c, _d;
+    if (!((_b = (_a = redirections.value) == null ? void 0 : _a.rules) == null ? void 0 : _b.length)) {
+      return false;
+    }
+    const redirectTo = redirections.value.rules.find((r) => inputMatches(input, r.sources));
+    if (!redirectTo) {
+      return false;
+    }
+    const url = ((_c = redirectionOptions.value) == null ? void 0 : _c.urlTransfromer) ? (_d = redirectionOptions.value) == null ? void 0 : _d.urlTransfromer(redirectTo == null ? void 0 : redirectTo.target) : redirectTo == null ? void 0 : redirectTo.target;
+    if (routingBehavior === "event") {
+      emitRoutingEvent(url);
+    } else {
+      window.location.assign(url);
+    }
+    return true;
+  };
+  return {
+    redirections,
+    redirectOnKeywordIfConfigured,
+    initiate
+  };
+});
 const useParamsStore = defineStore("params", () => {
   const params = ref({});
   const defaultLimit = ref(DEFAULT_PAGE_SIZE);
   const searchResultsLink = ref("");
   const searchString = ref("");
   const optionsStore = useOptionsStore();
+  const redirectionStore = useRedirectionStore();
   const query = computed(() => params.value[QUERY_PARAMS_PARSED.QUERY]);
   const page = computed(() => {
     const page2 = Number(params.value[QUERY_PARAMS_PARSED.PAGE]) || 1;
@@ -7409,6 +7501,13 @@ const useParamsStore = defineStore("params", () => {
     facet
   }) => {
     var _a;
+    const redirectionApplied = redirectionStore.redirectOnKeywordIfConfigured(
+      searchText,
+      optionsStore.boxRoutingBehavior
+    );
+    if (redirectionApplied) {
+      return;
+    }
     if (!searchResultsLink.value || linksMatch(searchResultsLink.value, window.location.pathname)) {
       const singleFacetParam = facet ? getFacetParam(facet.key, [facet.title]) : void 0;
       const facetParam = singleFacetParam ? [
@@ -8266,16 +8365,22 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
         targetImage.src = placeholder.value;
       }
     };
+    const imageAlt = computed(() => {
+      const alt = props.options.alt;
+      if (alt) {
+        return alt(props.item);
+      }
+      return "";
+    });
     return (_ctx, _cache) => {
       var _a, _b;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass((_a = _ctx.wrapperClass) != null ? _a : "")
       }, [
-        createBaseVNode("img", {
-          class: normalizeClass((_b = _ctx.imageClass) != null ? _b : ""),
-          src: finalUrl.value,
-          onError: replaceWithPlaceholder
-        }, null, 42, _hoisted_1$16)
+        createBaseVNode("img", mergeProps({
+          class: (_b = _ctx.imageClass) != null ? _b : "",
+          src: finalUrl.value
+        }, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_1$16)
       ], 2);
     };
   }
@@ -9318,6 +9423,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     const searchBoxStore = useSearchBoxStore();
     const optionsStore = useOptionsStore();
     const trackingStore = useTrackingStore();
+    const redirectionStore = useRedirectionStore();
     const inputValue = ref("");
     const suggestedValue = ref(defaultSuggestedValue);
     const opened = ref(props.isSearchContainer);
@@ -9356,6 +9462,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
       paramsStore.setSearchResultsLink(props.options.links.searchResults);
       searchBoxStore.saveOptions({ newOptions: props.options });
       optionsStore.setSearchBoxOptions({ options: props.options });
+      redirectionStore.initiate(props.options.redirections, props.options.options);
       bindSearchTriggers(searchTriggers.value, handleCurrentValueSearch);
       if (props.isSearchContainer && searchBoxInput.value) {
         (_a2 = searchBoxInput.value) == null ? void 0 : _a2.focus();
@@ -14046,6 +14153,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const trackingStore = useTrackingStore();
     const dynamicDataStore = useDynamicDataStore();
     const screenStore = useScreenStore();
+    const redirectionStore = useRedirectionStore();
     const initialFilters = computed(() => {
       var _a;
       return (_a = props.initialFilters) != null ? _a : {};
@@ -14071,17 +14179,18 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       const searchParams = getSearchParams((_a = props.options.ssr) == null ? void 0 : _a.url);
       paramStore.add(parseParams(searchParams));
     };
-    onMounted(() => {
+    onMounted(() => __async(this, null, function* () {
       var _a, _b;
       window.addEventListener("popstate", handlePopState);
       window.addEventListener("resize", handleResize);
+      yield redirectionStore.initiate(props.options.redirections, props.options.options);
       if (props.initialData) {
         searchResultStore.add(__spreadValues2({}, props.initialData));
       }
       handleMounted();
       (_b = (_a = props.options.callbacks) == null ? void 0 : _a.onMounted) == null ? void 0 : _b.call(_a);
       mounted.value = true;
-    });
+    }));
     onBeforeUnmount(() => {
       window.removeEventListener("resize", handleResize);
       window.removeEventListener("popstate", handlePopState);
@@ -14125,6 +14234,13 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       const context = getLupaTrackingContext();
       const limit = publicQuery.limit || defaultSearchResultPageSize.value;
       const query2 = __spreadProps2(__spreadValues2(__spreadValues2({}, publicQuery), context), { limit });
+      const redirectionApplied = redirectionStore.redirectOnKeywordIfConfigured(
+        publicQuery.searchText,
+        optionStore.searchResultsRoutingBehavior
+      );
+      if (redirectionApplied) {
+        return;
+      }
       if (!query2.searchText && props.options.disallowEmptyQuery) {
         return;
       }

package/dist/lupaSearch.umd.js

@@ -6281,6 +6281,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
     return res.json();
   });
+  const loadRedirectionRules = (queryKey, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
+    const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}redirections/${queryKey}`, Object.assign(Object.assign({}, defaultConfig$1), { method: "GET" }));
+    if (res.status < 400) {
+      return res.json();
+    }
+    const errors = yield res.json();
+    return { success: false, errors };
+  });
   const LupaSearchSdk = {
     query: (queryKey, publicQuery, options = null) => {
       if (options === null || options === void 0 ? void 0 : options.customUrl) {
@@ -6302,6 +6310,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     },
     queryByIds: (queryKey, ids, options = null) => {
       return queryByIds(queryKey, ids, (options === null || options === void 0 ? void 0 : options.environment) || "production", options === null || options === void 0 ? void 0 : options.customBaseUrl);
+    },
+    loadRedirectionRules: (queryKey, options = null) => {
+      return loadRedirectionRules(queryKey, (options === null || options === void 0 ? void 0 : options.environment) || "production", options === null || options === void 0 ? void 0 : options.customBaseUrl);
     }
   };
   const getNormalizedString = (str) => {
@@ -6380,6 +6391,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     });
     return output;
   };
+  const inputMatches = (input, possibleValues) => {
+    if (!input) {
+      return false;
+    }
+    const normalizedInput = getNormalizedString(input);
+    return possibleValues.some((v) => getNormalizedString(v).startsWith(normalizedInput));
+  };
   const initAnalyticsTracking = (analyticsOptions) => {
     try {
       if (analyticsOptions == null ? void 0 : analyticsOptions.enabled) {
@@ -7330,12 +7348,86 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
     return getMostSpecificHierarchyTerms([param, ...params]);
   };
+  const CACHE_KEY = "lupasearch-client-redirections";
+  const useRedirectionStore = defineStore("redirections", () => {
+    const redirections = ref({ rules: [] });
+    const redirectionOptions = ref({ enabled: false, queryKey: "" });
+    const saveToLocalStorage = () => {
+      try {
+        localStorage.setItem(
+          CACHE_KEY,
+          JSON.stringify({ redirections: redirections.value, savedAt: Date.now() })
+        );
+      } catch (e) {
+      }
+    };
+    const tryLoadFromLocalStorage = (config) => {
+      var _a;
+      if (!config.cacheSeconds)
+        return false;
+      try {
+        const data = JSON.parse((_a = localStorage.getItem(CACHE_KEY)) != null ? _a : "");
+        if ((data == null ? void 0 : data.redirections) && Date.now() - data.savedAt < 1e3 * config.cacheSeconds) {
+          redirections.value = data.redirections;
+          return true;
+        }
+      } catch (e) {
+      }
+      return false;
+    };
+    const initiate = (config, options) => __async(void 0, null, function* () {
+      var _a, _b, _c, _d;
+      if ((_a = redirectionOptions.value) == null ? void 0 : _a.enabled) {
+        return;
+      }
+      redirectionOptions.value = config;
+      if (!(config == null ? void 0 : config.enabled)) {
+        return;
+      }
+      const loaded = tryLoadFromLocalStorage(config);
+      if (loaded || ((_c = (_b = redirections.value) == null ? void 0 : _b.rules) == null ? void 0 : _c.length) > 0) {
+        return;
+      }
+      try {
+        const result = yield LupaSearchSdk.loadRedirectionRules(config.queryKey, options);
+        if (!((_d = result == null ? void 0 : result.rules) == null ? void 0 : _d.length)) {
+          return;
+        }
+        redirections.value = result;
+        saveToLocalStorage();
+      } catch (e) {
+      }
+    });
+    const redirectOnKeywordIfConfigured = (input, routingBehavior = "direct-link") => {
+      var _a, _b, _c, _d;
+      if (!((_b = (_a = redirections.value) == null ? void 0 : _a.rules) == null ? void 0 : _b.length)) {
+        return false;
+      }
+      const redirectTo = redirections.value.rules.find((r) => inputMatches(input, r.sources));
+      if (!redirectTo) {
+        return false;
+      }
+      const url = ((_c = redirectionOptions.value) == null ? void 0 : _c.urlTransfromer) ? (_d = redirectionOptions.value) == null ? void 0 : _d.urlTransfromer(redirectTo == null ? void 0 : redirectTo.target) : redirectTo == null ? void 0 : redirectTo.target;
+      if (routingBehavior === "event") {
+        emitRoutingEvent(url);
+      } else {
+        window.location.assign(url);
+      }
+      return true;
+    };
+    return {
+      redirections,
+      redirectOnKeywordIfConfigured,
+      initiate
+    };
+  });
   const useParamsStore = defineStore("params", () => {
     const params = ref({});
     const defaultLimit = ref(DEFAULT_PAGE_SIZE);
     const searchResultsLink = ref("");
     const searchString = ref("");
     const optionsStore = useOptionsStore();
+    const redirectionStore = useRedirectionStore();
     const query = computed(() => params.value[QUERY_PARAMS_PARSED.QUERY]);
     const page = computed(() => {
       const page2 = Number(params.value[QUERY_PARAMS_PARSED.PAGE]) || 1;
@@ -7413,6 +7505,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       facet
     }) => {
       var _a;
+      const redirectionApplied = redirectionStore.redirectOnKeywordIfConfigured(
+        searchText,
+        optionsStore.boxRoutingBehavior
+      );
+      if (redirectionApplied) {
+        return;
+      }
       if (!searchResultsLink.value || linksMatch(searchResultsLink.value, window.location.pathname)) {
         const singleFacetParam = facet ? getFacetParam(facet.key, [facet.title]) : void 0;
         const facetParam = singleFacetParam ? [
@@ -8270,16 +8369,22 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           targetImage.src = placeholder.value;
         }
       };
+      const imageAlt = computed(() => {
+        const alt = props.options.alt;
+        if (alt) {
+          return alt(props.item);
+        }
+        return "";
+      });
       return (_ctx, _cache) => {
         var _a, _b;
         return openBlock(), createElementBlock("div", {
           class: normalizeClass((_a = _ctx.wrapperClass) != null ? _a : "")
         }, [
-          createBaseVNode("img", {
-            class: normalizeClass((_b = _ctx.imageClass) != null ? _b : ""),
-            src: finalUrl.value,
-            onError: replaceWithPlaceholder
-          }, null, 42, _hoisted_1$16)
+          createBaseVNode("img", mergeProps({
+            class: (_b = _ctx.imageClass) != null ? _b : "",
+            src: finalUrl.value
+          }, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_1$16)
         ], 2);
       };
     }
@@ -9322,6 +9427,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const searchBoxStore = useSearchBoxStore();
       const optionsStore = useOptionsStore();
       const trackingStore = useTrackingStore();
+      const redirectionStore = useRedirectionStore();
       const inputValue = ref("");
       const suggestedValue = ref(defaultSuggestedValue);
       const opened = ref(props.isSearchContainer);
@@ -9360,6 +9466,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         paramsStore.setSearchResultsLink(props.options.links.searchResults);
         searchBoxStore.saveOptions({ newOptions: props.options });
         optionsStore.setSearchBoxOptions({ options: props.options });
+        redirectionStore.initiate(props.options.redirections, props.options.options);
         bindSearchTriggers(searchTriggers.value, handleCurrentValueSearch);
         if (props.isSearchContainer && searchBoxInput.value) {
           (_a2 = searchBoxInput.value) == null ? void 0 : _a2.focus();
@@ -14050,6 +14157,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const trackingStore = useTrackingStore();
       const dynamicDataStore = useDynamicDataStore();
       const screenStore = useScreenStore();
+      const redirectionStore = useRedirectionStore();
       const initialFilters = computed(() => {
         var _a;
         return (_a = props.initialFilters) != null ? _a : {};
@@ -14075,17 +14183,18 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         const searchParams = getSearchParams((_a = props.options.ssr) == null ? void 0 : _a.url);
         paramStore.add(parseParams(searchParams));
       };
-      onMounted(() => {
+      onMounted(() => __async(this, null, function* () {
         var _a, _b;
         window.addEventListener("popstate", handlePopState);
         window.addEventListener("resize", handleResize);
+        yield redirectionStore.initiate(props.options.redirections, props.options.options);
         if (props.initialData) {
           searchResultStore.add(__spreadValues2({}, props.initialData));
         }
         handleMounted();
         (_b = (_a = props.options.callbacks) == null ? void 0 : _a.onMounted) == null ? void 0 : _b.call(_a);
         mounted.value = true;
-      });
+      }));
       onBeforeUnmount(() => {
         window.removeEventListener("resize", handleResize);
         window.removeEventListener("popstate", handlePopState);
@@ -14129,6 +14238,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         const context = getLupaTrackingContext();
         const limit = publicQuery.limit || defaultSearchResultPageSize.value;
         const query2 = __spreadProps2(__spreadValues2(__spreadValues2({}, publicQuery), context), { limit });
+        const redirectionApplied = redirectionStore.redirectOnKeywordIfConfigured(
+          publicQuery.searchText,
+          optionStore.searchResultsRoutingBehavior
+        );
+        if (redirectionApplied) {
+          return;
+        }
         if (!query2.searchText && props.options.disallowEmptyQuery) {
           return;
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/client",
-  "version": "1.5.1",
+  "version": "1.6.0",
   "main": "dist/lupaSearch.js",
   "module": "dist/index.mjs",
   "types": "dist/src/index.d.ts",
@@ -20,7 +20,7 @@
   },
   "devDependencies": {
     "@getlupa/client-sdk": "^1.3.4",
-    "@getlupa/vue": "0.6.1",
+    "@getlupa/vue": "0.7.0",
     "@rushstack/eslint-patch": "^1.3.2",
     "@tsconfig/node18": "^2.0.1",
     "@types/jsdom": "^21.1.1",