@searchstax-inc/searchstudio-ux-react 0.3.17 → 0.3.18

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

@@ -1,5 +1,5 @@
 import ct, { useState as q, useEffect as ee, useRef as Ot, createRef as tt } from "react";
-var je = { exports: {} }, oe = {};
+var je = { exports: {} }, he = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -12,7 +12,7 @@ var je = { exports: {} }, oe = {};
 var at;
 function At() {
   if (at)
-    return oe;
+    return he;
   at = 1;
   var i = ct, e = Symbol.for("react.element"), t = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, a = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, r = { key: !0, ref: !0, __self: !0, __source: !0 };
   function c(l, o, d) {
@@ -25,9 +25,9 @@ function At() {
         g[f] === void 0 && (g[f] = o[f]);
     return { $$typeof: e, type: l, key: m, ref: S, props: g, _owner: a.current };
   }
-  return oe.Fragment = t, oe.jsx = c, oe.jsxs = c, oe;
+  return he.Fragment = t, he.jsx = c, he.jsxs = c, he;
 }
-var he = {};
+var ue = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -129,13 +129,13 @@ function Mt() {
         }
       return null;
     }
-    var Y = Object.assign, ce = 0, Oe, Ae, Me, De, Ne, $e, qe;
+    var Y = Object.assign, le = 0, Oe, Ae, Me, De, Ne, $e, qe;
     function _e() {
     }
     _e.__reactDisabledLog = !0;
     function lt() {
       {
-        if (ce === 0) {
+        if (le === 0) {
           Oe = console.log, Ae = console.info, Me = console.warn, De = console.error, Ne = console.group, $e = console.groupCollapsed, qe = console.groupEnd;
           var n = {
             configurable: !0,
@@ -153,12 +153,12 @@ function Mt() {
             groupEnd: n
           });
         }
-        ce++;
+        le++;
       }
     }
     function ot() {
       {
-        if (ce--, ce === 0) {
+        if (le--, le === 0) {
           var n = {
             configurable: !0,
             enumerable: !0,
@@ -188,7 +188,7 @@ function Mt() {
             })
           });
         }
-        ce < 0 && T("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        le < 0 && T("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var Ce = E.ReactCurrentDispatcher, Se;
@@ -278,7 +278,7 @@ function Mt() {
       } finally {
         Le = !1, Ce.current = A, ot(), Error.prepareStackTrace = F;
       }
-      var ae = n ? n.displayName || n.name : "", et = ae ? fe(ae) : "";
+      var se = n ? n.displayName || n.name : "", et = se ? fe(se) : "";
       return typeof n == "function" && ve.set(n, et), et;
     }
     function ut(n, p, y) {
@@ -368,7 +368,7 @@ function Mt() {
       if (ft(n))
         return T("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", mt(n)), Ve(n);
     }
-    var le = E.ReactCurrentOwner, vt = {
+    var oe = E.ReactCurrentOwner, vt = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -392,9 +392,9 @@ function Mt() {
       return n.key !== void 0;
     }
     function bt(n, p) {
-      if (typeof n.ref == "string" && le.current && p && le.current.stateNode !== p) {
-        var y = Q(le.current.type);
-        ke[y] || (T('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', Q(le.current.type), n.ref), ke[y] = !0);
+      if (typeof n.ref == "string" && oe.current && p && oe.current.stateNode !== p) {
+        var y = Q(oe.current.type);
+        ke[y] || (T('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', Q(oe.current.type), n.ref), ke[y] = !0);
       }
     }
     function Ct(n, p) {
@@ -463,11 +463,11 @@ function Mt() {
           var H = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
           w && Ct(I, H), V && St(I, H);
         }
-        return Lt(n, w, V, F, L, le.current, I);
+        return Lt(n, w, V, F, L, oe.current, I);
       }
     }
     var Re = E.ReactCurrentOwner, ze = E.ReactDebugCurrentFrame;
-    function te(n) {
+    function ae(n) {
       if (n) {
         var p = n._owner, y = ye(n.type, n._source, p ? p.type : null);
         ze.setExtraStackFrame(y);
@@ -525,7 +525,7 @@ Check the top-level render call using <` + y + ">.");
           return;
         Ye[y] = !0;
         var L = "";
-        n && n._owner && n._owner !== Re.current && (L = " It was passed a child from " + Q(n._owner.type) + "."), te(n), T('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, L), te(null);
+        n && n._owner && n._owner !== Re.current && (L = " It was passed a child from " + Q(n._owner.type) + "."), ae(n), T('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, L), ae(null);
       }
     }
     function Xe(n, p) {
@@ -577,11 +577,11 @@ Check the top-level render call using <` + y + ">.");
         for (var p = Object.keys(n.props), y = 0; y < p.length; y++) {
           var L = p[y];
           if (L !== "children" && L !== "key") {
-            te(n), T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", L), te(null);
+            ae(n), T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", L), ae(null);
             break;
           }
         }
-        n.ref !== null && (te(n), T("Invalid attribute `ref` supplied to `React.Fragment`."), te(null));
+        n.ref !== null && (ae(n), T("Invalid attribute `ref` supplied to `React.Fragment`."), ae(null));
       }
     }
     function Ze(n, p, y, L, F, A) {
@@ -603,8 +603,8 @@ Check the top-level render call using <` + y + ">.");
           if (z !== void 0)
             if (L)
               if (Te(z)) {
-                for (var ae = 0; ae < z.length; ae++)
-                  Xe(z[ae], n);
+                for (var se = 0; se < z.length; se++)
+                  Xe(z[se], n);
                 Object.freeze && Object.freeze(z);
               } else
                 T("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
@@ -621,8 +621,8 @@ Check the top-level render call using <` + y + ">.");
       return Ze(n, p, y, !1);
     }
     var jt = Pt, Ft = It;
-    he.Fragment = s, he.jsx = jt, he.jsxs = Ft;
-  }()), he;
+    ue.Fragment = s, ue.jsx = jt, ue.jsxs = Ft;
+  }()), ue;
 }
 process.env.NODE_ENV === "production" ? je.exports = At() : je.exports = Mt();
 var u = je.exports, Dt = Object.defineProperty, Nt = (i, e, t) => e in i ? Dt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, h = (i, e, t) => (Nt(i, typeof e != "symbol" ? e + "" : e, t), t), W = /* @__PURE__ */ ((i) => (i[i.mustache = 0] = "mustache", i[i.vue = 1] = "vue", i[i.react = 2] = "react", i[i.angular = 3] = "angular", i))(W || {});
