@gengage/assistant-fe 0.1.8 → 0.1.9

package/dist/simrel.js

@@ -1,18 +1,18 @@
-import { b as A, p as D, q as j, c as I, a as R, r as M, o as b, s as h, f as q, e as B, _ as N, v, B as H, t as z, x as $, j as _, y as F, z as J, g as Q, i as E, h as k, w as S, k as W, l as V, m as Y } from "./schemas-yF4IOEUi.js";
-import { s as K, i as X, a as Z, c as ee, r as te, f as T, b as ne } from "./quantity-stepper-B8kX8GbN.js";
-function x(n) {
+import { b as P, p as D, q as j, c as I, a as N, v as M, x as B, r as q, o as b, s as f, f as z, e as H, _ as x, y as v, B as $, t as F, z as J, j as E, A as W, C as Q, g as V, i as _, h as k, w as S, k as Y, l as K, m as X } from "./schemas-DIhL3DkL.js";
+import { a as Z, c as ee, r as te, f as T, b as ne } from "./quantity-stepper-C-nV4lwi.js";
+function R(n) {
   const e = n.headers.get("Content-Type") ?? "";
   return e.includes("application/x-ndjson") || e.includes("text/event-stream");
 }
 async function re(n, e) {
   const t = [], r = {
     onEvent: (i) => {
-      const o = R(i);
+      const o = N(i);
       if (!(!o || o.type !== "ui_spec")) {
         for (const s of Object.values(o.spec.elements))
           if (s.type === "ProductCard" && s.props) {
-            const u = s.props.product ?? s.props;
-            typeof u.sku == "string" && typeof u.name == "string" && t.push(u);
+            const g = s.props.product ?? s.props;
+            typeof g.sku == "string" && typeof g.name == "string" && t.push(g);
           }
       }
     }
@@ -20,7 +20,7 @@ async function re(n, e) {
   return e !== void 0 && (r.signal = e), await I(n, r), t;
 }
 async function ie(n, e, t) {
-  const r = A("similar_products", e), i = {
+  const r = P("similar_products", e), i = {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify(n)
@@ -29,7 +29,7 @@ async function ie(n, e, t) {
   const o = await fetch(r, i);
   if (!o.ok)
     throw new Error(`HTTP ${o.status}: ${o.statusText}`);
-  if (x(o))
+  if (R(o))
     return re(o, t);
   const s = await o.text();
   if (!s) return [];
@@ -44,20 +44,20 @@ async function oe(n, e) {
   let r = null;
   const i = {
     onEvent: (o) => {
-      const s = R(o);
+      const s = N(o);
       if (s) {
         if (s.type === "metadata" && s.meta) {
-          const u = s.meta.group_name;
-          if (typeof u == "string") {
-            r = { name: u, products: [] };
+          const g = s.meta.group_name;
+          if (typeof g == "string") {
+            r = { name: g, products: [] };
             const d = s.meta.highlight;
             typeof d == "string" && (r.highlight = d), t.push(r);
           }
         }
         if (s.type === "ui_spec" && r) {
-          for (const u of Object.values(s.spec.elements))
-            if (u.type === "ProductCard" && u.props) {
-              const d = u.props.product ?? u.props;
+          for (const g of Object.values(s.spec.elements))
+            if (g.type === "ProductCard" && g.props) {
+              const d = g.props.product ?? g.props;
               typeof d.sku == "string" && typeof d.name == "string" && r.products.push(d);
             }
         }
@@ -67,7 +67,7 @@ async function oe(n, e) {
   return e !== void 0 && (i.signal = e), await I(n, i), t;
 }
 async function se(n, e, t) {
-  const r = A("product_groupings", e), i = {
+  const r = P("product_groupings", e), i = {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify(n)
@@ -76,7 +76,7 @@ async function se(n, e, t) {
   const o = await fetch(r, i);
   if (!o.ok)
     throw new Error(`HTTP ${o.status}: ${o.statusText}`);
-  if (x(o))
+  if (R(o))
     return oe(o, t);
   const s = await o.text();
   if (!s) return [];
@@ -87,17 +87,17 @@ async function se(n, e, t) {
   }
 }
 function U(n) {
-  const { product: e, index: t, discountType: r, onClick: i, onAddToCart: o, renderCard: s } = n, u = n.i18n, d = n.pricing;
+  const { product: e, index: t, discountType: r, onClick: i, onAddToCart: o, renderCard: s } = n, g = n.i18n, d = n.pricing;
   if (s) {
     const a = document.createElement("div");
-    return a.className = "gengage-simrel-card gengage-simrel-card--custom", a.innerHTML = K(s(e, t)), a.addEventListener("click", (m) => {
+    return a.className = "gengage-simrel-card gengage-simrel-card--custom", a.innerHTML = M(s(e, t)), a.addEventListener("click", (m) => {
       m.target.closest(".gengage-simrel-atc") || m.target.closest(".gengage-chat-product-card-atc") || i(e);
     }), a;
   }
-  const g = document.createElement("article");
-  g.className = "gengage-simrel-card gengage-chat-product-card", g.setAttribute("role", "listitem"), g.dataset.sku = e.sku;
+  const u = document.createElement("article");
+  u.className = "gengage-simrel-card gengage-chat-product-card", u.setAttribute("role", "listitem"), u.dataset.sku = e.sku;
   const c = document.createElement("div");
-  if (c.className = "gengage-simrel-card-image gengage-chat-product-card-img-wrapper", e.imageUrl && X(e.imageUrl)) {
+  if (c.className = "gengage-simrel-card-image gengage-chat-product-card-img-wrapper", e.imageUrl && B(e.imageUrl)) {
     const a = document.createElement("img");
     a.className = "gengage-chat-product-card-img", a.src = e.imageUrl, a.alt = e.name, a.loading = "lazy", Z(a), c.appendChild(a);
   }
@@ -105,14 +105,14 @@ function U(n) {
     const a = document.createElement("span");
     a.className = "gengage-simrel-badge gengage-chat-product-card-discount-badge", a.textContent = `%${ee(e.discountPercent)}`, c.appendChild(a);
   }
-  g.appendChild(c);
+  u.appendChild(c);
   const p = document.createElement("div");
   if (p.className = "gengage-simrel-card-info gengage-chat-product-card-body", e.brand) {
     const a = document.createElement("div");
     a.className = "gengage-simrel-card-brand gengage-chat-product-card-brand", a.textContent = e.brand, p.appendChild(a);
   }
-  const f = document.createElement("div");
-  if (f.className = "gengage-simrel-card-name gengage-chat-product-card-name", f.textContent = e.name, p.appendChild(f), e.rating != null && e.rating > 0) {
+  const h = document.createElement("div");
+  if (h.className = "gengage-simrel-card-name gengage-chat-product-card-name", h.textContent = e.name, p.appendChild(h), e.rating != null && e.rating > 0) {
     const a = document.createElement("div");
     if (a.className = "gengage-simrel-card-rating gengage-chat-product-card-rating", a.textContent = te(e.rating), e.reviewCount != null) {
       const m = document.createElement("span");
@@ -129,23 +129,23 @@ function U(n) {
     const a = document.createElement("span");
     a.className = "gengage-simrel-card-price-current gengage-chat-product-card-price-current", a.textContent = T(e.price, d), y.appendChild(a);
   }
-  p.appendChild(y), g.appendChild(p);
+  p.appendChild(y), u.appendChild(p);
   const l = document.createElement("button");
-  if (l.className = "gengage-simrel-card-cta gengage-chat-product-card-cta", l.type = "button", l.textContent = "İncele", l.addEventListener("click", (a) => {
+  if (l.className = "gengage-simrel-card-cta gengage-chat-product-card-cta", l.type = "button", l.textContent = g?.ctaLabel ?? "View", l.addEventListener("click", (a) => {
     a.preventDefault(), a.stopPropagation(), i(e);
-  }), g.appendChild(l), e.cartCode && e.inStock !== !1) {
+  }), u.appendChild(l), e.cartCode && e.inStock !== !1) {
     const a = e.cartCode, m = ne({
       compact: !0,
-      label: u?.addToCartButton ?? "Sepete Ekle",
+      label: g?.addToCartButton ?? "Add to Cart",
       onSubmit: (C) => {
         o({ sku: e.sku, quantity: C, cartCode: a });
       }
     });
-    m.classList.add("gengage-simrel-atc", "gengage-chat-product-card-atc"), g.appendChild(m);
+    m.classList.add("gengage-simrel-atc", "gengage-chat-product-card-atc"), u.appendChild(m);
   }
-  return g.addEventListener("click", (a) => {
+  return u.addEventListener("click", (a) => {
     a.target.closest(".gengage-simrel-atc") || a.target.closest(".gengage-chat-product-card-atc") || a.target.closest(".gengage-chat-product-card-cta") || i(e);
-  }), g;
+  }), u;
 }
 function w(n) {
   const e = document.createElement("div");
@@ -163,7 +163,7 @@ function w(n) {
   }
   if (n.products.length === 0) {
     const t = document.createElement("div");
-    t.className = "gengage-simrel-empty", t.textContent = n.i18n?.emptyStateMessage ?? "Benzer ürün bulunamadı.", e.appendChild(t);
+    t.className = "gengage-simrel-empty", t.textContent = n.i18n?.emptyStateMessage ?? "No similar products found.", e.appendChild(t);
   }
   return e;
 }
@@ -172,7 +172,7 @@ function ce(n) {
   const e = ae++, 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 ?? "Benzer ürün bulunamadı.", t.appendChild(c), t;
+    return c.className = "gengage-simrel-empty", c.textContent = n.i18n?.emptyStateMessage ?? "No similar products found.", t.appendChild(c), t;
   }
   const r = document.createElement("div");
   r.className = "gengage-simrel-tabs", r.setAttribute("role", "tablist");
@@ -183,36 +183,36 @@ function ce(n) {
       onAddToCart: n.onAddToCart
     };
     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), p;
-  }, u = (c) => {
+  }, g = (c) => {
     for (let l = 0; l < i.length; l++) {
       const a = l === c;
       i[l].classList.toggle("gengage-simrel-tab--active", a), i[l].setAttribute("aria-selected", String(a)), i[l].tabIndex = a ? 0 : -1;
     }
-    const p = n.groups[c], f = o[c];
-    f.innerHTML = "";
+    const p = n.groups[c], h = o[c];
+    h.innerHTML = "";
     const y = w(s(p));
-    f.appendChild(y);
+    h.appendChild(y);
     for (let l = 0; l < o.length; l++) {
       const a = l === c;
       o[l].style.display = a ? "" : "none", o[l].tabIndex = a ? 0 : -1;
     }
   };
   for (let c = 0; c < n.groups.length; c++) {
-    const p = n.groups[c], f = `gengage-simrel-tab-${e}-${c}`, y = `gengage-simrel-panel-${e}-${c}`, l = document.createElement("button");
-    l.className = "gengage-simrel-tab", l.type = "button", l.id = f, l.textContent = p.name, l.setAttribute("role", "tab"), l.setAttribute("aria-controls", y), 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", () => u(c)), l.addEventListener("keydown", (m) => {
+    const p = n.groups[c], h = `gengage-simrel-tab-${e}-${c}`, y = `gengage-simrel-panel-${e}-${c}`, l = document.createElement("button");
+    l.className = "gengage-simrel-tab", l.type = "button", l.id = h, l.textContent = p.name, l.setAttribute("role", "tab"), l.setAttribute("aria-controls", y), 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", () => g(c)), l.addEventListener("keydown", (m) => {
       let C = -1;
-      m.key === "ArrowRight" || m.key === "ArrowDown" ? C = (c + 1) % n.groups.length : m.key === "ArrowLeft" || m.key === "ArrowUp" ? C = (c - 1 + n.groups.length) % n.groups.length : m.key === "Home" ? C = 0 : m.key === "End" && (C = n.groups.length - 1), C >= 0 && (m.preventDefault(), u(C), i[C].focus());
+      m.key === "ArrowRight" || m.key === "ArrowDown" ? C = (c + 1) % n.groups.length : m.key === "ArrowLeft" || m.key === "ArrowUp" ? C = (c - 1 + n.groups.length) % n.groups.length : m.key === "Home" ? C = 0 : m.key === "End" && (C = n.groups.length - 1), C >= 0 && (m.preventDefault(), g(C), i[C].focus());
     }), i.push(l), r.appendChild(l);
     const a = document.createElement("div");
-    a.className = "gengage-simrel-tab-panel", a.id = y, a.setAttribute("role", "tabpanel"), a.setAttribute("aria-labelledby", f), a.tabIndex = c === 0 ? 0 : -1, c !== 0 && (a.style.display = "none"), o.push(a);
+    a.className = "gengage-simrel-tab-panel", a.id = y, a.setAttribute("role", "tabpanel"), a.setAttribute("aria-labelledby", h), a.tabIndex = c === 0 ? 0 : -1, c !== 0 && (a.style.display = "none"), o.push(a);
   }
   t.appendChild(r);
-  const d = o[0], g = w(s(n.groups[0]));
-  d.appendChild(g);
+  const d = o[0], u = w(s(n.groups[0]));
+  d.appendChild(u);
   for (const c of o) t.appendChild(c);
   return t;
 }
-function P(n) {
+function A(n) {
   if (!n || typeof n != "object") return null;
   const e = n;
   if (typeof e.sku != "string" || typeof e.name != "string" || typeof e.url != "string")
@@ -229,12 +229,12 @@ function P(n) {
   typeof o == "string" && (t.originalPrice = o);
   const s = e.discountPercent;
   typeof s == "number" && (t.discountPercent = s);
-  const u = e.brand;
-  typeof u == "string" && (t.brand = u);
+  const g = e.brand;
+  typeof g == "string" && (t.brand = g);
   const d = e.rating;
   typeof d == "number" && (t.rating = d);
-  const g = e.reviewCount;
-  typeof g == "number" && (t.reviewCount = g);
+  const u = e.reviewCount;
+  typeof u == "number" && (t.reviewCount = u);
   const c = e.cartCode;
   typeof c == "string" && (t.cartCode = c);
   const p = e.inStock;
@@ -264,16 +264,16 @@ const L = {
     return r;
   },
   ProductCard: ({ element: n, context: e }) => {
-    const t = n.props?.product ?? n.props, r = P(t);
+    const t = n.props?.product ?? n.props, r = A(t);
     if (!r) return null;
-    const i = n.props?.index, o = typeof i == "number" && Number.isFinite(i) ? i : 0, s = n.props?.discountType, u = s === "strike-through" || s === "badge" ? s : e.discountType, d = {
+    const i = n.props?.index, o = typeof i == "number" && Number.isFinite(i) ? i : 0, s = n.props?.discountType, g = s === "strike-through" || s === "badge" ? s : e.discountType, d = {
       product: r,
       index: o,
       onClick: e.onClick,
       onAddToCart: e.onAddToCart,
       i18n: e.i18n
     };
-    return u !== void 0 && (d.discountType = u), e.renderCard !== void 0 && (d.renderCard = e.renderCard), e.pricing !== void 0 && (d.pricing = e.pricing), U(d);
+    return g !== void 0 && (d.discountType = g), e.renderCard !== void 0 && (d.renderCard = e.renderCard), e.pricing !== void 0 && (d.pricing = e.pricing), U(d);
   },
   GroupTabs: ({ element: n, context: e }) => {
     const t = n.props?.groups;
@@ -283,15 +283,15 @@ const L = {
       if (!o || typeof o != "object") continue;
       const s = o;
       if (typeof s.name != "string") continue;
-      const u = [];
+      const g = [];
       if (Array.isArray(s.products))
-        for (const g of s.products) {
-          const c = P(g);
-          c && u.push(c);
+        for (const u of s.products) {
+          const c = A(u);
+          c && g.push(c);
         }
       const d = {
         name: s.name,
-        products: u
+        products: g
       };
       typeof s.highlight == "string" && (d.highlight = s.highlight), r.push(d);
     }
@@ -326,11 +326,11 @@ const L = {
     if (!Array.isArray(r) || !e.onAction) return t;
     for (const i of r) {
       if (!i || typeof i != "object") continue;
-      const o = i, s = o.label, u = de(o.action);
-      if (typeof s != "string" || !u) continue;
+      const o = i, s = o.label, g = de(o.action);
+      if (typeof s != "string" || !g) continue;
       const d = document.createElement("button");
-      d.className = "gengage-simrel-quick-action", d.type = "button", d.textContent = s, d.addEventListener("click", (g) => {
-        g.preventDefault(), g.stopPropagation(), e.onAction?.(u);
+      d.className = "gengage-simrel-quick-action", d.type = "button", d.textContent = s, d.addEventListener("click", (u) => {
+        u.preventDefault(), u.stopPropagation(), e.onAction?.(g);
       }), t.appendChild(d);
     }
     return t;
@@ -352,7 +352,7 @@ function le() {
   return { ...L };
 }
 function ue(n, e, t = L, r = G) {
-  return M({
+  return q({
     spec: n,
     context: e,
     registry: t,
@@ -364,11 +364,13 @@ const O = {
   similarProductsAriaLabel: "Benzer ürünler",
   emptyStateMessage: "Benzer ürün bulunamadı.",
   addToCartButton: "Sepete Ekle",
+  ctaLabel: "İncele",
   priceSuffix: " TL"
 }, ge = {
   similarProductsAriaLabel: "Similar products",
   emptyStateMessage: "No similar products found.",
   addToCartButton: "Add to cart",
+  ctaLabel: "View",
   priceSuffix: ""
 };
 function pe(n) {
@@ -377,45 +379,45 @@ function pe(n) {
 function me(n) {
   return pe(n) === "en" ? ge : O;
 }
-const he = b({
-  sku: h(),
-  name: h(),
-  imageUrl: h().url().optional(),
-  price: h().optional(),
-  originalPrice: h().optional(),
+const fe = b({
+  sku: f(),
+  name: f(),
+  imageUrl: f().url().optional(),
+  price: f().optional(),
+  originalPrice: f().optional(),
   discountPercent: v().optional(),
-  url: h().url(),
-  brand: h().optional(),
+  url: f().url(),
+  brand: f().optional(),
   rating: v().min(0).max(5).optional(),
   reviewCount: v().int().nonnegative().optional()
-}), fe = b({
-  layout: N(["grid", "carousel"]).optional(),
+}), he = b({
+  layout: x(["grid", "carousel"]).optional(),
   columns: v().int().positive().optional()
 }), ye = b({
-  product: he,
+  product: fe,
   index: v().int().nonnegative(),
-  discountType: N(["strike-through", "badge"]).optional()
+  discountType: x(["strike-through", "badge"]).optional()
 }), Ce = b({
-  sku: h(),
-  label: h().optional(),
-  cartCode: h()
+  sku: f(),
+  label: f().optional(),
+  cartCode: f()
 }), be = b({
-  actions: q(
+  actions: z(
     b({
-      label: h(),
+      label: f(),
       action: b({
-        title: h(),
-        type: h(),
-        payload: B().optional()
+        title: f(),
+        type: f(),
+        payload: H().optional()
       })
     })
   )
 }), ve = b({
-  message: h().optional()
+  message: f().optional()
 }), Se = {
   components: {
     ProductGrid: {
-      schema: fe,
+      schema: he,
       description: "Outer grid or carousel container for similar products."
     },
     ProductCard: {
@@ -436,12 +438,12 @@ const he = b({
     }
   }
 };
-class _e extends H {
+class Ee extends $ {
   constructor() {
     super(...arguments), this._abortController = null, this._contentEl = null, this._i18n = O;
   }
   async onInit(e) {
-    this._i18n = this._resolveI18n(e), this._contentEl = document.createElement("div"), this._contentEl.className = "gengage-simrel-container", this.root.appendChild(this._contentEl), this._lastSku = e.sku, await this._fetchAndRender(e.sku), this.isVisible = !0, z("simrel");
+    this._i18n = this._resolveI18n(e), this._contentEl = document.createElement("div"), this._contentEl.className = "gengage-simrel-container", this.root.appendChild(this._contentEl), this._lastSku = e.sku, await this._fetchAndRender(e.sku), this.isVisible = !0, F("simrel");
   }
   onUpdate(e) {
     const t = e.sku;
@@ -467,17 +469,17 @@ class _e extends H {
       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;
-    $(e.sku, e.name);
+    J(e.sku, e.name);
     const r = this.config.session?.sessionId ?? null;
-    _("gengage:similar:product-click", {
+    E("gengage:similar:product-click", {
       sku: e.sku,
       url: e.url,
       sessionId: r
     }), this.config.onProductNavigate?.(e.url, e.sku, r);
   }
   _handleAddToCart(e) {
-    F(e.sku, e.quantity), this.config.onAddToCart?.(e), _("gengage:similar:add-to-cart", e), this.track(
-      J(this.analyticsContext(), {
+    W(e.sku, e.quantity), this.config.onAddToCart?.(e), E("gengage:similar:add-to-cart", e), this.track(
+      Q(this.analyticsContext(), {
         attribution_source: "simrel",
         attribution_action_id: crypto.randomUUID(),
         cart_value: 0,
@@ -505,9 +507,9 @@ class _e extends H {
     i.className = "gengage-simrel-spinner", r.appendChild(i), this._contentEl.appendChild(r);
     const o = {
       middlewareUrl: this.config.middlewareUrl
-    }, s = crypto.randomUUID(), u = Date.now();
+    }, s = crypto.randomUUID(), g = Date.now();
     this.track(
-      Q(this.analyticsContext(), {
+      V(this.analyticsContext(), {
         endpoint: "similar_products",
         request_id: s,
         widget: "simrel"
@@ -521,11 +523,11 @@ class _e extends H {
         sku: e
       };
       this.config.domain !== void 0 && (d.domain = this.config.domain);
-      const g = await ie(d, o, t);
+      const u = await ie(d, o, t);
       if (!this._contentEl) return;
-      if (this._contentEl.innerHTML = "", g.length > 0)
+      if (this._contentEl.innerHTML = "", u.length > 0)
         try {
-          const c = g.map((f) => f.sku), p = await se(
+          const c = u.map((h) => h.sku), p = await se(
             {
               account_id: this.config.accountId,
               session_id: this.config.session?.sessionId ?? "",
@@ -536,11 +538,11 @@ class _e extends H {
             t
           );
           if (p.length > 0 && this._contentEl) {
-            const f = this._buildGroupsSpec(p), y = this._renderUISpec(f);
-            this._contentEl.appendChild(y), E("simrel"), this.track(
+            const h = this._buildGroupsSpec(p), y = this._renderUISpec(h);
+            this._contentEl.appendChild(y), _("simrel"), this.track(
               k(this.analyticsContext(), {
                 request_id: s,
-                latency_ms: Date.now() - u,
+                latency_ms: Date.now() - g,
                 chunk_count: p.reduce((l, a) => l + a.products.length, 0),
                 widget: "simrel"
               })
@@ -557,19 +559,19 @@ class _e extends H {
         } catch {
         }
       if (this._contentEl) {
-        const c = this._buildProductsSpec(g), p = this._renderUISpec(c);
+        const c = this._buildProductsSpec(u), p = this._renderUISpec(c);
         this._contentEl.appendChild(p);
       }
-      g.length > 0 && E("simrel"), this.track(
+      u.length > 0 && _("simrel"), this.track(
         k(this.analyticsContext(), {
           request_id: s,
-          latency_ms: Date.now() - u,
-          chunk_count: g.length,
+          latency_ms: Date.now() - g,
+          chunk_count: u.length,
           widget: "simrel"
         })
       ), this.track(
         S(this.analyticsContext(), {
-          message_count: g.length,
+          message_count: u.length,
           history_ref: s,
           redaction_level: "none",
           widget: "simrel"
@@ -577,18 +579,28 @@ class _e extends H {
       );
     } catch (d) {
       if (d instanceof DOMException && d.name === "AbortError") return;
-      _("gengage:global:error", {
+      if (E("gengage:global:error", {
         source: "simrel",
         code: "FETCH_ERROR",
-        message: W(this.config.locale)
+        message: Y(this.config.locale)
       }), this.track(
-        V(this.analyticsContext(), {
+        K(this.analyticsContext(), {
           request_id: s,
           error_code: "FETCH_ERROR",
           error_message: d instanceof Error ? d.message : String(d),
           widget: "simrel"
         })
-      ), this._contentEl && (this._contentEl.innerHTML = "", this._contentEl.style.display = "none");
+      ), 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 p = document.createElement("button");
+        p.textContent = this.config.locale?.startsWith("tr") ? "Tekrar dene" : "Try again", p.style.cssText = "margin-left:8px;border:1px solid #d1d5db;background:#fff;border-radius:6px;padding:4px 12px;cursor:pointer;font-size:13px;color:#374151;", p.addEventListener("click", () => {
+          this._fetchAndRender(this.config.sku);
+        }), u.appendChild(p), this._contentEl.appendChild(u);
+      }
     }
   }
   _resolveI18n(e) {
@@ -596,7 +608,7 @@ class _e extends H {
   }
   _resolveUISpecRegistry() {
     const e = le();
-    return Y(e, this.config.renderer?.registry);
+    return X(e, this.config.renderer?.registry);
   }
   _buildRenderContext() {
     const e = this.config.renderCard, t = {
@@ -607,7 +619,7 @@ class _e extends H {
     return this.config.discountType !== void 0 && (t.discountType = this.config.discountType), e !== void 0 && (t.renderCard = e), 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, o = (d, g) => ue(d, g, t, i), s = this.config.renderer?.renderUISpec;
+    const t = this._resolveUISpecRegistry(), r = this._buildRenderContext(), i = this.config.renderer?.unknownRenderer ?? G, o = (d, u) => ue(d, u, t, i), s = this.config.renderer?.renderUISpec;
     return s ? s(e, r, {
       registry: t,
       unknownRenderer: i,
@@ -651,10 +663,10 @@ class _e extends H {
   }
 }
 function Te() {
-  return new _e();
+  return new Ee();
 }
 export {
-  _e as GengageSimRel,
+  Ee as GengageSimRel,
   le as createDefaultSimRelUISpecRegistry,
   Te as createSimRelWidget,
   G as defaultSimRelUnknownUISpecRenderer,