@gengage/assistant-fe 0.3.37 → 0.3.39

package/dist/simrel-jN_YPfC7.js

@@ -1,710 +0,0 @@
-import { S as H, a as T, b as U, c as b, d as M, h as z, m as $, n as W, o as _, p as x, t as O, u as J, w as Q } from "./schemas-ZYhTx11k.js";
-import { $ as Y, C as V, F as w, H as Z, Q as K, U as X, Z as P, b as ee, c as te, h as A, p as re, t as ne, tt as L, y as ie, z as se } from "./ga-datalayer-BUM5z5Pq.js";
-import { a as ae, n as oe, r as ce, t as R } from "./price-formatter-CR6VT5z4.js";
-import { n as de } from "./connection-warning-nm_yulO-.js";
-function G(e) {
-  const t = [];
-  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;
-}
-function B(e) {
-  const t = e.headers.get("Content-Type") ?? "";
-  return t.includes("application/x-ndjson") || t.includes("text/event-stream");
-}
-async function le(e, t) {
-  const r = [], n = { onEvent: (a) => {
-    const s = x(a);
-    !s || s.type !== "ui_spec" || r.push(...G(s.spec.elements));
-  } };
-  return t !== void 0 && (n.signal = t), await U(e, n), r;
-}
-async function ue(e, t, r) {
-  const n = M("similar_products", t), a = {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify(e)
-  };
-  r !== void 0 && (a.signal = r);
-  const s = await fetch(n, a);
-  if (!s.ok) throw new Error(`HTTP ${s.status}: ${s.statusText}`);
-  if (B(s)) return le(s, r);
-  const o = await s.text();
-  if (!o) throw new Error("Empty response body from similar_products endpoint");
-  try {
-    return z(JSON.parse(o));
-  } catch {
-    throw new Error("Invalid JSON from similar_products endpoint");
-  }
-}
-async function ge(e, t) {
-  const r = [];
-  let n = null;
-  const a = { onEvent: (s) => {
-    const o = x(s);
-    if (o) {
-      if (o.type === "metadata" && o.meta) {
-        const c = o.meta.group_name;
-        if (typeof c == "string") {
-          n = {
-            name: c,
-            products: []
-          };
-          const l = o.meta.highlight;
-          typeof l == "string" && (n.highlight = l), r.push(n);
-        }
-      }
-      o.type === "ui_spec" && n && n.products.push(...G(o.spec.elements));
-    }
-  } };
-  return t !== void 0 && (a.signal = t), await U(e, a), r;
-}
-async function pe(e, t, r) {
-  const n = M("product_groupings", t), a = {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify(e)
-  };
-  r !== void 0 && (a.signal = r);
-  const s = await fetch(n, a);
-  if (!s.ok) throw new Error(`HTTP ${s.status}: ${s.statusText}`);
-  if (B(s)) return ge(s, r);
-  const o = await s.text();
-  if (!o) return [];
-  try {
-    return $(JSON.parse(o));
-  } catch {
-    throw new Error("Invalid JSON from product_groupings endpoint");
-  }
-}
-function q(e) {
-  const { product: t, index: r, discountType: n, onClick: a, onAddToCart: s, renderCard: o } = e, c = e.i18n, l = e.pricing;
-  if (e.renderCardElement) {
-    const i = e.renderCardElement(t, r);
-    if (i) return i;
-  }
-  if (o) {
-    const i = document.createElement("div");
-    return i.className = "gengage-simrel-card gengage-simrel-card--custom gds-card gds-product-card gds-card-interactive", i.dataset.gengagePart = "simrel-product-card", i.innerHTML = Z(o(t, r)), i.addEventListener("click", (d) => {
-      d.target.closest(".gengage-simrel-atc") || d.target.closest(".gengage-chat-product-card-atc") || a(t);
-    }), i;
-  }
-  const u = document.createElement("article");
-  u.className = "gengage-simrel-card gengage-chat-product-card gds-card gds-product-card gds-card-interactive", u.dataset.gengagePart = "simrel-product-card", t.inStock === !1 && u.classList.add("gengage-simrel-card--out-of-stock"), u.setAttribute("role", "listitem"), u.dataset.sku = t.sku;
-  const h = document.createElement("div");
-  if (h.className = "gengage-simrel-card-image gengage-chat-product-card-img-wrapper", h.dataset.gengagePart = "simrel-product-card-image", t.imageUrl && se(t.imageUrl)) {
-    const i = document.createElement("img");
-    i.className = "gengage-chat-product-card-img", i.src = t.imageUrl, i.alt = t.name, i.loading = "lazy", oe(i), h.appendChild(i);
-  }
-  if (n === "badge" && t.discountPercent && t.discountPercent > 0) {
-    const i = document.createElement("span");
-    i.className = "gengage-simrel-badge gengage-chat-product-card-discount-badge", i.textContent = `%${ce(t.discountPercent)}`, h.appendChild(i);
-  }
-  u.appendChild(h);
-  const m = document.createElement("div");
-  if (m.className = "gengage-simrel-card-info gengage-chat-product-card-body", m.dataset.gengagePart = "simrel-product-card-body", t.brand) {
-    const i = document.createElement("div");
-    i.className = "gengage-simrel-card-brand gengage-chat-product-card-brand", i.textContent = t.brand, m.appendChild(i);
-  }
-  const p = document.createElement("div");
-  if (p.className = "gengage-simrel-card-name gengage-chat-product-card-name", p.textContent = t.name, p.title = t.name, m.appendChild(p), t.rating != null && t.rating > 0) {
-    const i = document.createElement("div");
-    if (i.className = "gengage-simrel-card-rating gengage-chat-product-card-rating", i.appendChild(ae(t.rating)), t.reviewCount != null) {
-      const d = document.createElement("span");
-      d.className = "gengage-simrel-card-review-count gengage-chat-product-card-review-count", d.textContent = ` (${t.reviewCount})`, i.appendChild(d);
-    }
-    m.appendChild(i);
-  }
-  const v = document.createElement("div");
-  if (v.className = "gengage-simrel-card-price gengage-chat-product-card-price", t.originalPrice && t.originalPrice !== t.price && (n === "strike-through" || !n)) {
-    const i = document.createElement("span");
-    i.className = "gengage-simrel-card-price-original gengage-chat-product-card-original-price", i.textContent = R(t.originalPrice, l), v.appendChild(i);
-  }
-  if (t.price && parseFloat(t.price) > 0) {
-    const i = document.createElement("span");
-    i.className = "gengage-simrel-card-price-current gengage-chat-product-card-price-current", i.textContent = R(t.price, l), v.appendChild(i);
-  }
-  m.appendChild(v), u.appendChild(m);
-  const C = document.createElement("button");
-  if (C.className = "gengage-simrel-card-cta gengage-chat-product-card-cta gds-btn gds-btn-secondary", C.type = "button", C.dataset.gengagePart = "simrel-product-card-cta", C.textContent = c?.ctaLabel ?? "View", C.addEventListener("click", (i) => {
-    i.preventDefault(), i.stopPropagation(), a(t);
-  }), u.appendChild(C), t.inStock === !1) {
-    const i = document.createElement("div");
-    i.className = "gengage-simrel-card-oos", i.textContent = c?.outOfStockLabel ?? "Out of Stock", u.appendChild(i);
-  } else if (t.cartCode) {
-    const i = document.createElement("button");
-    i.className = "gengage-simrel-atc gengage-simrel-atc-button gds-btn gds-btn-secondary", i.type = "button", i.textContent = c?.addToCartButton ?? "Add to Cart", i.addEventListener("click", (d) => {
-      d.preventDefault(), d.stopPropagation(), s({
-        sku: t.sku,
-        quantity: 1,
-        cartCode: t.cartCode
-      });
-    }), u.appendChild(i);
-  }
-  return u.addEventListener("click", (i) => {
-    i.target.closest(".gengage-simrel-atc") || i.target.closest(".gengage-chat-product-card-atc") || i.target.closest(".gengage-chat-product-card-cta") || a(t);
-  }), u;
-}
-function N(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 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 && (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 a = q(n);
-    t.appendChild(a);
-  }
-  return e.products.length === 0 && (t.style.display = "none", t.dataset.empty = "true"), t;
-}
-var me = 0;
-function fe(e) {
-  const t = me++, 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 a = [], s = [], o = (i) => {
-    const d = {
-      products: i.products,
-      onClick: e.onClick,
-      onAddToCart: e.onAddToCart
-    };
-    return e.i18n !== void 0 && (d.i18n = e.i18n), e.discountType !== void 0 && (d.discountType = e.discountType), e.renderCard !== void 0 && (d.renderCard = e.renderCard), e.renderCardElement !== void 0 && (d.renderCardElement = e.renderCardElement), e.columns !== void 0 && (d.columns = e.columns), d;
-  }, c = (i) => {
-    for (let g = 0; g < a.length; g++) {
-      const y = g === i;
-      a[g].classList.toggle("gengage-simrel-tab--active", y), a[g].setAttribute("aria-selected", String(y)), a[g].tabIndex = y ? 0 : -1;
-    }
-    const d = e.groups[i], f = s[i];
-    f.innerHTML = "";
-    const E = N(o(d));
-    f.appendChild(E);
-    for (let g = 0; g < s.length; g++) {
-      const y = g === i;
-      s[g].style.display = y ? "" : "none", s[g].tabIndex = y ? 0 : -1;
-    }
-  };
-  for (let i = 0; i < e.groups.length; i++) {
-    const d = e.groups[i], f = `gengage-simrel-tab-${t}-${i}`, E = `gengage-simrel-panel-${t}-${i}`, g = document.createElement("button");
-    g.className = "gengage-simrel-tab gds-tab", g.type = "button", g.dataset.gengagePart = "simrel-tab", g.id = f, g.textContent = d.name, g.setAttribute("role", "tab"), g.setAttribute("aria-controls", E), g.setAttribute("aria-selected", String(i === 0)), g.tabIndex = i === 0 ? 0 : -1, i === 0 && g.classList.add("gengage-simrel-tab--active"), g.addEventListener("click", () => c(i)), g.addEventListener("keydown", (k) => {
-      let S = -1;
-      k.key === "ArrowRight" || k.key === "ArrowDown" ? S = (i + 1) % e.groups.length : k.key === "ArrowLeft" || k.key === "ArrowUp" ? S = (i - 1 + e.groups.length) % e.groups.length : k.key === "Home" ? S = 0 : k.key === "End" && (S = e.groups.length - 1), S >= 0 && (k.preventDefault(), c(S), a[S].focus());
-    }), a.push(g), n.appendChild(g);
-    const y = document.createElement("div");
-    y.className = "gengage-simrel-tab-panel", y.dataset.gengagePart = "simrel-tab-panel", y.id = E, y.setAttribute("role", "tabpanel"), y.setAttribute("aria-labelledby", f), y.tabIndex = i === 0 ? 0 : -1, i !== 0 && (y.style.display = "none"), s.push(y);
-  }
-  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 u = document.createElement("button");
-  u.type = "button", u.className = "gengage-simrel-tabs-arrow gengage-simrel-tabs-arrow--right", u.setAttribute("aria-label", e.i18n?.scrollTabsRight ?? "Scroll tabs right"), u.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 h = 200;
-  l.addEventListener("click", () => {
-    n.scrollBy({
-      left: -h,
-      behavior: "smooth"
-    });
-  }), u.addEventListener("click", () => {
-    n.scrollBy({
-      left: h,
-      behavior: "smooth"
-    });
-  });
-  const m = () => {
-    const i = n.scrollLeft <= 4, d = n.scrollLeft + n.clientWidth >= n.scrollWidth - 4;
-    l.style.display = i ? "none" : "", u.style.display = d ? "none" : "", n.classList.toggle("gengage-simrel-tabs--peek-right", !d), n.classList.toggle("gengage-simrel-tabs--peek-left", !i);
-  };
-  n.addEventListener("scroll", m, { passive: !0 }), typeof ResizeObserver < "u" && new ResizeObserver(m).observe(n), l.style.display = "none", u.style.display = "none", requestAnimationFrame(m);
-  const p = document.createElement("div");
-  p.className = "gengage-simrel-tabs-wrapper", p.appendChild(l), p.appendChild(n), p.appendChild(u), r.appendChild(p);
-  const v = s[0], C = N(o(e.groups[0]));
-  v.appendChild(C);
-  for (const i of s) r.appendChild(i);
-  return r;
-}
-function I(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 r = {
-    sku: t.sku,
-    name: t.name,
-    url: t.url
-  }, n = t.imageUrl;
-  typeof n == "string" && (r.imageUrl = n);
-  const a = t.price;
-  typeof a == "string" && (r.price = a);
-  const s = t.originalPrice;
-  typeof s == "string" && (r.originalPrice = s);
-  const o = t.discountPercent;
-  typeof o == "number" && (r.discountPercent = o);
-  const c = t.brand;
-  typeof c == "string" && (r.brand = c);
-  const l = t.rating;
-  typeof l == "number" && (r.rating = l);
-  const u = t.reviewCount;
-  typeof u == "number" && (r.reviewCount = u);
-  const h = t.cartCode;
-  typeof h == "string" && (r.cartCode = h);
-  const m = t.inStock;
-  typeof m == "boolean" && (r.inStock = m);
-  const p = t.extras;
-  return p != null && typeof p == "object" && (r.extras = p), r;
-}
-function he(e) {
-  if (!e || typeof e != "object") return null;
-  const t = e, r = t.title, n = t.type;
-  if (typeof r != "string" || typeof n != "string") return null;
-  const a = {
-    title: r,
-    type: n
-  };
-  return t.payload !== void 0 && (a.payload = t.payload), a;
-}
-var D = {
-  ProductGrid: ({ element: e, renderElement: t, context: r }) => {
-    const n = document.createElement("div");
-    n.className = "gengage-simrel-grid", n.setAttribute("role", "list");
-    const a = e.props?.columns;
-    let s;
-    typeof a == "number" && Number.isFinite(a) && a > 0 ? s = Math.floor(a) : typeof r.gridColumns == "number" && Number.isFinite(r.gridColumns) && r.gridColumns > 0 && (s = Math.floor(r.gridColumns)), s !== void 0 && n.style.setProperty("--gengage-simrel-columns", String(s));
-    for (const o of e.children ?? []) {
-      const c = t(o);
-      c && n.appendChild(c);
-    }
-    if (n.children.length === 0) {
-      const o = document.createElement("div");
-      o.className = "gengage-simrel-empty", o.textContent = r.i18n.emptyStateMessage, n.appendChild(o);
-    }
-    return n;
-  },
-  ProductCard: ({ element: e, context: t }) => {
-    const r = I(e.props?.product ?? e.props);
-    if (!r) return null;
-    const n = e.props?.index, a = typeof n == "number" && Number.isFinite(n) ? n : 0, s = e.props?.discountType, o = s === "strike-through" || s === "badge" ? s : t.discountType, c = {
-      product: r,
-      index: a,
-      onClick: t.onClick,
-      onAddToCart: t.onAddToCart,
-      i18n: t.i18n
-    };
-    return o !== void 0 && (c.discountType = o), t.renderCard !== void 0 && (c.renderCard = t.renderCard), t.renderCardElement !== void 0 && (c.renderCardElement = t.renderCardElement), t.pricing !== void 0 && (c.pricing = t.pricing), q(c);
-  },
-  GroupTabs: ({ element: e, context: t }) => {
-    const r = e.props?.groups;
-    if (!Array.isArray(r)) return null;
-    const n = [];
-    for (const o of r) {
-      if (!o || typeof o != "object") continue;
-      const c = o;
-      if (typeof c.name != "string") continue;
-      const l = [];
-      if (Array.isArray(c.products)) for (const h of c.products) {
-        const m = I(h);
-        m && l.push(m);
-      }
-      const u = {
-        name: c.name,
-        products: l
-      };
-      typeof c.highlight == "string" && (u.highlight = c.highlight), n.push(u);
-    }
-    const a = {
-      groups: n,
-      onClick: t.onClick,
-      onAddToCart: t.onAddToCart,
-      i18n: t.i18n
-    }, s = e.props?.columns;
-    return typeof s == "number" && Number.isFinite(s) && s > 0 ? a.columns = Math.floor(s) : typeof t.gridColumns == "number" && Number.isFinite(t.gridColumns) && t.gridColumns > 0 && (a.columns = Math.floor(t.gridColumns)), t.discountType !== void 0 && (a.discountType = t.discountType), t.renderCard !== void 0 && (a.renderCard = t.renderCard), t.renderCardElement !== void 0 && (a.renderCardElement = t.renderCardElement), fe(a);
-  },
-  EmptyState: ({ element: e, context: t }) => {
-    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 r = e.props?.sku, n = e.props?.cartCode;
-    if (typeof r != "string" || typeof n != "string") return null;
-    const a = document.createElement("button");
-    a.className = "gengage-simrel-atc gengage-chat-product-card-cta", a.type = "button";
-    const s = e.props?.label;
-    return a.textContent = typeof s == "string" ? s : t.i18n.addToCartButton, a.addEventListener("click", (o) => {
-      o.preventDefault(), o.stopPropagation(), t.onAddToCart({
-        sku: r,
-        quantity: 1,
-        cartCode: n
-      });
-    }), a;
-  },
-  QuickActions: ({ element: e, context: t }) => {
-    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 a of n) {
-      if (!a || typeof a != "object") continue;
-      const s = a, o = s.label, c = he(s.action);
-      if (typeof o != "string" || !c) continue;
-      const l = document.createElement("button");
-      l.className = "gengage-simrel-quick-action", l.type = "button", l.textContent = o, l.addEventListener("click", (u) => {
-        u.preventDefault(), u.stopPropagation(), t.onAction?.(c);
-      }), r.appendChild(l);
-    }
-    return r;
-  }
-}, j = ({ element: e, renderElement: t }) => {
-  if (!e.children || e.children.length === 0) return null;
-  const r = document.createElement("div");
-  for (const n of e.children) {
-    const a = t(n);
-    a && r.appendChild(a);
-  }
-  return r;
-};
-function ye() {
-  return { ...D };
-}
-function Ce(e, t, r = D, n = j) {
-  return Q({
-    spec: e,
-    context: t,
-    registry: r,
-    containerClassName: "gengage-simrel-uispec",
-    unknownRenderer: n
-  });
-}
-var F = {
-  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"
-}, be = {
-  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 ve(e) {
-  return e ? e.toLowerCase().split("-")[0] ?? "tr" : "tr";
-}
-function Ee(e) {
-  return ve(e) === "en" ? be : F;
-}
-var _e = _({
-  sku: b(),
-  name: b(),
-  imageUrl: b().url().optional(),
-  price: b().optional(),
-  originalPrice: b().optional(),
-  discountPercent: T().optional(),
-  url: b().url(),
-  brand: b().optional(),
-  rating: T().min(0).max(5).optional(),
-  reviewCount: T().int().nonnegative().optional()
-}), ke = _({
-  layout: O(["grid", "carousel"]).optional(),
-  columns: T().int().positive().optional()
-}), Se = _({
-  product: _e,
-  index: T().int().nonnegative(),
-  discountType: O(["strike-through", "badge"]).optional()
-}), Te = _({
-  sku: b(),
-  label: b().optional(),
-  cartCode: b()
-}), we = _({ actions: W(_({
-  label: b(),
-  action: _({
-    title: b(),
-    type: b(),
-    payload: J().optional()
-  })
-})) }), Pe = _({ message: b().optional() }), xe = { components: {
-  ProductGrid: {
-    schema: ke,
-    description: "Outer grid or carousel container for similar products."
-  },
-  ProductCard: {
-    schema: Se,
-    description: "A single product card with image, title, price, and actions."
-  },
-  AddToCartButton: {
-    schema: Te,
-    description: "Add-to-cart CTA rendered inside or below a product card."
-  },
-  QuickActions: {
-    schema: we,
-    description: "A row of quick-action buttons below product info."
-  },
-  EmptyState: {
-    schema: Pe,
-    description: "Empty state shown when no similar products are available."
-  }
-} }, Ae = 12e4;
-function Le(e) {
-  return e instanceof DOMException && e.name === "AbortError";
-}
-var Re = class extends ee {
-  constructor(...e) {
-    super(...e), this._abortController = null, this._contentEl = null, this._lastResultCount = -1, this._i18n = F;
-  }
-  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 = ie(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), te("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;
-    re(e.sku, e.name);
-    const r = this.config.session?.sessionId ?? null;
-    w("gengage:similar:product-click", {
-      sku: e.sku,
-      url: e.url,
-      sessionId: r
-    }), this.config.onProductNavigate?.(e.url, e.sku, r);
-  }
-  _handleAddToCart(e) {
-    ne(e.sku, e.quantity), this.config.onAddToCart?.(e), w("gengage:similar:add-to-cart", e), this.track(X(this.analyticsContext(), {
-      attribution_source: "simrel",
-      attribution_action_id: crypto.randomUUID(),
-      cart_value: 0,
-      currency: this.config.pricing?.currencyCode ?? "TRY",
-      line_items: e.quantity,
-      sku: e.sku
-    }));
-  }
-  _abort() {
-    this._abortController?.abort(), this._abortController = null;
-  }
-  _isSuperseded(e) {
-    return this._abortController?.signal !== e;
-  }
-  _resolveRequestTimeoutMs() {
-    const e = this.config.requestTimeoutMs;
-    return typeof e != "number" || !Number.isFinite(e) || e <= 0 ? Ae : Math.floor(e);
-  }
-  async _fetchAndRender(e) {
-    this._abort();
-    const t = new AbortController();
-    this._abortController = t;
-    const r = t.signal;
-    let n = !1;
-    const a = setTimeout(() => {
-      n = !0, t.abort();
-    }, this._resolveRequestTimeoutMs());
-    if (r.addEventListener("abort", () => clearTimeout(a), { 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 o = document.createElement("div");
-    o.className = "gengage-simrel-spinner", o.dataset.gengagePart = "simrel-loading-spinner", s.appendChild(o), this._contentEl.appendChild(s);
-    const c = { middlewareUrl: this.config.middlewareUrl }, l = crypto.randomUUID(), u = Date.now(), h = de({
-      source: "simrel",
-      locale: this.config.locale
-    });
-    this.track(Y(this.analyticsContext(), {
-      endpoint: "similar_products",
-      request_id: l,
-      widget: "simrel"
-    }));
-    try {
-      const m = {
-        account_id: this.config.accountId,
-        session_id: this.config.session?.sessionId ?? "",
-        correlation_id: this.config.session?.sessionId ?? "",
-        sku: e
-      };
-      this.config.domain !== void 0 && (m.domain = this.config.domain);
-      const p = await ue(m, c, r);
-      if (this._lastResultCount = p.length, !this._contentEl) return;
-      if (this._contentEl.innerHTML = "", p.length > 0) try {
-        const v = p.map((d) => d.sku), C = new Map(p.map((d) => [d.sku, d])), i = (await pe({
-          account_id: this.config.accountId,
-          session_id: this.config.session?.sessionId ?? "",
-          correlation_id: this.config.session?.sessionId ?? "",
-          skus: v
-        }, c, r)).map((d) => ({
-          ...d,
-          products: d.products.map((f) => ({
-            ...C.get(f.sku),
-            ...f
-          })).filter((f) => typeof f.sku == "string" && typeof f.name == "string" && typeof f.url == "string")
-        })).filter((d) => d.products.length > 0);
-        if (i.length > 0 && this._contentEl) {
-          const d = this._buildGroupsSpec(i), f = this._renderUISpec(d);
-          this._contentEl.appendChild(f), A("simrel"), this.track(P(this.analyticsContext(), {
-            request_id: l,
-            latency_ms: Date.now() - u,
-            chunk_count: i.reduce((E, g) => E + g.products.length, 0),
-            widget: "simrel"
-          })), this.track(L(this.analyticsContext(), {
-            message_count: i.reduce((E, g) => E + g.products.length, 0),
-            history_ref: l,
-            redaction_level: "none",
-            widget: "simrel"
-          }));
-          return;
-        }
-      } catch {
-      }
-      if (this._isSuperseded(r)) return;
-      if (this._contentEl) {
-        const v = this._buildProductsSpec(p), C = this._renderUISpec(v);
-        this._contentEl.appendChild(C);
-      }
-      p.length > 0 && A("simrel"), this.track(P(this.analyticsContext(), {
-        request_id: l,
-        latency_ms: Date.now() - u,
-        chunk_count: p.length,
-        widget: "simrel"
-      })), this.track(L(this.analyticsContext(), {
-        message_count: p.length,
-        history_ref: l,
-        redaction_level: "none",
-        widget: "simrel"
-      }));
-    } catch (m) {
-      const p = Le(m);
-      if (p && this._isSuperseded(r)) return;
-      const v = p && n ? "REQUEST_TIMEOUT" : "FETCH_ERROR", C = p && n ? "request_timeout" : m instanceof Error ? m.message : String(m);
-      if (w("gengage:global:error", {
-        source: "simrel",
-        code: v,
-        message: V(this.config.locale, m)
-      }), this.track(K(this.analyticsContext(), {
-        request_id: l,
-        error_code: v,
-        error_message: C,
-        widget: "simrel"
-      })), this._contentEl) {
-        this._contentEl.innerHTML = "";
-        const i = document.createElement("div");
-        i.className = "gengage-simrel-error";
-        const d = document.createElement("span");
-        d.textContent = this._i18n.errorLoadingMessage, i.appendChild(d);
-        const f = document.createElement("button");
-        f.className = "gengage-simrel-retry", f.textContent = this._i18n.retryButtonText, f.addEventListener("click", () => {
-          this._fetchAndRender(this.config.sku);
-        }), i.appendChild(f), this._contentEl.appendChild(i);
-      }
-    } finally {
-      clearTimeout(a), h();
-    }
-  }
-  _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 {
-      ...Ee(e.locale),
-      ...e.i18n
-    };
-  }
-  _resolveUISpecRegistry() {
-    return H(ye(), this.config.renderer?.registry);
-  }
-  _buildRenderContext() {
-    const e = this.config.renderCard, t = {
-      onClick: (n) => this._handleProductClick(n),
-      onAddToCart: (n) => this._handleAddToCart(n),
-      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 r = this._clampGridColumns(this.config.gridColumns);
-    return r !== void 0 && (t.gridColumns = r), t;
-  }
-  _renderUISpec(e) {
-    const t = this._resolveUISpecRegistry(), r = this._buildRenderContext(), n = this.config.renderer?.unknownRenderer ?? j, a = (o, c) => Ce(o, c, t, n), s = this.config.renderer?.renderUISpec;
-    return s ? s(e, r, {
-      registry: t,
-      unknownRenderer: n,
-      defaultRender: a
-    }) : a(e, r);
-  }
-  _buildProductsSpec(e) {
-    const t = {}, r = [];
-    for (let s = 0; s < e.length; s++) {
-      const o = e[s], c = `product-${s}`;
-      r.push(c), t[c] = {
-        type: "ProductCard",
-        props: {
-          product: o,
-          index: s,
-          discountType: this.config.discountType
-        }
-      };
-    }
-    const n = { layout: "grid" }, a = this._clampGridColumns(this.config.gridColumns);
-    return a !== void 0 && (n.columns = a), t.root = {
-      type: "ProductGrid",
-      props: n,
-      children: r
-    }, {
-      root: "root",
-      elements: t
-    };
-  }
-  _buildGroupsSpec(e) {
-    return {
-      root: "root",
-      elements: { root: {
-        type: "GroupTabs",
-        props: { groups: e }
-      } }
-    };
-  }
-};
-function Oe() {
-  return new Re();
-}
-export {
-  j as a,
-  ye as i,
-  Oe as n,
-  Ce as o,
-  xe as r,
-  Re as t
-};