@@ -1033,7 +1033,7 @@ class qt {
     return (this.$cookiesDisabled.getValue() ?? !1) || !navigator.cookieEnabled;
   }
 }
-class ue {
+class de {
   static combineResultsWithMetadata(e) {
     const t = [], s = parseInt(e.response.start + "");
     return parseInt(e.responseHeader.params.rows), e.response.docs.forEach((a, r) => {
@@ -1256,7 +1256,7 @@ class _t {
     return e.indexOf("?") !== -1;
   }
 }
-const se = {
+const re = {
   questionURL: "http://smartsearch-dev.searchstax.co/completion/?q=",
   question: "I_AM_A_QUESTION",
   notQuestion: "I_AM_NOT_A_QUESTION",
@@ -1320,7 +1320,7 @@ class Ht {
     ));
   }
   cacheFacetsCallback(e) {
-    let t = ue.extractFacets(e);
+    let t = de.extractFacets(e);
     this.dataLayer.setSearchFacetsCached(t);
   }
   search(e, t, s = !1, a = !1) {
@@ -1355,13 +1355,13 @@ class Ht {
   startSSE(e, t) {
     if (!this.dataLayer.turnAIAnswerGenerationOn || e === "*" || this.dataLayer.lastSearchValue === e || this.dataLayer.searchObject.facets.length > 0 || this.dataLayer.searchObject.page !== 1)
       return;
-    const s = new EventSource(se.questionURL + e), a = this.dataLayer;
+    const s = new EventSource(re.questionURL + e), a = this.dataLayer;
     s.onmessage = function(r) {
-      if (r.data === se.question || r.data === se.notQuestion) {
+      if (r.data === re.question || r.data === re.notQuestion) {
         a.setAnswerData("");
         return;
       }
-      if (r.data === se.close) {
+      if (r.data === re.close) {
         s.close();
         return;
       }
@@ -1395,7 +1395,7 @@ class Ht {
     return "&" + t.join("&");
   }
 }
-class re {
+class ie {
   static trackClick(e) {
     const t = {
       key: e.trackApiKey,
@@ -1464,19 +1464,19 @@ class re {
     }, 0);
   }
 }
-h(re, "subscribedToClickEvent", !1), h(re, "msq", () => typeof window < "u" && window != null && window._msq ? window == null ? void 0 : window._msq : []);
+h(ie, "subscribedToClickEvent", !1), h(ie, "msq", () => typeof window < "u" && window != null && window._msq ? window == null ? void 0 : window._msq : []);
 /*!
  * mustache.js - Logic-less {{mustache}} templates with JavaScript
  * http://github.com/janl/mustache.js
  */
-var Bt = Object.prototype.toString, ne = Array.isArray || function(i) {
+var Bt = Object.prototype.toString, ce = Array.isArray || function(i) {
   return Bt.call(i) === "[object Array]";
 };
 function Fe(i) {
   return typeof i == "function";
 }
 function Wt(i) {
-  return ne(i) ? "array" : typeof i;
+  return ce(i) ? "array" : typeof i;
 }
 function Pe(i) {
   return i.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, "\\$&");
@@ -1525,7 +1525,7 @@ function ta(i, e) {
   }
   var g, m, S;
   function O(x) {
-    if (typeof x == "string" && (x = x.split(Xt, 2)), !ne(x) || x.length !== 2)
+    if (typeof x == "string" && (x = x.split(Xt, 2)), !ce(x) || x.length !== 2)
       throw new Error("Invalid tags: " + x);
     g = new RegExp(Pe(x[0]) + "\\s*"), m = new RegExp("\\s*" + Pe(x[1])), S = new RegExp("\\s*" + Pe("}" + x[1]));
   }
@@ -1600,13 +1600,13 @@ pe.prototype.scanUntil = function(i) {
   }
   return this.pos += t.length, t;
 };
-function ie(i, e) {
+function ne(i, e) {
   this.view = i, this.cache = { ".": this.view }, this.parent = e;
 }
-ie.prototype.push = function(i) {
-  return new ie(i, this);
+ne.prototype.push = function(i) {
+  return new ne(i, this);
 };
-ie.prototype.lookup = function(i) {
+ne.prototype.lookup = function(i) {
   var e = this.cache, t;
   if (e.hasOwnProperty(i))
     t = e[i];
@@ -1649,7 +1649,7 @@ U.prototype.parse = function(i, e) {
   return r == null && (r = ta(i, e), a && t.set(s, r)), r;
 };
 U.prototype.render = function(i, e, t, s) {
-  var a = this.getConfigTags(s), r = this.parse(i, a), c = e instanceof ie ? e : new ie(e, void 0);
+  var a = this.getConfigTags(s), r = this.parse(i, a), c = e instanceof ne ? e : new ne(e, void 0);
   return this.renderTokens(r, c, t, i, s);
 };
 U.prototype.renderTokens = function(i, e, t, s, a) {
@@ -1663,7 +1663,7 @@ U.prototype.renderSection = function(i, e, t, s, a) {
     return r.render(g, e, t, a);
   }
   if (l) {
-    if (ne(l))
+    if (ce(l))
       for (var d = 0, f = l.length; d < f; ++d)
         c += this.renderTokens(i[4], e.push(l[d]), t, s, a);
     else if (typeof l == "object" || typeof l == "string" || typeof l == "number")
@@ -1679,7 +1679,7 @@ U.prototype.renderSection = function(i, e, t, s, a) {
 };
 U.prototype.renderInverted = function(i, e, t, s, a) {
   var r = e.lookup(i[1]);
-  if (!r || ne(r) && r.length === 0)
+  if (!r || ce(r) && r.length === 0)
     return this.renderTokens(i[4], e, t, s, a);
 };
 U.prototype.indentPartial = function(i, e, t) {
@@ -1714,10 +1714,10 @@ U.prototype.rawValue = function(i) {
   return i[1];
 };
 U.prototype.getConfigTags = function(i) {
-  return ne(i) ? i : i && typeof i == "object" ? i.tags : void 0;
+  return ce(i) ? i : i && typeof i == "object" ? i.tags : void 0;
 };
 U.prototype.getConfigEscape = function(i) {
-  if (i && typeof i == "object" && !ne(i))
+  if (i && typeof i == "object" && !ce(i))
     return i.escape;
 };
 var P = {
@@ -1759,7 +1759,7 @@ P.render = function(i, e, t, s) {
 };
 P.escape = Yt;
 P.Scanner = pe;
-P.Context = ie;
+P.Context = ne;
 P.Writer = U;
 const ra = {
   main: {
@@ -1957,7 +1957,7 @@ const ra = {
   },
   relatedSearch: {
     template: `
-        <span class="searchstax-related-search searchstax-related-search-item" tabindex="0">
+        <span class="searchstax-related-search searchstax-related-search-item" aria-label="Related search: {{related_search}}" tabindex="0">
             {{ related_search }}{{^last}}<span>,</span>{{/last}}
         </span>
         `,
@@ -1970,10 +1970,10 @@ const ra = {
             <a href="#searchstax-search-results" class="searchstax-skip">Skip to results section</a>
             <h4 class="searchstax-feedback-container">
               {{#hasResults}}
-                  Showing <b>{{startResultIndex}} - {{endResultIndex}}</b> of <b>{{totalResults}}</b> results {{#searchTerm}} for "<b>{{searchTerm}}</b>" {{/searchTerm}}
+                 <span aria-live="polite"> Showing <b>{{startResultIndex}} - {{endResultIndex}}</b> </span> 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>
+                      Search instead for <a href="#" aria-label="Search instead for: {{originalQuery}}" class="searchstax-feedback-original-query">{{originalQuery}}</a>
                     {{/autoCorrectedQuery}}
                   </div>
                 {{/hasResults}}
@@ -2024,7 +2024,7 @@ const ra = {
                 {{/ribbon}}
 
                 {{#thumbnail}}
-                    <img src="{{thumbnail}}" class="searchstax-thumbnail">
+                    <img src="{{thumbnail}}" alt="" class="searchstax-thumbnail">
                 {{/thumbnail}}
                 <div class="searchstax-search-result-title-container">
                     <h5 class="searchstax-search-result-title">{{title}}</h5>
@@ -2045,7 +2045,7 @@ const ra = {
                 {{#unmappedFields}}
                     {{#isImage}}
                         <div class="searchstax-search-result-image-container">
-                        <img src="{{value}}" class="searchstax-result-image">
+                        <img src="{{value}}" alt="" class="searchstax-result-image">
                         </div>
                     {{/isImage}}
                     {{^isImage}}
@@ -2066,7 +2066,7 @@ const ra = {
                 Showing <strong>no results</strong> for <strong>"{{ searchTerm }}"</strong>
                 <br>
                 {{#spellingSuggestion}}
-                    <span>&nbsp;Did you mean <a href="#" class="searchstax-suggestion-term" onclick="searchCallback('{{ spellingSuggestion }}')">{{ spellingSuggestion }}</a>?</span>
+                    <span>&nbsp;Did you mean <a href="#" class="searchstax-suggestion-term" onclick="searchCallback('{{ spellingSuggestion }}')" aria-label="suggested term: {{ spellingSuggestion }}">{{ spellingSuggestion }}</a>?</span>
                 {{/spellingSuggestion}}
             </div>
             <ul class="searchstax-no-results-list" aria-live="polite">
@@ -2151,21 +2151,23 @@ class ga {
     }
   }
 }
-class de {
+class te {
   static addAccessibilityNotificationContainerToBody() {
     if (!document.getElementById("searchAccessibilityContainer")) {
       const e = document.createElement("div");
       e.setAttribute("aria-live", "polite"), e.setAttribute("id", "searchAccessibilityContainer"), document.body.appendChild(e);
     }
   }
-  static setAccessibilityText(e) {
+  static setAccessibilityText(e, t) {
     this.addAccessibilityNotificationContainerToBody();
-    const t = document.getElementById("searchAccessibility");
-    t && t.remove();
-    const s = document.createElement("span");
-    s.setAttribute("id", "searchAccessibility"), s.innerHTML = e;
-    const a = document.getElementById("searchAccessibilityContainer");
-    a && a.appendChild(s);
+    const s = document.getElementById("searchAccessibility");
+    s && s.remove();
+    const a = document.createElement("span");
+    a.setAttribute("id", "searchAccessibility"), a.innerHTML = e;
+    const r = document.getElementById("searchAccessibilityContainer");
+    r && setTimeout(() => {
+      r.appendChild(a);
+    }, t ?? 100);
   }
 }
 class pa {
@@ -2344,7 +2346,7 @@ class pa {
   onShowMoreLessClick(e, t, s) {
     e.preventDefault();
     const a = s ? this.facetPaginationStepMobile : this.facetPaginationStep, r = s ? this.facetLimits : this.facetLimitsMobile;
-    r[t.name] === void 0 ? r[t.name] = a * 2 : r[t.name] <= t.values.length ? (de.setAccessibilityText(`More Facets shown for ${t.label}`), r[t.name] = r[t.name] + a) : (de.setAccessibilityText(`Less Facets shown for ${t.label}`), r[t.name] = a), this.generateTemplateData(s), this.renderMainTemplate(this.generateTemplateData());
+    r[t.name] === void 0 ? r[t.name] = a * 2 : r[t.name] <= t.values.length ? (te.setAccessibilityText(`More Facets shown for ${t.label}`), r[t.name] = r[t.name] + a) : (te.setAccessibilityText(`Less Facets shown for ${t.label}`), r[t.name] = a), this.generateTemplateData(s), this.renderMainTemplate(this.generateTemplateData());
   }
   renderMainTemplate(e, t) {
     var s, a, r, c, l, o, d, f, g, m, S;
@@ -2781,7 +2783,7 @@ class ya {
       );
       for (let t = 0; t < e.length; t++) {
         const s = e[t];
-        t === this.selectedAutosuggestItem ? s.classList.add("active") : s.classList.remove("active");
+        t === this.selectedAutosuggestItem ? (s.classList.add("active"), te.setAccessibilityText(`Selected suggestion: ${s.innerText}`)) : s.classList.remove("active");
       }
     }
   }
@@ -2844,7 +2846,7 @@ class ya {
         for (const a in s)
           if (Object.prototype.hasOwnProperty.call(s, a)) {
             const r = s[a];
-            this.autosuggestResults = r, this.dataLayer.setAutosuggestResults(r), r.numFound > 0 ? r.suggestions.forEach((c) => {
+            r.numFound ? te.setAccessibilityText("Suggestions are available. Use up and down arrows to navigate while focusing input.", 2e3) : te.setAccessibilityText("", 0), this.autosuggestResults = r, this.dataLayer.setAutosuggestResults(r), r.numFound > 0 ? r.suggestions.forEach((c) => {
               this.autosuggestContainer && typeof document < "u" && this.autosuggestContainer.appendChild(
                 this.createAutosuggestItem(c)
               );
@@ -2869,7 +2871,7 @@ class xa {
   }
   initializeSubscriptions() {
     this.dataLayer.$searchObject.subscribe(() => {
-      de.setAccessibilityText("Searching...");
+      te.setAccessibilityText("Searching...");
     }), this.dataLayer.$searchResults.subscribe((e) => {
       e && this.searchResultsContainer && this.renderResults(e);
     });
@@ -2898,9 +2900,9 @@ class xa {
     var t, s, a, r, c;
     if (this.dataLayer.renderingEngine === W.mustache && this.searchResultsContainer)
       if (this.removeLinkClickEvents(), e.length === 0)
-        de.setAccessibilityText(""), this.renderNoResultsTemplate();
+        te.setAccessibilityText("Search has no results"), this.renderNoResultsTemplate();
       else {
-        de.setAccessibilityText("Results are returned. Press tab to navigate through results");
+        te.setAccessibilityText(`Showing ${this.dataLayer.parsedData.startResultIndex} through ${this.dataLayer.parsedData.endResultIndex} results from ${this.dataLayer.parsedData.totalResults}. Press tab to navigate through results`);
         const l = ((a = (s = (t = this.config) == null ? void 0 : t.templates) == null ? void 0 : s.searchResultTemplate) == null ? void 0 : a.template) || ((r = b.searchResults.searchResultTemplate) == null ? void 0 : r.template), o = e.map((d) => P.render(l, d));
         ((c = this.config) == null ? void 0 : c.renderMethod) === "infiniteScroll" && this.dataLayer.searchObject.page > 1 ? this.searchResultsContainer.innerHTML += o.join("") : this.searchResultsContainer.innerHTML = o.join(""), this.searchResultLinks = Array.from(
           this.searchResultsContainer.querySelectorAll(
@@ -3039,7 +3041,7 @@ class Sa {
         this.parseAnswerResultsResponse.bind(this)
       )));
     }), this.dataLayer.$searchResults.subscribe((s) => {
-      s && this.dataLayer.searchResultsMetadata && !this.dataLayer.cookiesDisabled && re.trackSearch({
+      s && this.dataLayer.searchResultsMetadata && !this.dataLayer.cookiesDisabled && ie.trackSearch({
         ...this.dataLayer.parsedData.trackingData,
         impressions: this.dataLayer.searchResultsMetadata.impressions
       });
@@ -3054,7 +3056,7 @@ class Sa {
   }
   initialize(e) {
     var t, s;
-    if (this.dataLayer = new qt("searchstax_session_id", e.sessionId), this.renderEngine && this.dataLayer.setRenderingEngine(this.renderEngine), this.handleHooks(), e.analyticsBaseUrl && typeof window < "u" && (window.analyticsBaseUrl = e.analyticsBaseUrl, window._msq = e._msq || [], this.attachAnalyticsScript(e.analyticsSrc)), e.turnAIAnswerGenerationOn === !0 && (this.dataLayer.turnAIAnswerGenerationOn = !0), e.autoCorrect === !1 && (this.dataLayer.autoCorrect = !1), this.dataLayer.searchstaxConfig || (this.dataLayer.setSearchstaxConfig(e), this.searchHelper = new Ht(
+    if (this.dataLayer = new qt("searchstax_session_id", e.sessionId), this.renderEngine && this.dataLayer.setRenderingEngine(this.renderEngine), this.handleHooks(), e.analyticsBaseUrl && typeof window < "u" && (window.analyticsBaseUrl = e.analyticsBaseUrl, window._msq = e._msq || [], this.attachAnalyticsScript(e.analyticsSrc)), e.turnAIAnswerGenerationOn === !0 && (this.dataLayer.turnAIAnswerGenerationOn = !0), e.autoCorrect === !1 && (this.dataLayer.autoCorrect = !1), e.language && this.dataLayer.setLanguage(e.language), this.dataLayer.searchstaxConfig || (this.dataLayer.setSearchstaxConfig(e), this.searchHelper = new Ht(
       { ...e, sessionId: this.dataLayer.sessionId },
       this.dataLayer
     )), ((t = e.router) == null ? void 0 : t.enabled) === void 0 || ((s = e.router) == null ? void 0 : s.enabled) === !0) {
@@ -3102,7 +3104,7 @@ class Sa {
         relatedSearch: r.related_search,
         position: r.position
       });
-    this.dataLayer.searchResultsMetadata && !this.dataLayer.cookiesDisabled && re.trackRelatedSearches({
+    this.dataLayer.searchResultsMetadata && !this.dataLayer.cookiesDisabled && ie.trackRelatedSearches({
       ...this.dataLayer.parsedData.trackingData,
       impressions: a
     }), this.dataLayer.setSearchRelatedSearches(s);
@@ -3116,13 +3118,13 @@ class Sa {
   parseSearchResultsResponse(e) {
     var t, s;
     this.handleRouter();
-    let a = ue.combineResultsWithMetadata(e), r = ue.extractFacets(e);
+    let a = de.combineResultsWithMetadata(e), r = de.extractFacets(e);
     this.dataLayer.setSearchFacets(r), (s = (t = this.dataLayer.searchstaxConfig) == null ? void 0 : t.hooks) != null && s.afterSearch && (a = this.dataLayer.searchstaxConfig.hooks.afterSearch(a)), this.dataLayer.setSearchExternalPromotions(e.externalLinks ?? []);
-    const c = ue.extractSearchResultsMetadata(e);
+    const c = de.extractSearchResultsMetadata(e);
     this.dataLayer.setSearchResultsMetadata(c), this.dataLayer.setSearchResults(a);
   }
   parseAnswerResultsResponse(e) {
-    this.handleRouter(), e !== se.question && e !== se.notQuestion && this.dataLayer.setAnswerData(this.dataLayer.getAnswerData + e);
+    this.handleRouter(), e !== re.question && e !== re.notQuestion && this.dataLayer.setAnswerData(this.dataLayer.getAnswerData + e);
   }
   cacheFacets() {
     var e;
@@ -3232,18 +3234,18 @@ class Sa {
     (s = (t = this.dataLayer.searchInputConfig) == null ? void 0 : t.hooks) != null && s.beforeAutosuggest && (a = this.dataLayer.searchInputConfig.hooks.beforeAutosuggest(a)), a && a.term !== void 0 && a.queryParams !== void 0 && this.suggest(a.term, a.queryParams);
   }
   trackRelatedSearchClick(e) {
-    this.dataLayer.searchResultsMetadata && this.dataLayer.searchRelatedSearches && !this.dataLayer.cookiesDisabled && re.trackRelatedSearchClick({
+    this.dataLayer.searchResultsMetadata && this.dataLayer.searchRelatedSearches && !this.dataLayer.cookiesDisabled && ie.trackRelatedSearchClick({
       ...this.dataLayer.parsedData.trackingData,
       relatedSearch: e
     });
   }
   executeLinkClick(e) {
     var t, s;
-    let a = ue.findResultByUniqueId(
+    let a = de.findResultByUniqueId(
       e,
       this.dataLayer.searchResults ?? []
     );
-    a && ((s = (t = this.searchResultsConfig) == null ? void 0 : t.hooks) != null && s.afterLinkClick && (a = this.searchResultsConfig.hooks.afterLinkClick(a)), a && this.dataLayer.searchResultsMetadata && !this.dataLayer.cookiesDisabled && re.trackClick({
+    a && ((s = (t = this.searchResultsConfig) == null ? void 0 : t.hooks) != null && s.afterLinkClick && (a = this.searchResultsConfig.hooks.afterLinkClick(a)), a && this.dataLayer.searchResultsMetadata && !this.dataLayer.cookiesDisabled && ie.trackClick({
       result: a,
       ...this.dataLayer.parsedData.trackingData
     }).then(() => {
@@ -3548,7 +3550,7 @@ function wa(i) {
       /* @__PURE__ */ u.jsxs(
         "a",
         {
-          className: "searchstax-pagination-previous",
+          className: `searchstax-pagination-previous ${a.isFirstPage ? "disabled" : ""}`,
           style: a != null && a.isFirstPage ? { pointerEvents: "none" } : {},
           onClick: (g) => {
             f(g);
@@ -3578,7 +3580,7 @@ function wa(i) {
       /* @__PURE__ */ u.jsx(
         "a",
         {
-          className: "searchstax-pagination-next",
+          className: `searchstax-pagination-next ${a.isLastPage ? "disabled" : ""}`,
           tabIndex: 0,
           style: a != null && a.isLastPage ? { pointerEvents: "none" } : {},
           onClick: (g) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@searchstax-inc/searchstudio-ux-react",
   "private": false,
-  "version": "0.3.17",
+  "version": "0.3.18",
   "type": "module",
   "main": "./dist/@searchstax-inc/searchstudio-ux-react.cjs",
   "module": "./dist/@searchstax-inc/searchstudio-ux-react.mjs",
@@ -22,7 +22,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@searchstax-inc/searchstudio-ux-js": "npm:@searchstax-inc/searchstudio-ux-js@^0.6.49",
+    "@searchstax-inc/searchstudio-ux-js": "npm:@searchstax-inc/searchstudio-ux-js@^0.6.59",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },