@gengage/assistant-fe 0.2.0 → 0.2.2

package/dist/simrel.js

@@ -1,4 +1,4 @@
-import { b as P, p as j, q as M, c as N, a as x, v as B, x as q, r as z, o as b, s as f, f as H, e as $, _ as I, y as v, B as F, t as J, z as W, j as E, 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-BAEbjFPE.js";
+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) {
   const e = [];
@@ -16,8 +16,8 @@ function L(n) {
 async function ie(n, e) {
   const t = [], r = {
     onEvent: (i) => {
-      const s = x(i);
-      !s || s.type !== "ui_spec" || t.push(...R(s.spec.elements));
+      const a = I(i);
+      !a || a.type !== "ui_spec" || t.push(...R(a.spec.elements));
     }
   };
   return e !== void 0 && (r.signal = e), await N(n, r), t;
@@ -29,66 +29,70 @@ async function oe(n, e, t) {
     body: JSON.stringify(n)
   };
   t !== void 0 && (i.signal = t);
-  const s = await fetch(r, i);
-  if (!s.ok)
-    throw new Error(`HTTP ${s.status}: ${s.statusText}`);
-  if (L(s))
-    return ie(s, t);
-  const a = await s.text();
-  if (!a) return [];
+  const a = await fetch(r, i);
+  if (!a.ok)
+    throw new Error(`HTTP ${a.status}: ${a.statusText}`);
+  if (L(a))
+    return ie(a, t);
+  const s = await a.text();
+  if (!s) return [];
   try {
-    return j(JSON.parse(a));
+    return j(JSON.parse(s));
   } catch {
     throw new Error("Invalid JSON from similar_products endpoint");
   }
 }
-async function se(n, e) {
+async function ae(n, e) {
   const t = [];
   let r = null;
   const i = {
-    onEvent: (s) => {
-      const a = x(s);
-      if (a) {
-        if (a.type === "metadata" && a.meta) {
-          const p = a.meta.group_name;
+    onEvent: (a) => {
+      const s = I(a);
+      if (s) {
+        if (s.type === "metadata" && s.meta) {
+          const p = s.meta.group_name;
           if (typeof p == "string") {
             r = { name: p, products: [] };
-            const l = a.meta.highlight;
-            typeof l == "string" && (r.highlight = l), t.push(r);
+            const d = s.meta.highlight;
+            typeof d == "string" && (r.highlight = d), t.push(r);
           }
         }
-        a.type === "ui_spec" && r && r.products.push(...R(a.spec.elements));
+        s.type === "ui_spec" && r && r.products.push(...R(s.spec.elements));
       }
     }
   };
   return e !== void 0 && (i.signal = e), await N(n, i), t;
 }
-async function ae(n, e, t) {
+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 s = await fetch(r, i);
-  if (!s.ok)
-    throw new Error(`HTTP ${s.status}: ${s.statusText}`);
-  if (L(s))
-    return se(s, t);
-  const a = await s.text();
-  if (!a) return [];
+  const a = await fetch(r, i);
+  if (!a.ok)
+    throw new Error(`HTTP ${a.status}: ${a.statusText}`);
+  if (L(a))
+    return ae(a, t);
+  const s = await a.text();
+  if (!s) return [];
   try {
-    return M(JSON.parse(a));
+    return M(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: s, renderCard: a } = n, p = n.i18n, l = n.pricing;
-  if (a) {
+  const { product: e, index: t, discountType: r, onClick: i, onAddToCart: a, renderCard: s } = n, p = n.i18n, d = 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(a(e, t)), o.addEventListener("click", (m) => {
-      m.target.closest(".gengage-simrel-atc") || m.target.closest(".gengage-chat-product-card-atc") || i(e);
+    return o.className = "gengage-simrel-card gengage-simrel-card--custom", o.innerHTML = B(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");
@@ -108,40 +112,40 @@ function U(n) {
     const o = document.createElement("div");
     o.className = "gengage-simrel-card-brand gengage-chat-product-card-brand", o.textContent = e.brand, g.appendChild(o);
   }
-  const h = document.createElement("div");
-  if (h.className = "gengage-simrel-card-name gengage-chat-product-card-name", h.textContent = e.name, g.appendChild(h), e.rating != null && e.rating > 0) {
+  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) {
     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 m = document.createElement("span");
-      m.className = "gengage-simrel-card-review-count gengage-chat-product-card-review-count", m.textContent = ` (${e.reviewCount})`, o.appendChild(m);
+      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);
   }
-  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 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 o = document.createElement("span");
-    o.className = "gengage-simrel-card-price-original gengage-chat-product-card-original-price", o.textContent = T(e.originalPrice, l), y.appendChild(o);
+    o.className = "gengage-simrel-card-price-original gengage-chat-product-card-original-price", o.textContent = T(e.originalPrice, d), C.appendChild(o);
   }
   if (e.price) {
     const o = document.createElement("span");
-    o.className = "gengage-simrel-card-price-current gengage-chat-product-card-price-current", o.textContent = T(e.price, l), y.appendChild(o);
+    o.className = "gengage-simrel-card-price-current gengage-chat-product-card-price-current", o.textContent = T(e.price, d), C.appendChild(o);
   }
-  g.appendChild(y), u.appendChild(g);
-  const d = document.createElement("button");
-  if (d.className = "gengage-simrel-card-cta gengage-chat-product-card-cta", d.type = "button", d.textContent = p?.ctaLabel ?? "View", d.addEventListener("click", (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) => {
     o.preventDefault(), o.stopPropagation(), i(e);
-  }), u.appendChild(d), e.inStock === !1) {
+  }), u.appendChild(l), e.inStock === !1) {
     const o = document.createElement("div");
     o.className = "gengage-simrel-card-oos", o.textContent = p?.outOfStockLabel ?? "Out of Stock", u.appendChild(o);
   } else if (e.cartCode) {
-    const o = e.cartCode, m = re({
+    const o = e.cartCode, f = re({
       compact: !0,
       label: p?.addToCartButton ?? "Add to Cart",
-      onSubmit: (C) => {
-        s({ sku: e.sku, quantity: C, cartCode: o });
+      onSubmit: (y) => {
+        a({ sku: e.sku, quantity: y, cartCode: o });
       }
     });
-    m.classList.add("gengage-simrel-atc"), u.appendChild(m);
+    f.classList.add("gengage-simrel-atc"), u.appendChild(f);
   }
   return u.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);
@@ -157,9 +161,9 @@ function w(n) {
       onClick: n.onClick,
       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 s = U(i);
-    e.appendChild(s);
+    n.i18n !== void 0 && (i.i18n = n.i18n), n.discountType !== void 0 && (i.discountType = n.discountType), n.renderCard !== void 0 && (i.renderCard = n.renderCard), n.renderCardElement !== void 0 && (i.renderCardElement = n.renderCardElement);
+    const a = U(i);
+    e.appendChild(a);
   }
   if (n.products.length === 0) {
     const t = document.createElement("div");
@@ -176,40 +180,40 @@ function de(n) {
   }
   const r = document.createElement("div");
   r.className = "gengage-simrel-tabs", r.setAttribute("role", "tablist");
-  const i = [], s = [], a = (c) => {
+  const i = [], a = [], s = (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;
+    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 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;
+    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;
     }
-    const g = n.groups[c], h = s[c];
-    h.innerHTML = "";
-    const y = w(a(g));
-    h.appendChild(y);
-    for (let d = 0; d < s.length; d++) {
-      const o = d === c;
-      s[d].style.display = o ? "" : "none", s[d].tabIndex = o ? 0 : -1;
+    const g = 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;
     }
   };
   for (let c = 0; c < n.groups.length; c++) {
-    const g = n.groups[c], h = `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 = h, d.textContent = g.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", () => p(c)), d.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(), p(C), i[C].focus());
-    }), i.push(d), r.appendChild(d);
+    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 o = document.createElement("div");
-    o.className = "gengage-simrel-tab-panel", o.id = y, o.setAttribute("role", "tabpanel"), o.setAttribute("aria-labelledby", h), o.tabIndex = c === 0 ? 0 : -1, c !== 0 && (o.style.display = "none"), s.push(o);
+    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);
   }
   t.appendChild(r);
-  const l = s[0], u = w(a(n.groups[0]));
-  l.appendChild(u);
-  for (const c of s) t.appendChild(c);
+  const d = a[0], u = w(s(n.groups[0]));
+  d.appendChild(u);
+  for (const c of a) t.appendChild(c);
   return t;
 }
 function A(n) {
@@ -225,20 +229,22 @@ function A(n) {
   typeof r == "string" && (t.imageUrl = r);
   const i = e.price;
   typeof i == "string" && (t.price = i);
-  const s = e.originalPrice;
-  typeof s == "string" && (t.originalPrice = s);
-  const a = e.discountPercent;
-  typeof a == "number" && (t.discountPercent = a);
+  const a = e.originalPrice;
+  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 l = e.rating;
-  typeof l == "number" && (t.rating = l);
+  const d = e.rating;
+  typeof d == "number" && (t.rating = d);
   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;
+  typeof g == "boolean" && (t.inStock = g);
+  const m = e.extras;
+  return m != null && typeof m == "object" && (t.extras = m), t;
 }
 function le(n) {
   if (!n || typeof n != "object") return null;
@@ -253,47 +259,47 @@ const O = {
     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);
+    for (const a of n.children ?? []) {
+      const s = e(a);
+      s && r.appendChild(s);
     }
     if (r.children.length === 0) {
-      const s = document.createElement("div");
-      s.className = "gengage-simrel-empty", s.textContent = t.i18n.emptyStateMessage, r.appendChild(s);
+      const a = document.createElement("div");
+      a.className = "gengage-simrel-empty", a.textContent = t.i18n.emptyStateMessage, r.appendChild(a);
     }
     return r;
   },
   ProductCard: ({ element: n, context: e }) => {
     const t = n.props?.product ?? n.props, r = A(t);
     if (!r) return null;
-    const i = n.props?.index, s = typeof i == "number" && Number.isFinite(i) ? i : 0, a = n.props?.discountType, p = a === "strike-through" || a === "badge" ? a : e.discountType, l = {
+    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 = {
       product: r,
-      index: s,
+      index: a,
       onClick: e.onClick,
       onAddToCart: e.onAddToCart,
       i18n: e.i18n
     };
-    return p !== void 0 && (l.discountType = p), e.renderCard !== void 0 && (l.renderCard = e.renderCard), e.pricing !== void 0 && (l.pricing = e.pricing), U(l);
+    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);
   },
   GroupTabs: ({ element: n, context: e }) => {
     const t = n.props?.groups;
     if (!Array.isArray(t)) return null;
     const r = [];
-    for (const s of t) {
-      if (!s || typeof s != "object") continue;
-      const a = s;
-      if (typeof a.name != "string") continue;
+    for (const a of t) {
+      if (!a || typeof a != "object") continue;
+      const s = a;
+      if (typeof s.name != "string") continue;
       const p = [];
-      if (Array.isArray(a.products))
-        for (const u of a.products) {
+      if (Array.isArray(s.products))
+        for (const u of s.products) {
           const c = A(u);
           c && p.push(c);
         }
-      const l = {
-        name: a.name,
+      const d = {
+        name: s.name,
         products: p
       };
-      typeof a.highlight == "string" && (l.highlight = a.highlight), r.push(l);
+      typeof s.highlight == "string" && (d.highlight = s.highlight), r.push(d);
     }
     const i = {
       groups: r,
@@ -301,7 +307,7 @@ const O = {
       onAddToCart: e.onAddToCart,
       i18n: e.i18n
     };
-    return e.discountType !== void 0 && (i.discountType = e.discountType), e.renderCard !== void 0 && (i.renderCard = e.renderCard), de(i);
+    return e.discountType !== void 0 && (i.discountType = e.discountType), e.renderCard !== void 0 && (i.renderCard = e.renderCard), e.renderCardElement !== void 0 && (i.renderCardElement = e.renderCardElement), de(i);
   },
   EmptyState: ({ element: n, context: e }) => {
     const t = document.createElement("div");
@@ -314,9 +320,9 @@ const O = {
     if (typeof t != "string" || typeof r != "string") return null;
     const i = document.createElement("button");
     i.className = "gengage-simrel-atc gengage-chat-product-card-cta", i.type = "button";
-    const s = 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 });
+    const a = n.props?.label;
+    return i.textContent = typeof a == "string" ? a : e.i18n.addToCartButton, i.addEventListener("click", (s) => {
+      s.preventDefault(), s.stopPropagation(), e.onAddToCart({ sku: t, quantity: 1, cartCode: r });
     }), i;
   },
   QuickActions: ({ element: n, context: e }) => {
@@ -326,12 +332,12 @@ const O = {
     if (!Array.isArray(r) || !e.onAction) return t;
     for (const i of r) {
       if (!i || typeof i != "object") continue;
-      const s = i, a = s.label, p = le(s.action);
-      if (typeof a != "string" || !p) continue;
-      const l = document.createElement("button");
-      l.className = "gengage-simrel-quick-action", l.type = "button", l.textContent = a, l.addEventListener("click", (u) => {
+      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(l);
+      }), t.appendChild(d);
     }
     return t;
   }
@@ -382,48 +388,48 @@ function fe(n) {
   return me(n) === "en" ? pe : D;
 }
 const he = b({
-  sku: f(),
-  name: f(),
-  imageUrl: f().url().optional(),
-  price: f().optional(),
-  originalPrice: f().optional(),
-  discountPercent: v().optional(),
-  url: f().url(),
-  brand: f().optional(),
-  rating: v().min(0).max(5).optional(),
-  reviewCount: v().int().nonnegative().optional()
-}), ye = b({
-  layout: I(["grid", "carousel"]).optional(),
-  columns: v().int().positive().optional()
+  sku: h(),
+  name: h(),
+  imageUrl: h().url().optional(),
+  price: h().optional(),
+  originalPrice: h().optional(),
+  discountPercent: E().optional(),
+  url: h().url(),
+  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({
   product: he,
-  index: v().int().nonnegative(),
-  discountType: I(["strike-through", "badge"]).optional()
+  index: E().int().nonnegative(),
+  discountType: x(["strike-through", "badge"]).optional()
 }), be = b({
-  sku: f(),
-  label: f().optional(),
-  cartCode: f()
-}), ve = b({
+  sku: h(),
+  label: h().optional(),
+  cartCode: h()
+}), Ee = b({
   actions: H(
     b({
-      label: f(),
+      label: h(),
       action: b({
-        title: f(),
-        type: f(),
+        title: h(),
+        type: h(),
         payload: $().optional()
       })
     })
   )
-}), Ee = b({
-  message: f().optional()
+}), ve = b({
+  message: h().optional()
 }), Te = {
   components: {
     ProductGrid: {
-      schema: ye,
+      schema: Ce,
       description: "Outer grid or carousel container for similar products."
     },
     ProductCard: {
-      schema: Ce,
+      schema: ye,
       description: "A single product card with image, title, price, and actions."
     },
     AddToCartButton: {
@@ -431,11 +437,11 @@ const he = b({
       description: "Add-to-cart CTA rendered inside or below a product card."
     },
     QuickActions: {
-      schema: ve,
+      schema: Ee,
       description: "A row of quick-action buttons below product info."
     },
     EmptyState: {
-      schema: Ee,
+      schema: ve,
       description: "Empty state shown when no similar products are available."
     }
   }
@@ -473,14 +479,14 @@ class ke extends F {
     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;
     W(e.sku, e.name);
     const r = this.config.session?.sessionId ?? null;
-    E("gengage:similar:product-click", {
+    v("gengage:similar:product-click", {
       sku: e.sku,
       url: e.url,
       sessionId: r
     }), this.config.onProductNavigate?.(e.url, e.sku, r);
   }
   _handleAddToCart(e) {
-    Q(e.sku, e.quantity), this.config.onAddToCart?.(e), E("gengage:similar:add-to-cart", e), this.track(
+    Q(e.sku, e.quantity), this.config.onAddToCart?.(e), v("gengage:similar:add-to-cart", e), this.track(
       V(this.analyticsContext(), {
         attribution_source: "simrel",
         attribution_action_id: crypto.randomUUID(),
@@ -507,51 +513,51 @@ class ke extends F {
     r.className = "gengage-simrel-loading";
     const i = document.createElement("div");
     i.className = "gengage-simrel-spinner", r.appendChild(i), this._contentEl.appendChild(r);
-    const s = {
+    const a = {
       middlewareUrl: this.config.middlewareUrl
-    }, a = crypto.randomUUID(), p = Date.now();
+    }, s = crypto.randomUUID(), p = Date.now();
     this.track(
       Y(this.analyticsContext(), {
         endpoint: "similar_products",
-        request_id: a,
+        request_id: s,
         widget: "simrel"
       })
     );
     try {
-      const l = {
+      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 && (l.domain = this.config.domain);
-      const u = await oe(l, s, t);
+      this.config.domain !== void 0 && (d.domain = this.config.domain);
+      const u = await oe(d, a, t);
       if (!this._contentEl) return;
       if (this._contentEl.innerHTML = "", u.length > 0)
         try {
-          const c = u.map((h) => h.sku), g = await ae(
+          const c = u.map((m) => m.sku), g = await se(
             {
               account_id: this.config.accountId,
               session_id: this.config.session?.sessionId ?? "",
               correlation_id: this.config.session?.sessionId ?? "",
               skus: c
             },
-            s,
+            a,
             t
           );
           if (g.length > 0 && this._contentEl) {
-            const h = this._buildGroupsSpec(g), y = this._renderUISpec(h);
-            this._contentEl.appendChild(y), k("simrel"), this.track(
+            const m = this._buildGroupsSpec(g), C = this._renderUISpec(m);
+            this._contentEl.appendChild(C), k("simrel"), this.track(
               _(this.analyticsContext(), {
-                request_id: a,
+                request_id: s,
                 latency_ms: Date.now() - p,
-                chunk_count: g.reduce((d, o) => d + o.products.length, 0),
+                chunk_count: g.reduce((l, o) => l + o.products.length, 0),
                 widget: "simrel"
               })
             ), this.track(
               S(this.analyticsContext(), {
-                message_count: g.reduce((d, o) => d + o.products.length, 0),
-                history_ref: a,
+                message_count: g.reduce((l, o) => l + o.products.length, 0),
+                history_ref: s,
                 redaction_level: "none",
                 widget: "simrel"
               })
@@ -566,7 +572,7 @@ class ke extends F {
       }
       u.length > 0 && k("simrel"), this.track(
         _(this.analyticsContext(), {
-          request_id: a,
+          request_id: s,
           latency_ms: Date.now() - p,
           chunk_count: u.length,
           widget: "simrel"
@@ -574,22 +580,22 @@ class ke extends F {
       ), this.track(
         S(this.analyticsContext(), {
           message_count: u.length,
-          history_ref: a,
+          history_ref: s,
           redaction_level: "none",
           widget: "simrel"
         })
       );
-    } catch (l) {
-      if (l instanceof DOMException && l.name === "AbortError") return;
-      if (E("gengage:global:error", {
+    } catch (d) {
+      if (d instanceof DOMException && d.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: a,
+          request_id: s,
           error_code: "FETCH_ERROR",
-          error_message: l instanceof Error ? l.message : String(l),
+          error_message: d instanceof Error ? d.message : String(d),
           widget: "simrel"
         })
       ), this._contentEl) {
@@ -618,24 +624,24 @@ class ke extends F {
       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), this.config.pricing !== void 0 && (t.pricing = this.config.pricing), t;
+    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, s = (l, u) => ge(l, u, t, i), a = this.config.renderer?.renderUISpec;
-    return a ? a(e, r, {
+    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;
+    return s ? s(e, r, {
       registry: t,
       unknownRenderer: i,
-      defaultRender: s
-    }) : s(e, r);
+      defaultRender: a
+    }) : a(e, r);
   }
   _buildProductsSpec(e) {
     const t = {}, r = [];
     for (let i = 0; i < e.length; i++) {
-      const s = e[i], a = `product-${i}`;
-      r.push(a), t[a] = {
+      const a = e[i], s = `product-${i}`;
+      r.push(s), t[s] = {
         type: "ProductCard",
         props: {
-          product: s,
+          product: a,
           index: i,
           discountType: this.config.discountType
         }