@gengage/assistant-fe 0.6.50 → 0.7.0

package/dist/{runtime-Do3qShrH.js → runtime-BC8-a6Ql.js}

@@ -1,14 +1,14 @@
-import { a as j, f as L, g as F, i as I, m as q, n as N, o as z, t as R } from "./request-response-cache-DwADBDeB.js";
-import { A as D, E as S, N as H, a as k, l as $, v as W } from "./context-UTzCGyR9.js";
-import { o as J, t as K } from "./widget-base-BwU6SI2o.js";
-import { t as Q } from "./locale-uQ5XZ2yS.js";
-import { a as V, n as Y, r as X, t as A } from "./price-formatter-CHUmYq8I.js";
-import { n as Z } from "./connection-warning-TXqyeFaf.js";
+import { a as q, f as R, g as F, i as I, m as z, n as N, o as D, t as G } from "./request-response-cache-BLQy7llq.js";
+import { B as H, L as $, N as A, T as W, f as k, g as J, n as K } from "./global-error-toast-DvaKvPNA.js";
+import { t as Q } from "./widget-base-Cvxdrqqt.js";
+import { t as V } from "./locale-uQ5XZ2yS.js";
+import { a as Y, n as X, r as Z, t as w } from "./price-formatter-Q3wUKrl1.js";
+import { r as ee } from "./connection-warning-C0e2byq5.js";
 function M(e) {
   const t = [];
-  for (const n of Object.values(e)) if (n.type === "ProductCard" && n.props) {
-    const r = n.props.product ?? n.props;
-    typeof r.sku == "string" && typeof r.name == "string" && t.push(r);
+  for (const r of Object.values(e)) if (r.type === "ProductCard" && r.props) {
+    const n = r.props.product ?? r.props;
+    typeof n.sku == "string" && typeof n.name == "string" && t.push(n);
   }
   return t;
 }
@@ -16,93 +16,93 @@ function U(e) {
   const t = e.headers.get("Content-Type") ?? "";
   return t.includes("application/x-ndjson") || t.includes("text/event-stream");
 }
-async function ee(e, t) {
-  const n = [], r = { onEvent: (s) => {
+async function te(e, t) {
+  const r = [], n = { onEvent: (s) => {
     const i = I(s);
-    !i || i.type !== "ui_spec" || n.push(...M(i.spec.elements));
+    !i || i.type !== "ui_spec" || r.push(...M(i.spec.elements));
   } };
-  return t !== void 0 && (r.signal = t), await L(e, r), n;
+  return t !== void 0 && (n.signal = t), await R(e, n), r;
 }
-async function te(e, t, n) {
-  const r = N("similar_products", t), s = {
+async function re(e, t, r) {
+  const n = N("similar_products", t), s = {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify(e)
   };
-  n !== void 0 && (s.signal = n);
-  const i = await R(r, s);
+  r !== void 0 && (s.signal = r);
+  const i = await G(n, s);
   if (!i.ok) throw new Error(`HTTP ${i.status}: ${i.statusText}`);
-  if (U(i)) return ee(i, n);
+  if (U(i)) return te(i, r);
   const a = await i.text();
   if (!a) throw new Error("Empty response body from similar_products endpoint");
   try {
-    return z(JSON.parse(a));
+    return D(JSON.parse(a));
   } catch {
     throw new Error("Invalid JSON from similar_products endpoint");
   }
 }
 async function ne(e, t) {
-  const n = [];
-  let r = null;
+  const r = [];
+  let n = null;
   const s = { onEvent: (i) => {
     const a = I(i);
     if (a) {
       if (a.type === "metadata" && a.meta) {
         const d = a.meta.group_name;
         if (typeof d == "string") {
-          r = {
+          n = {
             name: d,
             products: []
           };
           const m = a.meta.highlight;
-          typeof m == "string" && (r.highlight = m), n.push(r);
+          typeof m == "string" && (n.highlight = m), r.push(n);
         }
       }
-      a.type === "ui_spec" && r && r.products.push(...M(a.spec.elements));
+      a.type === "ui_spec" && n && n.products.push(...M(a.spec.elements));
     }
   } };
-  return t !== void 0 && (s.signal = t), await L(e, s), n;
+  return t !== void 0 && (s.signal = t), await R(e, s), r;
 }
-async function re(e, t, n) {
-  const r = N("product_groupings", t), s = {
+async function ie(e, t, r) {
+  const n = N("product_groupings", t), s = {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify(e)
   };
-  n !== void 0 && (s.signal = n);
-  const i = await R(r, s);
+  r !== void 0 && (s.signal = r);
+  const i = await G(n, s);
   if (!i.ok) throw new Error(`HTTP ${i.status}: ${i.statusText}`);
-  if (U(i)) return ne(i, n);
+  if (U(i)) return ne(i, r);
   const a = await i.text();
   if (!a) return [];
   try {
-    return j(JSON.parse(a));
+    return q(JSON.parse(a));
   } catch {
     throw new Error("Invalid JSON from product_groupings endpoint");
   }
 }
-function G(e) {
-  const { product: t, index: n, discountType: r, onClick: s, onAddToCart: i, renderCard: a } = e, d = e.i18n, m = e.pricing;
+function O(e) {
+  const { product: t, index: r, discountType: n, onClick: s, onAddToCart: i, renderCard: a } = e, d = e.i18n, m = e.pricing;
   if (e.renderCardElement) {
-    const o = e.renderCardElement(t, n);
+    const o = e.renderCardElement(t, r);
     if (o) return o;
   }
   if (a) {
     const o = document.createElement("div");
-    return o.className = "gengage-simrel-card gengage-simrel-card--custom gds-card gds-product-card gds-card-interactive", o.dataset.gengagePart = "simrel-product-card", o.innerHTML = H(a(t, n)), o.addEventListener("click", (c) => {
+    return o.className = "gengage-simrel-card gengage-simrel-card--custom gds-card gds-product-card gds-card-interactive", o.dataset.gengagePart = "simrel-product-card", o.innerHTML = H(a(t, r)), o.addEventListener("click", (c) => {
       c.target.closest(".gengage-simrel-atc") || c.target.closest(".gengage-chat-product-card-atc") || s(t);
     }), o;
   }
   const l = document.createElement("article");
   l.className = "gengage-simrel-card gengage-chat-product-card gds-card gds-product-card gds-card-interactive", l.dataset.gengagePart = "simrel-product-card", t.inStock === !1 && l.classList.add("gengage-simrel-card--out-of-stock"), l.setAttribute("role", "listitem"), l.dataset.sku = t.sku;
   const g = document.createElement("div");
-  if (g.className = "gengage-simrel-card-image gengage-chat-product-card-img-wrapper", g.dataset.gengagePart = "simrel-product-card-image", t.imageUrl && D(t.imageUrl)) {
+  if (g.className = "gengage-simrel-card-image gengage-chat-product-card-img-wrapper", g.dataset.gengagePart = "simrel-product-card-image", t.imageUrl && $(t.imageUrl)) {
     const o = document.createElement("img");
-    o.className = "gengage-chat-product-card-img", o.src = t.imageUrl, o.alt = t.name, o.loading = "lazy", Y(o), g.appendChild(o);
+    o.className = "gengage-chat-product-card-img", o.src = t.imageUrl, o.alt = t.name, o.loading = "lazy", X(o), g.appendChild(o);
   }
-  if (r === "badge" && t.discountPercent && t.discountPercent > 0) {
+  if (n === "badge" && t.discountPercent && t.discountPercent > 0) {
     const o = document.createElement("span");
-    o.className = "gengage-simrel-badge gengage-chat-product-card-discount-badge", o.textContent = `%${X(t.discountPercent)}`, g.appendChild(o);
+    o.className = "gengage-simrel-badge gengage-chat-product-card-discount-badge", o.textContent = `%${Z(t.discountPercent)}`, g.appendChild(o);
   }
   l.appendChild(g);
   const u = document.createElement("div");
@@ -113,22 +113,22 @@ function G(e) {
   const h = document.createElement("div");
   if (h.className = "gengage-simrel-card-name gengage-chat-product-card-name", h.textContent = t.name, h.title = t.name, u.appendChild(h), t.rating != null && t.rating > 0) {
     const o = document.createElement("div");
-    if (o.className = "gengage-simrel-card-rating gengage-chat-product-card-rating", o.appendChild(V(t.rating)), t.reviewCount != null) {
+    if (o.className = "gengage-simrel-card-rating gengage-chat-product-card-rating", o.appendChild(Y(t.rating)), t.reviewCount != null) {
       const c = document.createElement("span");
       c.className = "gengage-simrel-card-review-count gengage-chat-product-card-review-count", c.textContent = ` (${t.reviewCount})`, o.appendChild(c);
     }
     u.appendChild(o);
   }
-  const y = document.createElement("div");
-  if (y.className = "gengage-simrel-card-price gengage-chat-product-card-price", t.originalPrice && t.originalPrice !== t.price && (r === "strike-through" || r === "inline" || !r)) {
+  const b = document.createElement("div");
+  if (b.className = "gengage-simrel-card-price gengage-chat-product-card-price", t.originalPrice && t.originalPrice !== t.price && (n === "strike-through" || n === "inline" || !n)) {
     const o = document.createElement("span");
-    o.className = ["gengage-simrel-card-price-original", "gengage-chat-product-card-original-price"].join(" "), r === "inline" && o.classList.add("gengage-simrel-card-price-original--inline"), o.textContent = A(t.originalPrice, m), y.appendChild(o);
+    o.className = ["gengage-simrel-card-price-original", "gengage-chat-product-card-original-price"].join(" "), n === "inline" && o.classList.add("gengage-simrel-card-price-original--inline"), o.textContent = w(t.originalPrice, m), b.appendChild(o);
   }
   if (t.price && parseFloat(t.price) > 0) {
     const o = document.createElement("span");
-    o.className = "gengage-simrel-card-price-current gengage-chat-product-card-price-current", o.textContent = A(t.price, m), y.appendChild(o);
+    o.className = "gengage-simrel-card-price-current gengage-chat-product-card-price-current", o.textContent = w(t.price, m), b.appendChild(o);
   }
-  u.appendChild(y), l.appendChild(u);
+  u.appendChild(b), l.appendChild(u);
   const f = document.createElement("button");
   if (f.className = "gengage-simrel-card-cta gengage-chat-product-card-cta gds-btn gds-btn-secondary", f.type = "button", f.dataset.gengagePart = "simrel-product-card-cta", f.textContent = d?.ctaLabel ?? "View", f.addEventListener("click", (o) => {
     o.preventDefault(), o.stopPropagation(), s(t);
@@ -149,40 +149,44 @@ function G(e) {
     o.target.closest(".gengage-simrel-atc") || o.target.closest(".gengage-chat-product-card-atc") || o.target.closest(".gengage-chat-product-card-cta") || s(t);
   }), l;
 }
-function w(e) {
+function P(e) {
   const t = document.createElement("div");
   t.className = "gengage-simrel-grid", t.setAttribute("role", "list"), t.setAttribute("aria-label", e.i18n?.similarProductsAriaLabel ?? "Similar products"), e.columns && t.style.setProperty("--gengage-simrel-columns", String(e.columns));
-  for (let n = 0; n < e.products.length; n++) {
-    const r = {
-      product: e.products[n],
-      index: n,
+  for (let r = 0; r < e.products.length; r++) {
+    const n = {
+      product: e.products[r],
+      index: r,
       onClick: e.onClick,
       onAddToCart: e.onAddToCart
     };
-    e.i18n !== void 0 && (r.i18n = e.i18n), e.discountType !== void 0 && (r.discountType = e.discountType), e.renderCard !== void 0 && (r.renderCard = e.renderCard), e.renderCardElement !== void 0 && (r.renderCardElement = e.renderCardElement);
-    const s = G(r);
+    e.i18n !== void 0 && (n.i18n = e.i18n), e.discountType !== void 0 && (n.discountType = e.discountType), e.renderCard !== void 0 && (n.renderCard = e.renderCard), e.renderCardElement !== void 0 && (n.renderCardElement = e.renderCardElement);
+    const s = O(n);
     t.appendChild(s);
   }
   return e.products.length === 0 && (t.style.display = "none", t.dataset.empty = "true"), t;
 }
-var ie = 0;
-function se(e) {
-  const t = ie++, n = document.createElement("div");
-  if (n.className = "gengage-simrel-groups", n.dataset.gengagePart = "simrel-groups", e.groups.length === 0)
-    return n.style.display = "none", n.dataset.empty = "true", n;
-  const r = document.createElement("div");
-  r.className = "gengage-simrel-tabs gds-toolbar", r.dataset.gengagePart = "simrel-tab-bar", r.setAttribute("role", "tablist");
+var se = 0, S = /* @__PURE__ */ new WeakMap();
+function oe(e) {
+  const t = S.get(e);
+  t && (t.disconnect(), S.delete(e));
+}
+function ae(e) {
+  const t = se++, r = document.createElement("div");
+  if (r.className = "gengage-simrel-groups", r.dataset.gengagePart = "simrel-groups", e.groups.length === 0)
+    return r.style.display = "none", r.dataset.empty = "true", r;
+  const n = document.createElement("div");
+  n.className = "gengage-simrel-tabs gds-toolbar", n.dataset.gengagePart = "simrel-tab-bar", n.setAttribute("role", "tablist");
   const s = [], i = [];
   let a = 0;
   const d = (c) => {
-    const b = {
+    const C = {
       products: c.products,
       onClick: e.onClick,
       onAddToCart: e.onAddToCart
     };
-    return e.i18n !== void 0 && (b.i18n = e.i18n), e.discountType !== void 0 && (b.discountType = e.discountType), e.renderCard !== void 0 && (b.renderCard = e.renderCard), e.renderCardElement !== void 0 && (b.renderCardElement = e.renderCardElement), e.columns !== void 0 && (b.columns = e.columns), b;
-  }, m = (c, b = !1) => {
-    if (b && c !== a && e.onGroupingActivate) {
+    return e.i18n !== void 0 && (C.i18n = e.i18n), e.discountType !== void 0 && (C.discountType = e.discountType), e.renderCard !== void 0 && (C.renderCard = e.renderCard), e.renderCardElement !== void 0 && (C.renderCardElement = e.renderCardElement), e.columns !== void 0 && (C.columns = e.columns), C;
+  }, m = (c, C = !1) => {
+    if (C && c !== a && e.onGroupingActivate) {
       const p = e.groups[c];
       e.onGroupingActivate({
         grouping_label: p.name,
@@ -196,19 +200,19 @@ function se(e) {
     }
     const T = e.groups[c], _ = i[c];
     _.innerHTML = "";
-    const C = w(d(T));
-    _.appendChild(C);
+    const y = P(d(T));
+    _.appendChild(y);
     for (let p = 0; p < i.length; p++) {
       const v = p === c;
       i[p].style.display = v ? "" : "none", i[p].tabIndex = v ? 0 : -1;
     }
   };
   for (let c = 0; c < e.groups.length; c++) {
-    const b = e.groups[c], T = `gengage-simrel-tab-${t}-${c}`, _ = `gengage-simrel-panel-${t}-${c}`, C = document.createElement("button");
-    C.className = "gengage-simrel-tab gds-tab", C.type = "button", C.dataset.gengagePart = "simrel-tab", C.id = T, C.textContent = b.name, C.setAttribute("role", "tab"), C.setAttribute("aria-controls", _), C.setAttribute("aria-selected", String(c === 0)), C.tabIndex = c === 0 ? 0 : -1, c === 0 && C.classList.add("gengage-simrel-tab--active"), C.addEventListener("click", () => m(c, !0)), C.addEventListener("keydown", (v) => {
+    const C = e.groups[c], T = `gengage-simrel-tab-${t}-${c}`, _ = `gengage-simrel-panel-${t}-${c}`, y = document.createElement("button");
+    y.className = "gengage-simrel-tab gds-tab", y.type = "button", y.dataset.gengagePart = "simrel-tab", y.id = T, y.textContent = C.name, y.setAttribute("role", "tab"), y.setAttribute("aria-controls", _), y.setAttribute("aria-selected", String(c === 0)), y.tabIndex = c === 0 ? 0 : -1, c === 0 && y.classList.add("gengage-simrel-tab--active"), y.addEventListener("click", () => m(c, !0)), y.addEventListener("keydown", (v) => {
       let E = -1;
       v.key === "ArrowRight" || v.key === "ArrowDown" ? E = (c + 1) % e.groups.length : v.key === "ArrowLeft" || v.key === "ArrowUp" ? E = (c - 1 + e.groups.length) % e.groups.length : v.key === "Home" ? E = 0 : v.key === "End" && (E = e.groups.length - 1), E >= 0 && (v.preventDefault(), m(E, !0), s[E].focus());
-    }), s.push(C), r.appendChild(C);
+    }), s.push(y), n.appendChild(y);
     const p = document.createElement("div");
     p.className = "gengage-simrel-tab-panel", p.dataset.gengagePart = "simrel-tab-panel", p.id = _, p.setAttribute("role", "tabpanel"), p.setAttribute("aria-labelledby", T), p.tabIndex = c === 0 ? 0 : -1, c !== 0 && (p.style.display = "none"), i.push(p);
   }
@@ -218,181 +222,185 @@ function se(e) {
   g.type = "button", g.className = "gengage-simrel-tabs-arrow gengage-simrel-tabs-arrow--right", g.setAttribute("aria-label", e.i18n?.scrollTabsRight ?? "Scroll tabs right"), g.innerHTML = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>';
   const u = 200;
   l.addEventListener("click", () => {
-    r.scrollBy({
+    n.scrollBy({
       left: -200,
       behavior: "smooth"
     });
   }), g.addEventListener("click", () => {
-    r.scrollBy({
+    n.scrollBy({
       left: u,
       behavior: "smooth"
     });
   });
   const h = () => {
-    const c = r.scrollLeft <= 4, b = r.scrollLeft + r.clientWidth >= r.scrollWidth - 4;
-    l.style.display = c ? "none" : "", g.style.display = b ? "none" : "", r.classList.toggle("gengage-simrel-tabs--peek-right", !b), r.classList.toggle("gengage-simrel-tabs--peek-left", !c);
+    const c = n.scrollLeft <= 4, C = n.scrollLeft + n.clientWidth >= n.scrollWidth - 4;
+    l.style.display = c ? "none" : "", g.style.display = C ? "none" : "", n.classList.toggle("gengage-simrel-tabs--peek-right", !C), n.classList.toggle("gengage-simrel-tabs--peek-left", !c);
   };
-  r.addEventListener("scroll", h, { passive: !0 }), typeof ResizeObserver < "u" && new ResizeObserver(h).observe(r), l.style.display = "none", g.style.display = "none", requestAnimationFrame(h);
-  const y = document.createElement("div");
-  y.className = "gengage-simrel-tabs-wrapper", y.appendChild(l), y.appendChild(r), y.appendChild(g), n.appendChild(y);
-  const f = i[0], o = w(d(e.groups[0]));
+  if (n.addEventListener("scroll", h, { passive: !0 }), typeof ResizeObserver < "u") {
+    const c = new ResizeObserver(h);
+    c.observe(n), S.set(r, c);
+  }
+  l.style.display = "none", g.style.display = "none", requestAnimationFrame(h);
+  const b = document.createElement("div");
+  b.className = "gengage-simrel-tabs-wrapper", b.appendChild(l), b.appendChild(n), b.appendChild(g), r.appendChild(b);
+  const f = i[0], o = P(d(e.groups[0]));
   f.appendChild(o);
-  for (const c of i) n.appendChild(c);
-  return n;
+  for (const c of i) r.appendChild(c);
+  return r;
 }
-function P(e) {
+function L(e) {
   if (!e || typeof e != "object") return null;
   const t = e;
   if (typeof t.sku != "string" || typeof t.name != "string" || typeof t.url != "string") return null;
-  const n = {
+  const r = {
     sku: t.sku,
     name: t.name,
     url: t.url
-  }, r = t.imageUrl;
-  typeof r == "string" && (n.imageUrl = r);
+  }, n = t.imageUrl;
+  typeof n == "string" && (r.imageUrl = n);
   const s = t.price;
-  typeof s == "string" && (n.price = s);
+  typeof s == "string" && (r.price = s);
   const i = t.originalPrice;
-  typeof i == "string" && (n.originalPrice = i);
+  typeof i == "string" && (r.originalPrice = i);
   const a = t.discountPercent;
-  typeof a == "number" && (n.discountPercent = a);
+  typeof a == "number" && (r.discountPercent = a);
   const d = t.brand;
-  typeof d == "string" && (n.brand = d);
+  typeof d == "string" && (r.brand = d);
   const m = t.rating;
-  typeof m == "number" && (n.rating = m);
+  typeof m == "number" && (r.rating = m);
   const l = t.reviewCount;
-  typeof l == "number" && (n.reviewCount = l);
+  typeof l == "number" && (r.reviewCount = l);
   const g = t.cartCode;
-  typeof g == "string" && (n.cartCode = g);
+  typeof g == "string" && (r.cartCode = g);
   const u = t.inStock;
-  typeof u == "boolean" && (n.inStock = u);
+  typeof u == "boolean" && (r.inStock = u);
   const h = t.extras;
-  return h != null && typeof h == "object" && (n.extras = h), n;
+  return h != null && typeof h == "object" && (r.extras = h), r;
 }
-function oe(e) {
+function ce(e) {
   if (!e || typeof e != "object") return null;
-  const t = e, n = t.title, r = t.type;
-  if (typeof n != "string" || typeof r != "string") return null;
+  const t = e, r = t.title, n = t.type;
+  if (typeof r != "string" || typeof n != "string") return null;
   const s = {
-    title: n,
-    type: r
+    title: r,
+    type: n
   };
   return t.payload !== void 0 && (s.payload = t.payload), s;
 }
-var O = {
-  ProductGrid: ({ element: e, renderElement: t, context: n }) => {
-    const r = document.createElement("div");
-    r.className = "gengage-simrel-grid", r.setAttribute("role", "list");
+var B = {
+  ProductGrid: ({ element: e, renderElement: t, context: r }) => {
+    const n = document.createElement("div");
+    n.className = "gengage-simrel-grid", n.setAttribute("role", "list");
     const s = e.props?.columns;
     let i;
-    typeof s == "number" && Number.isFinite(s) && s > 0 ? i = Math.floor(s) : typeof n.gridColumns == "number" && Number.isFinite(n.gridColumns) && n.gridColumns > 0 && (i = Math.floor(n.gridColumns)), i !== void 0 && r.style.setProperty("--gengage-simrel-columns", String(i));
+    typeof s == "number" && Number.isFinite(s) && s > 0 ? i = Math.floor(s) : typeof r.gridColumns == "number" && Number.isFinite(r.gridColumns) && r.gridColumns > 0 && (i = Math.floor(r.gridColumns)), i !== void 0 && n.style.setProperty("--gengage-simrel-columns", String(i));
     for (const a of e.children ?? []) {
       const d = t(a);
-      d && r.appendChild(d);
+      d && n.appendChild(d);
     }
-    if (r.children.length === 0) {
+    if (n.children.length === 0) {
       const a = document.createElement("div");
-      a.className = "gengage-simrel-empty", a.textContent = n.i18n.emptyStateMessage, r.appendChild(a);
+      a.className = "gengage-simrel-empty", a.textContent = r.i18n.emptyStateMessage, n.appendChild(a);
     }
-    return r;
+    return n;
   },
   ProductCard: ({ element: e, context: t }) => {
-    const n = P(e.props?.product ?? e.props);
-    if (!n) return null;
-    const r = e.props?.index, s = typeof r == "number" && Number.isFinite(r) ? r : 0, i = e.props?.discountType, a = i === "strike-through" || i === "badge" || i === "inline" ? i : t.discountType, d = {
-      product: n,
+    const r = L(e.props?.product ?? e.props);
+    if (!r) return null;
+    const n = e.props?.index, s = typeof n == "number" && Number.isFinite(n) ? n : 0, i = e.props?.discountType, a = i === "strike-through" || i === "badge" || i === "inline" ? i : t.discountType, d = {
+      product: r,
       index: s,
       onClick: t.onClick,
       onAddToCart: t.onAddToCart,
       i18n: t.i18n
     };
-    return a !== void 0 && (d.discountType = a), t.renderCard !== void 0 && (d.renderCard = t.renderCard), t.renderCardElement !== void 0 && (d.renderCardElement = t.renderCardElement), t.pricing !== void 0 && (d.pricing = t.pricing), G(d);
+    return a !== void 0 && (d.discountType = a), t.renderCard !== void 0 && (d.renderCard = t.renderCard), t.renderCardElement !== void 0 && (d.renderCardElement = t.renderCardElement), t.pricing !== void 0 && (d.pricing = t.pricing), O(d);
   },
   GroupTabs: ({ element: e, context: t }) => {
-    const n = e.props?.groups;
-    if (!Array.isArray(n)) return null;
-    const r = [];
-    for (const a of n) {
+    const r = e.props?.groups;
+    if (!Array.isArray(r)) return null;
+    const n = [];
+    for (const a of r) {
       if (!a || typeof a != "object") continue;
       const d = a;
       if (typeof d.name != "string") continue;
       const m = [];
       if (Array.isArray(d.products)) for (const g of d.products) {
-        const u = P(g);
+        const u = L(g);
         u && m.push(u);
       }
       const l = {
         name: d.name,
         products: m
       };
-      typeof d.highlight == "string" && (l.highlight = d.highlight), r.push(l);
+      typeof d.highlight == "string" && (l.highlight = d.highlight), n.push(l);
     }
     const s = {
-      groups: r,
+      groups: n,
       onClick: t.onClick,
       onAddToCart: t.onAddToCart,
       i18n: t.i18n
     }, i = e.props?.columns;
-    return typeof i == "number" && Number.isFinite(i) && i > 0 ? s.columns = Math.floor(i) : typeof t.gridColumns == "number" && Number.isFinite(t.gridColumns) && t.gridColumns > 0 && (s.columns = Math.floor(t.gridColumns)), t.discountType !== void 0 && (s.discountType = t.discountType), t.renderCard !== void 0 && (s.renderCard = t.renderCard), t.renderCardElement !== void 0 && (s.renderCardElement = t.renderCardElement), t.onGroupingActivate !== void 0 && (s.onGroupingActivate = t.onGroupingActivate), se(s);
+    return typeof i == "number" && Number.isFinite(i) && i > 0 ? s.columns = Math.floor(i) : typeof t.gridColumns == "number" && Number.isFinite(t.gridColumns) && t.gridColumns > 0 && (s.columns = Math.floor(t.gridColumns)), t.discountType !== void 0 && (s.discountType = t.discountType), t.renderCard !== void 0 && (s.renderCard = t.renderCard), t.renderCardElement !== void 0 && (s.renderCardElement = t.renderCardElement), t.onGroupingActivate !== void 0 && (s.onGroupingActivate = t.onGroupingActivate), ae(s);
   },
   EmptyState: ({ element: e, context: t }) => {
-    const n = document.createElement("div");
-    n.className = "gengage-simrel-empty";
-    const r = e.props?.message;
-    return n.textContent = typeof r == "string" ? r : t.i18n.emptyStateMessage, n;
+    const r = document.createElement("div");
+    r.className = "gengage-simrel-empty";
+    const n = e.props?.message;
+    return r.textContent = typeof n == "string" ? n : t.i18n.emptyStateMessage, r;
   },
   AddToCartButton: ({ element: e, context: t }) => {
-    const n = e.props?.sku, r = e.props?.cartCode;
-    if (typeof n != "string" || typeof r != "string") return null;
+    const r = e.props?.sku, n = e.props?.cartCode;
+    if (typeof r != "string" || typeof n != "string") return null;
     const s = document.createElement("button");
     s.className = "gengage-simrel-atc gengage-chat-product-card-cta", s.type = "button";
     const i = e.props?.label;
     return s.textContent = typeof i == "string" ? i : t.i18n.addToCartButton, s.addEventListener("click", (a) => {
       a.preventDefault(), a.stopPropagation(), t.onAddToCart({
-        sku: n,
+        sku: r,
         quantity: 1,
-        cartCode: r
+        cartCode: n
       });
     }), s;
   },
   QuickActions: ({ element: e, context: t }) => {
-    const n = document.createElement("div");
-    n.className = "gengage-simrel-quick-actions";
-    const r = e.props?.actions;
-    if (!Array.isArray(r) || !t.onAction) return n;
-    for (const s of r) {
+    const r = document.createElement("div");
+    r.className = "gengage-simrel-quick-actions";
+    const n = e.props?.actions;
+    if (!Array.isArray(n) || !t.onAction) return r;
+    for (const s of n) {
       if (!s || typeof s != "object") continue;
-      const i = s, a = i.label, d = oe(i.action);
+      const i = s, a = i.label, d = ce(i.action);
       if (typeof a != "string" || !d) continue;
       const m = document.createElement("button");
       m.className = "gengage-simrel-quick-action", m.type = "button", m.textContent = a, m.addEventListener("click", (l) => {
         l.preventDefault(), l.stopPropagation(), t.onAction?.(d);
-      }), n.appendChild(m);
+      }), r.appendChild(m);
     }
-    return n;
+    return r;
   }
-}, B = ({ element: e, renderElement: t }) => {
+}, x = ({ element: e, renderElement: t }) => {
   if (!e.children || e.children.length === 0) return null;
-  const n = document.createElement("div");
-  for (const r of e.children) {
-    const s = t(r);
-    s && n.appendChild(s);
+  const r = document.createElement("div");
+  for (const n of e.children) {
+    const s = t(n);
+    s && r.appendChild(s);
   }
-  return n;
+  return r;
 };
-function ae() {
-  return { ...O };
+function de() {
+  return { ...B };
 }
-function ce(e, t, n = O, r = B) {
+function le(e, t, r = B, n = x) {
   return F({
     spec: e,
     context: t,
-    registry: n,
+    registry: r,
     containerClassName: "gengage-simrel-uispec",
-    unknownRenderer: r
+    unknownRenderer: n
   });
 }
-var x = {
+var j = {
   similarProductsAriaLabel: "Benzer ürünler",
   emptyStateMessage: "Benzer ürün bulunamadı.",
   addToCartButton: "Sepete Ekle",
@@ -405,7 +413,7 @@ var x = {
   priceSuffix: " TL",
   scrollTabsLeft: "Sola kaydır",
   scrollTabsRight: "Sağa kaydır"
-}, de = {
+}, ge = {
   similarProductsAriaLabel: "Similar products",
   emptyStateMessage: "No similar products found.",
   addToCartButton: "Add to cart",
@@ -419,26 +427,26 @@ var x = {
   scrollTabsLeft: "Scroll tabs left",
   scrollTabsRight: "Scroll tabs right"
 };
-function le(e) {
+function ue(e) {
   return e ? e.toLowerCase().split("-")[0] ?? "tr" : "tr";
 }
-function ge(e) {
-  return le(e) === "en" ? de : x;
-}
-var ue = 12e4;
 function pe(e) {
+  return ue(e) === "en" ? ge : j;
+}
+var me = 12e4;
+function fe(e) {
   return e instanceof DOMException && e.name === "AbortError";
 }
-var me = class extends K {
+var he = class extends Q {
   constructor(...e) {
-    super(...e), this._abortController = null, this._contentEl = null, this._lastResultCount = -1, this._i18n = x, this._pendingAddToCartKeys = /* @__PURE__ */ new Set();
+    super(...e), this._abortController = null, this._contentEl = null, this._lastResultCount = -1, this._i18n = j, this._pendingAddToCartKeys = /* @__PURE__ */ new Set();
   }
   async init(e) {
     if (!this.isInitialised && (e.mountTarget === void 0 || e.mountTarget === null)) throw new Error("[gengage] SimRel mountTarget is required. Provide a merchant-owned mount before initializing.");
     await super.init(e);
   }
   async onInit(e) {
-    this._i18n = this._resolveI18n(e), this._contentEl = document.createElement("div"), this._contentEl.className = "gengage-simrel-container", this._contentEl.dataset.gengagePart = "simrel-container", this._contentEl.lang = Q(e.locale);
+    this._i18n = this._resolveI18n(e), this._contentEl = document.createElement("div"), this._contentEl.className = "gengage-simrel-container", this._contentEl.dataset.gengagePart = "simrel-container", this._contentEl.lang = V(e.locale);
     const t = this._clampGridColumns(e.gridColumns);
     t !== void 0 && this._contentEl.style.setProperty("--gengage-simrel-columns", String(t)), this.root.appendChild(this._contentEl), this._lastSku = e.sku, await this._fetchAndRender(e.sku), W("simrel");
   }
@@ -454,7 +462,7 @@ var me = class extends K {
   onHide() {
   }
   onDestroy() {
-    this._abort(), this._contentEl && (this._contentEl.remove(), this._contentEl = null);
+    this._abort(), this._disposeRenderedGroupTabs(), this._contentEl && (this._contentEl.remove(), this._contentEl = null);
   }
   _handleProductClick(e) {
     const t = {
@@ -463,13 +471,13 @@ var me = class extends K {
       url: e.url
     };
     if (e.imageUrl !== void 0 && (t.imageUrl = e.imageUrl), e.price !== void 0 && (t.price = e.price), e.originalPrice !== void 0 && (t.originalPrice = e.originalPrice), e.discountPercent !== void 0 && (t.discountPercent = e.discountPercent), e.brand !== void 0 && (t.brand = e.brand), e.rating !== void 0 && (t.rating = e.rating), e.reviewCount !== void 0 && (t.reviewCount = e.reviewCount), e.cartCode !== void 0 && (t.cartCode = e.cartCode), e.inStock !== void 0 && (t.inStock = e.inStock), this.config.onProductClick?.(t) === !1) return;
-    const n = this.config.session?.sessionId ?? null;
+    const r = this.config.session?.sessionId ?? null;
     k("gengage:similar:product-click", {
       sku: e.sku,
       url: e.url,
-      sessionId: n,
+      sessionId: r,
       productName: e.name
-    }), this.config.onProductNavigate?.(e.url, e.sku, n);
+    }), this.config.onProductNavigate?.(e.url, e.sku, r);
   }
   async _handleAddToCart(e) {
     const t = `${e.sku}\0${e.cartCode}\0${e.quantity}`;
@@ -479,11 +487,11 @@ var me = class extends K {
         if (this.config.onAddToCart === void 0) return;
         try {
           await Promise.resolve(this.config.onAddToCart(e));
-        } catch (n) {
-          console.error("[gengage] simrel onAddToCart", n);
+        } catch (r) {
+          console.error("[gengage] simrel onAddToCart", r);
           return;
         }
-        $(e.sku, e.quantity), k("gengage:similar:add-to-cart", e);
+        J(e.sku, e.quantity), k("gengage:similar:add-to-cart", e);
       } finally {
         this._pendingAddToCartKeys.delete(t);
       }
@@ -492,38 +500,41 @@ var me = class extends K {
   _abort() {
     this._abortController?.abort(), this._abortController = null;
   }
+  _disposeRenderedGroupTabs() {
+    this._contentEl && this._contentEl.querySelectorAll('[data-gengage-part="simrel-groups"]').forEach((e) => oe(e));
+  }
   _isSuperseded(e) {
     return this._abortController?.signal !== e;
   }
   _emitSimilarProductsImpression(e, t) {
-    const n = this.config.session?.sessionId ?? null;
+    const r = this.config.session?.sessionId ?? null;
     k("gengage:similar:products-impression", {
-      source_sku: this.config.sku,
+      source_sku: this._lastSku ?? this.config.sku,
       product_count: e,
       grouped: t,
-      sessionId: n
+      sessionId: r
     });
   }
   _resolveRequestTimeoutMs() {
     const e = this.config.requestTimeoutMs;
-    return typeof e != "number" || !Number.isFinite(e) || e <= 0 ? ue : Math.floor(e);
+    return typeof e != "number" || !Number.isFinite(e) || e <= 0 ? me : Math.floor(e);
   }
   async _fetchAndRender(e) {
     this._abort();
     const t = new AbortController();
     this._abortController = t;
-    const n = t.signal;
-    let r = !1;
+    const r = t.signal;
+    let n = !1;
     const s = setTimeout(() => {
-      r = !0, t.abort();
+      n = !0, t.abort();
     }, this._resolveRequestTimeoutMs());
-    if (n.addEventListener("abort", () => clearTimeout(s), { once: !0 }), !this._contentEl) return;
-    this._contentEl.innerHTML = "", this._contentEl.style.display = "";
+    if (r.addEventListener("abort", () => clearTimeout(s), { once: !0 }), !this._contentEl) return;
+    this._disposeRenderedGroupTabs(), this._contentEl.innerHTML = "", this._contentEl.style.display = "";
     const i = document.createElement("div");
     i.className = "gengage-simrel-loading", i.dataset.gengagePart = "simrel-loading";
     const a = document.createElement("div");
     a.className = "gengage-simrel-spinner", a.dataset.gengagePart = "simrel-loading-spinner", i.appendChild(a), this._contentEl.appendChild(i);
-    const d = { middlewareUrl: this.config.middlewareUrl }, m = Z({
+    const d = { middlewareUrl: this.config.middlewareUrl }, m = ee({
       source: "simrel",
       locale: this.config.locale
     });
@@ -535,51 +546,52 @@ var me = class extends K {
         sku: e
       };
       this.config.domain !== void 0 && (l.domain = this.config.domain);
-      const g = await te(l, d, n);
-      if (this._lastResultCount = g.length, !this._contentEl) return;
-      if (this._contentEl.innerHTML = "", g.length > 0 && this.config.enableProductGroupings !== !1) try {
-        const u = g.map((f) => f.sku), h = new Map(g.map((f) => [f.sku, f])), y = (await re({
+      const g = await re(l, d, r);
+      if (this._isSuperseded(r) || (this._lastResultCount = g.length, !this._contentEl)) return;
+      if (this._disposeRenderedGroupTabs(), this._contentEl.innerHTML = "", g.length > 0 && this.config.enableProductGroupings !== !1) try {
+        const u = g.map((f) => f.sku), h = new Map(g.map((f) => [f.sku, f])), b = (await ie({
           account_id: this.config.accountId,
           session_id: this.config.session?.sessionId ?? "",
           correlation_id: this.config.session?.sessionId ?? "",
           skus: u
-        }, d, n)).map((f) => ({
+        }, d, r)).map((f) => ({
           ...f,
           products: f.products.map((o) => ({
             ...h.get(o.sku),
             ...o
           })).filter((o) => typeof o.sku == "string" && typeof o.name == "string" && typeof o.url == "string")
         })).filter((f) => f.products.length > 0);
-        if (y.length > 0 && this._contentEl) {
-          const f = this._buildGroupsSpec(y), o = this._renderUISpec(f);
-          this._contentEl.appendChild(o), S("simrel"), this._emitSimilarProductsImpression(y.reduce((c, b) => c + b.products.length, 0), !0);
+        if (this._isSuperseded(r)) return;
+        if (b.length > 0 && this._contentEl) {
+          const f = this._buildGroupsSpec(b), o = this._renderUISpec(f);
+          this._contentEl.appendChild(o), A("simrel"), this._emitSimilarProductsImpression(b.reduce((c, C) => c + C.products.length, 0), !0);
           return;
         }
       } catch {
       }
-      if (this._isSuperseded(n)) return;
+      if (this._isSuperseded(r)) return;
       if (this._contentEl) {
         const u = this._buildProductsSpec(g), h = this._renderUISpec(u);
         this._contentEl.appendChild(h);
       }
-      g.length > 0 && S("simrel"), this._emitSimilarProductsImpression(g.length, !1);
+      g.length > 0 && A("simrel"), this._emitSimilarProductsImpression(g.length, !1);
     } catch (l) {
-      const g = pe(l);
-      if (g && this._isSuperseded(n)) return;
+      const g = fe(l);
+      if (g && this._isSuperseded(r)) return;
       if (k("gengage:global:error", {
         source: "simrel",
-        code: g && r ? "REQUEST_TIMEOUT" : "FETCH_ERROR",
-        message: J(this.config.locale, l)
+        code: g && n ? "REQUEST_TIMEOUT" : "FETCH_ERROR",
+        message: K(this.config.locale, l)
       }), this._contentEl) {
-        this._contentEl.innerHTML = "";
+        this._disposeRenderedGroupTabs(), this._contentEl.innerHTML = "";
         const u = document.createElement("div");
         u.className = "gengage-simrel-error";
         const h = document.createElement("span");
         h.textContent = this._i18n.errorLoadingMessage, u.appendChild(h);
-        const y = document.createElement("button");
-        y.className = "gengage-simrel-retry", y.textContent = this._i18n.retryButtonText, y.addEventListener("click", () => {
-          this._fetchAndRender(this.config.sku);
-        }), u.appendChild(y), this._contentEl.appendChild(u);
+        const b = document.createElement("button");
+        b.className = "gengage-simrel-retry", b.textContent = this._i18n.retryButtonText, b.addEventListener("click", () => {
+          this._fetchAndRender(this._lastSku ?? this.config.sku);
+        }), u.appendChild(b), this._contentEl.appendChild(u);
       }
     } finally {
       clearTimeout(s), m();
@@ -591,45 +603,45 @@ var me = class extends K {
   }
   _resolveI18n(e) {
     return {
-      ...ge(e.locale),
+      ...pe(e.locale),
       ...e.i18n
     };
   }
   _resolveUISpecRegistry() {
-    return q(ae(), this.config.renderer?.registry);
+    return z(de(), this.config.renderer?.registry);
   }
   _buildRenderContext() {
     const e = this.config.renderCard, t = {
-      onClick: (r) => this._handleProductClick(r),
-      onAddToCart: (r) => {
-        this._handleAddToCart(r);
+      onClick: (n) => this._handleProductClick(n),
+      onAddToCart: (n) => {
+        this._handleAddToCart(n);
       },
-      onGroupingActivate: (r) => {
+      onGroupingActivate: (n) => {
         k("gengage:similar:grouping-click", {
-          grouping_label: r.grouping_label,
-          grouping_index: r.grouping_index,
+          grouping_label: n.grouping_label,
+          grouping_index: n.grouping_index,
           sessionId: this.config.session?.sessionId ?? null
         });
       },
       i18n: this._i18n
     };
     this.config.discountType !== void 0 && (t.discountType = this.config.discountType), e !== void 0 && (t.renderCard = e), this.config.renderCardElement !== void 0 && (t.renderCardElement = this.config.renderCardElement), this.config.pricing !== void 0 && (t.pricing = this.config.pricing);
-    const n = this._clampGridColumns(this.config.gridColumns);
-    return n !== void 0 && (t.gridColumns = n), t;
+    const r = this._clampGridColumns(this.config.gridColumns);
+    return r !== void 0 && (t.gridColumns = r), t;
   }
   _renderUISpec(e) {
-    const t = this._resolveUISpecRegistry(), n = this._buildRenderContext(), r = this.config.renderer?.unknownRenderer ?? B, s = (a, d) => ce(a, d, t, r), i = this.config.renderer?.renderUISpec;
-    return i ? i(e, n, {
+    const t = this._resolveUISpecRegistry(), r = this._buildRenderContext(), n = this.config.renderer?.unknownRenderer ?? x, s = (a, d) => le(a, d, t, n), i = this.config.renderer?.renderUISpec;
+    return i ? i(e, r, {
       registry: t,
-      unknownRenderer: r,
+      unknownRenderer: n,
       defaultRender: s
-    }) : s(e, n);
+    }) : s(e, r);
   }
   _buildProductsSpec(e) {
-    const t = {}, n = [];
+    const t = {}, r = [];
     for (let i = 0; i < e.length; i++) {
       const a = e[i], d = `product-${i}`;
-      n.push(d), t[d] = {
+      r.push(d), t[d] = {
         type: "ProductCard",
         props: {
           product: a,
@@ -638,11 +650,11 @@ var me = class extends K {
         }
       };
     }
-    const r = { layout: "grid" }, s = this._clampGridColumns(this.config.gridColumns);
-    return s !== void 0 && (r.columns = s), t.root = {
+    const n = { layout: "grid" }, s = this._clampGridColumns(this.config.gridColumns);
+    return s !== void 0 && (n.columns = s), t.root = {
       type: "ProductGrid",
-      props: r,
-      children: n
+      props: n,
+      children: r
     }, {
       root: "root",
       elements: t
@@ -658,14 +670,14 @@ var me = class extends K {
     };
   }
 };
-function Ee() {
-  return new me();
+function ke() {
+  return new he();
 }
 export {
-  ce as a,
-  B as i,
-  Ee as n,
-  se as o,
-  ae as r,
-  me as t
+  le as a,
+  x as i,
+  ke as n,
+  ae as o,
+  de as r,
+  he as t
 };