@gengage/assistant-fe 0.4.21 → 0.5.0

package/dist/runtime-DOS9yRRx.js

@@ -0,0 +1,650 @@
+import { a as x, d as L, h as j, i as F, p as z, r as I, t as N } from "./api-paths-y5nkfEBG.js";
+import { A as D, E as T, N as H, a as k, l as q, v as $ } from "./context-BBuSsXZ9.js";
+import { o as W, t as J } from "./widget-base-Dliq3QAf.js";
+import { t as Q } from "./locale-CfqNifrU.js";
+import { a as V, n as Y, r as K, t as A } from "./price-formatter-xI3g9Cd4.js";
+import { n as X } from "./connection-warning-DJiyLM46.js";
+function R(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);
+  }
+  return t;
+}
+function M(e) {
+  const t = e.headers.get("Content-Type") ?? "";
+  return t.includes("application/x-ndjson") || t.includes("text/event-stream");
+}
+async function Z(e, t) {
+  const n = [], r = { onEvent: (i) => {
+    const s = I(i);
+    !s || s.type !== "ui_spec" || n.push(...R(s.spec.elements));
+  } };
+  return t !== void 0 && (r.signal = t), await L(e, r), n;
+}
+async function ee(e, t, n) {
+  const r = N("similar_products", t), i = {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(e)
+  };
+  n !== void 0 && (i.signal = n);
+  const s = await fetch(r, i);
+  if (!s.ok) throw new Error(`HTTP ${s.status}: ${s.statusText}`);
+  if (M(s)) return Z(s, n);
+  const a = await s.text();
+  if (!a) throw new Error("Empty response body from similar_products endpoint");
+  try {
+    return x(JSON.parse(a));
+  } catch {
+    throw new Error("Invalid JSON from similar_products endpoint");
+  }
+}
+async function te(e, t) {
+  const n = [];
+  let r = null;
+  const i = { onEvent: (s) => {
+    const a = I(s);
+    if (a) {
+      if (a.type === "metadata" && a.meta) {
+        const d = a.meta.group_name;
+        if (typeof d == "string") {
+          r = {
+            name: d,
+            products: []
+          };
+          const m = a.meta.highlight;
+          typeof m == "string" && (r.highlight = m), n.push(r);
+        }
+      }
+      a.type === "ui_spec" && r && r.products.push(...R(a.spec.elements));
+    }
+  } };
+  return t !== void 0 && (i.signal = t), await L(e, i), n;
+}
+async function ne(e, t, n) {
+  const r = N("product_groupings", t), i = {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(e)
+  };
+  n !== void 0 && (i.signal = n);
+  const s = await fetch(r, i);
+  if (!s.ok) throw new Error(`HTTP ${s.status}: ${s.statusText}`);
+  if (M(s)) return te(s, n);
+  const a = await s.text();
+  if (!a) return [];
+  try {
+    return F(JSON.parse(a));
+  } catch {
+    throw new Error("Invalid JSON from product_groupings endpoint");
+  }
+}
+function U(e) {
+  const { product: t, index: n, discountType: r, onClick: i, onAddToCart: s, renderCard: a } = e, d = e.i18n, m = e.pricing;
+  if (e.renderCardElement) {
+    const o = e.renderCardElement(t, n);
+    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) => {
+      c.target.closest(".gengage-simrel-atc") || c.target.closest(".gengage-chat-product-card-atc") || i(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)) {
+    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);
+  }
+  if (r === "badge" && t.discountPercent && t.discountPercent > 0) {
+    const o = document.createElement("span");
+    o.className = "gengage-simrel-badge gengage-chat-product-card-discount-badge", o.textContent = `%${K(t.discountPercent)}`, g.appendChild(o);
+  }
+  l.appendChild(g);
+  const u = document.createElement("div");
+  if (u.className = "gengage-simrel-card-info gengage-chat-product-card-body", u.dataset.gengagePart = "simrel-product-card-body", t.brand) {
+    const o = document.createElement("div");
+    o.className = "gengage-simrel-card-brand gengage-chat-product-card-brand", o.textContent = t.brand, u.appendChild(o);
+  }
+  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) {
+      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 C = document.createElement("div");
+  if (C.className = "gengage-simrel-card-price gengage-chat-product-card-price", t.originalPrice && t.originalPrice !== t.price && (r === "strike-through" || !r)) {
+    const o = document.createElement("span");
+    o.className = "gengage-simrel-card-price-original gengage-chat-product-card-original-price", o.textContent = A(t.originalPrice, m), C.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), C.appendChild(o);
+  }
+  u.appendChild(C), 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(), i(t);
+  }), l.appendChild(f), t.inStock === !1) {
+    const o = document.createElement("div");
+    o.className = "gengage-simrel-card-oos", o.textContent = d?.outOfStockLabel ?? "Out of Stock", l.appendChild(o);
+  } else if (t.cartCode) {
+    const o = document.createElement("button");
+    o.className = "gengage-simrel-atc gengage-simrel-atc-button gds-btn gds-btn-secondary", o.type = "button", o.textContent = d?.addToCartButton ?? "Add to Cart", o.addEventListener("click", (c) => {
+      c.preventDefault(), c.stopPropagation(), s({
+        sku: t.sku,
+        quantity: 1,
+        cartCode: t.cartCode
+      });
+    }), l.appendChild(o);
+  }
+  return l.addEventListener("click", (o) => {
+    o.target.closest(".gengage-simrel-atc") || o.target.closest(".gengage-chat-product-card-atc") || o.target.closest(".gengage-chat-product-card-cta") || i(t);
+  }), l;
+}
+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,
+      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 i = U(r);
+    t.appendChild(i);
+  }
+  return e.products.length === 0 && (t.style.display = "none", t.dataset.empty = "true"), t;
+}
+var re = 0;
+function ie(e) {
+  const t = re++, 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");
+  const i = [], s = [];
+  let a = 0;
+  const d = (c) => {
+    const y = {
+      products: c.products,
+      onClick: e.onClick,
+      onAddToCart: e.onAddToCart
+    };
+    return e.i18n !== void 0 && (y.i18n = e.i18n), e.discountType !== void 0 && (y.discountType = e.discountType), e.renderCard !== void 0 && (y.renderCard = e.renderCard), e.renderCardElement !== void 0 && (y.renderCardElement = e.renderCardElement), e.columns !== void 0 && (y.columns = e.columns), y;
+  }, m = (c, y = !1) => {
+    if (y && c !== a && e.onGroupingActivate) {
+      const p = e.groups[c];
+      e.onGroupingActivate({
+        grouping_label: p.name,
+        grouping_index: c
+      });
+    }
+    a = c;
+    for (let p = 0; p < i.length; p++) {
+      const v = p === c;
+      i[p].classList.toggle("gengage-simrel-tab--active", v), i[p].setAttribute("aria-selected", String(v)), i[p].tabIndex = v ? 0 : -1;
+    }
+    const S = e.groups[c], _ = s[c];
+    _.innerHTML = "";
+    const b = P(d(S));
+    _.appendChild(b);
+    for (let p = 0; p < s.length; p++) {
+      const v = p === c;
+      s[p].style.display = v ? "" : "none", s[p].tabIndex = v ? 0 : -1;
+    }
+  };
+  for (let c = 0; c < e.groups.length; c++) {
+    const y = e.groups[c], S = `gengage-simrel-tab-${t}-${c}`, _ = `gengage-simrel-panel-${t}-${c}`, b = document.createElement("button");
+    b.className = "gengage-simrel-tab gds-tab", b.type = "button", b.dataset.gengagePart = "simrel-tab", b.id = S, b.textContent = y.name, b.setAttribute("role", "tab"), b.setAttribute("aria-controls", _), b.setAttribute("aria-selected", String(c === 0)), b.tabIndex = c === 0 ? 0 : -1, c === 0 && b.classList.add("gengage-simrel-tab--active"), b.addEventListener("click", () => m(c, !0)), b.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), i[E].focus());
+    }), i.push(b), r.appendChild(b);
+    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", S), p.tabIndex = c === 0 ? 0 : -1, c !== 0 && (p.style.display = "none"), s.push(p);
+  }
+  const l = document.createElement("button");
+  l.type = "button", l.className = "gengage-simrel-tabs-arrow gengage-simrel-tabs-arrow--left", l.setAttribute("aria-label", e.i18n?.scrollTabsLeft ?? "Scroll tabs left"), l.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="15 18 9 12 15 6"/></svg>';
+  const g = document.createElement("button");
+  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({
+      left: -u,
+      behavior: "smooth"
+    });
+  }), g.addEventListener("click", () => {
+    r.scrollBy({
+      left: u,
+      behavior: "smooth"
+    });
+  });
+  const h = () => {
+    const c = r.scrollLeft <= 4, y = r.scrollLeft + r.clientWidth >= r.scrollWidth - 4;
+    l.style.display = c ? "none" : "", g.style.display = y ? "none" : "", r.classList.toggle("gengage-simrel-tabs--peek-right", !y), r.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 C = document.createElement("div");
+  C.className = "gengage-simrel-tabs-wrapper", C.appendChild(l), C.appendChild(r), C.appendChild(g), n.appendChild(C);
+  const f = s[0], o = P(d(e.groups[0]));
+  f.appendChild(o);
+  for (const c of s) n.appendChild(c);
+  return n;
+}
+function w(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 = {
+    sku: t.sku,
+    name: t.name,
+    url: t.url
+  }, r = t.imageUrl;
+  typeof r == "string" && (n.imageUrl = r);
+  const i = t.price;
+  typeof i == "string" && (n.price = i);
+  const s = t.originalPrice;
+  typeof s == "string" && (n.originalPrice = s);
+  const a = t.discountPercent;
+  typeof a == "number" && (n.discountPercent = a);
+  const d = t.brand;
+  typeof d == "string" && (n.brand = d);
+  const m = t.rating;
+  typeof m == "number" && (n.rating = m);
+  const l = t.reviewCount;
+  typeof l == "number" && (n.reviewCount = l);
+  const g = t.cartCode;
+  typeof g == "string" && (n.cartCode = g);
+  const u = t.inStock;
+  typeof u == "boolean" && (n.inStock = u);
+  const h = t.extras;
+  return h != null && typeof h == "object" && (n.extras = h), n;
+}
+function se(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 i = {
+    title: n,
+    type: r
+  };
+  return t.payload !== void 0 && (i.payload = t.payload), i;
+}
+var G = {
+  ProductGrid: ({ element: e, renderElement: t, context: n }) => {
+    const r = document.createElement("div");
+    r.className = "gengage-simrel-grid", r.setAttribute("role", "list");
+    const i = e.props?.columns;
+    let s;
+    typeof i == "number" && Number.isFinite(i) && i > 0 ? s = Math.floor(i) : typeof n.gridColumns == "number" && Number.isFinite(n.gridColumns) && n.gridColumns > 0 && (s = Math.floor(n.gridColumns)), s !== void 0 && r.style.setProperty("--gengage-simrel-columns", String(s));
+    for (const a of e.children ?? []) {
+      const d = t(a);
+      d && r.appendChild(d);
+    }
+    if (r.children.length === 0) {
+      const a = document.createElement("div");
+      a.className = "gengage-simrel-empty", a.textContent = n.i18n.emptyStateMessage, r.appendChild(a);
+    }
+    return r;
+  },
+  ProductCard: ({ element: e, context: t }) => {
+    const n = w(e.props?.product ?? e.props);
+    if (!n) return null;
+    const r = e.props?.index, i = typeof r == "number" && Number.isFinite(r) ? r : 0, s = e.props?.discountType, a = s === "strike-through" || s === "badge" ? s : t.discountType, d = {
+      product: n,
+      index: i,
+      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), U(d);
+  },
+  GroupTabs: ({ element: e, context: t }) => {
+    const n = e.props?.groups;
+    if (!Array.isArray(n)) return null;
+    const r = [];
+    for (const a of n) {
+      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 = w(g);
+        u && m.push(u);
+      }
+      const l = {
+        name: d.name,
+        products: m
+      };
+      typeof d.highlight == "string" && (l.highlight = d.highlight), r.push(l);
+    }
+    const i = {
+      groups: r,
+      onClick: t.onClick,
+      onAddToCart: t.onAddToCart,
+      i18n: t.i18n
+    }, s = e.props?.columns;
+    return typeof s == "number" && Number.isFinite(s) && s > 0 ? i.columns = Math.floor(s) : typeof t.gridColumns == "number" && Number.isFinite(t.gridColumns) && t.gridColumns > 0 && (i.columns = Math.floor(t.gridColumns)), t.discountType !== void 0 && (i.discountType = t.discountType), t.renderCard !== void 0 && (i.renderCard = t.renderCard), t.renderCardElement !== void 0 && (i.renderCardElement = t.renderCardElement), t.onGroupingActivate !== void 0 && (i.onGroupingActivate = t.onGroupingActivate), ie(i);
+  },
+  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;
+  },
+  AddToCartButton: ({ element: e, context: t }) => {
+    const n = e.props?.sku, r = e.props?.cartCode;
+    if (typeof n != "string" || typeof r != "string") return null;
+    const i = document.createElement("button");
+    i.className = "gengage-simrel-atc gengage-chat-product-card-cta", i.type = "button";
+    const s = e.props?.label;
+    return i.textContent = typeof s == "string" ? s : t.i18n.addToCartButton, i.addEventListener("click", (a) => {
+      a.preventDefault(), a.stopPropagation(), t.onAddToCart({
+        sku: n,
+        quantity: 1,
+        cartCode: r
+      });
+    }), i;
+  },
+  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 i of r) {
+      if (!i || typeof i != "object") continue;
+      const s = i, a = s.label, d = se(s.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);
+    }
+    return n;
+  }
+}, O = ({ 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 i = t(r);
+    i && n.appendChild(i);
+  }
+  return n;
+};
+function oe() {
+  return { ...G };
+}
+function ae(e, t, n = G, r = O) {
+  return j({
+    spec: e,
+    context: t,
+    registry: n,
+    containerClassName: "gengage-simrel-uispec",
+    unknownRenderer: r
+  });
+}
+var B = {
+  similarProductsAriaLabel: "Benzer ürünler",
+  emptyStateMessage: "Benzer ürün bulunamadı.",
+  addToCartButton: "Sepete Ekle",
+  ctaLabel: "İncele",
+  outOfStockLabel: "Stokta Yok",
+  decreaseLabel: "Azalt",
+  increaseLabel: "Artır",
+  errorLoadingMessage: "Benzer ürünler yüklenemedi.",
+  retryButtonText: "Tekrar dene",
+  priceSuffix: " TL",
+  scrollTabsLeft: "Sola kaydır",
+  scrollTabsRight: "Sağa kaydır"
+}, ce = {
+  similarProductsAriaLabel: "Similar products",
+  emptyStateMessage: "No similar products found.",
+  addToCartButton: "Add to cart",
+  ctaLabel: "View",
+  outOfStockLabel: "Out of Stock",
+  decreaseLabel: "Decrease",
+  increaseLabel: "Increase",
+  errorLoadingMessage: "Could not load similar products.",
+  retryButtonText: "Try again",
+  priceSuffix: "",
+  scrollTabsLeft: "Scroll tabs left",
+  scrollTabsRight: "Scroll tabs right"
+};
+function de(e) {
+  return e ? e.toLowerCase().split("-")[0] ?? "tr" : "tr";
+}
+function le(e) {
+  return de(e) === "en" ? ce : B;
+}
+var ge = 12e4;
+function ue(e) {
+  return e instanceof DOMException && e.name === "AbortError";
+}
+var pe = class extends J {
+  constructor(...e) {
+    super(...e), this._abortController = null, this._contentEl = null, this._lastResultCount = -1, this._i18n = B;
+  }
+  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);
+    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), $("simrel");
+  }
+  onUpdate(e) {
+    const t = e.sku;
+    !t || t === this._lastSku && this._lastResultCount !== 0 || (this._lastSku = t, this._fetchAndRender(t));
+  }
+  onShow() {
+    this._contentEl && (this._contentEl.style.opacity = "0", this._contentEl.style.transition = "opacity 0.3s ease-in", requestAnimationFrame(() => {
+      this._contentEl && (this._contentEl.style.opacity = "1");
+    }));
+  }
+  onHide() {
+  }
+  onDestroy() {
+    this._abort(), this._contentEl && (this._contentEl.remove(), this._contentEl = null);
+  }
+  _handleProductClick(e) {
+    const t = {
+      sku: e.sku,
+      name: e.name,
+      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;
+    k("gengage:similar:product-click", {
+      sku: e.sku,
+      url: e.url,
+      sessionId: n,
+      productName: e.name
+    }), this.config.onProductNavigate?.(e.url, e.sku, n);
+  }
+  _handleAddToCart(e) {
+    q(e.sku, e.quantity), this.config.onAddToCart?.(e), k("gengage:similar:add-to-cart", e);
+  }
+  _abort() {
+    this._abortController?.abort(), this._abortController = null;
+  }
+  _isSuperseded(e) {
+    return this._abortController?.signal !== e;
+  }
+  _emitSimilarProductsImpression(e, t) {
+    const n = this.config.session?.sessionId ?? null;
+    k("gengage:similar:products-impression", {
+      source_sku: this.config.sku,
+      product_count: e,
+      grouped: t,
+      sessionId: n
+    });
+  }
+  _resolveRequestTimeoutMs() {
+    const e = this.config.requestTimeoutMs;
+    return typeof e != "number" || !Number.isFinite(e) || e <= 0 ? ge : Math.floor(e);
+  }
+  async _fetchAndRender(e) {
+    this._abort();
+    const t = new AbortController();
+    this._abortController = t;
+    const n = t.signal;
+    let r = !1;
+    const i = setTimeout(() => {
+      r = !0, t.abort();
+    }, this._resolveRequestTimeoutMs());
+    if (n.addEventListener("abort", () => clearTimeout(i), { once: !0 }), !this._contentEl) return;
+    this._contentEl.innerHTML = "", this._contentEl.style.display = "";
+    const s = document.createElement("div");
+    s.className = "gengage-simrel-loading", s.dataset.gengagePart = "simrel-loading";
+    const a = document.createElement("div");
+    a.className = "gengage-simrel-spinner", a.dataset.gengagePart = "simrel-loading-spinner", s.appendChild(a), this._contentEl.appendChild(s);
+    const d = { middlewareUrl: this.config.middlewareUrl }, m = X({
+      source: "simrel",
+      locale: this.config.locale
+    });
+    try {
+      const l = {
+        account_id: this.config.accountId,
+        session_id: this.config.session?.sessionId ?? "",
+        correlation_id: this.config.session?.sessionId ?? "",
+        sku: e
+      };
+      this.config.domain !== void 0 && (l.domain = this.config.domain);
+      const g = await ee(l, d, n);
+      if (this._lastResultCount = g.length, !this._contentEl) return;
+      if (this._contentEl.innerHTML = "", g.length > 0) try {
+        const u = g.map((f) => f.sku), h = new Map(g.map((f) => [f.sku, f])), C = (await ne({
+          account_id: this.config.accountId,
+          session_id: this.config.session?.sessionId ?? "",
+          correlation_id: this.config.session?.sessionId ?? "",
+          skus: u
+        }, d, n)).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 (C.length > 0 && this._contentEl) {
+          const f = this._buildGroupsSpec(C), o = this._renderUISpec(f);
+          this._contentEl.appendChild(o), T("simrel"), this._emitSimilarProductsImpression(C.reduce((c, y) => c + y.products.length, 0), !0);
+          return;
+        }
+      } catch {
+      }
+      if (this._isSuperseded(n)) return;
+      if (this._contentEl) {
+        const u = this._buildProductsSpec(g), h = this._renderUISpec(u);
+        this._contentEl.appendChild(h);
+      }
+      g.length > 0 && T("simrel"), this._emitSimilarProductsImpression(g.length, !1);
+    } catch (l) {
+      const g = ue(l);
+      if (g && this._isSuperseded(n)) return;
+      if (k("gengage:global:error", {
+        source: "simrel",
+        code: g && r ? "REQUEST_TIMEOUT" : "FETCH_ERROR",
+        message: W(this.config.locale, l)
+      }), this._contentEl) {
+        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 C = document.createElement("button");
+        C.className = "gengage-simrel-retry", C.textContent = this._i18n.retryButtonText, C.addEventListener("click", () => {
+          this._fetchAndRender(this.config.sku);
+        }), u.appendChild(C), this._contentEl.appendChild(u);
+      }
+    } finally {
+      clearTimeout(i), m();
+    }
+  }
+  _clampGridColumns(e) {
+    if (!(e === void 0 || typeof e != "number" || !Number.isFinite(e)))
+      return Math.max(1, Math.min(12, Math.floor(e)));
+  }
+  _resolveI18n(e) {
+    return {
+      ...le(e.locale),
+      ...e.i18n
+    };
+  }
+  _resolveUISpecRegistry() {
+    return z(oe(), this.config.renderer?.registry);
+  }
+  _buildRenderContext() {
+    const e = this.config.renderCard, t = {
+      onClick: (r) => this._handleProductClick(r),
+      onAddToCart: (r) => this._handleAddToCart(r),
+      onGroupingActivate: (r) => {
+        k("gengage:similar:grouping-click", {
+          grouping_label: r.grouping_label,
+          grouping_index: r.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;
+  }
+  _renderUISpec(e) {
+    const t = this._resolveUISpecRegistry(), n = this._buildRenderContext(), r = this.config.renderer?.unknownRenderer ?? O, i = (a, d) => ae(a, d, t, r), s = this.config.renderer?.renderUISpec;
+    return s ? s(e, n, {
+      registry: t,
+      unknownRenderer: r,
+      defaultRender: i
+    }) : i(e, n);
+  }
+  _buildProductsSpec(e) {
+    const t = {}, n = [];
+    for (let s = 0; s < e.length; s++) {
+      const a = e[s], d = `product-${s}`;
+      n.push(d), t[d] = {
+        type: "ProductCard",
+        props: {
+          product: a,
+          index: s,
+          discountType: this.config.discountType
+        }
+      };
+    }
+    const r = { layout: "grid" }, i = this._clampGridColumns(this.config.gridColumns);
+    return i !== void 0 && (r.columns = i), t.root = {
+      type: "ProductGrid",
+      props: r,
+      children: n
+    }, {
+      root: "root",
+      elements: t
+    };
+  }
+  _buildGroupsSpec(e) {
+    return {
+      root: "root",
+      elements: { root: {
+        type: "GroupTabs",
+        props: { groups: e }
+      } }
+    };
+  }
+};
+function ve() {
+  return new pe();
+}
+export {
+  ae as a,
+  O as i,
+  ve as n,
+  ie as o,
+  oe as r,
+  pe as t
+};