@gengage/assistant-fe 0.2.8 → 0.2.10

package/dist/simrel-BjL12luk.js

@@ -0,0 +1,657 @@
+import { C as e, H as t, L as n, M as r, N as i, T as a, Z as o, _t as s, a as c, at as l, bt as u, c as d, d as f, ht as p, it as m, j as h, k as g, mt as _, n as v, o as y, pt as b, t as x, tt as S, u as C, v as w, vt as T, z as E } from "./schemas-ClU0oPbf.js";
+import { a as D, n as O, o as k, r as A, t as ee } from "./quantity-stepper-CTEOqVS6.js";
+//#region src/simrel/api.ts
+function j(e) {
+	let t = [];
+	for (let n of Object.values(e)) if (n.type === "ProductCard" && n.props) {
+		let e = n.props.product ?? n.props;
+		typeof e.sku == "string" && typeof e.name == "string" && t.push(e);
+	}
+	return t;
+}
+function M(e) {
+	let t = e.headers.get("Content-Type") ?? "";
+	return t.includes("application/x-ndjson") || t.includes("text/event-stream");
+}
+async function N(e, t) {
+	let r = [], i = { onEvent: (e) => {
+		let t = h(e);
+		!t || t.type !== "ui_spec" || r.push(...j(t.spec.elements));
+	} };
+	return t !== void 0 && (i.signal = t), await n(e, i), r;
+}
+async function P(e, t, n) {
+	let r = g("similar_products", t), a = {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify(e)
+	};
+	n !== void 0 && (a.signal = n);
+	let o = await fetch(r, a);
+	if (!o.ok) throw Error(`HTTP ${o.status}: ${o.statusText}`);
+	if (M(o)) return N(o, n);
+	let s = await o.text();
+	if (!s) return [];
+	try {
+		return i(JSON.parse(s));
+	} catch {
+		throw Error("Invalid JSON from similar_products endpoint");
+	}
+}
+async function F(e, t) {
+	let r = [], i = null, a = { onEvent: (e) => {
+		let t = h(e);
+		if (t) {
+			if (t.type === "metadata" && t.meta) {
+				let e = t.meta.group_name;
+				if (typeof e == "string") {
+					i = {
+						name: e,
+						products: []
+					};
+					let n = t.meta.highlight;
+					typeof n == "string" && (i.highlight = n), r.push(i);
+				}
+			}
+			t.type === "ui_spec" && i && i.products.push(...j(t.spec.elements));
+		}
+	} };
+	return t !== void 0 && (a.signal = t), await n(e, a), r;
+}
+async function I(e, t, n) {
+	let i = g("product_groupings", t), a = {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify(e)
+	};
+	n !== void 0 && (a.signal = n);
+	let o = await fetch(i, a);
+	if (!o.ok) throw Error(`HTTP ${o.status}: ${o.statusText}`);
+	if (M(o)) return F(o, n);
+	let s = await o.text();
+	if (!s) return [];
+	try {
+		return r(JSON.parse(s));
+	} catch {
+		throw Error("Invalid JSON from product_groupings endpoint");
+	}
+}
+//#endregion
+//#region src/simrel/components/ProductCard.ts
+function L(e) {
+	let { product: t, index: n, discountType: r, onClick: i, onAddToCart: a, renderCard: o } = e, s = e.i18n, c = e.pricing;
+	if (e.renderCardElement) {
+		let r = e.renderCardElement(t, n);
+		if (r) return r;
+	}
+	if (o) {
+		let e = document.createElement("div");
+		return e.className = "gengage-simrel-card gengage-simrel-card--custom", e.innerHTML = m(o(t, n)), e.addEventListener("click", (e) => {
+			e.target.closest(".gengage-simrel-atc") || e.target.closest(".gengage-chat-product-card-atc") || i(t);
+		}), e;
+	}
+	let l = document.createElement("article");
+	l.className = "gengage-simrel-card gengage-chat-product-card", t.inStock === !1 && l.classList.add("gengage-simrel-card--out-of-stock"), l.setAttribute("role", "listitem"), l.dataset.sku = t.sku;
+	let u = document.createElement("div");
+	if (u.className = "gengage-simrel-card-image gengage-chat-product-card-img-wrapper", t.imageUrl && S(t.imageUrl)) {
+		let e = document.createElement("img");
+		e.className = "gengage-chat-product-card-img", e.src = t.imageUrl, e.alt = t.name, e.loading = "lazy", O(e), u.appendChild(e);
+	}
+	if (r === "badge" && t.discountPercent && t.discountPercent > 0) {
+		let e = document.createElement("span");
+		e.className = "gengage-simrel-badge gengage-chat-product-card-discount-badge", e.textContent = `%${A(t.discountPercent)}`, u.appendChild(e);
+	}
+	l.appendChild(u);
+	let d = document.createElement("div");
+	if (d.className = "gengage-simrel-card-info gengage-chat-product-card-body", t.brand) {
+		let e = document.createElement("div");
+		e.className = "gengage-simrel-card-brand gengage-chat-product-card-brand", e.textContent = t.brand, d.appendChild(e);
+	}
+	let f = document.createElement("div");
+	if (f.className = "gengage-simrel-card-name gengage-chat-product-card-name", f.textContent = t.name, f.title = t.name, d.appendChild(f), t.rating != null && t.rating > 0) {
+		let e = document.createElement("div");
+		if (e.className = "gengage-simrel-card-rating gengage-chat-product-card-rating", e.appendChild(D(t.rating)), t.reviewCount != null) {
+			let n = document.createElement("span");
+			n.className = "gengage-simrel-card-review-count gengage-chat-product-card-review-count", n.textContent = ` (${t.reviewCount})`, e.appendChild(n);
+		}
+		d.appendChild(e);
+	}
+	let p = document.createElement("div");
+	if (p.className = "gengage-simrel-card-price gengage-chat-product-card-price", t.originalPrice && t.originalPrice !== t.price && (r === "strike-through" || !r)) {
+		let e = document.createElement("span");
+		e.className = "gengage-simrel-card-price-original gengage-chat-product-card-original-price", e.textContent = k(t.originalPrice, c), p.appendChild(e);
+	}
+	if (t.price && parseFloat(t.price) > 0) {
+		let e = document.createElement("span");
+		e.className = "gengage-simrel-card-price-current gengage-chat-product-card-price-current", e.textContent = k(t.price, c), p.appendChild(e);
+	}
+	d.appendChild(p), l.appendChild(d);
+	let h = document.createElement("button");
+	if (h.className = "gengage-simrel-card-cta gengage-chat-product-card-cta", h.type = "button", h.textContent = s?.ctaLabel ?? "View", h.addEventListener("click", (e) => {
+		e.preventDefault(), e.stopPropagation(), i(t);
+	}), l.appendChild(h), t.inStock === !1) {
+		let e = document.createElement("div");
+		e.className = "gengage-simrel-card-oos", e.textContent = s?.outOfStockLabel ?? "Out of Stock", l.appendChild(e);
+	} else if (t.cartCode) {
+		let e = t.cartCode, n = ee({
+			compact: !0,
+			label: s?.addToCartButton ?? "Add to Cart",
+			decreaseLabel: s?.decreaseLabel,
+			increaseLabel: s?.increaseLabel,
+			onSubmit: (n) => {
+				a({
+					sku: t.sku,
+					quantity: n,
+					cartCode: e
+				});
+			}
+		});
+		n.classList.add("gengage-simrel-atc"), l.appendChild(n);
+	}
+	return l.addEventListener("click", (e) => {
+		e.target.closest(".gengage-simrel-atc") || e.target.closest(".gengage-chat-product-card-atc") || e.target.closest(".gengage-chat-product-card-cta") || i(t);
+	}), l;
+}
+//#endregion
+//#region src/simrel/components/ProductGrid.ts
+function R(e) {
+	let t = document.createElement("div");
+	t.className = "gengage-simrel-grid", t.setAttribute("role", "list"), t.setAttribute("aria-label", e.i18n?.similarProductsAriaLabel ?? "Similar products"), e.columns && t.style.setProperty("--gengage-simrel-columns", String(e.columns));
+	for (let n = 0; n < e.products.length; n++) {
+		let r = {
+			product: e.products[n],
+			index: n,
+			onClick: e.onClick,
+			onAddToCart: e.onAddToCart
+		};
+		e.i18n !== void 0 && (r.i18n = e.i18n), e.discountType !== void 0 && (r.discountType = e.discountType), e.renderCard !== void 0 && (r.renderCard = e.renderCard), e.renderCardElement !== void 0 && (r.renderCardElement = e.renderCardElement);
+		let i = L(r);
+		t.appendChild(i);
+	}
+	return e.products.length === 0 && (t.style.display = "none", t.dataset.empty = "true"), t;
+}
+//#endregion
+//#region src/simrel/components/GroupTabs.ts
+var z = 0;
+function B(e) {
+	let t = z++, n = document.createElement("div");
+	if (n.className = "gengage-simrel-groups", e.groups.length === 0) return n.style.display = "none", n.dataset.empty = "true", n;
+	let r = document.createElement("div");
+	r.className = "gengage-simrel-tabs", r.setAttribute("role", "tablist");
+	let i = [], a = [], o = (t) => {
+		let n = {
+			products: t.products,
+			onClick: e.onClick,
+			onAddToCart: e.onAddToCart
+		};
+		return e.i18n !== void 0 && (n.i18n = e.i18n), e.discountType !== void 0 && (n.discountType = e.discountType), e.renderCard !== void 0 && (n.renderCard = e.renderCard), e.renderCardElement !== void 0 && (n.renderCardElement = e.renderCardElement), n;
+	}, s = (t) => {
+		for (let e = 0; e < i.length; e++) {
+			let n = e === t;
+			i[e].classList.toggle("gengage-simrel-tab--active", n), i[e].setAttribute("aria-selected", String(n)), i[e].tabIndex = n ? 0 : -1;
+		}
+		let n = e.groups[t], r = a[t];
+		r.innerHTML = "";
+		let s = R(o(n));
+		r.appendChild(s);
+		for (let e = 0; e < a.length; e++) {
+			let n = e === t;
+			a[e].style.display = n ? "" : "none", a[e].tabIndex = n ? 0 : -1;
+		}
+	};
+	for (let n = 0; n < e.groups.length; n++) {
+		let o = e.groups[n], c = `gengage-simrel-tab-${t}-${n}`, l = `gengage-simrel-panel-${t}-${n}`, u = document.createElement("button");
+		u.className = "gengage-simrel-tab", u.type = "button", u.id = c, u.textContent = o.name, u.setAttribute("role", "tab"), u.setAttribute("aria-controls", l), u.setAttribute("aria-selected", String(n === 0)), u.tabIndex = n === 0 ? 0 : -1, n === 0 && u.classList.add("gengage-simrel-tab--active"), u.addEventListener("click", () => s(n)), u.addEventListener("keydown", (t) => {
+			let r = -1;
+			t.key === "ArrowRight" || t.key === "ArrowDown" ? r = (n + 1) % e.groups.length : t.key === "ArrowLeft" || t.key === "ArrowUp" ? r = (n - 1 + e.groups.length) % e.groups.length : t.key === "Home" ? r = 0 : t.key === "End" && (r = e.groups.length - 1), r >= 0 && (t.preventDefault(), s(r), i[r].focus());
+		}), i.push(u), r.appendChild(u);
+		let d = document.createElement("div");
+		d.className = "gengage-simrel-tab-panel", d.id = l, d.setAttribute("role", "tabpanel"), d.setAttribute("aria-labelledby", c), d.tabIndex = n === 0 ? 0 : -1, n !== 0 && (d.style.display = "none"), a.push(d);
+	}
+	n.appendChild(r);
+	let c = a[0], l = R(o(e.groups[0]));
+	c.appendChild(l);
+	for (let e of a) n.appendChild(e);
+	return n;
+}
+//#endregion
+//#region src/simrel/components/renderUISpec.ts
+function V(e) {
+	if (!e || typeof e != "object") return null;
+	let t = e;
+	if (typeof t.sku != "string" || typeof t.name != "string" || typeof t.url != "string") return null;
+	let n = {
+		sku: t.sku,
+		name: t.name,
+		url: t.url
+	}, r = t.imageUrl;
+	typeof r == "string" && (n.imageUrl = r);
+	let i = t.price;
+	typeof i == "string" && (n.price = i);
+	let a = t.originalPrice;
+	typeof a == "string" && (n.originalPrice = a);
+	let o = t.discountPercent;
+	typeof o == "number" && (n.discountPercent = o);
+	let s = t.brand;
+	typeof s == "string" && (n.brand = s);
+	let c = t.rating;
+	typeof c == "number" && (n.rating = c);
+	let l = t.reviewCount;
+	typeof l == "number" && (n.reviewCount = l);
+	let u = t.cartCode;
+	typeof u == "string" && (n.cartCode = u);
+	let d = t.inStock;
+	typeof d == "boolean" && (n.inStock = d);
+	let f = t.extras;
+	return typeof f == "object" && f && (n.extras = f), n;
+}
+function H(e) {
+	if (!e || typeof e != "object") return null;
+	let t = e, n = t.title, r = t.type;
+	if (typeof n != "string" || typeof r != "string") return null;
+	let i = {
+		title: n,
+		type: r
+	};
+	return t.payload !== void 0 && (i.payload = t.payload), i;
+}
+var U = {
+	ProductGrid: ({ element: e, renderElement: t, context: n }) => {
+		let r = document.createElement("div");
+		r.className = "gengage-simrel-grid", r.setAttribute("role", "list");
+		let i = e.props?.columns;
+		typeof i == "number" && Number.isFinite(i) && i > 0 && r.style.setProperty("--gengage-simrel-columns", String(i));
+		for (let n of e.children ?? []) {
+			let e = t(n);
+			e && r.appendChild(e);
+		}
+		if (r.children.length === 0) {
+			let e = document.createElement("div");
+			e.className = "gengage-simrel-empty", e.textContent = n.i18n.emptyStateMessage, r.appendChild(e);
+		}
+		return r;
+	},
+	ProductCard: ({ element: e, context: t }) => {
+		let n = V(e.props?.product ?? e.props);
+		if (!n) return null;
+		let r = e.props?.index, i = typeof r == "number" && Number.isFinite(r) ? r : 0, a = e.props?.discountType, o = a === "strike-through" || a === "badge" ? a : t.discountType, s = {
+			product: n,
+			index: i,
+			onClick: t.onClick,
+			onAddToCart: t.onAddToCart,
+			i18n: t.i18n
+		};
+		return o !== void 0 && (s.discountType = o), t.renderCard !== void 0 && (s.renderCard = t.renderCard), t.renderCardElement !== void 0 && (s.renderCardElement = t.renderCardElement), t.pricing !== void 0 && (s.pricing = t.pricing), L(s);
+	},
+	GroupTabs: ({ element: e, context: t }) => {
+		let n = e.props?.groups;
+		if (!Array.isArray(n)) return null;
+		let r = [];
+		for (let e of n) {
+			if (!e || typeof e != "object") continue;
+			let t = e;
+			if (typeof t.name != "string") continue;
+			let n = [];
+			if (Array.isArray(t.products)) for (let e of t.products) {
+				let t = V(e);
+				t && n.push(t);
+			}
+			let i = {
+				name: t.name,
+				products: n
+			};
+			typeof t.highlight == "string" && (i.highlight = t.highlight), r.push(i);
+		}
+		let i = {
+			groups: r,
+			onClick: t.onClick,
+			onAddToCart: t.onAddToCart,
+			i18n: t.i18n
+		};
+		return t.discountType !== void 0 && (i.discountType = t.discountType), t.renderCard !== void 0 && (i.renderCard = t.renderCard), t.renderCardElement !== void 0 && (i.renderCardElement = t.renderCardElement), B(i);
+	},
+	EmptyState: ({ element: e, context: t }) => {
+		let n = document.createElement("div");
+		n.className = "gengage-simrel-empty";
+		let r = e.props?.message;
+		return n.textContent = typeof r == "string" ? r : t.i18n.emptyStateMessage, n;
+	},
+	AddToCartButton: ({ element: e, context: t }) => {
+		let n = e.props?.sku, r = e.props?.cartCode;
+		if (typeof n != "string" || typeof r != "string") return null;
+		let i = document.createElement("button");
+		i.className = "gengage-simrel-atc gengage-chat-product-card-cta", i.type = "button";
+		let a = e.props?.label;
+		return i.textContent = typeof a == "string" ? a : t.i18n.addToCartButton, i.addEventListener("click", (e) => {
+			e.preventDefault(), e.stopPropagation(), t.onAddToCart({
+				sku: n,
+				quantity: 1,
+				cartCode: r
+			});
+		}), i;
+	},
+	QuickActions: ({ element: e, context: t }) => {
+		let n = document.createElement("div");
+		n.className = "gengage-simrel-quick-actions";
+		let r = e.props?.actions;
+		if (!Array.isArray(r) || !t.onAction) return n;
+		for (let e of r) {
+			if (!e || typeof e != "object") continue;
+			let r = e, i = r.label, a = H(r.action);
+			if (typeof i != "string" || !a) continue;
+			let o = document.createElement("button");
+			o.className = "gengage-simrel-quick-action", o.type = "button", o.textContent = i, o.addEventListener("click", (e) => {
+				e.preventDefault(), e.stopPropagation(), t.onAction?.(a);
+			}), n.appendChild(o);
+		}
+		return n;
+	}
+}, W = ({ element: e, renderElement: t }) => {
+	if (!e.children || e.children.length === 0) return null;
+	let n = document.createElement("div");
+	for (let r of e.children) {
+		let e = t(r);
+		e && n.appendChild(e);
+	}
+	return n;
+};
+function G() {
+	return { ...U };
+}
+function K(e, t, n = U, r = W) {
+	return u({
+		spec: e,
+		context: t,
+		registry: n,
+		containerClassName: "gengage-simrel-uispec",
+		unknownRenderer: r
+	});
+}
+//#endregion
+//#region src/simrel/locales/tr.ts
+var q = {
+	similarProductsAriaLabel: "Benzer ürünler",
+	emptyStateMessage: "Benzer ürün bulunamadı.",
+	addToCartButton: "Sepete Ekle",
+	ctaLabel: "İncele",
+	outOfStockLabel: "Stokta Yok",
+	decreaseLabel: "Azalt",
+	increaseLabel: "Artır",
+	errorLoadingMessage: "Benzer ürünler yüklenemedi.",
+	retryButtonText: "Tekrar dene",
+	priceSuffix: " TL"
+}, J = {
+	similarProductsAriaLabel: "Similar products",
+	emptyStateMessage: "No similar products found.",
+	addToCartButton: "Add to cart",
+	ctaLabel: "View",
+	outOfStockLabel: "Out of Stock",
+	decreaseLabel: "Decrease",
+	increaseLabel: "Increase",
+	errorLoadingMessage: "Could not load similar products.",
+	retryButtonText: "Try again",
+	priceSuffix: ""
+};
+//#endregion
+//#region src/simrel/locales/index.ts
+function Y(e) {
+	return e ? e.toLowerCase().split("-")[0] ?? "tr" : "tr";
+}
+function X(e) {
+	switch (Y(e)) {
+		case "en": return J;
+		default: return q;
+	}
+}
+//#endregion
+//#region src/simrel/catalog.ts
+var Z = y({
+	sku: d(),
+	name: d(),
+	imageUrl: d().url().optional(),
+	price: d().optional(),
+	originalPrice: d().optional(),
+	discountPercent: c().optional(),
+	url: d().url(),
+	brand: d().optional(),
+	rating: c().min(0).max(5).optional(),
+	reviewCount: c().int().nonnegative().optional()
+}), Q = y({
+	layout: x(["grid", "carousel"]).optional(),
+	columns: c().int().positive().optional()
+}), te = y({
+	product: Z,
+	index: c().int().nonnegative(),
+	discountType: x(["strike-through", "badge"]).optional()
+}), ne = y({
+	sku: d(),
+	label: d().optional(),
+	cartCode: d()
+}), re = y({ actions: v(y({
+	label: d(),
+	action: y({
+		title: d(),
+		type: d(),
+		payload: C().optional()
+	})
+})) }), ie = y({ message: d().optional() }), ae = { components: {
+	ProductGrid: {
+		schema: Q,
+		description: "Outer grid or carousel container for similar products."
+	},
+	ProductCard: {
+		schema: te,
+		description: "A single product card with image, title, price, and actions."
+	},
+	AddToCartButton: {
+		schema: ne,
+		description: "Add-to-cart CTA rendered inside or below a product card."
+	},
+	QuickActions: {
+		schema: re,
+		description: "A row of quick-action buttons below product info."
+	},
+	EmptyState: {
+		schema: ie,
+		description: "Empty state shown when no similar products are available."
+	}
+} }, $ = class extends E {
+	constructor(...e) {
+		super(...e), this._abortController = null, this._contentEl = null, this._i18n = q;
+	}
+	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), w("simrel");
+	}
+	onUpdate(e) {
+		let t = e.sku;
+		!t || t === this._lastSku || (this._lastSku = t, this._fetchAndRender(t));
+	}
+	onShow() {
+		this._contentEl && (this._contentEl.style.opacity = "0", this._contentEl.style.transition = "opacity 0.3s ease-in", requestAnimationFrame(() => {
+			this._contentEl && (this._contentEl.style.opacity = "1");
+		}));
+	}
+	onHide() {}
+	onDestroy() {
+		this._abort(), this._contentEl &&= (this._contentEl.remove(), null);
+	}
+	_handleProductClick(t) {
+		let n = {
+			sku: t.sku,
+			name: t.name,
+			url: t.url
+		};
+		if (t.imageUrl !== void 0 && (n.imageUrl = t.imageUrl), t.price !== void 0 && (n.price = t.price), t.originalPrice !== void 0 && (n.originalPrice = t.originalPrice), t.discountPercent !== void 0 && (n.discountPercent = t.discountPercent), t.brand !== void 0 && (n.brand = t.brand), t.rating !== void 0 && (n.rating = t.rating), t.reviewCount !== void 0 && (n.reviewCount = t.reviewCount), t.cartCode !== void 0 && (n.cartCode = t.cartCode), t.inStock !== void 0 && (n.inStock = t.inStock), this.config.onProductClick?.(n) === !1) return;
+		e(t.sku, t.name);
+		let r = this.config.session?.sessionId ?? null;
+		o("gengage:similar:product-click", {
+			sku: t.sku,
+			url: t.url,
+			sessionId: r
+		}), this.config.onProductNavigate?.(t.url, t.sku, r);
+	}
+	_handleAddToCart(e) {
+		f(e.sku, e.quantity), this.config.onAddToCart?.(e), o("gengage:similar:add-to-cart", e), this.track(l(this.analyticsContext(), {
+			attribution_source: "simrel",
+			attribution_action_id: crypto.randomUUID(),
+			cart_value: 0,
+			currency: "TRY",
+			line_items: e.quantity,
+			sku: e.sku
+		}));
+	}
+	_abort() {
+		this._abortController?.abort(), this._abortController = null;
+	}
+	async _fetchAndRender(e) {
+		this._abort(), this._abortController = new AbortController();
+		let n = this._abortController.signal, r = setTimeout(() => this._abortController?.abort(), 1e4);
+		if (n.addEventListener("abort", () => clearTimeout(r)), !this._contentEl) return;
+		this._contentEl.innerHTML = "", this._contentEl.style.display = "";
+		let i = document.createElement("div");
+		i.className = "gengage-simrel-loading";
+		let c = document.createElement("div");
+		c.className = "gengage-simrel-spinner", i.appendChild(c), this._contentEl.appendChild(i);
+		let l = { middlewareUrl: this.config.middlewareUrl }, u = crypto.randomUUID(), d = Date.now();
+		this.track(p(this.analyticsContext(), {
+			endpoint: "similar_products",
+			request_id: u,
+			widget: "simrel"
+		}));
+		try {
+			let t = {
+				account_id: this.config.accountId,
+				session_id: this.config.session?.sessionId ?? "",
+				correlation_id: this.config.session?.sessionId ?? "",
+				sku: e
+			};
+			this.config.domain !== void 0 && (t.domain = this.config.domain);
+			let r = await P(t, l, n);
+			if (!this._contentEl) return;
+			if (this._contentEl.innerHTML = "", r.length > 0) try {
+				let e = r.map((e) => e.sku), t = await I({
+					account_id: this.config.accountId,
+					session_id: this.config.session?.sessionId ?? "",
+					correlation_id: this.config.session?.sessionId ?? "",
+					skus: e
+				}, l, n);
+				if (t.length > 0 && this._contentEl) {
+					let e = this._buildGroupsSpec(t), n = this._renderUISpec(e);
+					this._contentEl.appendChild(n), a("simrel"), this.track(b(this.analyticsContext(), {
+						request_id: u,
+						latency_ms: Date.now() - d,
+						chunk_count: t.reduce((e, t) => e + t.products.length, 0),
+						widget: "simrel"
+					})), this.track(s(this.analyticsContext(), {
+						message_count: t.reduce((e, t) => e + t.products.length, 0),
+						history_ref: u,
+						redaction_level: "none",
+						widget: "simrel"
+					}));
+					return;
+				}
+			} catch {}
+			if (n.aborted) return;
+			if (this._contentEl) {
+				let e = this._buildProductsSpec(r), t = this._renderUISpec(e);
+				this._contentEl.appendChild(t);
+			}
+			r.length > 0 && a("simrel"), this.track(b(this.analyticsContext(), {
+				request_id: u,
+				latency_ms: Date.now() - d,
+				chunk_count: r.length,
+				widget: "simrel"
+			})), this.track(s(this.analyticsContext(), {
+				message_count: r.length,
+				history_ref: u,
+				redaction_level: "none",
+				widget: "simrel"
+			}));
+		} catch (e) {
+			if (e instanceof DOMException && e.name === "AbortError") return;
+			if (o("gengage:global:error", {
+				source: "simrel",
+				code: "FETCH_ERROR",
+				message: t(this.config.locale)
+			}), this.track(_(this.analyticsContext(), {
+				request_id: u,
+				error_code: "FETCH_ERROR",
+				error_message: e instanceof Error ? e.message : String(e),
+				widget: "simrel"
+			})), this._contentEl) {
+				this._contentEl.innerHTML = "";
+				let e = document.createElement("div");
+				e.className = "gengage-simrel-error";
+				let t = document.createElement("span");
+				t.textContent = this._i18n.errorLoadingMessage, e.appendChild(t);
+				let n = document.createElement("button");
+				n.className = "gengage-simrel-retry", n.textContent = this._i18n.retryButtonText, n.addEventListener("click", () => {
+					this._fetchAndRender(this.config.sku);
+				}), e.appendChild(n), this._contentEl.appendChild(e);
+			}
+		}
+	}
+	_resolveI18n(e) {
+		return {
+			...X(e.locale),
+			...e.i18n
+		};
+	}
+	_resolveUISpecRegistry() {
+		return T(G(), this.config.renderer?.registry);
+	}
+	_buildRenderContext() {
+		let e = this.config.renderCard, t = {
+			onClick: (e) => this._handleProductClick(e),
+			onAddToCart: (e) => this._handleAddToCart(e),
+			i18n: this._i18n
+		};
+		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) {
+		let t = this._resolveUISpecRegistry(), n = this._buildRenderContext(), r = this.config.renderer?.unknownRenderer ?? W, i = (e, n) => K(e, n, t, r), a = this.config.renderer?.renderUISpec;
+		return a ? a(e, n, {
+			registry: t,
+			unknownRenderer: r,
+			defaultRender: i
+		}) : i(e, n);
+	}
+	_buildProductsSpec(e) {
+		let t = {}, n = [];
+		for (let r = 0; r < e.length; r++) {
+			let i = e[r], a = `product-${r}`;
+			n.push(a), t[a] = {
+				type: "ProductCard",
+				props: {
+					product: i,
+					index: r,
+					discountType: this.config.discountType
+				}
+			};
+		}
+		return t.root = {
+			type: "ProductGrid",
+			props: { layout: "grid" },
+			children: n
+		}, {
+			root: "root",
+			elements: t
+		};
+	}
+	_buildGroupsSpec(e) {
+		return {
+			root: "root",
+			elements: { root: {
+				type: "GroupTabs",
+				props: { groups: e }
+			} }
+		};
+	}
+};
+function oe() {
+	return new $();
+}
+//#endregion
+export { W as a, G as i, oe as n, K as o, ae as r, $ as t };
+
+//# sourceMappingURL=simrel-BjL12luk.js.map