@gengage/assistant-fe 0.5.2 → 0.5.4

package/dist/{simrel-FETpOe2f.js → simrel-DlmYAGVD.js}

@@ -1,7 +1,7 @@
 import { A, j as S } from "./context-BBuSsXZ9.js";
-import { n as $, t as _ } from "./price-formatter-xI3g9Cd4.js";
+import { n as $, t as L } from "./price-formatter-xI3g9Cd4.js";
 import { a as C, c as f, n as q, o as h, t as k, u as H } from "./schemas-CLo8wCjs.js";
-import { o as j } from "./runtime-CYG0iBGe.js";
+import { o as j } from "./runtime-DDIRZNa4.js";
 var V = {
   images: [
     "images",
@@ -94,7 +94,7 @@ function F(e) {
   const t = p(e);
   return t ? [t] : [];
 }
-function T(e) {
+function B(e) {
   if (typeof e == "number" && Number.isFinite(e)) return e;
   if (typeof e == "string") {
     const t = Number.parseFloat(e);
@@ -131,7 +131,7 @@ function D(e) {
     name: a,
     url: n
   };
-  for (const [i, l] of Object.entries(t)) l !== void 0 && (o[i] = l);
+  for (const [i, s] of Object.entries(t)) s !== void 0 && (o[i] = s);
   return o;
 }
 function z(e) {
@@ -141,8 +141,8 @@ function z(e) {
   if (!r) return null;
   const a = [];
   if (Array.isArray(t.products)) for (const i of t.products) {
-    const l = D(i);
-    l && a.push(l);
+    const s = D(i);
+    s && a.push(s);
   }
   const n = {
     name: r,
@@ -150,7 +150,7 @@ function z(e) {
   }, o = p(t.highlight);
   return o && (n.highlight = o), n;
 }
-function w(e, t) {
+function _(e, t) {
   const r = typeof t == "string" ? t.split(".") : [...t];
   let a = e;
   for (const n of r) {
@@ -169,20 +169,20 @@ function w(e, t) {
 }
 function Q(e, t) {
   for (const r of t) {
-    const a = w(e, r);
+    const a = _(e, r);
     if (a != null) return a;
   }
 }
-function L(e, t) {
+function w(e, t) {
   for (const r of t) {
-    const a = F(w(e, r));
+    const a = F(_(e, r));
     if (a.length > 0) return a;
   }
   return [];
 }
 function y(e, t) {
   for (const r of t) {
-    const a = w(e, r), n = p(a);
+    const a = _(e, r), n = p(a);
     if (n) return n;
     const o = F(a);
     if (o.length > 0) return o[0];
@@ -190,7 +190,7 @@ function y(e, t) {
 }
 function W(e, t) {
   for (const r of t) {
-    const a = E(w(e, r));
+    const a = E(_(e, r));
     if (a) return a;
   }
   return null;
@@ -265,8 +265,8 @@ function Y(e, t, r) {
   a.className = "gengage-simrel-default-card-image";
   let n = null;
   return r.length > 0 && (n = document.createElement("img"), n.src = r[0], n.alt = t, n.loading = "lazy", $(n), a.appendChild(n)), r.length > 1 && n && (a.addEventListener("mousemove", (o) => {
-    const i = a.getBoundingClientRect(), l = Math.min(Math.floor((o.clientX - i.left) / i.width * r.length), r.length - 1);
-    n?.dataset.hoverIdx !== String(l) && (n.dataset.hoverIdx = String(l), n.src = r[l], e.querySelectorAll(".gengage-simrel-default-card-image-dot").forEach((c, s) => c.classList.toggle("is-active", s === l)));
+    const i = a.getBoundingClientRect(), s = Math.min(Math.floor((o.clientX - i.left) / i.width * r.length), r.length - 1);
+    n?.dataset.hoverIdx !== String(s) && (n.dataset.hoverIdx = String(s), n.src = r[s], e.querySelectorAll(".gengage-simrel-default-card-image-dot").forEach((u, m) => u.classList.toggle("is-active", m === s)));
   }), a.addEventListener("mouseleave", () => {
     n && (delete n.dataset.hoverIdx, n.src = r[0], e.querySelectorAll(".gengage-simrel-default-card-image-dot").forEach((o, i) => o.classList.toggle("is-active", i === 0)));
   })), a;
@@ -287,32 +287,32 @@ function ee(e, t, r) {
   const a = document.createElement("div");
   return a.className = "gengage-simrel-default-card-image-dots", e.forEach((n, o) => {
     const i = document.createElement("button");
-    i.className = `gengage-simrel-default-card-image-dot${o === 0 ? " is-active" : ""}`, i.type = "button", i.setAttribute("aria-label", r.labels.imageDot(o)), i.addEventListener("click", (l) => {
-      l.preventDefault(), l.stopPropagation(), t.dataset.hoverIdx = String(o), t.style.opacity = "0", window.setTimeout(() => {
+    i.className = `gengage-simrel-default-card-image-dot${o === 0 ? " is-active" : ""}`, i.type = "button", i.setAttribute("aria-label", r.labels.imageDot(o)), i.addEventListener("click", (s) => {
+      s.preventDefault(), s.stopPropagation(), t.dataset.hoverIdx = String(o), t.style.opacity = "0", window.setTimeout(() => {
         t.src = n, t.style.opacity = "1";
-      }, 50), a.querySelectorAll(".gengage-simrel-default-card-image-dot").forEach((c, s) => c.classList.toggle("is-active", s === o));
+      }, 50), a.querySelectorAll(".gengage-simrel-default-card-image-dot").forEach((u, m) => u.classList.toggle("is-active", m === o));
     }), a.appendChild(i);
   }), a;
 }
 function te(e, t, r, a) {
   const n = e.reviewCount ?? 0, o = e.rating ?? 0, i = document.createElement("div");
   i.className = "gengage-simrel-default-card-rating", n <= 0 && !r.productInfoLabel && i.classList.add("is-placeholder");
-  const l = document.createElement("div");
-  l.className = "gengage-simrel-default-card-rating-left";
-  const c = document.createElement("div");
-  c.className = "gengage-simrel-default-card-stars";
-  const s = Math.max(0, Math.min(5, Math.round(o)));
-  for (let m = 1; m <= 5; m += 1) {
-    const u = document.createElement("span");
-    u.className = `gengage-simrel-default-card-star${m <= s ? " is-filled" : ""}`, u.textContent = "★", c.appendChild(u);
+  const s = document.createElement("div");
+  s.className = "gengage-simrel-default-card-rating-left";
+  const u = document.createElement("div");
+  u.className = "gengage-simrel-default-card-stars";
+  const m = Math.max(0, Math.min(5, Math.round(o)));
+  for (let c = 1; c <= 5; c += 1) {
+    const d = document.createElement("span");
+    d.className = `gengage-simrel-default-card-star${c <= m ? " is-filled" : ""}`, d.textContent = "★", u.appendChild(d);
   }
-  l.appendChild(c);
-  const d = document.createElement("button");
-  if (d.className = "gengage-simrel-default-card-review-link", d.type = "button", d.textContent = r.reviewLabel(n), d.addEventListener("click", (m) => {
-    m.preventDefault(), m.stopPropagation(), a(e);
-  }), l.appendChild(d), i.appendChild(l), r.productInfoLabel) {
-    const m = document.createElement(t && S(t) ? "a" : "span");
-    m.className = "gengage-simrel-default-card-product-info-link", m.textContent = r.productInfoLabel, m instanceof HTMLAnchorElement && (m.href = t, m.target = "_blank", m.rel = "noopener noreferrer", m.addEventListener("click", (u) => u.stopPropagation())), i.appendChild(m);
+  s.appendChild(u);
+  const l = document.createElement("button");
+  if (l.className = "gengage-simrel-default-card-review-link", l.type = "button", l.textContent = r.reviewLabel(n), l.addEventListener("click", (c) => {
+    c.preventDefault(), c.stopPropagation(), a(e);
+  }), s.appendChild(l), i.appendChild(s), r.productInfoLabel) {
+    const c = document.createElement(t && S(t) ? "a" : "span");
+    c.className = "gengage-simrel-default-card-product-info-link", c.textContent = r.productInfoLabel, c instanceof HTMLAnchorElement && (c.href = t, c.target = "_blank", c.rel = "noopener noreferrer", c.addEventListener("click", (d) => d.stopPropagation())), i.appendChild(c);
   }
   return i;
 }
@@ -341,79 +341,86 @@ function ae(e, t) {
     if (n.appendChild(o), a.appendChild(n), e.length > 1) {
       const i = document.createElement("div");
       i.className = "gengage-simrel-default-card-feature-arrows";
-      const l = (d, m) => {
-        const u = m === "next" ? "slide-out-left" : "slide-out-right", v = m === "next" ? "prepare-from-right" : "prepare-from-left";
-        o.classList.add(u), window.setTimeout(() => {
-          o.classList.remove(u), o.classList.add(v), o.textContent = e[d] ?? "", a.dataset.current = String(d), requestAnimationFrame(() => requestAnimationFrame(() => o.classList.remove(v)));
+      const s = (l, c) => {
+        const d = c === "next" ? "slide-out-left" : "slide-out-right", v = c === "next" ? "prepare-from-right" : "prepare-from-left";
+        o.classList.add(d), window.setTimeout(() => {
+          o.classList.remove(d), o.classList.add(v), o.textContent = e[l] ?? "", a.dataset.current = String(l), requestAnimationFrame(() => requestAnimationFrame(() => o.classList.remove(v)));
         }, 250);
-      }, c = document.createElement("button");
-      c.className = "gengage-simrel-default-card-feature-prev", c.type = "button", c.textContent = "‹", c.setAttribute("aria-label", t.labels.previousPromotion), c.addEventListener("click", (d) => {
-        d.preventDefault(), d.stopPropagation(), l((Number.parseInt(a.dataset.current ?? "0", 10) - 1 + e.length) % e.length, "prev");
+      }, u = document.createElement("button");
+      u.className = "gengage-simrel-default-card-feature-prev", u.type = "button", u.textContent = "‹", u.setAttribute("aria-label", t.labels.previousPromotion), u.addEventListener("click", (l) => {
+        l.preventDefault(), l.stopPropagation(), s((Number.parseInt(a.dataset.current ?? "0", 10) - 1 + e.length) % e.length, "prev");
       });
-      const s = document.createElement("button");
-      s.className = "gengage-simrel-default-card-feature-next", s.type = "button", s.textContent = "›", s.setAttribute("aria-label", t.labels.nextPromotion), s.addEventListener("click", (d) => {
-        d.preventDefault(), d.stopPropagation(), l((Number.parseInt(a.dataset.current ?? "0", 10) + 1) % e.length, "next");
-      }), i.appendChild(c), i.appendChild(s), a.appendChild(i);
+      const m = document.createElement("button");
+      m.className = "gengage-simrel-default-card-feature-next", m.type = "button", m.textContent = "›", m.setAttribute("aria-label", t.labels.nextPromotion), m.addEventListener("click", (l) => {
+        l.preventDefault(), l.stopPropagation(), s((Number.parseInt(a.dataset.current ?? "0", 10) + 1) % e.length, "next");
+      }), i.appendChild(u), i.appendChild(m), a.appendChild(i);
     }
   }
   return r.appendChild(a), r;
 }
-function ne(e, t, r, a) {
-  const n = T(e.originalPrice), o = T(e.price), i = o !== void 0 && n !== void 0 && o > 0 && n > 0 && o < n, l = document.createElement("div");
-  l.className = "gengage-simrel-default-card-price-action";
-  const c = document.createElement("div");
-  if (c.className = "gengage-simrel-default-card-price", i) {
-    c.appendChild(x("span", "gengage-simrel-default-card-price-old", _(String(n), r.pricing)));
-    const s = document.createElement("div");
-    if (s.className = "gengage-simrel-default-card-price-current-row", s.appendChild(x("span", "gengage-simrel-default-card-price-current", _(String(o), r.pricing))), t && r.media.specialPriceBadgeUrl && A(r.media.specialPriceBadgeUrl)) {
+function ne(e, t, r, a, n) {
+  const o = B(e.originalPrice), i = B(e.price), s = i !== void 0 && o !== void 0 && i > 0 && o > 0 && i < o, u = document.createElement("div");
+  u.className = "gengage-simrel-default-card-price-action";
+  const m = document.createElement("div");
+  if (m.className = "gengage-simrel-default-card-price", s) {
+    const l = n === "inline" ? "gengage-simrel-default-card-price-old gengage-simrel-default-card-price-old--inline" : "gengage-simrel-default-card-price-old";
+    m.appendChild(x("span", l, L(String(o), r.pricing)));
+    const c = document.createElement("div");
+    if (c.className = "gengage-simrel-default-card-price-current-row", c.appendChild(x("span", "gengage-simrel-default-card-price-current", L(String(i), r.pricing))), t && r.media.specialPriceBadgeUrl && A(r.media.specialPriceBadgeUrl)) {
       const d = document.createElement("img");
-      d.src = r.media.specialPriceBadgeUrl, d.className = "gengage-simrel-default-card-special-price-badge", d.alt = r.specialPriceBadgeAlt, s.appendChild(d);
+      d.src = r.media.specialPriceBadgeUrl, d.className = "gengage-simrel-default-card-special-price-badge", d.alt = r.specialPriceBadgeAlt, c.appendChild(d);
     }
-    c.appendChild(s);
+    m.appendChild(c);
   } else {
-    const s = n ?? o;
-    c.appendChild(x("span", "gengage-simrel-default-card-price-current", s !== void 0 ? _(String(s), r.pricing) : ""));
+    const l = o ?? i;
+    m.appendChild(x("span", "gengage-simrel-default-card-price-current", l !== void 0 ? L(String(l), r.pricing) : ""));
   }
-  if (l.appendChild(c), r.ctaLabel) {
-    const s = document.createElement("button");
-    s.className = "gengage-simrel-default-card-cta", s.dataset.gengagePart = "simrel-product-card-cta", s.type = "button", s.dataset.sku = e.sku, s.textContent = r.ctaLabel, s.addEventListener("click", (d) => {
-      d.preventDefault(), d.stopPropagation(), a(e);
-    }), l.appendChild(s);
+  if (u.appendChild(m), r.ctaLabel) {
+    const l = document.createElement("button");
+    l.className = "gengage-simrel-default-card-cta", l.dataset.gengagePart = "simrel-product-card-cta", l.type = "button", l.dataset.sku = e.sku, l.textContent = r.ctaLabel, l.addEventListener("click", (c) => {
+      c.preventDefault(), c.stopPropagation(), a(e);
+    }), u.appendChild(l);
   }
-  return l;
+  return u;
+}
+function oe(e, t) {
+  return e === "strike-through" || e === "badge" || e === "inline" ? e : t.discountType;
 }
 function M(e) {
-  const { product: t, config: r } = e, a = L(t, r.fields.images).map((g) => X(g, t, r)).filter(A), n = L(t, r.fields.promotions), o = n.filter((g) => r.warrantyPromotionPattern.test(g)), i = n.filter((g) => !r.warrantyPromotionPattern.test(g)), l = y(t, r.fields.subtitle) ?? "", c = y(t, r.fields.discountReason) ?? "", s = O(Q(t, r.fields.specialPrice)) === !0 || r.specialPricePattern.test(c), d = t.brand ?? "", m = J(d && t.name.startsWith(`${d} `) ? t.name.slice(d.length + 1) : t.name, l), u = document.createElement("article");
-  u.className = "gengage-simrel-default-card gengage-simrel-default-scope gengage-simrel-card gds-card gds-product-card gds-card-interactive", u.dataset.gengagePart = "simrel-product-card", u.setAttribute("role", "listitem"), u.setAttribute("tabindex", "0"), u.setAttribute("aria-label", m), u.dataset.sku = t.sku, u.dataset.index = String(e.index);
-  const v = Y(u, m, a);
-  u.appendChild(v);
+  const { product: t, config: r } = e, a = w(t, r.fields.images).map((g) => X(g, t, r)).filter(A), n = w(t, r.fields.promotions), o = n.filter((g) => r.warrantyPromotionPattern.test(g)), i = n.filter((g) => !r.warrantyPromotionPattern.test(g)), s = y(t, r.fields.subtitle) ?? "", u = y(t, r.fields.discountReason) ?? "", m = O(Q(t, r.fields.specialPrice)) === !0 || r.specialPricePattern.test(u), l = t.brand ?? "", c = J(l && t.name.startsWith(`${l} `) ? t.name.slice(l.length + 1) : t.name, s), d = document.createElement("article");
+  d.className = "gengage-simrel-default-card gengage-simrel-default-scope gengage-simrel-card gds-card gds-product-card gds-card-interactive", d.dataset.gengagePart = "simrel-product-card", d.setAttribute("role", "listitem"), d.setAttribute("tabindex", "0"), d.setAttribute("aria-label", c), d.dataset.sku = t.sku, d.dataset.index = String(e.index);
+  const v = Y(d, c, a);
+  d.appendChild(v);
   const G = v.querySelector("img"), P = document.createElement("div");
   P.className = "gengage-simrel-default-card-meta-row";
   const N = Z(K(t, r), r.labels.customBadgeAlt);
   N && P.appendChild(N);
   const I = ee(a, G, r);
-  I && P.appendChild(I), u.appendChild(P);
+  I && P.appendChild(I), d.appendChild(P);
   const b = document.createElement("div");
-  return b.className = "gengage-simrel-default-card-info", b.dataset.gengagePart = "simrel-product-card-body", b.appendChild(x("h3", "gengage-simrel-default-card-title", m)), l && b.appendChild(x("p", "gengage-simrel-default-card-subtitle", l)), b.appendChild(te(t, y(t, r.fields.productInfoUrl), r, e.context.onClick)), b.appendChild(re([...L(t, r.fields.warranties), ...o])), b.appendChild(ae(i, r)), u.appendChild(b), u.appendChild(ne(t, s, r, e.context.onClick)), u.addEventListener("click", (g) => {
+  return b.className = "gengage-simrel-default-card-info", b.dataset.gengagePart = "simrel-product-card-body", b.appendChild(x("h3", "gengage-simrel-default-card-title", c)), s && b.appendChild(x("p", "gengage-simrel-default-card-subtitle", s)), b.appendChild(te(t, y(t, r.fields.productInfoUrl), r, e.context.onClick)), b.appendChild(re([...w(t, r.fields.warranties), ...o])), b.appendChild(ae(i, r)), d.appendChild(b), d.appendChild(ne(t, m, r, e.context.onClick, e.context.discountType)), d.addEventListener("click", (g) => {
     (g.target instanceof HTMLElement ? g.target : null)?.closest("button, a") || e.context.onClick(t);
-  }), u.addEventListener("keydown", (g) => {
+  }), d.addEventListener("keydown", (g) => {
     if (g.key !== "Enter" && g.key !== " ") return;
-    const B = g.target instanceof HTMLElement ? g.target : null;
-    B && B !== u || (g.preventDefault(), e.context.onClick(t));
-  }), u;
+    const T = g.target instanceof HTMLElement ? g.target : null;
+    T && T !== d || (g.preventDefault(), e.context.onClick(t));
+  }), d;
 }
-function oe(e, t) {
+function ie(e, t) {
   const r = D(e.element.props?.product ?? e.element.props);
   if (!r) return null;
-  const a = e.element.props?.index;
+  const a = e.element.props?.index, n = typeof a == "number" && Number.isFinite(a) ? a : 0, o = oe(e.element.props?.discountType, e.context);
   return M({
     product: r,
-    index: typeof a == "number" && Number.isFinite(a) ? a : 0,
-    context: e.context,
+    index: n,
+    context: o === e.context.discountType ? e.context : {
+      ...e.context,
+      ...o !== void 0 ? { discountType: o } : {}
+    },
     config: R(t, e.context)
   });
 }
-function ie(e) {
+function le(e) {
   const t = document.createElement("div");
   t.className = "gengage-simrel-grid gengage-simrel-default-grid gengage-simrel-default-scope", t.setAttribute("role", "list");
   const r = e.element.props?.columns;
@@ -429,15 +436,15 @@ function ie(e) {
   }
   return t;
 }
-function le(e, t) {
+function se(e, t) {
   const r = e.element.props?.groups;
   if (!Array.isArray(r)) return null;
-  const a = r.map(z).filter((c) => !!c), n = e.element.props?.columns, o = R(t, e.context), i = (c, s) => M({
-    product: c,
-    index: s,
+  const a = r.map(z).filter((u) => !!u), n = e.element.props?.columns, o = R(t, e.context), i = (u, m) => M({
+    product: u,
+    index: m,
     context: e.context,
     config: o
-  }), l = j({
+  }), s = j({
     groups: a,
     onClick: e.context.onClick,
     onAddToCart: e.context.onAddToCart,
@@ -447,16 +454,16 @@ function le(e, t) {
     ...e.context.onGroupingActivate !== void 0 ? { onGroupingActivate: e.context.onGroupingActivate } : {},
     ...typeof n == "number" && Number.isFinite(n) && n > 0 ? { columns: Math.floor(n) } : e.context.gridColumns !== void 0 ? { columns: e.context.gridColumns } : {}
   });
-  return l.classList.add("gengage-simrel-default-groups", "gengage-simrel-default-scope"), l;
+  return s.classList.add("gengage-simrel-default-groups", "gengage-simrel-default-scope"), s;
 }
-function xe(e = {}) {
+function ve(e = {}) {
   return { registry: {
-    ProductGrid: (t) => ie(t),
-    ProductCard: (t) => oe(t, e),
-    GroupTabs: (t) => le(t, e)
+    ProductGrid: (t) => le(t),
+    ProductCard: (t) => ie(t, e),
+    GroupTabs: (t) => se(t, e)
   } };
 }
-var se = h({
+var ce = h({
   sku: f(),
   name: f(),
   imageUrl: f().url().optional(),
@@ -467,47 +474,51 @@ var se = h({
   brand: f().optional(),
   rating: C().min(0).max(5).optional(),
   reviewCount: C().int().nonnegative().optional()
-}), ce = h({
+}), de = h({
   layout: k(["grid", "carousel"]).optional(),
   columns: C().int().positive().optional()
-}), de = h({
-  product: se,
-  index: C().int().nonnegative(),
-  discountType: k(["strike-through", "badge"]).optional()
 }), ue = h({
+  product: ce,
+  index: C().int().nonnegative(),
+  discountType: k([
+    "strike-through",
+    "badge",
+    "inline"
+  ]).optional()
+}), me = h({
   sku: f(),
   label: f().optional(),
   cartCode: f()
-}), me = h({ actions: q(h({
+}), ge = h({ actions: q(h({
   label: f(),
   action: h({
     title: f(),
     type: f(),
     payload: H().optional()
   })
-})) }), ge = h({ message: f().optional() }), ve = { components: {
+})) }), fe = h({ message: f().optional() }), Ce = { components: {
   ProductGrid: {
-    schema: ce,
+    schema: de,
     description: "Outer grid or carousel container for similar products."
   },
   ProductCard: {
-    schema: de,
+    schema: ue,
     description: "A single product card with image, title, price, and actions."
   },
   AddToCartButton: {
-    schema: ue,
+    schema: me,
     description: "Add-to-cart CTA rendered inside or below a product card."
   },
   QuickActions: {
-    schema: me,
+    schema: ge,
     description: "A row of quick-action buttons below product info."
   },
   EmptyState: {
-    schema: ge,
+    schema: fe,
     description: "Empty state shown when no similar products are available."
   }
 } };
 export {
-  xe as n,
-  ve as t
+  ve as n,
+  Ce as t
 };

package/dist/simrel-runtime.js

@@ -1,4 +1,4 @@
-import { a, i as r, n as i, r as t, t as S } from "./runtime-CYG0iBGe.js";
+import { a, i as r, n as i, r as t, t as S } from "./runtime-DDIRZNa4.js";
 export {
   S as GengageSimRel,
   t as createDefaultSimRelUISpecRegistry,