@searchstax-inc/searchstudio-ux-js 0.3.0 → 0.3.2

package/dist/@searchstax-inc/searchstudio-ux-js.mjs

@@ -1,7 +1,7 @@
-var Q = Object.defineProperty;
-var z = (o, e, t) => e in o ? Q(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var _ = Object.defineProperty;
+var z = (o, e, t) => e in o ? _(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
 var n = (o, e, t) => (z(o, typeof e != "symbol" ? e + "" : e, t), t);
-var x = /* @__PURE__ */ ((o) => (o[o.mustache = 0] = "mustache", o[o.vue = 1] = "vue", o[o.react = 2] = "react", o))(x || {});
+var x = /* @__PURE__ */ ((o) => (o[o.mustache = 0] = "mustache", o[o.vue = 1] = "vue", o[o.react = 2] = "react", o[o.angular = 3] = "angular", o))(x || {});
 class J {
   constructor(e) {
     n(this, "dataLayer");
@@ -39,10 +39,18 @@ class J {
   get results() {
     return this.dataLayer.searchResults ?? [];
   }
-  get searchTerm() {
+  get autoCorrectedQuery() {
+    var e;
+    return ((e = this.dataLayer.searchResultsMetadata) == null ? void 0 : e.autoCorrectedQuery) || "";
+  }
+  get originalQuery() {
     var e;
     return ((e = this.dataLayer.searchObject) == null ? void 0 : e.query) || "";
   }
+  get searchTerm() {
+    var e, t;
+    return ((e = this.dataLayer.searchResultsMetadata) == null ? void 0 : e.autoCorrectedQuery) || ((t = this.dataLayer.searchObject) == null ? void 0 : t.query) || "";
+  }
   get searchExecuted() {
     var e, t, a;
     return ((e = this.dataLayer.searchObject) == null ? void 0 : e.query) !== void 0 && ((t = this.dataLayer.searchObject) == null ? void 0 : t.query) !== "undefined" && ((a = this.dataLayer.searchObject) == null ? void 0 : a.query) !== "";
@@ -78,6 +86,8 @@ class J {
       isLastPage: this.isLastPage,
       results: this.results,
       searchTerm: this.searchTerm !== "undefined" ? this.searchTerm : "",
+      autoCorrectedQuery: this.autoCorrectedQuery,
+      originalQuery: this.originalQuery,
       selectedFacets: this.selectedFacets,
       searchExecuted: this.searchExecuted,
       relatedSearches: this.relatedSearches,
@@ -102,7 +112,7 @@ class J {
     };
   }
 }
-class M {
+class E {
   static deepEqual(e, t) {
     const a = Object.keys(e), r = Object.keys(t);
     if (a.length !== r.length)
@@ -173,6 +183,7 @@ class X {
     n(this, "renderingEngineValue", x.mustache);
     n(this, "parsedData", new J(this));
     n(this, "sessionId");
+    n(this, "autocorrect", !1);
     this.sessionId = e;
   }
   setSearchTerm(e) {
@@ -188,10 +199,10 @@ class X {
     this.$loadingChange.setValue(e);
   }
   setSearchResults(e) {
-    M.deepEqual(e, this.searchResults ?? []) || this.$searchResults.setValue(e);
+    E.deepEqual(e, this.searchResults ?? []) || this.$searchResults.setValue(e);
   }
   setSearchResultsMetadata(e) {
-    M.deepEqual(e, this.searchResultsMetadata ?? {}) || this.$searchResultsMetadata.setValue(e);
+    E.deepEqual(e, this.searchResultsMetadata ?? {}) || this.$searchResultsMetadata.setValue(e);
   }
   setSearchAutosuggest(e) {
     this.$searchAutosuggest.setValue(e);
@@ -199,19 +210,19 @@ class X {
   setSearchObject(e) {
     var a, r;
     let t = e;
-    (r = (a = this.searchstaxConfig) == null ? void 0 : a.hooks) != null && r.beforeSearch && t && (t = this.searchstaxConfig.hooks.beforeSearch(t)), t && (M.deepEqual(t, this.searchObject ?? {}) || this.$searchObject.setValue(t));
+    (r = (a = this.searchstaxConfig) == null ? void 0 : a.hooks) != null && r.beforeSearch && t && (t = this.searchstaxConfig.hooks.beforeSearch(t)), t && (E.deepEqual(t, this.searchObject ?? {}) || this.$searchObject.setValue(t));
   }
   setSearchFacets(e) {
-    M.deepEqual(e, this.searchFacets ?? []) || this.$searchFacets.setValue(e);
+    E.deepEqual(e, this.searchFacets ?? []) || this.$searchFacets.setValue(e);
   }
   setSearchFacetsCached(e) {
-    M.deepEqual(e, this.searchFacetsCached ?? []) || this.$searchFacetsCached.setValue(e);
+    E.deepEqual(e, this.searchFacetsCached ?? []) || this.$searchFacetsCached.setValue(e);
   }
   setSearchRelatedSearches(e) {
-    M.deepEqual(e, this.searchRelatedSearches ?? []) || this.$searchRelatedSearches.setValue(e);
+    E.deepEqual(e, this.searchRelatedSearches ?? []) || this.$searchRelatedSearches.setValue(e);
   }
   setSearchExternalPromotions(e) {
-    M.deepEqual(e, this.searchExternalPromotions ?? []) || this.$searchExternalPromotions.setValue(e);
+    E.deepEqual(e, this.searchExternalPromotions ?? []) || this.$searchExternalPromotions.setValue(e);
   }
   setLanguage(e) {
     this.$language.setValue(e);
@@ -316,6 +327,7 @@ class D {
       latency: parseInt(e.responseHeader.QTime + ""),
       endDocValue: parseInt(e.responseHeader.params.rows) + parseInt(e.response.start + ""),
       spellingSuggestion: t,
+      autoCorrectedQuery: e.responseHeader.params.autoCorrectedQ ?? "",
       impressions: this.getImpressions(e)
     };
   }
@@ -556,7 +568,7 @@ class Y {
           (h) => h.type === "and" || h.type === "tabs"
         ),
         !1
-      ) + i + "&language=" + this.dataLayer.language + s, l = {
+      ) + i + `&spellcheck.correct=${this.dataLayer.autocorrect}&language=` + this.dataLayer.language + s, l = {
         method: "GET",
         headers: this.authHeader,
         credentials: "same-origin",
@@ -631,7 +643,7 @@ class Z {
     document.cookie = s;
   }
 }
-class B {
+class j {
   static trackClick(e) {
     const t = {
       key: e.trackApiKey,
@@ -698,19 +710,19 @@ class B {
   }
 }
 //@ts-ignore
-n(B, "msq", window._msq || []);
+n(j, "msq", window._msq || []);
 /*!
  * mustache.js - Logic-less {{mustache}} templates with JavaScript
  * http://github.com/janl/mustache.js
  */
-var ee = Object.prototype.toString, q = Array.isArray || function(e) {
+var ee = Object.prototype.toString, A = Array.isArray || function(e) {
   return ee.call(e) === "[object Array]";
 };
 function U(o) {
   return typeof o == "function";
 }
 function te(o) {
-  return q(o) ? "array" : typeof o;
+  return A(o) ? "array" : typeof o;
 }
 function N(o) {
   return o.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, "\\$&");
@@ -744,7 +756,7 @@ function le(o) {
     return ce[t];
   });
 }
-var oe = /\s*/, he = /\s+/, _ = /\s*=/, ue = /\s*\}/, de = /#|\^|\/|>|\{|&|=|!/;
+var oe = /\s*/, he = /\s+/, Q = /\s*=/, ue = /\s*\}/, de = /#|\^|\/|>|\{|&|=|!/;
 function ge(o, e) {
   if (!o)
     return [];
@@ -759,19 +771,19 @@ function ge(o, e) {
   }
   var g, p, y;
   function b(T) {
-    if (typeof T == "string" && (T = T.split(he, 2)), !q(T) || T.length !== 2)
+    if (typeof T == "string" && (T = T.split(he, 2)), !A(T) || T.length !== 2)
       throw new Error("Invalid tags: " + T);
     g = new RegExp(N(T[0]) + "\\s*"), p = new RegExp("\\s*" + N(T[1])), y = new RegExp("\\s*" + N("}" + T[1]));
   }
   b(e || m.tags);
   for (var f = new V(o), C, v, S, R, P, L; !f.eos(); ) {
     if (C = f.pos, S = f.scanUntil(g), S)
-      for (var E = 0, F = S.length; E < F; ++E)
-        R = S.charAt(E), ne(R) ? (s.push(r.length), l += R) : (c = !0, t = !0, l += " "), r.push(["text", R, C, C + 1]), C += 1, R === `
+      for (var M = 0, F = S.length; M < F; ++M)
+        R = S.charAt(M), ne(R) ? (s.push(r.length), l += R) : (c = !0, t = !0, l += " "), r.push(["text", R, C, C + 1]), C += 1, R === `
 ` && (u(), l = "", h = 0, t = !1);
     if (!f.scan(g))
       break;
-    if (i = !0, v = f.scan(de) || "name", f.scan(oe), v === "=" ? (S = f.scanUntil(_), f.scan(_), f.scanUntil(p)) : v === "{" ? (S = f.scanUntil(y), f.scan(ue), f.scanUntil(p), v = "&") : S = f.scanUntil(p), !f.scan(p))
+    if (i = !0, v = f.scan(de) || "name", f.scan(oe), v === "=" ? (S = f.scanUntil(Q), f.scan(Q), f.scanUntil(p)) : v === "{" ? (S = f.scanUntil(y), f.scan(ue), f.scanUntil(p), v = "&") : S = f.scanUntil(p), !f.scan(p))
       throw new Error("Unclosed tag at " + f.pos);
     if (v == ">" ? P = [v, S, C, f.pos, l, h, t] : P = [v, S, C, f.pos], h++, r.push(P), v === "#" || v === "^")
       a.push(P);
@@ -834,13 +846,13 @@ V.prototype.scanUntil = function(e) {
   }
   return this.pos += a.length, a;
 };
-function A(o, e) {
+function q(o, e) {
   this.view = o, this.cache = { ".": this.view }, this.parent = e;
 }
-A.prototype.push = function(e) {
-  return new A(e, this);
+q.prototype.push = function(e) {
+  return new q(e, this);
 };
-A.prototype.lookup = function(e) {
+q.prototype.lookup = function(e) {
   var t = this.cache, a;
   if (t.hasOwnProperty(e))
     a = t[e];
@@ -883,7 +895,7 @@ k.prototype.parse = function(e, t) {
   return i == null && (i = ge(e, t), s && a.set(r, i)), i;
 };
 k.prototype.render = function(e, t, a, r) {
-  var s = this.getConfigTags(r), i = this.parse(e, s), c = t instanceof A ? t : new A(t, void 0);
+  var s = this.getConfigTags(r), i = this.parse(e, s), c = t instanceof q ? t : new q(t, void 0);
   return this.renderTokens(i, c, a, e, r);
 };
 k.prototype.renderTokens = function(e, t, a, r, s) {
@@ -897,7 +909,7 @@ k.prototype.renderSection = function(e, t, a, r, s) {
     return i.render(p, t, a, s);
   }
   if (l) {
-    if (q(l))
+    if (A(l))
       for (var u = 0, g = l.length; u < g; ++u)
         c += this.renderTokens(e[4], t.push(l[u]), a, r, s);
     else if (typeof l == "object" || typeof l == "string" || typeof l == "number")
@@ -913,7 +925,7 @@ k.prototype.renderSection = function(e, t, a, r, s) {
 };
 k.prototype.renderInverted = function(e, t, a, r, s) {
   var i = t.lookup(e[1]);
-  if (!i || q(i) && i.length === 0)
+  if (!i || A(i) && i.length === 0)
     return this.renderTokens(e[4], t, a, r, s);
 };
 k.prototype.indentPartial = function(e, t, a) {
@@ -948,10 +960,10 @@ k.prototype.rawValue = function(e) {
   return e[1];
 };
 k.prototype.getConfigTags = function(e) {
-  return q(e) ? e : e && typeof e == "object" ? e.tags : void 0;
+  return A(e) ? e : e && typeof e == "object" ? e.tags : void 0;
 };
 k.prototype.getConfigEscape = function(e) {
-  if (e && typeof e == "object" && !q(e))
+  if (e && typeof e == "object" && !A(e))
     return e.escape;
 };
 var m = {
@@ -971,29 +983,29 @@ var m = {
    * the cache by setting it to the literal `undefined`.
    */
   set templateCache(o) {
-    j.templateCache = o;
+    B.templateCache = o;
   },
   /**
    * Gets the default or overridden caching object from the default writer.
    */
   get templateCache() {
-    return j.templateCache;
+    return B.templateCache;
   }
-}, j = new k();
+}, B = new k();
 m.clearCache = function() {
-  return j.clearCache();
+  return B.clearCache();
 };
 m.parse = function(e, t) {
-  return j.parse(e, t);
+  return B.parse(e, t);
 };
 m.render = function(e, t, a, r) {
   if (typeof e != "string")
     throw new TypeError('Invalid template! Template should be a "string" but "' + te(e) + '" was given as the first argument for mustache#render(template, view, partials)');
-  return j.render(e, t, a, r);
+  return B.render(e, t, a, r);
 };
 m.escape = le;
 m.Scanner = V;
-m.Context = A;
+m.Context = q;
 m.Writer = k;
 const me = {
   mainTemplate: {
@@ -1182,9 +1194,15 @@ const me = {
         {{#searchExecuted}}
             <div class="searchstax-feedback-container">
                 Showing <b>{{startResultIndex}} - {{endResultIndex}}</b> of <b>{{totalResults}}</b> results {{#searchTerm}} for "<b>{{searchTerm}}</b>" {{/searchTerm}}
+                <div class="searchstax-feedback-container-suggested">
+                  {{#autoCorrectedQuery}}
+                    Search instead for <a href="#" class="searchstax-feedback-original-query">{{originalQuery}}</a>
+                  {{/autoCorrectedQuery}}
+                </div>
             </div>
         {{/searchExecuted}}
-        `
+        `,
+    originalQueryClass: "searchstax-feedback-original-query"
   }
 }, be = {
   mainTemplate: {
@@ -1384,8 +1402,8 @@ class ke {
         const i = this.dataLayer.searchObject;
         let c = [...i.facets];
         const l = this.extractFacetValue(t);
-        s.checked ? c.find((u) => M.deepEqual(u, l) ? u : !1) || (this.config.facetingType === "tabs" && (c = c.filter((u) => u.name !== l.name)), c.push(l)) : c = c.filter(
-          (h) => !M.deepEqual(h, l)
+        s.checked ? c.find((u) => E.deepEqual(u, l) ? u : !1) || (this.config.facetingType === "tabs" && (c = c.filter((u) => u.name !== l.name)), c.push(l)) : c = c.filter(
+          (h) => !E.deepEqual(h, l)
         ), setTimeout(() => {
           this.dataLayer.setSearchObject({ ...i, facets: c, page: 1 }), this.config.facetingType === "tabs" && this.renderMainTemplate(this.generateTemplateData(), !0);
         }, 0);
@@ -1491,21 +1509,21 @@ class ke {
     var l, h, u, g, p, y, b, f, C, v, S, R, P, L;
     const a = document.createElement("div");
     a.classList.add("searchstax-facet-value-container"), e.disabled && a.classList.add("searchstax-facet-value-disabled");
-    const s = !!((l = this.dataLayer.searchObject.facets) != null && l.find((E) => M.deepEqual(E, this.extractFacetValue(e)))), i = ((g = (u = (h = this.config) == null ? void 0 : h.templates) == null ? void 0 : u.facetItemTemplate) == null ? void 0 : g.template) || ((p = d.facets.facetItemTemplate) == null ? void 0 : p.template);
+    const s = !!((l = this.dataLayer.searchObject.facets) != null && l.find((M) => E.deepEqual(M, this.extractFacetValue(e)))), i = ((g = (u = (h = this.config) == null ? void 0 : h.templates) == null ? void 0 : u.facetItemTemplate) == null ? void 0 : g.template) || ((p = d.facets.facetItemTemplate) == null ? void 0 : p.template);
     a.innerHTML = m.render(
       i,
       { ...e, isChecked: s }
     );
     let c = (y = d.facets.facetItemTemplate) == null ? void 0 : y.checkTriggerClasses;
-    c = ((C = (f = (b = this.config) == null ? void 0 : b.templates) == null ? void 0 : f.facetItemTemplate) == null ? void 0 : C.checkTriggerClasses) || c, c.forEach((E) => {
+    c = ((C = (f = (b = this.config) == null ? void 0 : b.templates) == null ? void 0 : f.facetItemTemplate) == null ? void 0 : C.checkTriggerClasses) || c, c.forEach((M) => {
       var F;
-      (F = a.querySelector("." + E)) == null || F.addEventListener("click", (T) => {
+      (F = a.querySelector("." + M)) == null || F.addEventListener("click", (T) => {
         this.onFacetSelect(T, e, a);
       });
     }), (L = a.querySelector(
       "." + (((R = (S = (v = this.config) == null ? void 0 : v.templates) == null ? void 0 : S.facetItemTemplate) == null ? void 0 : R.inputCheckboxClass) || ((P = d.facets.facetItemTemplate) == null ? void 0 : P.inputCheckboxClass))
-    )) == null || L.addEventListener("click", (E) => {
-      this.onFacetSelect(E, e, a, !0);
+    )) == null || L.addEventListener("click", (M) => {
+      this.onFacetSelect(M, e, a, !0);
     }), t.appendChild(a);
   }
   createHasMoreComponent(e, t, a) {
@@ -1534,7 +1552,7 @@ class ke {
   }
   renderMainTemplate(e, t) {
     var a, r, s, i, c, l, h, u, g, p, y;
-    if (e && (!M.deepEqual(this.cachedData ?? {}, e) || t)) {
+    if (e && (!E.deepEqual(this.cachedData ?? {}, e) || t)) {
       this.cachedData = e;
       const b = ((s = (r = (a = this.config) == null ? void 0 : a.templates) == null ? void 0 : r.mainTemplateDesktop) == null ? void 0 : s.template) || ((i = d.facets.mainTemplateDesktop) == null ? void 0 : i.template);
       if (this.dataLayer.renderingEngine === x.mustache && this.searchFacetsMainContainer) {
@@ -1641,9 +1659,9 @@ class ke {
     if (e) {
       const L = document.createElement("div");
       L.classList.add("searchstax-facets-container-mobile");
-      const E = ((r = (a = (t = this.config) == null ? void 0 : t.templates) == null ? void 0 : a.mainTemplateMobile) == null ? void 0 : r.template) || ((s = d.facets.mainTemplateMobile) == null ? void 0 : s.template);
+      const M = ((r = (a = (t = this.config) == null ? void 0 : t.templates) == null ? void 0 : a.mainTemplateMobile) == null ? void 0 : r.template) || ((s = d.facets.mainTemplateMobile) == null ? void 0 : s.template);
       if (this.dataLayer.renderingEngine === x.mustache) {
-        if (L.innerHTML = m.render(E, {
+        if (L.innerHTML = m.render(M, {
           ...e,
           overlayOpened: this.overlayOpened
         }), (i = this.searchFacetsMainContainer) == null || i.appendChild(L), (l = (c = this.config) == null ? void 0 : c.templates) != null && l.mainTemplateMobile)
@@ -1806,9 +1824,10 @@ class Pe {
     n(this, "config");
     n(this, "containerId");
     n(this, "searchFeedbackMainContainer", null);
-    this.dataLayer = e.dataLayer, this.config = e.config, this.containerId = e.containerId, this.searchFeedbackMainContainer = document.getElementById(
+    n(this, "searchTrigger");
+    this.dataLayer = e.dataLayer, this.config = e.config, this.containerId = e.containerId, this.searchTrigger = e.searchTrigger, this.searchFeedbackMainContainer = document.getElementById(
       this.containerId
-    ), this.initializeSubscriptions(), this.renderMainTemplate(this.generateTemplateData());
+    ), this.initializeSubscriptions();
   }
   initializeSubscriptions() {
     this.dataLayer.$searchResults.subscribe((e) => {
@@ -1820,16 +1839,31 @@ class Pe {
       ...this.dataLayer.parsedData.data
     };
   }
+  onOriginalQueryClick(e) {
+    var a;
+    e.stopPropagation(), e.preventDefault();
+    const t = (a = e.target) == null ? void 0 : a.innerHTML;
+    this.searchTrigger(t);
+  }
+  attachClick() {
+    var t, a, r, s, i;
+    const e = (i = this.searchFeedbackMainContainer) == null ? void 0 : i.querySelector(
+      "." + (((r = (a = (t = this.config) == null ? void 0 : t.templates) == null ? void 0 : a.main) == null ? void 0 : r.originalQueryClass) || ((s = d.searchFeedback.main) == null ? void 0 : s.originalQueryClass))
+    );
+    e && e.addEventListener("click", this.onOriginalQueryClick.bind(this));
+  }
   renderMainTemplate(e) {
     var a, r, s;
     const t = ((s = (r = (a = this.config) == null ? void 0 : a.templates) == null ? void 0 : r.main) == null ? void 0 : s.template) || d.searchFeedback.main.template;
     this.dataLayer.renderingEngine === x.mustache && (this.searchFeedbackMainContainer.innerHTML = m.render(
       t,
       e
-    ));
+    ), setTimeout(() => {
+      this.attachClick();
+    }, 0));
   }
 }
-class Ee {
+class Me {
   constructor(e) {
     n(this, "dataLayer");
     n(this, "config");
@@ -1993,7 +2027,7 @@ class Ee {
     }
   }
 }
-class Me {
+class Ee {
   constructor(e) {
     n(this, "dataLayer");
     n(this, "config");
@@ -2140,7 +2174,7 @@ class we {
     }
   }
 }
-class Ae {
+class qe {
   constructor(e = x.mustache) {
     n(this, "routerEnabled", !1);
     n(this, "cachedQuery", "");
@@ -2177,7 +2211,7 @@ class Ae {
     }), this.dataLayer.$searchObject.subscribe((a) => {
       a.query !== "" && this.search(a);
     }), this.dataLayer.$searchResults.subscribe((a) => {
-      a && this.dataLayer.searchResultsMetadata && B.trackSearch({
+      a && this.dataLayer.searchResultsMetadata && j.trackSearch({
         ...this.dataLayer.parsedData.trackingData,
         impressions: this.dataLayer.searchResultsMetadata.impressions
       });
@@ -2185,7 +2219,7 @@ class Ae {
   }
   initialize(e) {
     var t, a;
-    this.dataLayer.searchstaxConfig || (this.dataLayer.setSearchstaxConfig(e), this.searchHelper = new Y(
+    this.dataLayer.autocorrect = e.autocorrect ?? !1, this.dataLayer.searchstaxConfig || (this.dataLayer.setSearchstaxConfig(e), this.searchHelper = new Y(
       { ...e, sessionId: this.dataLayer.sessionId },
       this.dataLayer
     )), ((t = e.router) == null ? void 0 : t.enabled) === void 0 || ((a = e.router) == null ? void 0 : a.enabled) === !0 ? (this.routerEnabled = !0, this.routerHelper = new W(
@@ -2221,7 +2255,7 @@ class Ae {
         relatedSearch: i.related_search,
         position: i.position
       });
-    this.dataLayer.searchResultsMetadata && B.trackRelatedSearches({
+    this.dataLayer.searchResultsMetadata && j.trackRelatedSearches({
       ...this.dataLayer.parsedData.trackingData,
       impressions: r
     }), this.dataLayer.setSearchRelatedSearches(a);
@@ -2230,12 +2264,12 @@ class Ae {
     this.routerEnabled && this.routerHelper.updateUrl(this.dataLayer.searchObject);
   }
   parseSearchResultsResponse(e) {
-    var r, s;
+    var s, i;
     this.handleRouter();
     let t = D.combineResultsWithMetadata(e), a = D.extractFacets(e);
-    this.dataLayer.setSearchFacets(a), (s = (r = this.dataLayer.searchstaxConfig) == null ? void 0 : r.hooks) != null && s.afterSearch && (t = this.dataLayer.searchstaxConfig.hooks.afterSearch(t)), this.dataLayer.setSearchExternalPromotions(e.externalLinks ?? []), this.dataLayer.setSearchResultsMetadata(
-      D.extractSearchResultsMetadata(e)
-    ), this.dataLayer.setSearchResults(t);
+    this.dataLayer.setSearchFacets(a), (i = (s = this.dataLayer.searchstaxConfig) == null ? void 0 : s.hooks) != null && i.afterSearch && (t = this.dataLayer.searchstaxConfig.hooks.afterSearch(t)), this.dataLayer.setSearchExternalPromotions(e.externalLinks ?? []);
+    const r = D.extractSearchResultsMetadata(e);
+    this.dataLayer.setSearchResultsMetadata(r), this.dataLayer.setSearchResults(t);
   }
   cacheFacets() {
     var e;
@@ -2257,7 +2291,7 @@ class Ae {
     this.searchHelper && this.dataLayer.setLanguage(e);
   }
   addSearchInputWidget(e, t) {
-    this.dataLayer.searchInputConfig || (this.dataLayer.setSearchInputConfig(t), this.searchInputWidget = new Ee({
+    this.dataLayer.searchInputConfig || (this.dataLayer.setSearchInputConfig(t), this.searchInputWidget = new Me({
       containerId: e,
       config: t,
       searchTrigger: this.executeSearch.bind(this),
@@ -2266,7 +2300,7 @@ class Ae {
     }));
   }
   addSearchResultsWidget(e, t) {
-    this.searchResultsConfig || (this.searchResultsConfig = t, this.searchResultsWidget = new Me({
+    this.searchResultsConfig || (this.searchResultsConfig = t, this.searchResultsWidget = new Ee({
       containerId: e,
       linkClickCallback: this.executeLinkClick.bind(this),
       searchTrigger: this.executeSearch.bind(this),
@@ -2286,7 +2320,8 @@ class Ae {
     this.searchFeedbackConfig || (this.searchFeedbackConfig = t, this.searchFeedbackWidget = new Pe({
       containerId: e,
       config: t,
-      dataLayer: this.dataLayer
+      dataLayer: this.dataLayer,
+      searchTrigger: this.executeSearch.bind(this)
     }));
   }
   addSearchSortingWidget(e, t) {
@@ -2337,7 +2372,7 @@ class Ae {
     (r = (a = this.dataLayer.searchInputConfig) == null ? void 0 : a.hooks) != null && r.beforeAutosuggest && (t = this.dataLayer.searchInputConfig.hooks.beforeAutosuggest(t)), t && t.term !== void 0 && t.queryParams !== void 0 && this.suggest(t.term, t.queryParams);
   }
   trackRelatedSearchClick(e) {
-    this.dataLayer.searchResultsMetadata && this.dataLayer.searchRelatedSearches && B.trackRelatedSearchClick({
+    this.dataLayer.searchResultsMetadata && this.dataLayer.searchRelatedSearches && j.trackRelatedSearchClick({
       ...this.dataLayer.parsedData.trackingData,
       relatedSearch: e
     });
@@ -2348,7 +2383,7 @@ class Ae {
       e,
       this.dataLayer.searchResults ?? []
     );
-    t && ((r = (a = this.searchResultsConfig) == null ? void 0 : a.hooks) != null && r.afterLinkClick && (t = this.searchResultsConfig.hooks.afterLinkClick(t)), t && this.dataLayer.searchResultsMetadata && (B.trackClick({
+    t && ((r = (a = this.searchResultsConfig) == null ? void 0 : a.hooks) != null && r.afterLinkClick && (t = this.searchResultsConfig.hooks.afterLinkClick(t)), t && this.dataLayer.searchResultsMetadata && (j.trackClick({
       result: t,
       ...this.dataLayer.parsedData.trackingData
     }), setTimeout(() => {
@@ -2365,5 +2400,5 @@ class Ae {
   }
 }
 export {
-  Ae as Searchstax
+  qe as Searchstax
 };

package/dist/styles/mainTheme.css

@@ -429,6 +429,11 @@
 .searchstax-feedback-container {
   font-size: 18px;
   font-weight: 300; }
+  .searchstax-feedback-container .searchstax-feedback-container-suggested {
+    margin-top: 10px; }
+    .searchstax-feedback-container .searchstax-feedback-container-suggested a.searchstax-feedback-original-query {
+      color: #fc6730;
+      text-decoration: none; }
 
 .searchstax-sorting-container {
   display: flex;

package/dist/styles/scss/widgets/searchFeedback/style.scss

@@ -1,4 +1,14 @@
+@import "./../../colors.scss";
 .searchstax-feedback-container {
   font-size: 18px;
   font-weight: 300;
+
+  .searchstax-feedback-container-suggested{
+    margin-top: 10px;
+    a.searchstax-feedback-original-query{
+      color: $actionColor;
+      text-decoration: none;
+    }
+  }
+
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@searchstax-inc/searchstudio-ux-js",
   "private": false,
-  "version": "0.3.0",
+  "version": "0.3.2",
   "files": [
     "dist"
   ],