@gengage/assistant-fe 0.2.3 → 0.2.4

package/dist/simrel.js

@@ -1,6 +1,6 @@
-import { b as P, p as j, q as M, c as N, a as I, v as B, x as q, r as z, o as b, s as h, f as H, e as $, _ as x, y as E, B as F, t as J, z as W, j as v, A as Q, C as V, g as Y, i as k, h as _, w as S, k as K, l as X, m as Z } from "./schemas-D1Kd4wn8.js";
-import { a as ee, c as te, b as ne, f as T, d as re } from "./quantity-stepper-BKtPQUR1.js";
-function R(n) {
+import { b as P, p as j, q as B, c as I, a as R, v as q, x as H, r as M, o as b, s as h, f as z, e as $, _ as N, y as E, B as F, t as J, z as W, j as v, A as Q, C as V, g as Y, i as k, h as _, w as S, k as K, l as X, m as Z } from "./schemas-C7h8aelU.js";
+import { a as ee, c as te, b as ne, f as T, d as re } from "./quantity-stepper-CjY_cpgJ.js";
+function L(n) {
   const e = [];
   for (const t of Object.values(n))
     if (t.type === "ProductCard" && t.props) {
@@ -9,18 +9,18 @@ function R(n) {
     }
   return e;
 }
-function L(n) {
+function x(n) {
   const e = n.headers.get("Content-Type") ?? "";
   return e.includes("application/x-ndjson") || e.includes("text/event-stream");
 }
 async function ie(n, e) {
   const t = [], r = {
     onEvent: (i) => {
-      const a = I(i);
-      !a || a.type !== "ui_spec" || t.push(...R(a.spec.elements));
+      const a = R(i);
+      !a || a.type !== "ui_spec" || t.push(...L(a.spec.elements));
     }
   };
-  return e !== void 0 && (r.signal = e), await N(n, r), t;
+  return e !== void 0 && (r.signal = e), await I(n, r), t;
 }
 async function oe(n, e, t) {
   const r = P("similar_products", e), i = {
@@ -32,7 +32,7 @@ async function oe(n, e, t) {
   const a = await fetch(r, i);
   if (!a.ok)
     throw new Error(`HTTP ${a.status}: ${a.statusText}`);
-  if (L(a))
+  if (x(a))
     return ie(a, t);
   const s = await a.text();
   if (!s) return [];
@@ -47,21 +47,21 @@ async function ae(n, e) {
   let r = null;
   const i = {
     onEvent: (a) => {
-      const s = I(a);
+      const s = R(a);
       if (s) {
         if (s.type === "metadata" && s.meta) {
-          const p = s.meta.group_name;
-          if (typeof p == "string") {
-            r = { name: p, products: [] };
-            const d = s.meta.highlight;
-            typeof d == "string" && (r.highlight = d), t.push(r);
+          const u = s.meta.group_name;
+          if (typeof u == "string") {
+            r = { name: u, products: [] };
+            const g = s.meta.highlight;
+            typeof g == "string" && (r.highlight = g), t.push(r);
           }
         }
-        s.type === "ui_spec" && r && r.products.push(...R(s.spec.elements));
+        s.type === "ui_spec" && r && r.products.push(...L(s.spec.elements));
       }
     }
   };
-  return e !== void 0 && (i.signal = e), await N(n, i), t;
+  return e !== void 0 && (i.signal = e), await I(n, i), t;
 }
 async function se(n, e, t) {
   const r = P("product_groupings", e), i = {
@@ -73,32 +73,32 @@ async function se(n, e, t) {
   const a = await fetch(r, i);
   if (!a.ok)
     throw new Error(`HTTP ${a.status}: ${a.statusText}`);
-  if (L(a))
+  if (x(a))
     return ae(a, t);
   const s = await a.text();
   if (!s) return [];
   try {
-    return M(JSON.parse(s));
+    return B(JSON.parse(s));
   } catch {
     throw new Error("Invalid JSON from product_groupings endpoint");
   }
 }
 function U(n) {
-  const { product: e, index: t, discountType: r, onClick: i, onAddToCart: a, renderCard: s } = n, p = n.i18n, d = n.pricing;
+  const { product: e, index: t, discountType: r, onClick: i, onAddToCart: a, renderCard: s } = n, u = n.i18n, g = n.pricing;
   if (n.renderCardElement) {
     const o = n.renderCardElement(e, t);
     if (o) return o;
   }
   if (s) {
     const o = document.createElement("div");
-    return o.className = "gengage-simrel-card gengage-simrel-card--custom", o.innerHTML = B(s(e, t)), o.addEventListener("click", (f) => {
+    return o.className = "gengage-simrel-card gengage-simrel-card--custom", o.innerHTML = q(s(e, t)), o.addEventListener("click", (f) => {
       f.target.closest(".gengage-simrel-atc") || f.target.closest(".gengage-chat-product-card-atc") || i(e);
     }), o;
   }
-  const u = document.createElement("article");
-  u.className = "gengage-simrel-card gengage-chat-product-card", u.setAttribute("role", "listitem"), u.dataset.sku = e.sku;
+  const l = document.createElement("article");
+  l.className = "gengage-simrel-card gengage-chat-product-card", e.inStock === !1 && l.classList.add("gengage-simrel-card--out-of-stock"), l.setAttribute("role", "listitem"), l.dataset.sku = e.sku;
   const c = document.createElement("div");
-  if (c.className = "gengage-simrel-card-image gengage-chat-product-card-img-wrapper", e.imageUrl && q(e.imageUrl)) {
+  if (c.className = "gengage-simrel-card-image gengage-chat-product-card-img-wrapper", e.imageUrl && H(e.imageUrl)) {
     const o = document.createElement("img");
     o.className = "gengage-chat-product-card-img", o.src = e.imageUrl, o.alt = e.name, o.loading = "lazy", ee(o), c.appendChild(o);
   }
@@ -106,50 +106,52 @@ function U(n) {
     const o = document.createElement("span");
     o.className = "gengage-simrel-badge gengage-chat-product-card-discount-badge", o.textContent = `%${te(e.discountPercent)}`, c.appendChild(o);
   }
-  u.appendChild(c);
-  const g = document.createElement("div");
-  if (g.className = "gengage-simrel-card-info gengage-chat-product-card-body", e.brand) {
+  l.appendChild(c);
+  const p = document.createElement("div");
+  if (p.className = "gengage-simrel-card-info gengage-chat-product-card-body", e.brand) {
     const o = document.createElement("div");
-    o.className = "gengage-simrel-card-brand gengage-chat-product-card-brand", o.textContent = e.brand, g.appendChild(o);
+    o.className = "gengage-simrel-card-brand gengage-chat-product-card-brand", o.textContent = e.brand, p.appendChild(o);
   }
   const m = document.createElement("div");
-  if (m.className = "gengage-simrel-card-name gengage-chat-product-card-name", m.textContent = e.name, g.appendChild(m), e.rating != null && e.rating > 0) {
+  if (m.className = "gengage-simrel-card-name gengage-chat-product-card-name", m.textContent = e.name, m.title = e.name, p.appendChild(m), e.rating != null && e.rating > 0) {
     const o = document.createElement("div");
     if (o.className = "gengage-simrel-card-rating gengage-chat-product-card-rating", o.appendChild(ne(e.rating)), e.reviewCount != null) {
       const f = document.createElement("span");
       f.className = "gengage-simrel-card-review-count gengage-chat-product-card-review-count", f.textContent = ` (${e.reviewCount})`, o.appendChild(f);
     }
-    g.appendChild(o);
+    p.appendChild(o);
   }
-  const C = document.createElement("div");
-  if (C.className = "gengage-simrel-card-price gengage-chat-product-card-price", e.originalPrice && e.originalPrice !== e.price && (r === "strike-through" || !r)) {
+  const y = document.createElement("div");
+  if (y.className = "gengage-simrel-card-price gengage-chat-product-card-price", e.originalPrice && e.originalPrice !== e.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 = T(e.originalPrice, d), C.appendChild(o);
+    o.className = "gengage-simrel-card-price-original gengage-chat-product-card-original-price", o.textContent = T(e.originalPrice, g), y.appendChild(o);
   }
-  if (e.price) {
+  if (e.price && parseFloat(e.price) > 0) {
     const o = document.createElement("span");
-    o.className = "gengage-simrel-card-price-current gengage-chat-product-card-price-current", o.textContent = T(e.price, d), C.appendChild(o);
+    o.className = "gengage-simrel-card-price-current gengage-chat-product-card-price-current", o.textContent = T(e.price, g), y.appendChild(o);
   }
-  g.appendChild(C), u.appendChild(g);
-  const l = document.createElement("button");
-  if (l.className = "gengage-simrel-card-cta gengage-chat-product-card-cta", l.type = "button", l.textContent = p?.ctaLabel ?? "View", l.addEventListener("click", (o) => {
+  p.appendChild(y), l.appendChild(p);
+  const d = document.createElement("button");
+  if (d.className = "gengage-simrel-card-cta gengage-chat-product-card-cta", d.type = "button", d.textContent = u?.ctaLabel ?? "View", d.addEventListener("click", (o) => {
     o.preventDefault(), o.stopPropagation(), i(e);
-  }), u.appendChild(l), e.inStock === !1) {
+  }), l.appendChild(d), e.inStock === !1) {
     const o = document.createElement("div");
-    o.className = "gengage-simrel-card-oos", o.textContent = p?.outOfStockLabel ?? "Out of Stock", u.appendChild(o);
+    o.className = "gengage-simrel-card-oos", o.textContent = u?.outOfStockLabel ?? "Out of Stock", l.appendChild(o);
   } else if (e.cartCode) {
     const o = e.cartCode, f = re({
       compact: !0,
-      label: p?.addToCartButton ?? "Add to Cart",
-      onSubmit: (y) => {
-        a({ sku: e.sku, quantity: y, cartCode: o });
+      label: u?.addToCartButton ?? "Add to Cart",
+      decreaseLabel: u?.decreaseLabel,
+      increaseLabel: u?.increaseLabel,
+      onSubmit: (C) => {
+        a({ sku: e.sku, quantity: C, cartCode: o });
       }
     });
-    f.classList.add("gengage-simrel-atc"), u.appendChild(f);
+    f.classList.add("gengage-simrel-atc"), l.appendChild(f);
   }
-  return u.addEventListener("click", (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(e);
-  }), u;
+  }), l;
 }
 function w(n) {
   const e = document.createElement("div");
@@ -165,54 +167,48 @@ function w(n) {
     const a = U(i);
     e.appendChild(a);
   }
-  if (n.products.length === 0) {
-    const t = document.createElement("div");
-    t.className = "gengage-simrel-empty", t.textContent = n.i18n?.emptyStateMessage ?? "No similar products found.", e.appendChild(t);
-  }
-  return e;
+  return n.products.length === 0 && (e.style.display = "none", e.dataset.empty = "true"), e;
 }
 let ce = 0;
 function de(n) {
   const e = ce++, t = document.createElement("div");
-  if (t.className = "gengage-simrel-groups", n.groups.length === 0) {
-    const c = document.createElement("div");
-    return c.className = "gengage-simrel-empty", c.textContent = n.i18n?.emptyStateMessage ?? "No similar products found.", t.appendChild(c), t;
-  }
+  if (t.className = "gengage-simrel-groups", n.groups.length === 0)
+    return t.style.display = "none", t.dataset.empty = "true", t;
   const r = document.createElement("div");
   r.className = "gengage-simrel-tabs", r.setAttribute("role", "tablist");
   const i = [], a = [], s = (c) => {
-    const g = {
+    const p = {
       products: c.products,
       onClick: n.onClick,
       onAddToCart: n.onAddToCart
     };
-    return n.i18n !== void 0 && (g.i18n = n.i18n), n.discountType !== void 0 && (g.discountType = n.discountType), n.renderCard !== void 0 && (g.renderCard = n.renderCard), n.renderCardElement !== void 0 && (g.renderCardElement = n.renderCardElement), g;
-  }, p = (c) => {
-    for (let l = 0; l < i.length; l++) {
-      const o = l === c;
-      i[l].classList.toggle("gengage-simrel-tab--active", o), i[l].setAttribute("aria-selected", String(o)), i[l].tabIndex = o ? 0 : -1;
+    return n.i18n !== void 0 && (p.i18n = n.i18n), n.discountType !== void 0 && (p.discountType = n.discountType), n.renderCard !== void 0 && (p.renderCard = n.renderCard), n.renderCardElement !== void 0 && (p.renderCardElement = n.renderCardElement), p;
+  }, u = (c) => {
+    for (let d = 0; d < i.length; d++) {
+      const o = d === c;
+      i[d].classList.toggle("gengage-simrel-tab--active", o), i[d].setAttribute("aria-selected", String(o)), i[d].tabIndex = o ? 0 : -1;
     }
-    const g = n.groups[c], m = a[c];
+    const p = n.groups[c], m = a[c];
     m.innerHTML = "";
-    const C = w(s(g));
-    m.appendChild(C);
-    for (let l = 0; l < a.length; l++) {
-      const o = l === c;
-      a[l].style.display = o ? "" : "none", a[l].tabIndex = o ? 0 : -1;
+    const y = w(s(p));
+    m.appendChild(y);
+    for (let d = 0; d < a.length; d++) {
+      const o = d === c;
+      a[d].style.display = o ? "" : "none", a[d].tabIndex = o ? 0 : -1;
     }
   };
   for (let c = 0; c < n.groups.length; c++) {
-    const g = n.groups[c], m = `gengage-simrel-tab-${e}-${c}`, C = `gengage-simrel-panel-${e}-${c}`, l = document.createElement("button");
-    l.className = "gengage-simrel-tab", l.type = "button", l.id = m, l.textContent = g.name, l.setAttribute("role", "tab"), l.setAttribute("aria-controls", C), l.setAttribute("aria-selected", String(c === 0)), l.tabIndex = c === 0 ? 0 : -1, c === 0 && l.classList.add("gengage-simrel-tab--active"), l.addEventListener("click", () => p(c)), l.addEventListener("keydown", (f) => {
-      let y = -1;
-      f.key === "ArrowRight" || f.key === "ArrowDown" ? y = (c + 1) % n.groups.length : f.key === "ArrowLeft" || f.key === "ArrowUp" ? y = (c - 1 + n.groups.length) % n.groups.length : f.key === "Home" ? y = 0 : f.key === "End" && (y = n.groups.length - 1), y >= 0 && (f.preventDefault(), p(y), i[y].focus());
-    }), i.push(l), r.appendChild(l);
+    const p = n.groups[c], m = `gengage-simrel-tab-${e}-${c}`, y = `gengage-simrel-panel-${e}-${c}`, d = document.createElement("button");
+    d.className = "gengage-simrel-tab", d.type = "button", d.id = m, d.textContent = p.name, d.setAttribute("role", "tab"), d.setAttribute("aria-controls", y), d.setAttribute("aria-selected", String(c === 0)), d.tabIndex = c === 0 ? 0 : -1, c === 0 && d.classList.add("gengage-simrel-tab--active"), d.addEventListener("click", () => u(c)), d.addEventListener("keydown", (f) => {
+      let C = -1;
+      f.key === "ArrowRight" || f.key === "ArrowDown" ? C = (c + 1) % n.groups.length : f.key === "ArrowLeft" || f.key === "ArrowUp" ? C = (c - 1 + n.groups.length) % n.groups.length : f.key === "Home" ? C = 0 : f.key === "End" && (C = n.groups.length - 1), C >= 0 && (f.preventDefault(), u(C), i[C].focus());
+    }), i.push(d), r.appendChild(d);
     const o = document.createElement("div");
-    o.className = "gengage-simrel-tab-panel", o.id = C, o.setAttribute("role", "tabpanel"), o.setAttribute("aria-labelledby", m), o.tabIndex = c === 0 ? 0 : -1, c !== 0 && (o.style.display = "none"), a.push(o);
+    o.className = "gengage-simrel-tab-panel", o.id = y, o.setAttribute("role", "tabpanel"), o.setAttribute("aria-labelledby", m), o.tabIndex = c === 0 ? 0 : -1, c !== 0 && (o.style.display = "none"), a.push(o);
   }
   t.appendChild(r);
-  const d = a[0], u = w(s(n.groups[0]));
-  d.appendChild(u);
+  const g = a[0], l = w(s(n.groups[0]));
+  g.appendChild(l);
   for (const c of a) t.appendChild(c);
   return t;
 }
@@ -233,16 +229,16 @@ function A(n) {
   typeof a == "string" && (t.originalPrice = a);
   const s = e.discountPercent;
   typeof s == "number" && (t.discountPercent = s);
-  const p = e.brand;
-  typeof p == "string" && (t.brand = p);
-  const d = e.rating;
-  typeof d == "number" && (t.rating = d);
-  const u = e.reviewCount;
-  typeof u == "number" && (t.reviewCount = u);
+  const u = e.brand;
+  typeof u == "string" && (t.brand = u);
+  const g = e.rating;
+  typeof g == "number" && (t.rating = g);
+  const l = e.reviewCount;
+  typeof l == "number" && (t.reviewCount = l);
   const c = e.cartCode;
   typeof c == "string" && (t.cartCode = c);
-  const g = e.inStock;
-  typeof g == "boolean" && (t.inStock = g);
+  const p = e.inStock;
+  typeof p == "boolean" && (t.inStock = p);
   const m = e.extras;
   return m != null && typeof m == "object" && (t.extras = m), t;
 }
@@ -272,14 +268,14 @@ const O = {
   ProductCard: ({ element: n, context: e }) => {
     const t = n.props?.product ?? n.props, r = A(t);
     if (!r) return null;
-    const i = n.props?.index, a = typeof i == "number" && Number.isFinite(i) ? i : 0, s = n.props?.discountType, p = s === "strike-through" || s === "badge" ? s : e.discountType, d = {
+    const i = n.props?.index, a = typeof i == "number" && Number.isFinite(i) ? i : 0, s = n.props?.discountType, u = s === "strike-through" || s === "badge" ? s : e.discountType, g = {
       product: r,
       index: a,
       onClick: e.onClick,
       onAddToCart: e.onAddToCart,
       i18n: e.i18n
     };
-    return p !== void 0 && (d.discountType = p), e.renderCard !== void 0 && (d.renderCard = e.renderCard), e.renderCardElement !== void 0 && (d.renderCardElement = e.renderCardElement), e.pricing !== void 0 && (d.pricing = e.pricing), U(d);
+    return u !== void 0 && (g.discountType = u), e.renderCard !== void 0 && (g.renderCard = e.renderCard), e.renderCardElement !== void 0 && (g.renderCardElement = e.renderCardElement), e.pricing !== void 0 && (g.pricing = e.pricing), U(g);
   },
   GroupTabs: ({ element: n, context: e }) => {
     const t = n.props?.groups;
@@ -289,17 +285,17 @@ const O = {
       if (!a || typeof a != "object") continue;
       const s = a;
       if (typeof s.name != "string") continue;
-      const p = [];
+      const u = [];
       if (Array.isArray(s.products))
-        for (const u of s.products) {
-          const c = A(u);
-          c && p.push(c);
+        for (const l of s.products) {
+          const c = A(l);
+          c && u.push(c);
         }
-      const d = {
+      const g = {
         name: s.name,
-        products: p
+        products: u
       };
-      typeof s.highlight == "string" && (d.highlight = s.highlight), r.push(d);
+      typeof s.highlight == "string" && (g.highlight = s.highlight), r.push(g);
     }
     const i = {
       groups: r,
@@ -332,12 +328,12 @@ const O = {
     if (!Array.isArray(r) || !e.onAction) return t;
     for (const i of r) {
       if (!i || typeof i != "object") continue;
-      const a = i, s = a.label, p = le(a.action);
-      if (typeof s != "string" || !p) continue;
-      const d = document.createElement("button");
-      d.className = "gengage-simrel-quick-action", d.type = "button", d.textContent = s, d.addEventListener("click", (u) => {
-        u.preventDefault(), u.stopPropagation(), e.onAction?.(p);
-      }), t.appendChild(d);
+      const a = i, s = a.label, u = le(a.action);
+      if (typeof s != "string" || !u) continue;
+      const g = document.createElement("button");
+      g.className = "gengage-simrel-quick-action", g.type = "button", g.textContent = s, g.addEventListener("click", (l) => {
+        l.preventDefault(), l.stopPropagation(), e.onAction?.(u);
+      }), t.appendChild(g);
     }
     return t;
   }
@@ -358,7 +354,7 @@ function ue() {
   return { ...O };
 }
 function ge(n, e, t = O, r = G) {
-  return z({
+  return M({
     spec: n,
     context: e,
     registry: t,
@@ -372,6 +368,8 @@ const D = {
   addToCartButton: "Sepete Ekle",
   ctaLabel: "İncele",
   outOfStockLabel: "Stokta Yok",
+  decreaseLabel: "Azalt",
+  increaseLabel: "Artır",
   priceSuffix: " TL"
 }, pe = {
   similarProductsAriaLabel: "Similar products",
@@ -379,6 +377,8 @@ const D = {
   addToCartButton: "Add to cart",
   ctaLabel: "View",
   outOfStockLabel: "Out of Stock",
+  decreaseLabel: "Decrease",
+  increaseLabel: "Increase",
   priceSuffix: ""
 };
 function me(n) {
@@ -398,19 +398,19 @@ const he = b({
   brand: h().optional(),
   rating: E().min(0).max(5).optional(),
   reviewCount: E().int().nonnegative().optional()
-}), Ce = b({
-  layout: x(["grid", "carousel"]).optional(),
-  columns: E().int().positive().optional()
 }), ye = b({
+  layout: N(["grid", "carousel"]).optional(),
+  columns: E().int().positive().optional()
+}), Ce = b({
   product: he,
   index: E().int().nonnegative(),
-  discountType: x(["strike-through", "badge"]).optional()
+  discountType: N(["strike-through", "badge"]).optional()
 }), be = b({
   sku: h(),
   label: h().optional(),
   cartCode: h()
 }), Ee = b({
-  actions: H(
+  actions: z(
     b({
       label: h(),
       action: b({
@@ -425,11 +425,11 @@ const he = b({
 }), Te = {
   components: {
     ProductGrid: {
-      schema: Ce,
+      schema: ye,
       description: "Outer grid or carousel container for similar products."
     },
     ProductCard: {
-      schema: ye,
+      schema: Ce,
       description: "A single product card with image, title, price, and actions."
     },
     AddToCartButton: {
@@ -506,58 +506,58 @@ class ke extends F {
   }
   async _fetchAndRender(e) {
     this._abort(), this._abortController = new AbortController();
-    const t = this._abortController.signal;
-    if (!this._contentEl) return;
+    const t = this._abortController.signal, r = setTimeout(() => this._abortController?.abort(), 1e4);
+    if (t.addEventListener("abort", () => clearTimeout(r)), !this._contentEl) return;
     this._contentEl.innerHTML = "", this._contentEl.style.display = "";
-    const r = document.createElement("div");
-    r.className = "gengage-simrel-loading";
     const i = document.createElement("div");
-    i.className = "gengage-simrel-spinner", r.appendChild(i), this._contentEl.appendChild(r);
-    const a = {
+    i.className = "gengage-simrel-loading";
+    const a = document.createElement("div");
+    a.className = "gengage-simrel-spinner", i.appendChild(a), this._contentEl.appendChild(i);
+    const s = {
       middlewareUrl: this.config.middlewareUrl
-    }, s = crypto.randomUUID(), p = Date.now();
+    }, u = crypto.randomUUID(), g = Date.now();
     this.track(
       Y(this.analyticsContext(), {
         endpoint: "similar_products",
-        request_id: s,
+        request_id: u,
         widget: "simrel"
       })
     );
     try {
-      const d = {
+      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 && (d.domain = this.config.domain);
-      const u = await oe(d, a, t);
+      this.config.domain !== void 0 && (l.domain = this.config.domain);
+      const c = await oe(l, s, t);
       if (!this._contentEl) return;
-      if (this._contentEl.innerHTML = "", u.length > 0)
+      if (this._contentEl.innerHTML = "", c.length > 0)
         try {
-          const c = u.map((m) => m.sku), g = await se(
+          const p = c.map((y) => y.sku), m = await se(
             {
               account_id: this.config.accountId,
               session_id: this.config.session?.sessionId ?? "",
               correlation_id: this.config.session?.sessionId ?? "",
-              skus: c
+              skus: p
             },
-            a,
+            s,
             t
           );
-          if (g.length > 0 && this._contentEl) {
-            const m = this._buildGroupsSpec(g), C = this._renderUISpec(m);
-            this._contentEl.appendChild(C), k("simrel"), this.track(
+          if (m.length > 0 && this._contentEl) {
+            const y = this._buildGroupsSpec(m), d = this._renderUISpec(y);
+            this._contentEl.appendChild(d), k("simrel"), this.track(
               _(this.analyticsContext(), {
-                request_id: s,
-                latency_ms: Date.now() - p,
-                chunk_count: g.reduce((l, o) => l + o.products.length, 0),
+                request_id: u,
+                latency_ms: Date.now() - g,
+                chunk_count: m.reduce((o, f) => o + f.products.length, 0),
                 widget: "simrel"
               })
             ), this.track(
               S(this.analyticsContext(), {
-                message_count: g.reduce((l, o) => l + o.products.length, 0),
-                history_ref: s,
+                message_count: m.reduce((o, f) => o + f.products.length, 0),
+                history_ref: u,
                 redaction_level: "none",
                 widget: "simrel"
               })
@@ -566,48 +566,49 @@ class ke extends F {
           }
         } catch {
         }
+      if (t.aborted) return;
       if (this._contentEl) {
-        const c = this._buildProductsSpec(u), g = this._renderUISpec(c);
-        this._contentEl.appendChild(g);
+        const p = this._buildProductsSpec(c), m = this._renderUISpec(p);
+        this._contentEl.appendChild(m);
       }
-      u.length > 0 && k("simrel"), this.track(
+      c.length > 0 && k("simrel"), this.track(
         _(this.analyticsContext(), {
-          request_id: s,
-          latency_ms: Date.now() - p,
-          chunk_count: u.length,
+          request_id: u,
+          latency_ms: Date.now() - g,
+          chunk_count: c.length,
           widget: "simrel"
         })
       ), this.track(
         S(this.analyticsContext(), {
-          message_count: u.length,
-          history_ref: s,
+          message_count: c.length,
+          history_ref: u,
           redaction_level: "none",
           widget: "simrel"
         })
       );
-    } catch (d) {
-      if (d instanceof DOMException && d.name === "AbortError") return;
+    } catch (l) {
+      if (l instanceof DOMException && l.name === "AbortError") return;
       if (v("gengage:global:error", {
         source: "simrel",
         code: "FETCH_ERROR",
         message: K(this.config.locale)
       }), this.track(
         X(this.analyticsContext(), {
-          request_id: s,
+          request_id: u,
           error_code: "FETCH_ERROR",
-          error_message: d instanceof Error ? d.message : String(d),
+          error_message: l instanceof Error ? l.message : String(l),
           widget: "simrel"
         })
       ), this._contentEl) {
         this._contentEl.innerHTML = "";
-        const u = document.createElement("div");
-        u.className = "gengage-simrel-error", u.style.cssText = "text-align:center;padding:16px;color:#6b7280;font-size:13px;";
-        const c = document.createElement("span");
-        c.textContent = this.config.locale?.startsWith("tr") ? "Benzer ürünler yüklenemedi." : "Could not load similar products.", u.appendChild(c);
-        const g = document.createElement("button");
-        g.textContent = this.config.locale?.startsWith("tr") ? "Tekrar dene" : "Try again", g.style.cssText = "margin-left:8px;border:1px solid #d1d5db;background:#fff;border-radius:6px;padding:4px 12px;cursor:pointer;font-size:13px;color:#374151;", g.addEventListener("click", () => {
+        const c = document.createElement("div");
+        c.className = "gengage-simrel-error";
+        const p = document.createElement("span");
+        p.textContent = this.config.locale?.startsWith("tr") ? "Benzer ürünler yüklenemedi." : "Could not load similar products.", c.appendChild(p);
+        const m = document.createElement("button");
+        m.className = "gengage-simrel-retry", m.textContent = this.config.locale?.startsWith("tr") ? "Tekrar dene" : "Try again", m.addEventListener("click", () => {
           this._fetchAndRender(this.config.sku);
-        }), u.appendChild(g), this._contentEl.appendChild(u);
+        }), c.appendChild(m), this._contentEl.appendChild(c);
       }
     }
   }
@@ -627,7 +628,7 @@ class ke extends F {
     return 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), t;
   }
   _renderUISpec(e) {
-    const t = this._resolveUISpecRegistry(), r = this._buildRenderContext(), i = this.config.renderer?.unknownRenderer ?? G, a = (d, u) => ge(d, u, t, i), s = this.config.renderer?.renderUISpec;
+    const t = this._resolveUISpecRegistry(), r = this._buildRenderContext(), i = this.config.renderer?.unknownRenderer ?? G, a = (g, l) => ge(g, l, t, i), s = this.config.renderer?.renderUISpec;
     return s ? s(e, r, {
       registry: t,
       unknownRenderer: i,