@searchstax-inc/searchstudio-ux-react 0.2.6 → 0.2.7

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

@@ -16,14 +16,14 @@ function Ft() {
   tt = 1;
   var i = nt, 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, u, d) {
-    var p, v = {}, y = null, R = null;
-    d !== void 0 && (y = "" + d), u.key !== void 0 && (y = "" + u.key), u.ref !== void 0 && (R = u.ref);
+    var p, v = {}, y = null, k = null;
+    d !== void 0 && (y = "" + d), u.key !== void 0 && (y = "" + u.key), u.ref !== void 0 && (k = u.ref);
     for (p in u)
       s.call(u, p) && !r.hasOwnProperty(p) && (v[p] = u[p]);
     if (l && l.defaultProps)
       for (p in u = l.defaultProps, u)
         v[p] === void 0 && (v[p] = u[p]);
-    return { $$typeof: e, type: l, key: y, ref: R, props: v, _owner: a.current };
+    return { $$typeof: e, type: l, key: y, ref: k, props: v, _owner: a.current };
   }
   return oe.Fragment = t, oe.jsx = c, oe.jsxs = c, oe;
 }
@@ -40,11 +40,11 @@ var he = {};
 var at;
 function Ot() {
   return at || (at = 1, process.env.NODE_ENV !== "production" && function() {
-    var i = nt, e = Symbol.for("react.element"), t = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), r = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), l = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), R = Symbol.for("react.offscreen"), M = Symbol.iterator, k = "@@iterator";
+    var i = nt, e = Symbol.for("react.element"), t = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), r = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), l = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), k = Symbol.for("react.offscreen"), M = Symbol.iterator, R = "@@iterator";
     function T(n) {
       if (n === null || typeof n != "object")
         return null;
-      var g = M && n[M] || n[k];
+      var g = M && n[M] || n[R];
       return typeof g == "function" ? g : null;
     }
     var I = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -68,7 +68,7 @@ function Ot() {
     var W = !1, A = !1, Q = !1, m = !1, b = !1, F;
     F = Symbol.for("react.module.reference");
     function $(n) {
-      return !!(typeof n == "string" || typeof n == "function" || n === s || n === r || b || n === a || n === d || n === p || m || n === R || W || A || Q || typeof n == "object" && n !== null && (n.$$typeof === y || n.$$typeof === v || n.$$typeof === c || n.$$typeof === l || n.$$typeof === u || // This needs to include all possible module reference object
+      return !!(typeof n == "string" || typeof n == "function" || n === s || n === r || b || n === a || n === d || n === p || m || n === k || W || A || Q || typeof n == "object" && n !== null && (n.$$typeof === y || n.$$typeof === v || n.$$typeof === c || n.$$typeof === l || n.$$typeof === u || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -1283,7 +1283,7 @@ class qt {
     if (e.query && e.query !== "undefined" && e.itemsPerPage !== void 0) {
       this.dataLayer.setSearchTerm(e.query), this.dataLayer.setLoading(!0), this.controllerSearch && this.controllerSearch.abort(), this.controllerSearch = new AbortController(), this.signalSearch = this.controllerSearch.signal;
       const r = new Proxy(new URLSearchParams(window.location.search), {
-        get: (y, R) => y.get(R) ?? ""
+        get: (y, k) => y.get(k) ?? ""
       }), c = r.languageVariant ? (
         //@ts-expect-error - this is a hack to get around the fact that the urlQueryParams is a proxy
         "&fq=_language:" + r.languageVariant
@@ -1476,23 +1476,23 @@ function Zt(i, e) {
       r = [];
     c = !1, l = !1;
   }
-  var v, y, R;
+  var v, y, k;
   function M(b) {
     if (typeof b == "string" && (b = b.split(Yt, 2)), !ie(b) || b.length !== 2)
       throw new Error("Invalid tags: " + b);
-    v = new RegExp(Ie(b[0]) + "\\s*"), y = new RegExp("\\s*" + Ie(b[1])), R = new RegExp("\\s*" + Ie("}" + b[1]));
+    v = new RegExp(Ie(b[0]) + "\\s*"), y = new RegExp("\\s*" + Ie(b[1])), k = new RegExp("\\s*" + Ie("}" + b[1]));
   }
   M(e || P.tags);
-  for (var k = new pe(i), T, I, L, N, W, A; !k.eos(); ) {
-    if (T = k.pos, L = k.scanUntil(v), L)
+  for (var R = new pe(i), T, I, L, N, W, A; !R.eos(); ) {
+    if (T = R.pos, L = R.scanUntil(v), L)
       for (var Q = 0, m = L.length; Q < m; ++Q)
         N = L.charAt(Q), Qt(N) ? (r.push(a.length), u += N) : (l = !0, t = !0, u += " "), a.push(["text", N, T, T + 1]), T += 1, N === `
 ` && (p(), u = "", d = 0, t = !1);
-    if (!k.scan(v))
+    if (!R.scan(v))
       break;
-    if (c = !0, I = k.scan(Xt) || "name", k.scan(Jt), I === "=" ? (L = k.scanUntil(it), k.scan(it), k.scanUntil(y)) : I === "{" ? (L = k.scanUntil(R), k.scan(Gt), k.scanUntil(y), I = "&") : L = k.scanUntil(y), !k.scan(y))
-      throw new Error("Unclosed tag at " + k.pos);
-    if (I == ">" ? W = [I, L, T, k.pos, u, d, t] : W = [I, L, T, k.pos], d++, a.push(W), I === "#" || I === "^")
+    if (c = !0, I = R.scan(Xt) || "name", R.scan(Jt), I === "=" ? (L = R.scanUntil(it), R.scan(it), R.scanUntil(y)) : I === "{" ? (L = R.scanUntil(k), R.scan(Gt), R.scanUntil(y), I = "&") : L = R.scanUntil(y), !R.scan(y))
+      throw new Error("Unclosed tag at " + R.pos);
+    if (I == ">" ? W = [I, L, T, R.pos, u, d, t] : W = [I, L, T, R.pos], d++, a.push(W), I === "#" || I === "^")
       s.push(W);
     else if (I === "/") {
       if (A = s.pop(), !A)
@@ -1503,7 +1503,7 @@ function Zt(i, e) {
       I === "name" || I === "{" || I === "&" ? l = !0 : I === "=" && M(L);
   }
   if (p(), A = s.pop(), A)
-    throw new Error('Unclosed section "' + A[1] + '" at ' + k.pos);
+    throw new Error('Unclosed section "' + A[1] + '" at ' + R.pos);
   return ta(ea(a));
 }
 function ea(i) {
@@ -2193,7 +2193,7 @@ class da {
     }
   }
   createFacetItem(e, t, s) {
-    var a, r, c, l, u, d, p, v, y, R, M, k;
+    var a, r, c, l, u, d, p, v, y, k, M, R;
     const T = document.createElement("div");
     T.classList.add("searchstax-facet-container"), this.deactivatedFacets[e.name] || T.classList.add("active");
     const I = ((c = (r = (a = this.config) == null ? void 0 : a.templates) == null ? void 0 : r.facetItemContainerTemplate) == null ? void 0 : c.template) || ((l = x.facets.facetItemContainerTemplate) == null ? void 0 : l.template);
@@ -2205,7 +2205,7 @@ class da {
       T.classList.toggle("active");
     });
     const N = T.querySelector(
-      "." + (((M = (R = (y = this.config) == null ? void 0 : y.templates) == null ? void 0 : R.facetItemContainerTemplate) == null ? void 0 : M.facetListContainerClass) || ((k = x.facets.facetItemContainerTemplate) == null ? void 0 : k.facetListContainerClass))
+      "." + (((M = (k = (y = this.config) == null ? void 0 : y.templates) == null ? void 0 : k.facetItemContainerTemplate) == null ? void 0 : M.facetListContainerClass) || ((R = x.facets.facetItemContainerTemplate) == null ? void 0 : R.facetListContainerClass))
     );
     N && (e.values.forEach((W) => {
       this.createFacetListItem(W, N);
@@ -2216,7 +2216,7 @@ class da {
     return !!((t = this.dataLayer.searchObject.facets) != null && t.find((s) => J.deepEqual(s, this.extractFacetValue(e))));
   }
   createFacetListItem(e, t) {
-    var s, a, r, c, l, u, d, p, v, y, R, M, k;
+    var s, a, r, c, l, u, d, p, v, y, k, M, R;
     const T = document.createElement("div");
     T.classList.add("searchstax-facet-value-container"), e.disabled && T.classList.add("searchstax-facet-value-disabled");
     const I = this.isChecked(e), L = ((r = (a = (s = this.config) == null ? void 0 : s.templates) == null ? void 0 : a.facetItemTemplate) == null ? void 0 : r.template) || ((c = x.facets.facetItemTemplate) == null ? void 0 : c.template);
@@ -2227,9 +2227,9 @@ class da {
       (A = T.querySelector("." + W)) == null || A.addEventListener("click", (Q) => {
         this.onFacetSelect(Q, e, T);
       });
-    }), (k = T.querySelector(
-      "." + (((R = (y = (v = this.config) == null ? void 0 : v.templates) == null ? void 0 : y.facetItemTemplate) == null ? void 0 : R.inputCheckboxClass) || ((M = x.facets.facetItemTemplate) == null ? void 0 : M.inputCheckboxClass))
-    )) == null || k.addEventListener("click", (W) => {
+    }), (R = T.querySelector(
+      "." + (((k = (y = (v = this.config) == null ? void 0 : v.templates) == null ? void 0 : y.facetItemTemplate) == null ? void 0 : k.inputCheckboxClass) || ((M = x.facets.facetItemTemplate) == null ? void 0 : M.inputCheckboxClass))
+    )) == null || R.addEventListener("click", (W) => {
       this.onFacetSelect(W, e, T, !0);
     }), t.appendChild(T);
   }
@@ -2237,8 +2237,8 @@ class da {
     var a, r, c, l, u, d, p, v;
     const y = document.createElement("div");
     y.classList.add("searchstax-facet-show-more-container");
-    const R = ((c = (r = (a = this.config) == null ? void 0 : a.templates) == null ? void 0 : r.showMoreButtonContainerTemplate) == null ? void 0 : c.template) || ((l = x.facets.showMoreButtonContainerTemplate) == null ? void 0 : l.template);
-    y.innerHTML = P.render(R, e);
+    const k = ((c = (r = (a = this.config) == null ? void 0 : a.templates) == null ? void 0 : r.showMoreButtonContainerTemplate) == null ? void 0 : c.template) || ((l = x.facets.showMoreButtonContainerTemplate) == null ? void 0 : l.template);
+    y.innerHTML = P.render(k, e);
     const M = y.querySelector(
       "." + (((p = (d = (u = this.config) == null ? void 0 : u.templates) == null ? void 0 : d.showMoreButtonContainerTemplate) == null ? void 0 : p.showMoreButtonClass) || ((v = x.facets.showMoreButtonContainerTemplate) == null ? void 0 : v.showMoreButtonClass))
     );
@@ -2255,7 +2255,7 @@ class da {
     r[t.name] === void 0 ? r[t.name] = a * 2 : r[t.name] <= t.values.length ? r[t.name] = r[t.name] + a : r[t.name] = a, this.generateTemplateData(s), this.renderMainTemplate(this.generateTemplateData());
   }
   renderMainTemplate(e, t) {
-    var s, a, r, c, l, u, d, p, v, y, R;
+    var s, a, r, c, l, u, d, p, v, y, k;
     if (e && (!J.deepEqual(this.cachedData ?? {}, e) || t)) {
       this.cachedData = e;
       const M = ((r = (a = (s = this.config) == null ? void 0 : s.templates) == null ? void 0 : a.mainTemplateDesktop) == null ? void 0 : r.template) || ((c = x.facets.mainTemplateDesktop) == null ? void 0 : c.template);
@@ -2263,16 +2263,16 @@ class da {
         this.searchFacetsMainContainer.innerHTML = P.render(M, {
           ...e
         });
-        const k = (p = this.searchFacetsMainContainer) == null ? void 0 : p.querySelector(
+        const R = (p = this.searchFacetsMainContainer) == null ? void 0 : p.querySelector(
           "." + (((d = (u = (l = this.config) == null ? void 0 : l.templates) == null ? void 0 : u.mainTemplateDesktop) == null ? void 0 : d.facetsContainerClass) || x.facets.mainTemplateDesktop.facetsContainerClass)
         );
-        if (k) {
-          k.innerHTML = "";
+        if (R) {
+          R.innerHTML = "";
           for (const T of e.facets)
-            this.createFacetItem(T, k);
+            this.createFacetItem(T, R);
           if (this.searchFacetsMainContainer) {
             const T = this.searchFacetsMainContainer.querySelector(
-              "." + (((R = (y = (v = this.config) == null ? void 0 : v.templates) == null ? void 0 : y.mainTemplateDesktop) == null ? void 0 : R.selectedFacetsContainerClass) || x.facets.mainTemplateDesktop.selectedFacetsContainerClass)
+              "." + (((k = (y = (v = this.config) == null ? void 0 : v.templates) == null ? void 0 : y.mainTemplateDesktop) == null ? void 0 : k.selectedFacetsContainerClass) || x.facets.mainTemplateDesktop.selectedFacetsContainerClass)
             );
             T && (this.createSelectedFacetsComponents(T), this.createClearFacetsComponents(T));
           }
@@ -2308,23 +2308,23 @@ class da {
     y.innerHTML = P.render(v, {
       shouldShow: p.facets.length > 0
     });
-    const R = y.querySelector(
+    const k = y.querySelector(
       "." + (((u = (l = (c = this.config) == null ? void 0 : c.templates) == null ? void 0 : l.clearFacetsTemplate) == null ? void 0 : u.containerClass) || ((d = x.facets.clearFacetsTemplate) == null ? void 0 : d.containerClass))
     );
-    R && (R.addEventListener("click", () => {
+    k && (k.addEventListener("click", () => {
       this.removeSelectedFacets();
-    }), e.appendChild(R));
+    }), e.appendChild(k));
   }
   createSelectedFacetsComponent(e, t) {
     var s, a, r, c, l, u, d, p;
     const v = ((r = (a = (s = this.config) == null ? void 0 : s.templates) == null ? void 0 : a.selectedFacetsTemplate) == null ? void 0 : r.template) || ((c = x.facets.selectedFacetsTemplate) == null ? void 0 : c.template), y = document.createElement("div");
     y.innerHTML = P.render(v, t);
-    const R = y.querySelector(
+    const k = y.querySelector(
       "." + (((d = (u = (l = this.config) == null ? void 0 : l.templates) == null ? void 0 : u.selectedFacetsTemplate) == null ? void 0 : d.containerClass) || ((p = x.facets.selectedFacetsTemplate) == null ? void 0 : p.containerClass))
     );
-    R && (R.addEventListener("click", () => {
+    k && (k.addEventListener("click", () => {
       this.unselectFacet(t);
-    }), e.appendChild(R));
+    }), e.appendChild(k));
   }
   unselectFacet(e) {
     const t = this.dataLayer.searchObject;
@@ -2355,7 +2355,7 @@ class da {
     this.overlayOpened = !1, this.searchFacetsMainContainer && (document.body.classList.toggle("searchstax-no-scroll"), (e = this.searchFacetsMainContainer.querySelector(".searchstax-facets-mobile-overlay")) == null || e.classList.remove("searchstax-show"));
   }
   renderMobileTemplate(e) {
-    var t, s, a, r, c, l, u, d, p, v, y, R, M, k, T, I, L, N, W;
+    var t, s, a, r, c, l, u, d, p, v, y, k, M, R, T, I, L, N, W;
     if (e) {
       const A = document.createElement("div");
       A.classList.add("searchstax-facets-container-mobile");
@@ -2375,11 +2375,11 @@ class da {
             G && G.addEventListener("click", this.closeOverlay.bind(this));
           }
         const m = A.querySelector(
-          "." + (((M = (R = (y = this.config) == null ? void 0 : y.templates) == null ? void 0 : R.mainTemplateMobile) == null ? void 0 : M.filterByContainerClass) || x.facets.mainTemplateMobile.filterByContainerClass)
+          "." + (((M = (k = (y = this.config) == null ? void 0 : y.templates) == null ? void 0 : k.mainTemplateMobile) == null ? void 0 : M.filterByContainerClass) || x.facets.mainTemplateMobile.filterByContainerClass)
         );
         m && this.createFilterByComponent(m);
         const b = A.querySelector(
-          "." + (((I = (T = (k = this.config) == null ? void 0 : k.templates) == null ? void 0 : T.mainTemplateMobile) == null ? void 0 : I.selectedFacetsContainerClass) || x.facets.mainTemplateMobile.selectedFacetsContainerClass)
+          "." + (((I = (T = (R = this.config) == null ? void 0 : R.templates) == null ? void 0 : T.mainTemplateMobile) == null ? void 0 : I.selectedFacetsContainerClass) || x.facets.mainTemplateMobile.selectedFacetsContainerClass)
         );
         b && (this.createSelectedFacetsComponents(b), this.createClearFacetsComponents(b));
         const F = A.querySelector(
@@ -2777,11 +2777,11 @@ class va {
       {}
     ), setTimeout(() => {
       var c, l, u, d, p, v, y;
-      const R = (u = (l = (c = this.config) == null ? void 0 : c.templates) == null ? void 0 : l.mainTemplate) != null && u.searchResultsContainerId ? (v = (p = (d = this.config) == null ? void 0 : d.templates) == null ? void 0 : p.mainTemplate) == null ? void 0 : v.searchResultsContainerId : (y = x.searchResults.mainTemplate) == null ? void 0 : y.searchResultsContainerId, M = document.getElementById(R);
+      const k = (u = (l = (c = this.config) == null ? void 0 : c.templates) == null ? void 0 : l.mainTemplate) != null && u.searchResultsContainerId ? (v = (p = (d = this.config) == null ? void 0 : d.templates) == null ? void 0 : p.mainTemplate) == null ? void 0 : v.searchResultsContainerId : (y = x.searchResults.mainTemplate) == null ? void 0 : y.searchResultsContainerId, M = document.getElementById(k);
       if (M)
         this.searchResultsContainer = M;
       else
-        throw new Error(`Search Results Container with id ${R} not found`);
+        throw new Error(`Search Results Container with id ${k} not found`);
     }, 0));
   }
 }
@@ -3177,7 +3177,11 @@ function La(i) {
   }, [i.initialized]), /* @__PURE__ */ o.jsx(o.Fragment, { children: i.children });
 }
 function Ta(i) {
-  const [e, t] = H(null), [s, a] = H(""), [r, c] = H(null), l = (d, p) => {
+  const [e, t] = H(
+    null
+  ), [s, a] = H(""), [r, c] = H(
+    null
+  ), l = (d, p) => {
     p.preventDefault(), p.stopPropagation(), C.searchstax.executeLinkClick(d.uniqueId);
   };
   ee(() => {
@@ -3191,13 +3195,19 @@ function Ta(i) {
     });
   }, []);
   function u() {
-    C.searchstax.dataLayer.$searchResults.subscribe((d) => {
-      t(d);
-    }), C.searchstax.dataLayer.$searchTermChange.subscribe((d) => {
+    C.searchstax.dataLayer.$searchResults.subscribe(
+      (d) => {
+        var k;
+        const p = e ?? [], v = d ?? [], y = i.renderMethod === "infiniteScroll" ? [...p, ...v] : d;
+        ((k = C.searchstax.dataLayer.$searchObject.value) == null ? void 0 : k.page) === 1 ? t(v) : t(y);
+      }
+    ), C.searchstax.dataLayer.$searchTermChange.subscribe((d) => {
       a(d);
-    }), C.searchstax.dataLayer.$searchResultsMetadata.subscribe((d) => {
-      c(d);
-    });
+    }), C.searchstax.dataLayer.$searchResultsMetadata.subscribe(
+      (d) => {
+        c(d);
+      }
+    );
   }
   return /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsx("div", { id: "searchstax-results-container", children: /* @__PURE__ */ o.jsx("div", { className: "searchstax-search-results-container", children: /* @__PURE__ */ o.jsxs("div", { id: "searchstax-result-container", children: [
     e && e.length === 0 && !i.noResultTemplate && /* @__PURE__ */ o.jsxs("div", { children: [
@@ -3205,7 +3215,8 @@ function Ta(i) {
         " ",
         "Showing ",
         /* @__PURE__ */ o.jsx("strong", { children: "no results" }),
-        " for ",
+        " for",
+        " ",
         /* @__PURE__ */ o.jsxs("strong", { children: [
           '"',
           s,
@@ -3248,13 +3259,25 @@ function Ta(i) {
               }
             ),
             d.ribbon && /* @__PURE__ */ o.jsx("div", { className: "searchstax-search-result-ribbon", children: d.ribbon }),
-            d.thumbnail && /* @__PURE__ */ o.jsx("img", { src: d.thumbnail, className: "searchstax-thumbnail" }),
+            d.thumbnail && /* @__PURE__ */ o.jsx(
+              "img",
+              {
+                src: d.thumbnail,
+                className: "searchstax-thumbnail"
+              }
+            ),
             /* @__PURE__ */ o.jsx("div", { className: "searchstax-search-result-title-container", children: /* @__PURE__ */ o.jsx("span", { className: "searchstax-search-result-title", children: d.title }) }),
             d.paths && /* @__PURE__ */ o.jsx("p", { className: "searchstax-search-result-common", children: d.paths }),
             d.description && /* @__PURE__ */ o.jsx("p", { className: "searchstax-search-result-description searchstax-search-result-common", children: d.description }),
             d.unmappedFields.map(function(p) {
               return /* @__PURE__ */ o.jsxs("div", { children: [
-                p.isImage && typeof p.value == "string" && /* @__PURE__ */ o.jsx("div", { className: "searchstax-search-result-image-container", children: /* @__PURE__ */ o.jsx("img", { src: p.value, className: "searchstax-result-image" }) }),
+                p.isImage && typeof p.value == "string" && /* @__PURE__ */ o.jsx("div", { className: "searchstax-search-result-image-container", children: /* @__PURE__ */ o.jsx(
+                  "img",
+                  {
+                    src: p.value,
+                    className: "searchstax-result-image"
+                  }
+                ) }),
                 !p.isImage && /* @__PURE__ */ o.jsx("div", { children: /* @__PURE__ */ o.jsx("p", { className: "searchstax-search-result-common", children: p.value }) })
               ] }, p.key);
             })
@@ -3502,7 +3525,7 @@ function Ea(i) {
       }
     ), v = !0);
   }
-  function R(m) {
+  function k(m) {
     var b;
     (b = C.searchstax.searchFacetsWidget) == null || b.unselectFacet(m);
   }
@@ -3510,11 +3533,11 @@ function Ea(i) {
     var m;
     (m = C.searchstax.searchFacetsWidget) == null || m.removeSelectedFacets();
   }
-  function k(m) {
+  function R(m) {
     return !l[m];
   }
   function T(m) {
-    k(m) ? u({ ...l, [m]: !0 }) : u({ ...l, [m]: !1 });
+    R(m) ? u({ ...l, [m]: !0 }) : u({ ...l, [m]: !1 });
   }
   function I(m) {
     var b;
@@ -3558,7 +3581,7 @@ function Ea(i) {
     (e == null ? void 0 : e.hasResultsOrExternalPromotions) && !i.facetsTemplateDesktop && /* @__PURE__ */ o.jsx("div", { className: "searchstax-facets-container-desktop", children: e == null ? void 0 : e.facets.map((m) => /* @__PURE__ */ o.jsx(
       "div",
       {
-        className: `searchstax-facet-container ${k(m.name) ? "active" : ""}`,
+        className: `searchstax-facet-container ${R(m.name) ? "active" : ""}`,
         children: /* @__PURE__ */ o.jsxs("div", { children: [
           /* @__PURE__ */ o.jsxs(
             "div",
@@ -3664,7 +3687,7 @@ function Ea(i) {
     i.facetsTemplateDesktop && /* @__PURE__ */ o.jsx(o.Fragment, { children: i.facetsTemplateDesktop(
       e,
       d,
-      k,
+      R,
       T,
       L,
       I,
@@ -3687,7 +3710,7 @@ function Ea(i) {
           {
             className: "searchstax-facets-pill searchstax-facets-pill-facets",
             onClick: () => {
-              R(m);
+              k(m);
             },
             children: [
               /* @__PURE__ */ o.jsxs("div", { className: "searchstax-facets-pill-label", children: [
@@ -3733,7 +3756,7 @@ function Ea(i) {
             /* @__PURE__ */ o.jsx("div", { className: "searchstax-facets-container-mobile", children: s == null ? void 0 : s.facets.map((m) => /* @__PURE__ */ o.jsx(
               "div",
               {
-                className: `searchstax-facet-container ${k(m.name) ? "active" : ""}`,
+                className: `searchstax-facet-container ${R(m.name) ? "active" : ""}`,
                 children: /* @__PURE__ */ o.jsxs("div", { children: [
                   /* @__PURE__ */ o.jsxs(
                     "div",
@@ -3861,11 +3884,11 @@ function Ea(i) {
       s,
       r,
       d,
-      k,
+      R,
       T,
       L,
       I,
-      R,
+      k,
       W,
       A,
       Q,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@searchstax-inc/searchstudio-ux-react",
   "private": false,
-  "version": "0.2.6",
+  "version": "0.2.7",
   "type": "module",
   "main": "./dist/@searchstax-inc/searchstudio-ux-react.cjs",
   "module": "./dist/@searchstax-inc/searchstudio-ux-react.mjs",