@gengage/assistant-fe 0.1.0 → 0.1.2

package/dist/simrel.js

@@ -1,136 +1,149 @@
-import { b as k, n as x, p as U, c as S, a as T, r as L, o as m, s as g, d as G, g as M, f as P, q as y, B as O, j as v, t as B, h as j, i as q, w as z, k as D, l as H, m as F } from "./types-yxW8WA7u.js";
-function A(n) {
+import { b as P, p as j, q as D, c as I, a as R, r as M, o as C, s as m, f as q, e as B, _ as N, v as _, B as H, t as z, x as $, j as v, 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-CPkzbgia.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) {
   const e = n.headers.get("Content-Type") ?? "";
   return e.includes("application/x-ndjson") || e.includes("text/event-stream");
 }
-async function $(n, e) {
+async function re(n, e) {
   const t = [], r = {
     onEvent: (i) => {
-      const o = T(i);
-      if (!(!o || o.type !== "ui_spec")) {
-        for (const s of Object.values(o.spec.elements))
-          if (s.type === "ProductCard" && s.props) {
-            const a = s.props.product ?? s.props;
-            typeof a.sku == "string" && typeof a.name == "string" && t.push(a);
+      const s = R(i);
+      if (!(!s || s.type !== "ui_spec")) {
+        for (const a of Object.values(s.spec.elements))
+          if (a.type === "ProductCard" && a.props) {
+            const l = a.props.product ?? a.props;
+            typeof l.sku == "string" && typeof l.name == "string" && t.push(l);
           }
       }
     }
   };
-  return e !== void 0 && (r.signal = e), await S(n, r), t;
+  return e !== void 0 && (r.signal = e), await I(n, r), t;
 }
-async function J(n, e, t) {
-  const r = k("similar_products", e), i = {
+async function ie(n, e, t) {
+  const r = P("similar_products", e), i = {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify(n)
   };
   t !== void 0 && (i.signal = t);
-  const o = await fetch(r, i);
-  if (!o.ok)
-    throw new Error(`HTTP ${o.status}: ${o.statusText}`);
-  if (A(o))
-    return $(o, t);
-  const s = await o.text();
-  return s ? x(JSON.parse(s)) : [];
+  const s = await fetch(r, i);
+  if (!s.ok)
+    throw new Error(`HTTP ${s.status}: ${s.statusText}`);
+  if (x(s))
+    return re(s, t);
+  const a = await s.text();
+  if (!a) return [];
+  try {
+    return j(JSON.parse(a));
+  } catch {
+    throw new Error("Invalid JSON from similar_products endpoint");
+  }
 }
-async function W(n, e) {
+async function oe(n, e) {
   const t = [];
   let r = null;
   const i = {
-    onEvent: (o) => {
-      const s = T(o);
-      if (s) {
-        if (s.type === "metadata" && s.meta) {
-          const a = s.meta.group_name;
-          if (typeof a == "string") {
-            r = { name: a, products: [] };
-            const d = s.meta.highlight;
+    onEvent: (s) => {
+      const a = R(s);
+      if (a) {
+        if (a.type === "metadata" && a.meta) {
+          const l = a.meta.group_name;
+          if (typeof l == "string") {
+            r = { name: l, products: [] };
+            const d = a.meta.highlight;
             typeof d == "string" && (r.highlight = d), t.push(r);
           }
         }
-        if (s.type === "ui_spec" && r) {
-          for (const a of Object.values(s.spec.elements))
-            if (a.type === "ProductCard" && a.props) {
-              const d = a.props.product ?? a.props;
+        if (a.type === "ui_spec" && r) {
+          for (const l of Object.values(a.spec.elements))
+            if (l.type === "ProductCard" && l.props) {
+              const d = l.props.product ?? l.props;
               typeof d.sku == "string" && typeof d.name == "string" && r.products.push(d);
             }
         }
       }
     }
   };
-  return e !== void 0 && (i.signal = e), await S(n, i), t;
+  return e !== void 0 && (i.signal = e), await I(n, i), t;
 }
-async function Q(n, e, t) {
-  const r = k("product_groupings", e), i = {
+async function se(n, e, t) {
+  const r = P("product_groupings", e), i = {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify(n)
   };
   t !== void 0 && (i.signal = t);
-  const o = await fetch(r, i);
-  if (!o.ok)
-    throw new Error(`HTTP ${o.status}: ${o.statusText}`);
-  if (A(o))
-    return W(o, t);
-  const s = await o.text();
-  return s ? U(JSON.parse(s)) : [];
+  const s = await fetch(r, i);
+  if (!s.ok)
+    throw new Error(`HTTP ${s.status}: ${s.statusText}`);
+  if (x(s))
+    return oe(s, t);
+  const a = await s.text();
+  if (!a) return [];
+  try {
+    return D(JSON.parse(a));
+  } catch {
+    throw new Error("Invalid JSON from product_groupings endpoint");
+  }
 }
-function w(n) {
-  const { product: e, index: t, discountType: r, onClick: i, onAddToCart: o, renderCard: s } = n, a = n.i18n, d = a?.priceSuffix ?? " TL";
-  if (s) {
-    const c = document.createElement("div");
-    return c.className = "gengage-simrel-card gengage-simrel-card--custom", c.innerHTML = s(e, t), c.addEventListener("click", (h) => {
-      h.target.closest(".gengage-simrel-atc") || i(e);
-    }), c;
+function U(n) {
+  const { product: e, index: t, discountType: r, onClick: i, onAddToCart: s, renderCard: a } = n, l = n.i18n, d = n.pricing;
+  if (a) {
+    const o = document.createElement("div");
+    return o.className = "gengage-simrel-card gengage-simrel-card--custom", o.innerHTML = K(a(e, t)), o.addEventListener("click", (p) => {
+      p.target.closest(".gengage-simrel-atc") || i(e);
+    }), o;
   }
-  const l = document.createElement("article");
-  l.className = "gengage-simrel-card", l.setAttribute("role", "listitem"), l.dataset.sku = e.sku;
-  const u = document.createElement("div");
-  if (u.className = "gengage-simrel-card-image", e.imageUrl) {
-    const c = document.createElement("img");
-    c.src = e.imageUrl, c.alt = e.name, c.loading = "lazy", u.appendChild(c);
+  const u = document.createElement("article");
+  u.className = "gengage-simrel-card", u.setAttribute("role", "listitem"), u.dataset.sku = e.sku;
+  const c = document.createElement("div");
+  if (c.className = "gengage-simrel-card-image", e.imageUrl && X(e.imageUrl)) {
+    const o = document.createElement("img");
+    o.src = e.imageUrl, o.alt = e.name, o.loading = "lazy", Z(o), c.appendChild(o);
   }
   if (r === "badge" && e.discountPercent && e.discountPercent > 0) {
-    const c = document.createElement("span");
-    c.className = "gengage-simrel-badge", c.textContent = `%${e.discountPercent}`, u.appendChild(c);
+    const o = document.createElement("span");
+    o.className = "gengage-simrel-badge", o.textContent = `%${ee(e.discountPercent)}`, c.appendChild(o);
   }
-  l.appendChild(u);
-  const p = document.createElement("div");
-  if (p.className = "gengage-simrel-card-info", e.brand) {
-    const c = document.createElement("div");
-    c.className = "gengage-simrel-card-brand", c.textContent = e.brand, p.appendChild(c);
+  u.appendChild(c);
+  const g = document.createElement("div");
+  if (g.className = "gengage-simrel-card-info", e.brand) {
+    const o = document.createElement("div");
+    o.className = "gengage-simrel-card-brand", o.textContent = e.brand, g.appendChild(o);
   }
   const f = document.createElement("div");
-  if (f.className = "gengage-simrel-card-name", f.textContent = e.name, p.appendChild(f), e.rating != null && e.rating > 0) {
-    const c = document.createElement("div");
-    c.className = "gengage-simrel-card-rating";
-    const h = "★".repeat(Math.round(e.rating)) + "☆".repeat(5 - Math.round(e.rating));
-    if (c.textContent = h, e.reviewCount != null) {
-      const b = document.createElement("span");
-      b.className = "gengage-simrel-card-review-count", b.textContent = ` (${e.reviewCount})`, c.appendChild(b);
+  if (f.className = "gengage-simrel-card-name", f.textContent = e.name, g.appendChild(f), e.rating != null && e.rating > 0) {
+    const o = document.createElement("div");
+    if (o.className = "gengage-simrel-card-rating", o.textContent = te(e.rating), e.reviewCount != null) {
+      const p = document.createElement("span");
+      p.className = "gengage-simrel-card-review-count", p.textContent = ` (${e.reviewCount})`, o.appendChild(p);
     }
-    p.appendChild(c);
+    g.appendChild(o);
   }
-  const C = document.createElement("div");
-  if (C.className = "gengage-simrel-card-price", e.originalPrice && e.originalPrice !== e.price && (r === "strike-through" || !r)) {
-    const c = document.createElement("span");
-    c.className = "gengage-simrel-card-price-original", c.textContent = e.originalPrice + d, C.appendChild(c);
+  const h = document.createElement("div");
+  if (h.className = "gengage-simrel-card-price", e.originalPrice && e.originalPrice !== e.price && (r === "strike-through" || !r)) {
+    const o = document.createElement("span");
+    o.className = "gengage-simrel-card-price-original", o.textContent = T(e.originalPrice, d), h.appendChild(o);
   }
   if (e.price) {
-    const c = document.createElement("span");
-    c.className = "gengage-simrel-card-price-current", c.textContent = e.price + d, C.appendChild(c);
-  }
-  if (p.appendChild(C), l.appendChild(p), e.cartCode) {
-    const c = document.createElement("button");
-    c.className = "gengage-simrel-atc", c.type = "button", c.textContent = a?.addToCartButton ?? "Sepete Ekle", c.addEventListener("click", (h) => {
-      h.stopPropagation(), o({ sku: e.sku, quantity: 1, cartCode: e.cartCode });
-    }), l.appendChild(c);
-  }
-  return l.addEventListener("click", (c) => {
-    c.target.closest(".gengage-simrel-atc") || i(e);
-  }), l;
+    const o = document.createElement("span");
+    o.className = "gengage-simrel-card-price-current", o.textContent = T(e.price, d), h.appendChild(o);
+  }
+  if (g.appendChild(h), u.appendChild(g), e.cartCode) {
+    const o = e.cartCode, p = ne({
+      compact: !1,
+      label: l?.addToCartButton ?? "Sepete Ekle",
+      onSubmit: (y) => {
+        s({ sku: e.sku, quantity: y, cartCode: o });
+      }
+    });
+    p.classList.add("gengage-simrel-atc"), u.appendChild(p);
+  }
+  return u.addEventListener("click", (o) => {
+    o.target.closest(".gengage-simrel-atc") || i(e);
+  }), u;
 }
-function E(n) {
+function w(n) {
   const e = document.createElement("div");
   e.className = "gengage-simrel-grid", e.setAttribute("role", "list"), e.setAttribute("aria-label", n.i18n?.similarProductsAriaLabel ?? "Similar products"), n.columns && e.style.setProperty("--gengage-simrel-columns", String(n.columns));
   for (let t = 0; t < n.products.length; t++) {
@@ -141,8 +154,8 @@ function E(n) {
       onAddToCart: n.onAddToCart
     };
     n.i18n !== void 0 && (i.i18n = n.i18n), n.discountType !== void 0 && (i.discountType = n.discountType), n.renderCard !== void 0 && (i.renderCard = n.renderCard);
-    const o = w(i);
-    e.appendChild(o);
+    const s = U(i);
+    e.appendChild(s);
   }
   if (n.products.length === 0) {
     const t = document.createElement("div");
@@ -150,42 +163,52 @@ function E(n) {
   }
   return e;
 }
-function V(n) {
-  const e = document.createElement("div");
-  if (e.className = "gengage-simrel-groups", n.groups.length === 0) {
-    const a = document.createElement("div");
-    return a.className = "gengage-simrel-empty", a.textContent = n.i18n?.emptyStateMessage ?? "Benzer ürün bulunamadı.", e.appendChild(a), e;
+let ae = 0;
+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;
   }
-  const t = document.createElement("div");
-  t.className = "gengage-simrel-tabs", t.setAttribute("role", "tablist");
   const r = document.createElement("div");
-  r.className = "gengage-simrel-tab-content";
-  for (let a = 0; a < n.groups.length; a++) {
-    const d = n.groups[a], l = document.createElement("button");
-    l.className = "gengage-simrel-tab", l.type = "button", l.textContent = d.name, l.setAttribute("role", "tab"), l.setAttribute("aria-selected", a === 0 ? "true" : "false"), a === 0 && l.classList.add("gengage-simrel-tab--active"), l.addEventListener("click", () => {
-      const u = t.querySelector(".gengage-simrel-tab--active");
-      u?.classList.remove("gengage-simrel-tab--active"), u?.setAttribute("aria-selected", "false"), l.classList.add("gengage-simrel-tab--active"), l.setAttribute("aria-selected", "true"), r.innerHTML = "";
-      const p = {
-        products: d.products,
-        onClick: n.onClick,
-        onAddToCart: n.onAddToCart
-      };
-      n.i18n !== void 0 && (p.i18n = n.i18n), n.discountType !== void 0 && (p.discountType = n.discountType), n.renderCard !== void 0 && (p.renderCard = n.renderCard);
-      const f = E(p);
-      r.appendChild(f);
-    }), t.appendChild(l);
-  }
-  e.appendChild(t);
-  const o = {
-    products: n.groups[0].products,
-    onClick: n.onClick,
-    onAddToCart: n.onAddToCart
+  r.className = "gengage-simrel-tabs", r.setAttribute("role", "tablist");
+  const i = [], s = [], a = (c) => {
+    const g = {
+      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), g;
+  }, l = (c) => {
+    for (let o = 0; o < i.length; o++) {
+      const p = o === c;
+      i[o].classList.toggle("gengage-simrel-tab--active", p), i[o].setAttribute("aria-selected", String(p)), i[o].tabIndex = p ? 0 : -1;
+    }
+    const g = n.groups[c], f = s[c];
+    f.innerHTML = "";
+    const h = w(a(g));
+    f.appendChild(h);
+    for (let o = 0; o < s.length; o++) {
+      const p = o === c;
+      s[o].style.display = p ? "" : "none", s[o].tabIndex = p ? 0 : -1;
+    }
   };
-  n.i18n !== void 0 && (o.i18n = n.i18n), n.discountType !== void 0 && (o.discountType = n.discountType), n.renderCard !== void 0 && (o.renderCard = n.renderCard);
-  const s = E(o);
-  return r.appendChild(s), e.appendChild(r), e;
+  for (let c = 0; c < n.groups.length; c++) {
+    const g = n.groups[c], f = `gengage-simrel-tab-${e}-${c}`, h = `gengage-simrel-panel-${e}-${c}`, o = document.createElement("button");
+    o.className = "gengage-simrel-tab", o.type = "button", o.id = f, o.textContent = g.name, o.setAttribute("role", "tab"), o.setAttribute("aria-controls", h), o.setAttribute("aria-selected", String(c === 0)), o.tabIndex = c === 0 ? 0 : -1, c === 0 && o.classList.add("gengage-simrel-tab--active"), o.addEventListener("click", () => l(c)), o.addEventListener("keydown", (y) => {
+      let b = -1;
+      y.key === "ArrowRight" || y.key === "ArrowDown" ? b = (c + 1) % n.groups.length : y.key === "ArrowLeft" || y.key === "ArrowUp" ? b = (c - 1 + n.groups.length) % n.groups.length : y.key === "Home" ? b = 0 : y.key === "End" && (b = n.groups.length - 1), b >= 0 && (y.preventDefault(), l(b), i[b].focus());
+    }), i.push(o), r.appendChild(o);
+    const p = document.createElement("div");
+    p.className = "gengage-simrel-tab-panel", p.id = h, p.setAttribute("role", "tabpanel"), p.setAttribute("aria-labelledby", f), p.tabIndex = c === 0 ? 0 : -1, c !== 0 && (p.style.display = "none"), s.push(p);
+  }
+  t.appendChild(r);
+  const d = s[0], u = w(a(n.groups[0]));
+  d.appendChild(u);
+  for (const c of s) t.appendChild(c);
+  return t;
 }
-function _(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")
@@ -198,75 +221,75 @@ function _(n) {
   typeof r == "string" && (t.imageUrl = r);
   const i = e.price;
   typeof i == "string" && (t.price = i);
-  const o = e.originalPrice;
-  typeof o == "string" && (t.originalPrice = o);
-  const s = e.discountPercent;
-  typeof s == "number" && (t.discountPercent = s);
-  const a = e.brand;
-  typeof a == "string" && (t.brand = a);
+  const s = e.originalPrice;
+  typeof s == "string" && (t.originalPrice = s);
+  const a = e.discountPercent;
+  typeof a == "number" && (t.discountPercent = a);
+  const l = e.brand;
+  typeof l == "string" && (t.brand = l);
   const d = e.rating;
   typeof d == "number" && (t.rating = d);
-  const l = e.reviewCount;
-  typeof l == "number" && (t.reviewCount = l);
-  const u = e.cartCode;
-  typeof u == "string" && (t.cartCode = u);
-  const p = e.inStock;
-  return typeof p == "boolean" && (t.inStock = p), t;
+  const u = e.reviewCount;
+  typeof u == "number" && (t.reviewCount = u);
+  const c = e.cartCode;
+  typeof c == "string" && (t.cartCode = c);
+  const g = e.inStock;
+  return typeof g == "boolean" && (t.inStock = g), t;
 }
-function Y(n) {
+function de(n) {
   if (!n || typeof n != "object") return null;
   const e = n, t = e.title, r = e.type;
   if (typeof t != "string" || typeof r != "string") return null;
   const i = { title: t, type: r };
   return e.payload !== void 0 && (i.payload = e.payload), i;
 }
-const R = {
-  ProductGrid: ({ element: n, renderElement: e }) => {
-    const t = document.createElement("div");
-    t.className = "gengage-simrel-grid", t.setAttribute("role", "list");
-    const r = n.props?.columns;
-    typeof r == "number" && Number.isFinite(r) && r > 0 && t.style.setProperty("--gengage-simrel-columns", String(r));
-    for (const i of n.children ?? []) {
-      const o = e(i);
-      o && t.appendChild(o);
+const L = {
+  ProductGrid: ({ element: n, renderElement: e, context: t }) => {
+    const r = document.createElement("div");
+    r.className = "gengage-simrel-grid", r.setAttribute("role", "list");
+    const i = n.props?.columns;
+    typeof i == "number" && Number.isFinite(i) && i > 0 && r.style.setProperty("--gengage-simrel-columns", String(i));
+    for (const s of n.children ?? []) {
+      const a = e(s);
+      a && r.appendChild(a);
     }
-    if (t.children.length === 0) {
-      const i = document.createElement("div");
-      i.className = "gengage-simrel-empty", i.textContent = "Benzer ürün bulunamadı.", t.appendChild(i);
+    if (r.children.length === 0) {
+      const s = document.createElement("div");
+      s.className = "gengage-simrel-empty", s.textContent = t.i18n.emptyStateMessage, r.appendChild(s);
     }
-    return t;
+    return r;
   },
   ProductCard: ({ element: n, context: e }) => {
-    const t = n.props?.product ?? n.props, r = _(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, a = s === "strike-through" || s === "badge" ? s : e.discountType, d = {
+    const i = n.props?.index, s = typeof i == "number" && Number.isFinite(i) ? i : 0, a = n.props?.discountType, l = a === "strike-through" || a === "badge" ? a : e.discountType, d = {
       product: r,
-      index: o,
+      index: s,
       onClick: e.onClick,
       onAddToCart: e.onAddToCart,
       i18n: e.i18n
     };
-    return a !== void 0 && (d.discountType = a), e.renderCard !== void 0 && (d.renderCard = e.renderCard), w(d);
+    return l !== void 0 && (d.discountType = l), 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;
     if (!Array.isArray(t)) return null;
     const r = [];
-    for (const o of t) {
-      if (!o || typeof o != "object") continue;
-      const s = o;
-      if (typeof s.name != "string") continue;
-      const a = [];
-      if (Array.isArray(s.products))
-        for (const l of s.products) {
-          const u = _(l);
-          u && a.push(u);
+    for (const s of t) {
+      if (!s || typeof s != "object") continue;
+      const a = s;
+      if (typeof a.name != "string") continue;
+      const l = [];
+      if (Array.isArray(a.products))
+        for (const u of a.products) {
+          const c = A(u);
+          c && l.push(c);
         }
       const d = {
-        name: s.name,
-        products: a
+        name: a.name,
+        products: l
       };
-      typeof s.highlight == "string" && (d.highlight = s.highlight), r.push(d);
+      typeof a.highlight == "string" && (d.highlight = a.highlight), r.push(d);
     }
     const i = {
       groups: r,
@@ -274,7 +297,7 @@ const R = {
       onAddToCart: e.onAddToCart,
       i18n: e.i18n
     };
-    return e.discountType !== void 0 && (i.discountType = e.discountType), e.renderCard !== void 0 && (i.renderCard = e.renderCard), V(i);
+    return e.discountType !== void 0 && (i.discountType = e.discountType), e.renderCard !== void 0 && (i.renderCard = e.renderCard), ce(i);
   },
   EmptyState: ({ element: n, context: e }) => {
     const t = document.createElement("div");
@@ -287,9 +310,9 @@ const R = {
     if (typeof t != "string" || typeof r != "string") return null;
     const i = document.createElement("button");
     i.className = "gengage-simrel-atc", i.type = "button";
-    const o = n.props?.label;
-    return i.textContent = typeof o == "string" ? o : e.i18n.addToCartButton, i.addEventListener("click", (s) => {
-      s.preventDefault(), s.stopPropagation(), e.onAddToCart({ sku: t, quantity: 1, cartCode: r });
+    const s = n.props?.label;
+    return i.textContent = typeof s == "string" ? s : e.i18n.addToCartButton, i.addEventListener("click", (a) => {
+      a.preventDefault(), a.stopPropagation(), e.onAddToCart({ sku: t, quantity: 1, cartCode: r });
     }), i;
   },
   QuickActions: ({ element: n, context: e }) => {
@@ -299,16 +322,16 @@ const R = {
     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, a = Y(o.action);
-      if (typeof s != "string" || !a) continue;
+      const s = i, a = s.label, l = de(s.action);
+      if (typeof a != "string" || !l) continue;
       const d = document.createElement("button");
-      d.className = "gengage-simrel-quick-action", d.type = "button", d.textContent = s, d.addEventListener("click", (l) => {
-        l.preventDefault(), l.stopPropagation(), e.onAction?.(a);
+      d.className = "gengage-simrel-quick-action", d.type = "button", d.textContent = a, d.addEventListener("click", (u) => {
+        u.preventDefault(), u.stopPropagation(), e.onAction?.(l);
       }), t.appendChild(d);
     }
     return t;
   }
-}, N = ({
+}, G = ({
   element: n,
   renderElement: e
 }) => {
@@ -321,11 +344,11 @@ const R = {
   }
   return t;
 };
-function K() {
-  return { ...R };
+function le() {
+  return { ...L };
 }
-function X(n, e, t = R, r = N) {
-  return L({
+function ue(n, e, t = L, r = G) {
+  return M({
     spec: n,
     context: e,
     registry: t,
@@ -333,88 +356,88 @@ function X(n, e, t = R, r = N) {
     unknownRenderer: r
   });
 }
-const I = {
+const O = {
   similarProductsAriaLabel: "Benzer ürünler",
   emptyStateMessage: "Benzer ürün bulunamadı.",
   addToCartButton: "Sepete Ekle",
   priceSuffix: " TL"
-}, Z = {
+}, pe = {
   similarProductsAriaLabel: "Similar products",
   emptyStateMessage: "No similar products found.",
   addToCartButton: "Add to cart",
   priceSuffix: ""
 };
-function ee(n) {
+function ge(n) {
   return n ? n.toLowerCase().split("-")[0] ?? "tr" : "tr";
 }
-function te(n) {
-  return ee(n) === "en" ? Z : I;
+function me(n) {
+  return ge(n) === "en" ? pe : O;
 }
-const ne = m({
-  sku: g(),
-  name: g(),
-  imageUrl: g().url().optional(),
-  price: g().optional(),
-  originalPrice: g().optional(),
-  discountPercent: y().optional(),
-  url: g().url(),
-  brand: g().optional(),
-  rating: y().min(0).max(5).optional(),
-  reviewCount: y().int().nonnegative().optional()
-}), re = m({
-  layout: P(["grid", "carousel"]).optional(),
-  columns: y().int().positive().optional()
-}), ie = m({
-  product: ne,
-  index: y().int().nonnegative(),
-  discountType: P(["strike-through", "badge"]).optional()
-}), oe = m({
-  sku: g(),
-  label: g().optional(),
-  cartCode: g()
-}), se = m({
-  actions: G(
-    m({
-      label: g(),
-      action: m({
-        title: g(),
-        type: g(),
-        payload: M().optional()
+const fe = C({
+  sku: m(),
+  name: m(),
+  imageUrl: m().url().optional(),
+  price: m().optional(),
+  originalPrice: m().optional(),
+  discountPercent: _().optional(),
+  url: m().url(),
+  brand: m().optional(),
+  rating: _().min(0).max(5).optional(),
+  reviewCount: _().int().nonnegative().optional()
+}), he = C({
+  layout: N(["grid", "carousel"]).optional(),
+  columns: _().int().positive().optional()
+}), ye = C({
+  product: fe,
+  index: _().int().nonnegative(),
+  discountType: N(["strike-through", "badge"]).optional()
+}), Ce = C({
+  sku: m(),
+  label: m().optional(),
+  cartCode: m()
+}), be = C({
+  actions: q(
+    C({
+      label: m(),
+      action: C({
+        title: m(),
+        type: m(),
+        payload: B().optional()
       })
     })
   )
-}), ae = m({
-  message: g().optional()
-}), le = {
+}), _e = C({
+  message: m().optional()
+}), Se = {
   components: {
     ProductGrid: {
-      schema: re,
+      schema: he,
       description: "Outer grid or carousel container for similar products."
     },
     ProductCard: {
-      schema: ie,
+      schema: ye,
       description: "A single product card with image, title, price, and actions."
     },
     AddToCartButton: {
-      schema: oe,
+      schema: Ce,
       description: "Add-to-cart CTA rendered inside or below a product card."
     },
     QuickActions: {
-      schema: se,
+      schema: be,
       description: "A row of quick-action buttons below product info."
     },
     EmptyState: {
-      schema: ae,
+      schema: _e,
       description: "Empty state shown when no similar products are available."
     }
   }
 };
-class ce extends O {
+class ve extends H {
   constructor() {
-    super(...arguments), this._abortController = null, this._contentEl = null, this._i18n = I;
+    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;
+    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");
   }
   onUpdate(e) {
     const t = e.sku;
@@ -440,6 +463,7 @@ class ce extends O {
       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);
     const r = this.config.session?.sessionId ?? null;
     v("gengage:similar:product-click", {
       sku: e.sku,
@@ -448,8 +472,8 @@ class ce extends O {
     }), this.config.onProductNavigate?.(e.url, e.sku, r);
   }
   _handleAddToCart(e) {
-    this.config.onAddToCart?.(e), v("gengage:similar:add-to-cart", e), this.track(
-      B(this.analyticsContext(), {
+    F(e.sku, e.quantity), this.config.onAddToCart?.(e), v("gengage:similar:add-to-cart", e), this.track(
+      J(this.analyticsContext(), {
         attribution_source: "simrel",
         attribution_action_id: crypto.randomUUID(),
         cart_value: 0,
@@ -467,92 +491,108 @@ class ce extends O {
     this._abortController?.abort(), this._abortController = null;
   }
   async _fetchAndRender(e) {
-    if (this._abort(), this._abortController = new AbortController(), !this._contentEl) return;
-    this._contentEl.innerHTML = "";
-    const t = document.createElement("div");
-    t.className = "gengage-simrel-loading";
+    this._abort(), this._abortController = new AbortController();
+    const t = this._abortController.signal;
+    if (!this._contentEl) return;
+    this._contentEl.innerHTML = "", this._contentEl.style.display = "";
     const r = document.createElement("div");
-    r.className = "gengage-simrel-spinner", t.appendChild(r), this._contentEl.appendChild(t);
-    const i = {
+    r.className = "gengage-simrel-loading";
+    const i = document.createElement("div");
+    i.className = "gengage-simrel-spinner", r.appendChild(i), this._contentEl.appendChild(r);
+    const s = {
       middlewareUrl: this.config.middlewareUrl
-    }, o = crypto.randomUUID(), s = Date.now();
+    }, a = crypto.randomUUID(), l = Date.now();
     this.track(
-      j(this.analyticsContext(), {
+      Q(this.analyticsContext(), {
         endpoint: "similar_products",
-        request_id: o,
+        request_id: a,
         widget: "simrel"
       })
     );
     try {
-      const a = {
+      const d = {
         account_id: this.config.accountId,
         session_id: this.config.session?.sessionId ?? "",
         correlation_id: this.config.session?.sessionId ?? "",
         sku: e
       };
-      this.config.domain !== void 0 && (a.domain = this.config.domain);
-      const d = await J(a, i, this._abortController.signal);
+      this.config.domain !== void 0 && (d.domain = this.config.domain);
+      const u = await ie(d, s, t);
       if (!this._contentEl) return;
-      if (this._contentEl.innerHTML = "", d.length > 0)
+      if (this._contentEl.innerHTML = "", u.length > 0)
         try {
-          const l = d.map((p) => p.sku), u = await Q(
+          const c = u.map((f) => f.sku), g = await se(
             {
               account_id: this.config.accountId,
               session_id: this.config.session?.sessionId ?? "",
               correlation_id: this.config.session?.sessionId ?? "",
-              skus: l
+              skus: c
             },
-            i,
-            this._abortController.signal
+            s,
+            t
           );
-          if (u.length > 0 && this._contentEl) {
-            const p = this._buildGroupsSpec(u), f = this._renderUISpec(p);
-            this._contentEl.appendChild(f);
+          if (g.length > 0 && this._contentEl) {
+            const f = this._buildGroupsSpec(g), h = this._renderUISpec(f);
+            this._contentEl.appendChild(h), E("simrel"), this.track(
+              k(this.analyticsContext(), {
+                request_id: a,
+                latency_ms: Date.now() - l,
+                chunk_count: g.reduce((o, p) => o + p.products.length, 0),
+                widget: "simrel"
+              })
+            ), this.track(
+              S(this.analyticsContext(), {
+                message_count: g.reduce((o, p) => o + p.products.length, 0),
+                history_ref: a,
+                redaction_level: "none",
+                widget: "simrel"
+              })
+            );
             return;
           }
         } catch {
         }
       if (this._contentEl) {
-        const l = this._buildProductsSpec(d), u = this._renderUISpec(l);
-        this._contentEl.appendChild(u);
+        const c = this._buildProductsSpec(u), g = this._renderUISpec(c);
+        this._contentEl.appendChild(g);
       }
-      this.track(
-        q(this.analyticsContext(), {
-          request_id: o,
-          latency_ms: Date.now() - s,
-          chunk_count: d.length,
+      u.length > 0 && E("simrel"), this.track(
+        k(this.analyticsContext(), {
+          request_id: a,
+          latency_ms: Date.now() - l,
+          chunk_count: u.length,
           widget: "simrel"
         })
       ), this.track(
-        z(this.analyticsContext(), {
-          message_count: d.length,
-          history_ref: o,
+        S(this.analyticsContext(), {
+          message_count: u.length,
+          history_ref: a,
           redaction_level: "none",
           widget: "simrel"
         })
       );
-    } catch (a) {
-      if (a instanceof DOMException && a.name === "AbortError") return;
+    } catch (d) {
+      if (d instanceof DOMException && d.name === "AbortError") return;
       v("gengage:global:error", {
         source: "simrel",
         code: "FETCH_ERROR",
-        message: D(this.config.locale)
+        message: W(this.config.locale)
       }), this.track(
-        H(this.analyticsContext(), {
-          request_id: o,
+        V(this.analyticsContext(), {
+          request_id: a,
           error_code: "FETCH_ERROR",
-          error_message: a instanceof Error ? a.message : String(a),
+          error_message: d instanceof Error ? d.message : String(d),
           widget: "simrel"
         })
       ), this._contentEl && (this._contentEl.innerHTML = "", this._contentEl.style.display = "none");
     }
   }
   _resolveI18n(e) {
-    return { ...te(e.locale), ...e.i18n };
+    return { ...me(e.locale), ...e.i18n };
   }
   _resolveUISpecRegistry() {
-    const e = K();
-    return F(e, this.config.renderer?.registry);
+    const e = le();
+    return Y(e, this.config.renderer?.registry);
   }
   _buildRenderContext() {
     const e = this.config.renderCard, t = {
@@ -560,24 +600,24 @@ class ce extends O {
       onAddToCart: (r) => this._handleAddToCart(r),
       i18n: this._i18n
     };
-    return this.config.discountType !== void 0 && (t.discountType = this.config.discountType), e !== void 0 && (t.renderCard = e), t;
+    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 ?? N, o = (d, l) => X(d, l, t, i), s = this.config.renderer?.renderUISpec;
-    return s ? s(e, r, {
+    const t = this._resolveUISpecRegistry(), r = this._buildRenderContext(), i = this.config.renderer?.unknownRenderer ?? G, s = (d, u) => ue(d, u, t, i), a = this.config.renderer?.renderUISpec;
+    return a ? a(e, r, {
       registry: t,
       unknownRenderer: i,
-      defaultRender: o
-    }) : o(e, r);
+      defaultRender: s
+    }) : s(e, r);
   }
   _buildProductsSpec(e) {
     const t = {}, r = [];
     for (let i = 0; i < e.length; i++) {
-      const o = e[i], s = `product-${i}`;
-      r.push(s), t[s] = {
+      const s = e[i], a = `product-${i}`;
+      r.push(a), t[a] = {
         type: "ProductCard",
         props: {
-          product: o,
+          product: s,
           index: i,
           discountType: this.config.discountType
         }
@@ -606,15 +646,15 @@ class ce extends O {
     };
   }
 }
-function ue() {
-  return new ce();
+function Te() {
+  return new ve();
 }
 export {
-  ce as GengageSimRel,
-  K as createDefaultSimRelUISpecRegistry,
-  ue as createSimRelWidget,
-  N as defaultSimRelUnknownUISpecRenderer,
-  X as renderSimRelUISpec,
-  le as simRelCatalog
+  ve as GengageSimRel,
+  le as createDefaultSimRelUISpecRegistry,
+  Te as createSimRelWidget,
+  G as defaultSimRelUnknownUISpecRenderer,
+  ue as renderSimRelUISpec,
+  Se as simRelCatalog
 };
 //# sourceMappingURL=simrel.js.map