webim-adapter 2.3.0 → 2.4.0

package/build/webim-ssr.js

@@ -261,12 +261,12 @@ function F(e) {
 	})), A.length && (t.boxShadow = A.join(", "));
 	let j = (e) => e.type === "blur" ? `blur(${N(e.v ?? 0)})` : e.type === "hue-rotate" ? `hue-rotate(${f(e.v ?? 0)})` : `${e.type}(${e.v ?? 100}%)`, F = (e) => (Array.isArray(e) ? e : []).filter((e) => e && e.on !== !1 && e.type).map(j), { filters: I, backdropFilters: L, filterBlur: R, filterGrayscale: z, filterBrightness: B, filterContrast: V, filterSaturate: H } = t;
 	delete t.filters, delete t.backdropFilters, delete t.filterBlur, delete t.filterGrayscale, delete t.filterBrightness, delete t.filterContrast, delete t.filterSaturate;
-	let ee = F(I);
-	R !== void 0 && ee.push(`blur(${N(R)})`), z !== void 0 && ee.push(`grayscale(${z}%)`), B !== void 0 && ee.push(`brightness(${B}%)`), V !== void 0 && ee.push(`contrast(${V}%)`), H !== void 0 && ee.push(`saturate(${H}%)`), ee.length && (t.filter = ee.join(" "));
-	let te = F(L);
-	te.length && (t.backdropFilter = te.join(" "), t.WebkitBackdropFilter = t.backdropFilter);
-	let { textStrokeWidth: U, textStrokeColor: ne } = t;
-	delete t.textStrokeWidth, delete t.textStrokeColor, (U !== void 0 || ne !== void 0) && (t.WebkitTextStroke = `${N(U ?? 1)} ${ne || "currentColor"}`);
+	let U = F(I);
+	R !== void 0 && U.push(`blur(${N(R)})`), z !== void 0 && U.push(`grayscale(${z}%)`), B !== void 0 && U.push(`brightness(${B}%)`), V !== void 0 && U.push(`contrast(${V}%)`), H !== void 0 && U.push(`saturate(${H}%)`), U.length && (t.filter = U.join(" "));
+	let ee = F(L);
+	ee.length && (t.backdropFilter = ee.join(" "), t.WebkitBackdropFilter = t.backdropFilter);
+	let { textStrokeWidth: te, textStrokeColor: ne } = t;
+	delete t.textStrokeWidth, delete t.textStrokeColor, (te !== void 0 || ne !== void 0) && (t.WebkitTextStroke = `${N(te ?? 1)} ${ne || "currentColor"}`);
 	let { clipText: re } = t;
 	delete t.clipText, re && (t.WebkitBackgroundClip = "text", t.backgroundClip = "text", t.WebkitTextFillColor = "transparent");
 	let { transitions: W, transitionDuration: G, transitionEasing: ie, transitionProperty: ae } = t, oe = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}ms` : e;
@@ -322,8 +322,8 @@ var I = {
 	"submit",
 	"keydown",
 	"inview"
-], V = ["load", "pagescroll"], H = [...B, ...V], ee = /^[A-Za-z_$][\w$]*$/;
-function te(e, t) {
+], V = ["load", "pagescroll"], H = [...B, ...V], U = /^[A-Za-z_$][\w$]*$/;
+function ee(e, t) {
 	let n = String(t ?? "").trim();
 	if (!n) return [e];
 	let r = e.closest?.(".webim-page") ?? e.closest?.(".builder-canvas") ?? document, i = /^[A-Za-z_][\w-]*$/.test(n) ? [`#${n}`, n] : [n];
@@ -335,15 +335,15 @@ function te(e, t) {
 	}
 	return [];
 }
-function U(e, t) {
+function te(e, t) {
 	for (let t of e.__webimEvents ?? []) t();
 	let n = [];
 	for (let r of t ?? []) {
 		let t = String(r?.event ?? ""), i = r?.action === "animation", a = i ? (Array.isArray(r?.animations) ? r.animations : [r?.animation]).map((e) => String(e ?? "").trim()).filter(Boolean) : [], o = i ? "" : String(r?.handler ?? "").trim();
-		if (!H.includes(t) || (i ? !a.length : !ee.test(o))) continue;
+		if (!H.includes(t) || (i ? !a.length : !U.test(o))) continue;
 		let s = (t) => {
 			if (i) {
-				for (let t of te(e, r?.target)) S(t, a);
+				for (let t of ee(e, r?.target)) S(t, a);
 				return;
 			}
 			let n = window[o];
@@ -4990,10 +4990,10 @@ function Hr({ columns: e = [], rows: t = [], widths: n = [], rowKeys: r = [], co
 		};
 		return document.addEventListener("mousedown", e, !0), () => document.removeEventListener("mousedown", e, !0);
 	}, [N, L]);
-	let { tenant: H, apiUrl: ee } = i(Y), te = i(nt), U = te?.[h], ne = C ? rt(te) : 1, [re, W] = l(null);
+	let { tenant: H, apiUrl: U } = i(Y), ee = i(nt), te = ee?.[h], ne = C ? rt(ee) : 1, [re, W] = l(null);
 	if (a(() => {
-		if (!h || U) return;
-		let e = !0, t = Math.max(1, Number(g) || 10), n = C && !h.startsWith("api:") ? `?offset=${(ne - 1) * t}&limit=${t}` : "", r = h.startsWith("api:") ? `${ee}/data/${encodeURIComponent(h.slice(4))}` : `${ee}/dynamic/${encodeURIComponent(h)}${n}`;
+		if (!h || te) return;
+		let e = !0, t = Math.max(1, Number(g) || 10), n = C && !h.startsWith("api:") ? `?offset=${(ne - 1) * t}&limit=${t}` : "", r = h.startsWith("api:") ? `${U}/data/${encodeURIComponent(h.slice(4))}` : `${U}/dynamic/${encodeURIComponent(h)}${n}`;
 		return fetch(r, { headers: H ? { "x-tenant": H } : {} }).then((e) => e.json()).then((t) => {
 			let n = Array.isArray(t?.payload) ? t.payload : Array.isArray(t?.payload?.data) ? t.payload.data : [];
 			return e && W(n);
@@ -5003,13 +5003,13 @@ function Hr({ columns: e = [], rows: t = [], widths: n = [], rowKeys: r = [], co
 	}, [
 		h,
 		H,
-		ee,
 		U,
+		te,
 		C,
 		ne,
 		g
 	]), !e.length) return null;
-	let G = Math.max(1, Number(g) || 10), ie = h ? C ? U || h.startsWith("api:") ? (U ?? re ?? []).slice((ne - 1) * G, ne * G) : (re ?? []).slice(0, G) : (U ?? re ?? []).slice(0, G) : null, ae = ie ? ie.map((t) => e.map((e) => ut(ct(t?.data, e.field)))) : t, oe = !!h && !(h && !U && re === null) && ae.length === 0, se = b ? {
+	let G = Math.max(1, Number(g) || 10), ie = h ? C ? te || h.startsWith("api:") ? (te ?? re ?? []).slice((ne - 1) * G, ne * G) : (re ?? []).slice(0, G) : (te ?? re ?? []).slice(0, G) : null, ae = ie ? ie.map((t) => e.map((e) => ut(ct(t?.data, e.field)))) : t, oe = !!h && !(h && !te && re === null) && ae.length === 0, se = b ? {
 		y: 6,
 		x: 10
 	} : {
@@ -5329,19 +5329,19 @@ function Xr({ events: e = [], source: t = "", titleField: n = "", startField: r
 			title: e.title,
 			children: n
 		}, e.key);
-	}, ee = new Intl.DateTimeFormat(V, {
+	}, U = new Intl.DateTimeFormat(V, {
 		month: "long",
 		year: "numeric"
-	}).format(new Date(j.year, j.month, 1)), te = (e) => M((t) => {
+	}).format(new Date(j.year, j.month, 1)), ee = (e) => M((t) => {
 		let n = new Date(t.year, t.month + e, 1);
 		return {
 			year: n.getFullYear(),
 			month: n.getMonth()
 		};
-	}), U = (e, t) => /* @__PURE__ */ f("button", {
+	}), te = (e, t) => /* @__PURE__ */ f("button", {
 		type: "button",
 		"aria-label": e,
-		onClick: () => te(t),
+		onClick: () => ee(t),
 		style: {
 			background: "transparent",
 			border: `1px solid ${I}`,
@@ -5368,10 +5368,10 @@ function Xr({ events: e = [], source: t = "", titleField: n = "", startField: r
 					flexGrow: 1,
 					fontFamily: "var(--page-heading-font, inherit)"
 				},
-				children: ee
+				children: U
 			}),
-			U("Previous month", -1),
-			U("Next month", 1)
+			te("Previous month", -1),
+			te("Next month", 1)
 		]
 	});
 	if (u === "list") {
@@ -5507,7 +5507,7 @@ function Qr(e, t = {}) {
 	}).filter((e) => e.src);
 }
 function $r({ logos: e = [], source: t = "", imageField: n = "", nameField: r = "", hrefField: o = "", variant: s = "step", size: u = "medium", perView: m = 5, gap: h = 48, hold: g = 3, slideMs: _ = 500, direction: v = "left", arrows: y = "show", pauseOnHover: b = !0, grayscale: x = !0, newTab: S = !0, emptyText: C = "", style: w, nodeRef: T, inert: E }) {
-	let { tenant: D, apiUrl: O } = i(Y), k = i(nt)?.[t], [A, j] = l(null), M = c(null), N = c(null), [P, I] = l(0), [L, R] = l(0), [z, B] = l(0), [V, H] = l(!0), [ee, te] = l(!1), [U, ne] = l(!1);
+	let { tenant: D, apiUrl: O } = i(Y), k = i(nt)?.[t], [A, j] = l(null), M = c(null), N = c(null), [P, I] = l(0), [L, R] = l(0), [z, B] = l(0), [V, H] = l(!0), [U, ee] = l(!1), [te, ne] = l(!1);
 	a(() => {
 		if (!t || k) return;
 		let e = !0;
@@ -5596,7 +5596,7 @@ function $r({ logos: e = [], source: t = "", imageField: n = "", nameField: r =
 			children: C
 		}) : null
 	});
-	let me = W.length, he = ae === "step" && me > fe, ge = ae === "slider", _e = he && !E && !ee && !U, ve = v === "right", ye = ve ? me : 0, be = he ? [...W, ...W] : W, xe = he ? z * pe : 0, Se = (e, t, n) => {
+	let me = W.length, he = ae === "step" && me > fe, ge = ae === "slider", _e = he && !E && !U && !te, ve = v === "right", ye = ve ? me : 0, be = he ? [...W, ...W] : W, xe = he ? z * pe : 0, Se = (e, t, n) => {
 		let r = /* @__PURE__ */ f("img", {
 			src: e.src,
 			alt: e.alt ?? "",
@@ -5692,8 +5692,8 @@ function $r({ logos: e = [], source: t = "", imageField: n = "", nameField: r =
 			overflow: "hidden",
 			...F(w)
 		},
-		onMouseEnter: b === !1 ? void 0 : () => te(!0),
-		onMouseLeave: b === !1 ? void 0 : () => te(!1),
+		onMouseEnter: b === !1 ? void 0 : () => ee(!0),
+		onMouseLeave: b === !1 ? void 0 : () => ee(!1),
 		children: [
 			/* @__PURE__ */ f("style", { children: `
 .wb-logos .wb-logo { display: flex; align-items: center; flex-shrink: 0; text-decoration: none; box-sizing: border-box; }
@@ -6879,7 +6879,8 @@ var ji = {
 		"ShopCartButton",
 		"ShopCheckout",
 		"ShopOrderHistory",
-		"ShopCurrencyPicker"
+		"ShopCurrencyPicker",
+		"ShopFavorites"
 	],
 	ssr: "shell",
 	settings: ["shop.enabled"]
@@ -7118,7 +7119,7 @@ var Ui = {
 		placing: "Placing order…",
 		required: "Please fill in the required fields.",
 		noMethods: "This shop has no payment method set up yet.",
-		thanks: "Thank you! Your order #{number} is placed.",
+		thanks: "Thank you! Your order {number} is placed.",
 		paid: "Your payment was received.",
 		awaiting: "We are waiting for your payment to be confirmed.",
 		transfer: "Please transfer the total using the details below:",
@@ -7193,7 +7194,56 @@ var Ui = {
 		st_cancelled: "Cancelled",
 		pay_unpaid: "Awaiting payment",
 		pay_refunded: "Refunded",
-		pay_failed: "Payment failed"
+		pay_failed: "Payment failed",
+		reviewsTitle: "Reviews",
+		reviewsCount: "{n} reviews",
+		reviewsOne: "1 review",
+		qaCount: "{n} Q&A",
+		lovedBy: "Loved! {n} people favorited this",
+		lovedByOne: "1 person favorited this",
+		favorite: "Add to favorites",
+		unfavorite: "Remove from favorites",
+		noReviews: "No reviews yet. Be the first to review this product.",
+		writeReview: "Write a review",
+		editReview: "Edit your review",
+		yourRating: "Your rating",
+		reviewTitle: "Title (optional)",
+		reviewBody: "What did you think?",
+		submitReview: "Submit review",
+		reviewPending: "Thanks! Your review appears here once the shop approves it.",
+		reviewThanks: "Thanks for your review!",
+		awaitingApproval: "Awaiting approval",
+		verified: "Verified purchase",
+		shopReply: "Reply from the shop",
+		signInToReview: "Sign in to write a review",
+		pickRating: "Choose a rating first.",
+		sortNewest: "Newest",
+		sortHighest: "Highest rated",
+		sortLowest: "Lowest rated",
+		sortHelpful: "Most detailed",
+		allRatings: "All ratings",
+		starsN: "{n} stars",
+		loadMore: "Show more",
+		questionsTitle: "Questions & answers",
+		noQuestions: "No questions yet.",
+		askQuestion: "Ask a question",
+		questionPlaceholder: "What would you like to know about this product?",
+		submitQuestion: "Send question",
+		questionPending: "Thanks! Your question appears here once the shop answers it.",
+		signInToAsk: "Sign in to ask a question",
+		answerLabel: "Answer",
+		qMark: "Q:",
+		aMark: "A:",
+		awaitingAnswer: "Waiting for an answer",
+		anonymous: "A customer",
+		myFavorites: "My favorites",
+		noFavorites: "You have no favorites yet.",
+		signInForFavorites: "Sign in to see your favorites",
+		REVIEW_BUYERS_ONLY: "Only customers who bought this product can review it.",
+		QUESTION_LIMIT: "You already have questions waiting for an answer.",
+		specifications: "Specifications",
+		yes: "Yes",
+		no: "No"
 	},
 	tr: {
 		add: "Sepete ekle",
@@ -7234,7 +7284,7 @@ var Ui = {
 		placing: "Sipariş veriliyor…",
 		required: "Lütfen zorunlu alanları doldurun.",
 		noMethods: "Bu mağazada henüz bir ödeme yöntemi tanımlı değil.",
-		thanks: "Teşekkürler! #{number} numaralı siparişiniz alındı.",
+		thanks: "Teşekkürler! {number} numaralı siparişiniz alındı.",
 		paid: "Ödemeniz alındı.",
 		awaiting: "Ödemenizin onaylanmasını bekliyoruz.",
 		transfer: "Lütfen toplam tutarı aşağıdaki bilgilere gönderin:",
@@ -7309,7 +7359,56 @@ var Ui = {
 		st_cancelled: "İptal edildi",
 		pay_unpaid: "Ödeme bekleniyor",
 		pay_refunded: "İade edildi",
-		pay_failed: "Ödeme başarısız"
+		pay_failed: "Ödeme başarısız",
+		reviewsTitle: "Değerlendirmeler",
+		reviewsCount: "{n} Değerlendirme",
+		reviewsOne: "1 Değerlendirme",
+		qaCount: "{n} Soru-Cevap",
+		lovedBy: "Sevilen ürün! {n} kişi favoriledi!",
+		lovedByOne: "1 kişi favoriledi",
+		favorite: "Favorilere ekle",
+		unfavorite: "Favorilerden çıkar",
+		noReviews: "Henüz değerlendirme yok. İlk değerlendiren siz olun.",
+		writeReview: "Değerlendirme yaz",
+		editReview: "Değerlendirmenizi düzenleyin",
+		yourRating: "Puanınız",
+		reviewTitle: "Başlık (isteğe bağlı)",
+		reviewBody: "Ürün hakkında ne düşünüyorsunuz?",
+		submitReview: "Değerlendirmeyi gönder",
+		reviewPending: "Teşekkürler! Değerlendirmeniz mağaza onayladıktan sonra burada görünür.",
+		reviewThanks: "Değerlendirmeniz için teşekkürler!",
+		awaitingApproval: "Onay bekliyor",
+		verified: "Doğrulanmış alışveriş",
+		shopReply: "Mağazanın yanıtı",
+		signInToReview: "Değerlendirme yazmak için giriş yapın",
+		pickRating: "Önce bir puan seçin.",
+		sortNewest: "En yeni",
+		sortHighest: "En yüksek puan",
+		sortLowest: "En düşük puan",
+		sortHelpful: "En detaylı",
+		allRatings: "Tüm puanlar",
+		starsN: "{n} yıldız",
+		loadMore: "Daha fazla göster",
+		questionsTitle: "Soru-Cevap",
+		noQuestions: "Henüz soru yok.",
+		askQuestion: "Soru sor",
+		questionPlaceholder: "Bu ürün hakkında ne öğrenmek istersiniz?",
+		submitQuestion: "Soruyu gönder",
+		questionPending: "Teşekkürler! Sorunuz mağaza yanıtladıktan sonra burada görünür.",
+		signInToAsk: "Soru sormak için giriş yapın",
+		answerLabel: "Yanıt",
+		qMark: "S:",
+		aMark: "C:",
+		awaitingAnswer: "Yanıt bekliyor",
+		anonymous: "Bir müşteri",
+		myFavorites: "Favorilerim",
+		noFavorites: "Henüz favoriniz yok.",
+		signInForFavorites: "Favorilerinizi görmek için giriş yapın",
+		REVIEW_BUYERS_ONLY: "Bu ürünü yalnızca satın alan müşteriler değerlendirebilir.",
+		QUESTION_LIMIT: "Yanıt bekleyen sorularınız var.",
+		specifications: "Özellikler",
+		yes: "Evet",
+		no: "Hayır"
 	}
 };
 function Wi(e) {
@@ -7351,419 +7450,1633 @@ function Yi(e, t, n, r) {
 	});
 }
 //#endregion
-//#region ../ui/src/components/builder/apps/shop/views.jsx
-var $ = "var(--page-muted, rgba(100,116,139,1))", Xi = "1px solid var(--page-border, #d1d5db)", Zi = "var(--page-surface, #f2f2f2)", Qi = {
+//#region ../ui/src/components/builder/apps/shop/engagement.jsx
+var Xi = "var(--page-muted, rgba(100,116,139,1))", Zi = "1px solid var(--page-border, #d1d5db)", Qi = "var(--page-surface, #f2f2f2)", $i = "#f59e0b", ea = {
 	...gt,
 	border: 0,
 	borderRadius: "8px",
 	padding: "10px 18px",
 	fontSize: "14px",
 	fontWeight: 600,
-	fontFamily: "inherit",
-	textAlign: "center"
-}, $i = {
-	...Qi,
+	fontFamily: "inherit"
+}, ta = {
+	...ea,
 	backgroundColor: "transparent",
 	color: "var(--page-text, #111827)",
-	border: Xi
+	border: Zi
 };
-function ea() {
-	let { tenant: e, apiUrl: t, locale: n } = i(Y), r = s(() => Wi(n), [n]);
+function na() {
+	let { tenant: e, apiUrl: t, locale: n, settings: r } = i(Y), a = s(() => Wi(n), [n]), o = (e) => r?.[e] !== !1;
 	return {
 		tenant: e,
 		apiUrl: t || "/api",
 		locale: n,
-		words: r
+		words: a,
+		reviewsOn: o("shop.reviews"),
+		questionsOn: o("shop.questions"),
+		favoritesOn: o("shop.favorites"),
+		moderated: r?.["shop.reviewModeration"] !== "auto",
+		loginHref: () => {
+			let e = ci(r).loginPage || "/login", t = typeof window > "u" ? "" : `${window.location.pathname}${window.location.search}`;
+			return t ? `${e}${e.includes("?") ? "&" : "?"}next=${encodeURIComponent(t)}` : e;
+		}
 	};
 }
-function ta(e, t, n = !0) {
-	let r = s(() => Ri(e, t), [e, t]), i = u(r.subscribe, r.getState, r.getState);
-	return a(() => {
-		n && !i.loaded && !i.loading && r.load();
-	}, [n, r]), {
-		store: r,
-		...i
-	};
+var ra = (e, t) => {
+	try {
+		return new Intl.NumberFormat(t || void 0, {
+			notation: "compact",
+			maximumFractionDigits: 1
+		}).format(e);
+	} catch {
+		return String(e);
+	}
+}, ia = (e, t) => {
+	try {
+		return new Intl.DateTimeFormat(t || void 0, {
+			day: "numeric",
+			month: "long",
+			year: "numeric"
+		}).format(new Date(e));
+	} catch {
+		return String(e).slice(0, 10);
+	}
+}, aa = "M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3l-5.9 3.3 1.3-6.6-4.9-4.6 6.6-.8z";
+function oa({ fill: e = 0, size: t = 16, clipId: n }) {
+	return /* @__PURE__ */ p("svg", {
+		width: t,
+		height: t,
+		viewBox: "0 0 24 24",
+		"aria-hidden": "true",
+		style: { display: "block" },
+		children: [
+			/* @__PURE__ */ f("defs", { children: /* @__PURE__ */ f("clipPath", {
+				id: n,
+				children: /* @__PURE__ */ f("rect", {
+					x: "0",
+					y: "0",
+					width: 24 * e,
+					height: "24"
+				})
+			}) }),
+			/* @__PURE__ */ f("path", {
+				d: aa,
+				fill: "var(--page-border, #d1d5db)"
+			}),
+			e > 0 && /* @__PURE__ */ f("path", {
+				d: aa,
+				fill: $i,
+				clipPath: `url(#${n})`
+			})
+		]
+	});
 }
-var na = (e) => typeof window > "u" ? "" : new URLSearchParams(window.location.search).get(e) ?? "", ra = (e, t) => String(e || "").replace(/\{slug\}/g, encodeURIComponent(t.slug)).replace(/\{id\}/g, t.id);
-function ia(e) {
-	let t = e.variants?.length ? e.variants.map((e) => e.stock) : [e.stock];
-	return t.some((e) => e == null) ? null : t.reduce((e, t) => e + Number(t), 0);
+function sa({ value: e = 0, size: t = 16 }) {
+	let n = o().replace(/:/g, "");
+	return /* @__PURE__ */ f("span", {
+		role: "img",
+		"aria-label": `${e}/5`,
+		style: {
+			display: "inline-flex",
+			gap: "1px",
+			verticalAlign: "middle"
+		},
+		children: [
+			0,
+			1,
+			2,
+			3,
+			4
+		].map((r) => /* @__PURE__ */ f(oa, {
+			fill: Math.max(0, Math.min(1, e - r)),
+			size: t,
+			clipId: `${n}-${r}`
+		}, r))
+	});
 }
-function aa({ product: e, variant: t, locale: n, size: r = 16 }) {
-	let i = e.currency, a = t?.price ?? e.price;
-	return /* @__PURE__ */ p("span", {
+function ca({ value: e, onChange: t, size: n = 28, label: r }) {
+	let i = o().replace(/:/g, ""), [a, s] = l(0), c = a || e;
+	return /* @__PURE__ */ f("span", {
+		role: "radiogroup",
+		"aria-label": r,
 		style: {
 			display: "inline-flex",
-			alignItems: "baseline",
-			gap: "8px",
-			fontSize: `${r}px`
+			gap: "2px"
 		},
-		children: [/* @__PURE__ */ f("span", {
-			style: { fontWeight: 700 },
-			children: Hi(a, i, n)
-		}), e.compare_at_price > a && /* @__PURE__ */ f("span", {
+		onMouseLeave: () => s(0),
+		children: [
+			1,
+			2,
+			3,
+			4,
+			5
+		].map((r) => /* @__PURE__ */ f("button", {
+			type: "button",
+			role: "radio",
+			"aria-checked": e === r,
+			"aria-label": String(r),
+			onMouseEnter: () => s(r),
+			onClick: () => t(r),
 			style: {
-				color: $,
-				textDecoration: "line-through",
-				fontSize: "0.85em"
+				background: "none",
+				border: 0,
+				padding: 0,
+				cursor: "pointer",
+				lineHeight: 0
 			},
-			children: Hi(e.compare_at_price, i, n)
-		})]
+			children: /* @__PURE__ */ f(oa, {
+				fill: +(c >= r),
+				size: n,
+				clipId: `${i}-${r}`
+			})
+		}, r))
 	});
 }
-var oa = [
-	1,
-	2,
-	3
-].map((e) => ({
-	id: `sample-${e}`,
-	slug: `sample-${e}`,
-	name: `Product ${e}`,
-	price: e * 1990,
-	compare_at_price: e === 2 ? 4990 : null,
-	images: [],
-	variants: [],
-	stock: null,
-	currency: "USD",
-	sample: !0
-}));
-function sa({ columns: e = 3, limit: t = 12, gap: n = 20, productHref: r = "/product?product={slug}", showButton: i = !0, buttonLabel: o = "", emptyText: s = "", style: c, nodeRef: u, inert: d = !1, sample: m = !1, noNavigate: h = !1 }) {
-	let { tenant: g, apiUrl: _, locale: v, words: y } = ea(), [b, x] = l(null), [S, C] = l(null), [w, T] = l(""), [E, D] = l({}), { store: O, currency: k } = ta(_, g, !d);
+function la(e, { inert: t }) {
+	let { tenant: n, apiUrl: r, favoritesOn: i } = na(), [o, s] = l({
+		favorited: !1,
+		count: null
+	});
 	a(() => {
-		let e = !0, n = Math.max(1, Math.min(100, Number(t) || 12));
-		return Promise.all([Q(_, g, `/store/products?limit=${n}${k ? `&currency=${encodeURIComponent(k)}` : ""}`), Q(_, g, "/store/config")]).then(([t, n]) => {
-			if (!e) return;
-			let r = zi(n, k);
-			C(n), x(Array.isArray(t?.data) ? t.data.map((e) => ({
-				...e,
-				currency: r
-			})) : []);
-		}).catch(() => e && x([])), () => {
-			e = !1;
+		if (!e || !i || t) return;
+		let a = !0;
+		return Q(r, n, `/store/products/${encodeURIComponent(e)}/favorite`).then((e) => a && s(e)).catch(() => {}), () => {
+			a = !1;
 		};
 	}, [
-		_,
-		g,
-		t,
-		k
+		r,
+		n,
+		e,
+		i,
+		t
 	]);
-	let A = b?.length || !m ? b ?? [] : oa, j = async (e) => {
-		if (!(d || e.sample)) {
-			T(e.id);
-			try {
-				await O.add(e.id, null, 1), D((t) => ({
-					...t,
-					[e.id]: y("added")
-				}));
-			} catch (t) {
-				D((n) => ({
-					...n,
-					[e.id]: Gi(y, t)
-				}));
-			} finally {
-				T("");
-			}
+	let c = async () => {
+		let t = !o.favorited;
+		s((e) => ({
+			favorited: t,
+			count: Math.max(0, (e.count ?? 0) + (t ? 1 : -1))
+		}));
+		try {
+			s(await Q(r, n, `/store/products/${encodeURIComponent(e)}/favorite`, {
+				method: "POST",
+				body: { on: t }
+			}));
+		} catch (e) {
+			throw s((e) => ({
+				favorited: !t,
+				count: Math.max(0, (e.count ?? 0) + (t ? -1 : 1))
+			})), e;
 		}
 	};
-	return /* @__PURE__ */ p("div", {
-		ref: u,
-		style: { ...F(c) },
-		children: [b !== null && !A.length && /* @__PURE__ */ f("p", {
-			style: {
-				color: $,
-				margin: 0
-			},
-			children: s || (S && !S.enabled ? y("closed") : y("noProducts"))
-		}), /* @__PURE__ */ f("div", {
-			style: {
-				display: "grid",
-				gridTemplateColumns: `repeat(auto-fill, minmax(min(100%, max(160px, calc((100% - ${(Number(e) - 1) * n}px) / ${Number(e) || 3}))), 1fr))`,
-				gap: `${n}px`
-			},
-			children: A.map((e) => {
-				let t = ia(e) === 0, n = ra(r, e);
-				return /* @__PURE__ */ p("div", {
+	return {
+		...o,
+		toggle: c
+	};
+}
+var ua = (e) => /* @__PURE__ */ f("svg", {
+	width: "20",
+	height: "20",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	style: { display: "block" },
+	children: /* @__PURE__ */ f("path", {
+		d: "M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 4.5 6.8 4.5c2.1 0 3.6 1.1 5.2 3 1.6-1.9 3.1-3 5.2-3 3.8 0 5.9 3.9 4.4 7.3C19.5 16.4 12 21 12 21z",
+		fill: e ? "#ef4444" : "none",
+		stroke: e ? "#ef4444" : "currentColor",
+		strokeWidth: "1.8"
+	})
+});
+function da({ product: e, inert: t = !1, sample: n = !1 }) {
+	let { locale: r, words: i, reviewsOn: a, questionsOn: o, favoritesOn: s, loginHref: c } = na(), u = e?.sample ? "" : e?.slug || e?.id || "", d = la(u, { inert: t || !u }), [m, h] = l(""), g = n ? 29 : e?.rating_count ?? 0, _ = n ? 4.3 : Number(e?.rating_avg ?? 0), v = n ? 110 : e?.questions_count ?? 0, y = n ? 1300 : d.count ?? e?.favorites_count ?? 0, b = (e) => (n) => {
+		n.preventDefault(), !t && document.getElementById(e)?.scrollIntoView({
+			behavior: "smooth",
+			block: "start"
+		});
+	}, x = async () => {
+		if (!(t || !u)) try {
+			await d.toggle();
+		} catch (e) {
+			e?.code === "LOGIN_REQUIRED" ? window.location.assign(c()) : h(Gi(i, e));
+		}
+	}, S = [];
+	return a && g > 0 && S.push(/* @__PURE__ */ p("span", {
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: "6px"
+		},
+		children: [
+			/* @__PURE__ */ f("strong", { children: _.toLocaleString(r || void 0, {
+				minimumFractionDigits: 1,
+				maximumFractionDigits: 1
+			}) }),
+			/* @__PURE__ */ f(sa, { value: _ }),
+			/* @__PURE__ */ f("a", {
+				href: "#reviews",
+				onClick: b("reviews"),
+				style: { color: "inherit" },
+				children: g === 1 ? i("reviewsOne") : i("reviewsCount", { n: ra(g, r) })
+			})
+		]
+	}, "r")), o && v > 0 && S.push(/* @__PURE__ */ f("a", {
+		href: "#questions",
+		onClick: b("questions"),
+		style: { color: "inherit" },
+		children: i("qaCount", { n: ra(v, r) })
+	}, "q")), !S.length && !s ? null : /* @__PURE__ */ p("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "8px",
+			fontSize: "14px"
+		},
+		children: [
+			S.length > 0 && /* @__PURE__ */ f("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: "10px",
+					flexWrap: "wrap"
+				},
+				children: S.flatMap((e, t) => t ? [/* @__PURE__ */ f("span", {
+					style: { color: Xi },
+					children: "•"
+				}, `s${t}`), e] : [e])
+			}),
+			s && /* @__PURE__ */ p("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: "10px"
+				},
+				children: [/* @__PURE__ */ f("button", {
+					type: "button",
+					onClick: x,
+					"aria-pressed": d.favorited,
+					"aria-label": d.favorited ? i("unfavorite") : i("favorite"),
+					title: d.favorited ? i("unfavorite") : i("favorite"),
 					style: {
-						display: "flex",
-						flexDirection: "column",
-						gap: "10px"
+						...ta,
+						padding: "7px",
+						borderRadius: "999px",
+						lineHeight: 0
 					},
-					children: [
-						/* @__PURE__ */ p("a", {
-							href: n,
-							onClick: h ? (e) => e.preventDefault() : void 0,
-							style: {
-								color: "inherit",
-								textDecoration: "none"
-							},
-							children: [/* @__PURE__ */ f("div", {
-								style: {
-									aspectRatio: "1 / 1",
-									borderRadius: "10px",
-									overflow: "hidden",
-									background: Zi
-								},
-								children: e.images?.[0] && /* @__PURE__ */ f("img", {
-									src: e.images[0],
-									alt: e.name,
-									loading: "lazy",
-									style: {
-										width: "100%",
-										height: "100%",
-										objectFit: "cover",
-										display: "block"
-									}
-								})
-							}), /* @__PURE__ */ f("div", {
-								style: {
-									marginTop: "10px",
-									fontWeight: 600
-								},
-								children: e.name
-							})]
-						}),
-						/* @__PURE__ */ f(aa, {
-							product: e,
-							locale: v
-						}),
-						i && (e.variants?.length ? /* @__PURE__ */ f("a", {
-							href: n,
-							onClick: h ? (e) => e.preventDefault() : void 0,
-							style: {
-								...$i,
-								display: "block"
-							},
-							children: y("choose")
-						}) : /* @__PURE__ */ f("button", {
-							type: "button",
-							disabled: t || w === e.id,
-							onClick: () => j(e),
-							style: {
-								...Qi,
-								opacity: t ? .5 : 1
-							},
-							children: t ? y("soldOut") : w === e.id ? y("adding") : o || y("add")
-						})),
-						E[e.id] && /* @__PURE__ */ f("span", {
-							style: {
-								fontSize: "13px",
-								color: $
-							},
-							children: E[e.id]
-						})
-					]
-				}, e.id);
+					children: ua(d.favorited)
+				}), y > 0 && /* @__PURE__ */ f("span", {
+					style: { fontWeight: 600 },
+					children: y === 1 ? i("lovedByOne") : i("lovedBy", { n: ra(y, r) })
+				})]
+			}),
+			m && /* @__PURE__ */ f("span", {
+				style: {
+					color: Xi,
+					fontSize: "13px"
+				},
+				children: m
 			})
-		})]
+		]
 	});
 }
-function ca({ slug: e = "", buttonLabel: t = "", style: n, nodeRef: r, inert: i = !1, sample: o = !1, noNavigate: s = !1 }) {
-	let { tenant: c, apiUrl: u, locale: d, words: m } = ea(), [h, g] = l(null), [_, v] = l(!1), [y, b] = l(0), [x, S] = l(""), [C, w] = l(1), [T, E] = l(!1), [D, O] = l(""), { store: k, currency: A } = ta(u, c, !i), j = e || na("product"), M = A ? `?currency=${encodeURIComponent(A)}` : "";
+var fa = {
+	data: [{
+		id: "s1",
+		author: "Ayşe Y.",
+		rating: 5,
+		title: "Harika",
+		body: "Beklediğimden de iyi çıktı.",
+		verified: !0,
+		reply: "",
+		created_at: (/* @__PURE__ */ new Date()).toISOString()
+	}, {
+		id: "s2",
+		author: "Mehmet K.",
+		rating: 4,
+		title: "",
+		body: "Kaliteli, kargo biraz gecikti.",
+		verified: !1,
+		reply: "Geri bildiriminiz için teşekkürler!",
+		created_at: (/* @__PURE__ */ new Date(Date.now() - 864e5 * 3)).toISOString()
+	}],
+	total: {
+		all: 29,
+		filtered: 29
+	},
+	summary: {
+		average: 4.3,
+		count: 29,
+		histogram: [
+			1,
+			1,
+			3,
+			6,
+			18
+		]
+	}
+};
+function pa({ product: e, inert: t = !1, sample: n = !1 }) {
+	let { tenant: r, apiUrl: i, locale: o, words: s, reviewsOn: c, moderated: u, loginHref: d } = na(), m = fi(), h = e?.sample ? "" : e?.slug || e?.id || "", [g, _] = l(null), [v, y] = l("newest"), [b, x] = l(0), [S, C] = l(5), [w, T] = l(0), [E, D] = l({
+		rating: 0,
+		title: "",
+		body: ""
+	}), [O, k] = l(!1), [A, j] = l(!1), [M, N] = l("");
 	if (a(() => {
-		let e = !0;
-		return v(!1), (async () => {
-			let t = await Q(u, c, "/store/config"), n = j ? await Q(u, c, `/store/products/${encodeURIComponent(j)}${M}`) : o || s ? (await Q(u, c, `/store/products?limit=1${A ? `&currency=${encodeURIComponent(A)}` : ""}`))?.data?.[0] : null;
-			if (e) {
-				if (!n) {
-					v(!0), g(o ? oa[0] : null);
-					return;
-				}
-				g({
-					...n,
-					currency: zi(t, A)
-				}), S((e) => n.variants?.some((t) => t.id === e) ? e : n.variants?.[0]?.id ?? ""), b(0);
+		if (!c || !h) return;
+		let e = !0, t = `?limit=${S}&sort=${v}${b ? `&rating=${b}` : ""}`;
+		return Q(i, r, `/store/products/${encodeURIComponent(h)}/reviews${t}`).then((t) => e && _(t)).catch(() => e && _({
+			data: [],
+			total: {
+				all: 0,
+				filtered: 0
+			},
+			summary: {
+				average: 0,
+				count: 0,
+				histogram: [
+					0,
+					0,
+					0,
+					0,
+					0
+				]
 			}
-		})().catch(() => {
-			e && (v(!0), g(o ? oa[0] : null));
-		}), () => {
+		})), () => {
 			e = !1;
 		};
 	}, [
-		u,
-		c,
-		j,
-		A
-	]), !h) return /* @__PURE__ */ f("div", {
-		ref: r,
-		style: { ...F(n) },
-		children: _ && /* @__PURE__ */ f("p", {
-			style: {
-				color: $,
-				margin: 0
-			},
-			children: m("noProducts")
-		})
-	});
-	let N = h.variants?.find((e) => e.id === x) ?? null, P = N ? N.stock : h.variants?.length ? null : h.stock, I = P === 0, L = async () => {
-		if (!(i || h.sample)) {
-			E(!0), O("");
-			try {
-				await k.add(h.id, N?.id ?? null, Math.max(1, Number(C) || 1)), O(m("added"));
-			} catch (e) {
-				O(Gi(m, e));
-			} finally {
-				E(!1);
+		i,
+		r,
+		h,
+		v,
+		b,
+		S,
+		w,
+		c
+	]), !c) return null;
+	let P = n || !h ? fa : g, F = P?.summary ?? {
+		average: 0,
+		count: 0,
+		histogram: [
+			0,
+			0,
+			0,
+			0,
+			0
+		]
+	}, I = P?.data?.find((e) => e.mine), L = m.status === "user", R = () => {
+		if (!t) {
+			if (!L) {
+				window.location.assign(d());
+				return;
 			}
+			D(I ? {
+				rating: I.rating,
+				title: I.title,
+				body: I.body
+			} : {
+				rating: 0,
+				title: "",
+				body: ""
+			}), N(""), k(!0);
 		}
-	};
-	return /* @__PURE__ */ p("div", {
-		ref: r,
+	}, z = async (e) => {
+		if (e.preventDefault(), !E.rating) {
+			N(s("pickRating"));
+			return;
+		}
+		j(!0), N("");
+		try {
+			await Q(i, r, `/store/products/${encodeURIComponent(h)}/reviews`, {
+				method: "POST",
+				body: E
+			}), k(!1), N(s(u ? "reviewPending" : "reviewThanks")), T((e) => e + 1);
+		} catch (e) {
+			e?.code === "LOGIN_REQUIRED" ? window.location.assign(d()) : N(Gi(s, e));
+		} finally {
+			j(!1);
+		}
+	}, B = Math.max(1, ...F.histogram);
+	return /* @__PURE__ */ p("section", {
+		id: "reviews",
 		style: {
-			display: "grid",
-			gridTemplateColumns: "repeat(auto-fit, minmax(min(100%, 320px), 1fr))",
-			gap: "32px",
-			...F(n)
+			display: "flex",
+			flexDirection: "column",
+			gap: "16px",
+			scrollMarginTop: "80px"
 		},
-		children: [/* @__PURE__ */ p("div", {
-			style: {
-				display: "flex",
-				flexDirection: "column",
-				gap: "10px"
+		children: [
+			/* @__PURE__ */ f("h2", {
+				style: {
+					margin: 0,
+					fontSize: "var(--page-h3, 24px)"
+				},
+				children: s("reviewsTitle")
+			}),
+			/* @__PURE__ */ p("div", {
+				style: {
+					display: "flex",
+					gap: "32px",
+					flexWrap: "wrap",
+					alignItems: "center"
+				},
+				children: [
+					/* @__PURE__ */ p("div", {
+						style: {
+							display: "flex",
+							flexDirection: "column",
+							alignItems: "flex-start",
+							gap: "4px"
+						},
+						children: [
+							/* @__PURE__ */ f("span", {
+								style: {
+									fontSize: "40px",
+									fontWeight: 700,
+									lineHeight: 1
+								},
+								children: F.count ? F.average.toLocaleString(o || void 0, {
+									minimumFractionDigits: 1,
+									maximumFractionDigits: 1
+								}) : "–"
+							}),
+							/* @__PURE__ */ f(sa, {
+								value: F.average,
+								size: 18
+							}),
+							/* @__PURE__ */ f("span", {
+								style: {
+									color: Xi,
+									fontSize: "13px"
+								},
+								children: F.count === 1 ? s("reviewsOne") : s("reviewsCount", { n: F.count })
+							})
+						]
+					}),
+					/* @__PURE__ */ f("div", {
+						style: {
+							display: "flex",
+							flexDirection: "column",
+							gap: "4px",
+							minWidth: "220px",
+							flex: "1 1 220px",
+							maxWidth: "360px"
+						},
+						children: [
+							5,
+							4,
+							3,
+							2,
+							1
+						].map((e) => {
+							let n = F.histogram[e - 1] ?? 0, r = b === e;
+							return /* @__PURE__ */ p("button", {
+								type: "button",
+								disabled: !n && !r,
+								onClick: () => !t && x(r ? 0 : e),
+								title: s("starsN", { n: e }),
+								style: {
+									display: "grid",
+									gridTemplateColumns: "28px 1fr 32px",
+									alignItems: "center",
+									gap: "8px",
+									background: "none",
+									border: 0,
+									padding: "2px 0",
+									cursor: n ? "pointer" : "default",
+									color: "inherit",
+									fontFamily: "inherit",
+									fontSize: "13px",
+									fontWeight: r ? 700 : 400
+								},
+								children: [
+									/* @__PURE__ */ p("span", { children: [e, "★"] }),
+									/* @__PURE__ */ f("span", {
+										style: {
+											height: "8px",
+											borderRadius: "4px",
+											background: Qi,
+											overflow: "hidden"
+										},
+										children: /* @__PURE__ */ f("span", { style: {
+											display: "block",
+											height: "100%",
+											width: `${n / B * 100}%`,
+											background: $i
+										} })
+									}),
+									/* @__PURE__ */ f("span", {
+										style: {
+											color: Xi,
+											textAlign: "right"
+										},
+										children: n
+									})
+								]
+							}, e);
+						})
+					}),
+					/* @__PURE__ */ f("div", {
+						style: { marginLeft: "auto" },
+						children: /* @__PURE__ */ f("button", {
+							type: "button",
+							onClick: R,
+							style: ea,
+							children: s(L || t ? I ? "editReview" : "writeReview" : "signInToReview")
+						})
+					})
+				]
+			}),
+			O && /* @__PURE__ */ p("form", {
+				onSubmit: z,
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: "10px",
+					padding: "16px",
+					border: Zi,
+					borderRadius: "12px"
+				},
+				children: [
+					/* @__PURE__ */ p("label", {
+						style: {
+							display: "flex",
+							alignItems: "center",
+							gap: "12px",
+							fontWeight: 600
+						},
+						children: [s("yourRating"), /* @__PURE__ */ f(ca, {
+							value: E.rating,
+							label: s("yourRating"),
+							onChange: (e) => D((t) => ({
+								...t,
+								rating: e
+							}))
+						})]
+					}),
+					/* @__PURE__ */ f("input", {
+						value: E.title,
+						maxLength: 150,
+						placeholder: s("reviewTitle"),
+						onChange: (e) => D((t) => ({
+							...t,
+							title: e.target.value
+						})),
+						style: X
+					}),
+					/* @__PURE__ */ f("textarea", {
+						value: E.body,
+						maxLength: 4e3,
+						rows: 4,
+						placeholder: s("reviewBody"),
+						onChange: (e) => D((t) => ({
+							...t,
+							body: e.target.value
+						})),
+						style: {
+							...X,
+							resize: "vertical",
+							fontFamily: "inherit"
+						}
+					}),
+					/* @__PURE__ */ p("div", {
+						style: {
+							display: "flex",
+							gap: "8px"
+						},
+						children: [/* @__PURE__ */ f("button", {
+							type: "submit",
+							disabled: A,
+							style: ea,
+							children: s("submitReview")
+						}), /* @__PURE__ */ f("button", {
+							type: "button",
+							onClick: () => k(!1),
+							style: ta,
+							children: "✕"
+						})]
+					})
+				]
+			}),
+			M && /* @__PURE__ */ f("p", {
+				style: {
+					margin: 0,
+					color: Xi
+				},
+				children: M
+			}),
+			/* @__PURE__ */ p("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: "12px",
+					flexWrap: "wrap"
+				},
+				children: [/* @__PURE__ */ p("select", {
+					value: v,
+					onChange: (e) => y(e.target.value),
+					disabled: t,
+					style: {
+						...X,
+						width: "auto"
+					},
+					children: [
+						/* @__PURE__ */ f("option", {
+							value: "newest",
+							children: s("sortNewest")
+						}),
+						/* @__PURE__ */ f("option", {
+							value: "helpful",
+							children: s("sortHelpful")
+						}),
+						/* @__PURE__ */ f("option", {
+							value: "highest",
+							children: s("sortHighest")
+						}),
+						/* @__PURE__ */ f("option", {
+							value: "lowest",
+							children: s("sortLowest")
+						})
+					]
+				}), b > 0 && /* @__PURE__ */ p("button", {
+					type: "button",
+					onClick: () => x(0),
+					style: {
+						...ta,
+						padding: "6px 12px"
+					},
+					children: [s("starsN", { n: b }), " ✕"]
+				})]
+			}),
+			P && !P.data.length && /* @__PURE__ */ f("p", {
+				style: {
+					margin: 0,
+					color: Xi
+				},
+				children: s("noReviews")
+			}),
+			/* @__PURE__ */ f("div", {
+				style: {
+					display: "flex",
+					flexDirection: "column"
+				},
+				children: (P?.data ?? []).map((e) => /* @__PURE__ */ p("article", {
+					style: {
+						padding: "16px 0",
+						borderTop: Zi,
+						display: "flex",
+						flexDirection: "column",
+						gap: "6px"
+					},
+					children: [
+						/* @__PURE__ */ p("div", {
+							style: {
+								display: "flex",
+								alignItems: "center",
+								gap: "10px",
+								flexWrap: "wrap"
+							},
+							children: [
+								/* @__PURE__ */ f(sa, { value: e.rating }),
+								e.title && /* @__PURE__ */ f("strong", { children: e.title }),
+								e.mine && e.status === "pending" && /* @__PURE__ */ f("span", {
+									style: {
+										fontSize: "12px",
+										padding: "2px 8px",
+										borderRadius: "999px",
+										background: Qi,
+										color: Xi
+									},
+									children: s("awaitingApproval")
+								})
+							]
+						}),
+						e.body && /* @__PURE__ */ f("p", {
+							style: {
+								margin: 0,
+								whiteSpace: "pre-wrap",
+								lineHeight: 1.55
+							},
+							children: e.body
+						}),
+						/* @__PURE__ */ p("span", {
+							style: {
+								fontSize: "13px",
+								color: Xi
+							},
+							children: [
+								e.author || s("anonymous"),
+								" · ",
+								ia(e.created_at, o),
+								e.verified && /* @__PURE__ */ p("span", {
+									style: {
+										color: "#16a34a",
+										fontWeight: 600
+									},
+									children: [" · ✓ ", s("verified")]
+								})
+							]
+						}),
+						e.reply && /* @__PURE__ */ p("div", {
+							style: {
+								marginTop: "4px",
+								padding: "10px 12px",
+								borderRadius: "8px",
+								background: Qi,
+								fontSize: "14px"
+							},
+							children: [/* @__PURE__ */ f("strong", {
+								style: {
+									display: "block",
+									fontSize: "12px",
+									color: Xi,
+									marginBottom: "2px"
+								},
+								children: s("shopReply")
+							}), /* @__PURE__ */ f("span", {
+								style: { whiteSpace: "pre-wrap" },
+								children: e.reply
+							})]
+						})
+					]
+				}, e.id))
+			}),
+			P && P.data.length < (P.total?.filtered ?? 0) && !t && /* @__PURE__ */ f("button", {
+				type: "button",
+				onClick: () => C((e) => e + 10),
+				style: {
+					...ta,
+					alignSelf: "center"
+				},
+				children: s("loadMore")
+			})
+		]
+	});
+}
+var ma = {
+	data: [{
+		id: "q1",
+		author: "Can D.",
+		question: "Bulaşık makinesinde yıkanır mı?",
+		answer: "Evet, yıkanabilir.",
+		created_at: (/* @__PURE__ */ new Date()).toISOString()
+	}],
+	total: {
+		all: 1,
+		filtered: 1
+	}
+};
+function ha({ product: e, inert: t = !1, sample: n = !1 }) {
+	let { tenant: r, apiUrl: i, locale: o, words: s, questionsOn: c, loginHref: u } = na(), d = fi(), m = e?.sample ? "" : e?.slug || e?.id || "", [h, g] = l(null), [_, v] = l(5), [y, b] = l(0), [x, S] = l(""), [C, w] = l(!1), [T, E] = l("");
+	if (a(() => {
+		if (!c || !m) return;
+		let e = !0;
+		return Q(i, r, `/store/products/${encodeURIComponent(m)}/questions?limit=${_}`).then((t) => e && g(t)).catch(() => e && g({
+			data: [],
+			total: {
+				all: 0,
+				filtered: 0
+			}
+		})), () => {
+			e = !1;
+		};
+	}, [
+		i,
+		r,
+		m,
+		_,
+		y,
+		c
+	]), !c) return null;
+	let D = n || !m ? ma : h, O = d.status === "user";
+	return /* @__PURE__ */ p("section", {
+		id: "questions",
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "16px",
+			scrollMarginTop: "80px"
+		},
+		children: [
+			/* @__PURE__ */ f("h2", {
+				style: {
+					margin: 0,
+					fontSize: "var(--page-h3, 24px)"
+				},
+				children: s("questionsTitle")
+			}),
+			O || t ? /* @__PURE__ */ p("form", {
+				onSubmit: async (e) => {
+					if (e.preventDefault(), !(t || x.trim().length < 3)) {
+						if (!O) {
+							window.location.assign(u());
+							return;
+						}
+						w(!0), E("");
+						try {
+							await Q(i, r, `/store/products/${encodeURIComponent(m)}/questions`, {
+								method: "POST",
+								body: { question: x.trim() }
+							}), S(""), E(s("questionPending")), b((e) => e + 1);
+						} catch (e) {
+							e?.code === "LOGIN_REQUIRED" ? window.location.assign(u()) : E(Gi(s, e));
+						} finally {
+							w(!1);
+						}
+					}
+				},
+				style: {
+					display: "flex",
+					gap: "8px",
+					flexWrap: "wrap"
+				},
+				children: [/* @__PURE__ */ f("input", {
+					value: x,
+					maxLength: 1e3,
+					placeholder: s("questionPlaceholder"),
+					onChange: (e) => S(e.target.value),
+					style: {
+						...X,
+						flex: "1 1 260px"
+					}
+				}), /* @__PURE__ */ f("button", {
+					type: "submit",
+					disabled: C || x.trim().length < 3,
+					style: ea,
+					children: s("submitQuestion")
+				})]
+			}) : /* @__PURE__ */ f("p", {
+				style: { margin: 0 },
+				children: /* @__PURE__ */ f("a", {
+					href: u(),
+					style: { color: "var(--page-accent, #111827)" },
+					children: s("signInToAsk")
+				})
+			}),
+			T && /* @__PURE__ */ f("p", {
+				style: {
+					margin: 0,
+					color: Xi
+				},
+				children: T
+			}),
+			D && !D.data.length && /* @__PURE__ */ f("p", {
+				style: {
+					margin: 0,
+					color: Xi
+				},
+				children: s("noQuestions")
+			}),
+			/* @__PURE__ */ f("div", {
+				style: {
+					display: "flex",
+					flexDirection: "column"
+				},
+				children: (D?.data ?? []).map((e) => /* @__PURE__ */ p("article", {
+					style: {
+						padding: "14px 0",
+						borderTop: Zi,
+						display: "flex",
+						flexDirection: "column",
+						gap: "6px"
+					},
+					children: [
+						/* @__PURE__ */ p("div", {
+							style: {
+								display: "flex",
+								gap: "8px",
+								alignItems: "baseline"
+							},
+							children: [/* @__PURE__ */ f("strong", {
+								style: { color: "var(--page-accent, #111827)" },
+								children: s("qMark")
+							}), /* @__PURE__ */ f("span", {
+								style: { fontWeight: 600 },
+								children: e.question
+							})]
+						}),
+						e.answer ? /* @__PURE__ */ p("div", {
+							style: {
+								display: "flex",
+								gap: "8px",
+								alignItems: "baseline"
+							},
+							children: [/* @__PURE__ */ f("strong", {
+								style: { color: "#16a34a" },
+								children: s("aMark")
+							}), /* @__PURE__ */ f("span", {
+								style: { whiteSpace: "pre-wrap" },
+								children: e.answer
+							})]
+						}) : /* @__PURE__ */ f("span", {
+							style: {
+								fontSize: "12px",
+								color: Xi
+							},
+							children: s("awaitingAnswer")
+						}),
+						/* @__PURE__ */ p("span", {
+							style: {
+								fontSize: "12px",
+								color: Xi
+							},
+							children: [
+								e.author || s("anonymous"),
+								" · ",
+								ia(e.created_at, o)
+							]
+						})
+					]
+				}, e.id))
+			}),
+			D && D.data.length < (D.total?.filtered ?? 0) && !t && /* @__PURE__ */ f("button", {
+				type: "button",
+				onClick: () => v((e) => e + 10),
+				style: {
+					...ta,
+					alignSelf: "center"
+				},
+				children: s("loadMore")
+			})
+		]
+	});
+}
+//#endregion
+//#region ../ui/src/components/builder/apps/shop/specs.jsx
+var ga = "1px solid var(--page-border, #d1d5db)", _a = "var(--page-muted, rgba(100,116,139,1))", va = (e) => /^(https?:)?\/\//i.test(String(e)) || String(e).startsWith("/") ? String(e) : "";
+function ya(e, t, n, r) {
+	let i = n || void 0;
+	switch (e.type) {
+		case "integer":
+		case "number": return Number(t).toLocaleString(i);
+		case "money": try {
+			return new Intl.NumberFormat(i, {
+				style: "currency",
+				currency: t.currency
+			}).format(t.amount);
+		} catch {
+			return `${t.amount} ${t.currency}`;
+		}
+		case "measurement": return `${Number(t.value).toLocaleString(i)} ${String(t.unit).replace("_", " ")}`;
+		case "rating": {
+			let n = Number(e.config?.max ?? 5);
+			return /* @__PURE__ */ p("span", {
+				style: {
+					display: "inline-flex",
+					alignItems: "center",
+					gap: "6px"
+				},
+				children: [
+					n === 5 && /* @__PURE__ */ f(sa, { value: Number(t) }),
+					Number(t).toLocaleString(i),
+					" / ",
+					n
+				]
+			});
+		}
+		case "date":
+		case "datetime": try {
+			return new Intl.DateTimeFormat(i, e.type === "date" ? {
+				day: "numeric",
+				month: "long",
+				year: "numeric"
+			} : {
+				dateStyle: "medium",
+				timeStyle: "short"
+			}).format(new Date(t));
+		} catch {
+			return String(t);
+		}
+		case "switch": return r(t ? "yes" : "no");
+		case "color": return /* @__PURE__ */ p("span", {
+			style: {
+				display: "inline-flex",
+				alignItems: "center",
+				gap: "6px"
+			},
+			children: [/* @__PURE__ */ f("span", { style: {
+				width: "14px",
+				height: "14px",
+				borderRadius: "4px",
+				background: t,
+				border: ga,
+				display: "inline-block"
+			} }), t]
+		});
+		case "link": {
+			let e = va(t);
+			return e ? /* @__PURE__ */ f("a", {
+				href: e,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				style: { color: "var(--page-accent, #111827)" },
+				children: t
+			}) : String(t);
+		}
+		case "image": return va(t) ? /* @__PURE__ */ f("img", {
+			src: t,
+			alt: e.name,
+			style: {
+				maxWidth: "160px",
+				maxHeight: "120px",
+				borderRadius: "6px",
+				display: "block"
+			}
+		}) : "";
+		case "video":
+		case "file": return va(t) ? /* @__PURE__ */ f("a", {
+			href: t,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			style: { color: "var(--page-accent, #111827)" },
+			children: String(t).split("/").pop()
+		}) : "";
+		case "media": return (Array.isArray(t) ? t : [t]).filter(va).map((e, t) => /* @__PURE__ */ f("a", {
+			href: e,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			style: {
+				color: "var(--page-accent, #111827)",
+				marginRight: "8px"
+			},
+			children: String(e).split("/").pop()
+		}, t));
+		case "language": try {
+			return new Intl.DisplayNames([n || "en"], { type: "language" }).of(t) ?? t;
+		} catch {
+			return String(t);
+		}
+		case "product": return t?.slug ? /* @__PURE__ */ f("a", {
+			href: `/product/${encodeURIComponent(t.slug)}`,
+			style: { color: "var(--page-accent, #111827)" },
+			children: t.name
+		}) : "";
+		case "page": return t?.slug ? /* @__PURE__ */ f("a", {
+			href: `/${t.slug}`,
+			style: { color: "var(--page-accent, #111827)" },
+			children: t.name
+		}) : "";
+		case "shop_collection": return t?.name ?? "";
+		case "richtext": return Array.isArray(t) ? /* @__PURE__ */ f("div", {
+			style: { lineHeight: 1.55 },
+			children: Rt(t)
+		}) : String(t);
+		case "json": return /* @__PURE__ */ f("code", {
+			style: {
+				fontSize: "12px",
+				whiteSpace: "pre-wrap"
+			},
+			children: JSON.stringify(t)
+		});
+		default: return String(t);
+	}
+}
+function ba({ specs: e, locale: t, words: n }) {
+	return !Array.isArray(e) || !e.length ? null : /* @__PURE__ */ p("section", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "12px"
+		},
+		children: [/* @__PURE__ */ f("h2", {
+			style: {
+				margin: 0,
+				fontSize: "var(--page-h3, 24px)"
 			},
-			children: [/* @__PURE__ */ f("div", {
+			children: n("specifications")
+		}), /* @__PURE__ */ f("div", {
+			role: "table",
+			style: {
+				border: ga,
+				borderRadius: "10px",
+				overflow: "hidden"
+			},
+			children: e.map((e, r) => {
+				let i = e.multiple && Array.isArray(e.value) ? e.value : [e.value];
+				return /* @__PURE__ */ p("div", {
+					role: "row",
+					style: {
+						display: "grid",
+						gridTemplateColumns: "minmax(120px, 34%) 1fr",
+						gap: "16px",
+						padding: "10px 14px",
+						borderTop: r ? ga : 0,
+						fontSize: "14px"
+					},
+					children: [/* @__PURE__ */ f("span", {
+						role: "rowheader",
+						style: { color: _a },
+						children: e.name
+					}), /* @__PURE__ */ f("span", {
+						role: "cell",
+						style: {
+							display: "flex",
+							flexWrap: "wrap",
+							gap: "4px 10px",
+							alignItems: "center"
+						},
+						children: i.map((r, a) => /* @__PURE__ */ p("span", { children: [ya(e, r, t, n), a < i.length - 1 && e.type !== "color" ? "," : ""] }, a))
+					})]
+				}, e.key);
+			})
+		})]
+	});
+}
+//#endregion
+//#region ../ui/src/components/builder/apps/shop/views.jsx
+var $ = "var(--page-muted, rgba(100,116,139,1))", xa = "1px solid var(--page-border, #d1d5db)", Sa = "var(--page-surface, #f2f2f2)", Ca = {
+	...gt,
+	border: 0,
+	borderRadius: "8px",
+	padding: "10px 18px",
+	fontSize: "14px",
+	fontWeight: 600,
+	fontFamily: "inherit",
+	textAlign: "center"
+}, wa = {
+	...Ca,
+	backgroundColor: "transparent",
+	color: "var(--page-text, #111827)",
+	border: xa
+};
+function Ta() {
+	let { tenant: e, apiUrl: t, locale: n, param: a, settings: o } = i(Y), c = s(() => Wi(n), [n]), l = o?.["shop.orderPrefix"], u = o?.["shop.orderSuffix"], d = r((e) => `${typeof l == "string" ? l : "#"}${e}${typeof u == "string" ? u : ""}`, [l, u]);
+	return {
+		tenant: e,
+		apiUrl: t || "/api",
+		locale: n,
+		param: a || "",
+		words: c,
+		orderId: d
+	};
+}
+function Ea(e, t, n = !0) {
+	let r = s(() => Ri(e, t), [e, t]), i = u(r.subscribe, r.getState, r.getState);
+	return a(() => {
+		n && !i.loaded && !i.loading && r.load();
+	}, [n, r]), {
+		store: r,
+		...i
+	};
+}
+var Da = (e) => typeof window > "u" ? "" : new URLSearchParams(window.location.search).get(e) ?? "", Oa = "/product/{slug}", ka = (e) => !e || e === "/product?product={slug}" ? Oa : e, Aa = (e, t) => String(ka(e)).replace(/\{slug\}/g, encodeURIComponent(t.slug)).replace(/\{id\}/g, t.id);
+function ja(e) {
+	let t = e.variants?.length ? e.variants.map((e) => e.stock) : [e.stock];
+	return t.some((e) => e == null) ? null : t.reduce((e, t) => e + Number(t), 0);
+}
+function Ma({ product: e, variant: t, locale: n, size: r = 16 }) {
+	let i = e.currency, a = t?.price ?? e.price;
+	return /* @__PURE__ */ p("span", {
+		style: {
+			display: "inline-flex",
+			alignItems: "baseline",
+			gap: "8px",
+			fontSize: `${r}px`
+		},
+		children: [/* @__PURE__ */ f("span", {
+			style: { fontWeight: 700 },
+			children: Hi(a, i, n)
+		}), e.compare_at_price > a && /* @__PURE__ */ f("span", {
+			style: {
+				color: $,
+				textDecoration: "line-through",
+				fontSize: "0.85em"
+			},
+			children: Hi(e.compare_at_price, i, n)
+		})]
+	});
+}
+var Na = [
+	1,
+	2,
+	3
+].map((e) => ({
+	id: `sample-${e}`,
+	slug: `sample-${e}`,
+	name: `Product ${e}`,
+	price: e * 1990,
+	compare_at_price: e === 2 ? 4990 : null,
+	images: [],
+	variants: [],
+	stock: null,
+	currency: "USD",
+	sample: !0
+}));
+function Pa({ columns: e = 3, limit: t = 12, gap: n = 20, productHref: r = "/product/{slug}", showButton: i = !0, buttonLabel: o = "", emptyText: s = "", collection: c = "", source: u = "catalog", loginHref: d = "", style: m, nodeRef: h, inert: g = !1, sample: _ = !1, noNavigate: v = !1 }) {
+	let { tenant: y, apiUrl: b, locale: x, words: S } = Ta(), C = na(), [w, T] = l(null), [E, D] = l(null), [O, k] = l(""), [A, j] = l({}), [M, N] = l(!1), { store: P, currency: I } = Ea(b, y, !g), L = u === "favorites";
+	a(() => {
+		let e = !0, n = Math.max(1, Math.min(100, Number(t) || 12)), r = I ? `&currency=${encodeURIComponent(I)}` : "";
+		if (L && g) {
+			T([]);
+			return;
+		}
+		return N(!1), Promise.all([Q(b, y, L ? `/store/my/favorites?limit=${n}${r}` : `/store/products?limit=${n}${r}${c ? `&collection=${encodeURIComponent(c)}` : ""}`), Q(b, y, "/store/config")]).then(([t, n]) => {
+			if (!e) return;
+			let r = zi(n, I);
+			D(n), T(Array.isArray(t?.data) ? t.data.map((e) => ({
+				...e,
+				currency: r
+			})) : []);
+		}).catch((t) => {
+			e && (N(L && t?.code === "LOGIN_REQUIRED"), T([]));
+		}), () => {
+			e = !1;
+		};
+	}, [
+		b,
+		y,
+		t,
+		I,
+		c,
+		L,
+		g
+	]);
+	let R = w?.length || !_ ? w ?? [] : Na, z = async (e) => {
+		if (!(g || e.sample)) {
+			k(e.id);
+			try {
+				await P.add(e.id, null, 1), j((t) => ({
+					...t,
+					[e.id]: S("added")
+				}));
+			} catch (t) {
+				j((n) => ({
+					...n,
+					[e.id]: Gi(S, t)
+				}));
+			} finally {
+				k("");
+			}
+		}
+	};
+	return /* @__PURE__ */ p("div", {
+		ref: h,
+		style: { ...F(m) },
+		children: [
+			L && /* @__PURE__ */ f("h2", {
 				style: {
-					aspectRatio: "1 / 1",
-					borderRadius: "12px",
-					overflow: "hidden",
-					background: Zi
+					margin: "0 0 12px",
+					fontSize: "22px"
 				},
-				children: h.images?.[y] && /* @__PURE__ */ f("img", {
-					src: h.images[y],
-					alt: h.name,
-					style: {
-						width: "100%",
-						height: "100%",
-						objectFit: "cover",
-						display: "block"
-					}
+				children: S("myFavorites")
+			}),
+			M && /* @__PURE__ */ f("p", {
+				style: { margin: 0 },
+				children: /* @__PURE__ */ f("a", {
+					href: d || C.loginHref(),
+					onClick: v ? (e) => e.preventDefault() : void 0,
+					style: { color: "var(--page-accent, #111827)" },
+					children: S("signInForFavorites")
 				})
-			}), h.images?.length > 1 && /* @__PURE__ */ f("div", {
+			}),
+			w !== null && !M && !R.length && /* @__PURE__ */ f("p", {
 				style: {
-					display: "flex",
-					gap: "8px",
-					flexWrap: "wrap"
+					color: $,
+					margin: 0
 				},
-				children: h.images.map((e, t) => /* @__PURE__ */ f("button", {
-					type: "button",
-					onClick: () => b(t),
-					style: {
-						width: "64px",
-						height: "64px",
-						padding: 0,
-						borderRadius: "8px",
-						overflow: "hidden",
-						cursor: "pointer",
-						border: t === y ? "2px solid var(--page-accent, #111827)" : Xi,
-						background: Zi
-					},
-					children: /* @__PURE__ */ f("img", {
-						src: e,
-						alt: "",
+				children: s || (L ? S("noFavorites") : E && !E.enabled ? S("closed") : S("noProducts"))
+			}),
+			/* @__PURE__ */ f("div", {
+				style: {
+					display: "grid",
+					gridTemplateColumns: `repeat(auto-fill, minmax(min(100%, max(160px, calc((100% - ${(Number(e) - 1) * n}px) / ${Number(e) || 3}))), 1fr))`,
+					gap: `${n}px`
+				},
+				children: R.map((e) => {
+					let t = ja(e) === 0, n = Aa(r, e);
+					return /* @__PURE__ */ p("div", {
 						style: {
-							width: "100%",
-							height: "100%",
-							objectFit: "cover",
-							display: "block"
-						}
-					})
-				}, e))
-			})]
-		}), /* @__PURE__ */ p("div", {
+							display: "flex",
+							flexDirection: "column",
+							gap: "10px"
+						},
+						children: [
+							/* @__PURE__ */ p("a", {
+								href: n,
+								onClick: v ? (e) => e.preventDefault() : void 0,
+								style: {
+									color: "inherit",
+									textDecoration: "none"
+								},
+								children: [/* @__PURE__ */ f("div", {
+									style: {
+										aspectRatio: "1 / 1",
+										borderRadius: "10px",
+										overflow: "hidden",
+										background: Sa
+									},
+									children: e.images?.[0] && /* @__PURE__ */ f("img", {
+										src: e.images[0],
+										alt: e.name,
+										loading: "lazy",
+										style: {
+											width: "100%",
+											height: "100%",
+											objectFit: "cover",
+											display: "block"
+										}
+									})
+								}), /* @__PURE__ */ f("div", {
+									style: {
+										marginTop: "10px",
+										fontWeight: 600
+									},
+									children: e.name
+								})]
+							}),
+							C.reviewsOn && e.rating_count > 0 && /* @__PURE__ */ p("span", {
+								style: {
+									display: "inline-flex",
+									alignItems: "center",
+									gap: "6px",
+									fontSize: "13px",
+									color: $
+								},
+								children: [
+									/* @__PURE__ */ f(sa, {
+										value: Number(e.rating_avg),
+										size: 14
+									}),
+									"(",
+									ra(e.rating_count, x),
+									")"
+								]
+							}),
+							/* @__PURE__ */ f(Ma, {
+								product: e,
+								locale: x
+							}),
+							i && (e.variants?.length ? /* @__PURE__ */ f("a", {
+								href: n,
+								onClick: v ? (e) => e.preventDefault() : void 0,
+								style: {
+									...wa,
+									display: "block"
+								},
+								children: S("choose")
+							}) : /* @__PURE__ */ f("button", {
+								type: "button",
+								disabled: t || O === e.id,
+								onClick: () => z(e),
+								style: {
+									...Ca,
+									opacity: t ? .5 : 1
+								},
+								children: t ? S("soldOut") : O === e.id ? S("adding") : o || S("add")
+							})),
+							A[e.id] && /* @__PURE__ */ f("span", {
+								style: {
+									fontSize: "13px",
+									color: $
+								},
+								children: A[e.id]
+							})
+						]
+					}, e.id);
+				})
+			})
+		]
+	});
+}
+function Fa({ slug: e = "", buttonLabel: t = "", showReviews: n = !0, showQuestions: r = !0, showSpecs: i = !0, style: o, nodeRef: s, inert: c = !1, sample: u = !1, noNavigate: d = !1 }) {
+	let { tenant: m, apiUrl: h, locale: g, param: _, words: v } = Ta(), [y, b] = l(null), [x, S] = l(!1), [C, w] = l(0), [T, E] = l(""), [D, O] = l(1), [k, A] = l(!1), [j, M] = l(""), { store: N, currency: P } = Ea(h, m, !c), I = e || _ || Da("product"), L = P ? `?currency=${encodeURIComponent(P)}` : "";
+	if (a(() => {
+		let e = !0;
+		return S(!1), (async () => {
+			let t = await Q(h, m, "/store/config"), n = I ? await Q(h, m, `/store/products/${encodeURIComponent(I)}${L}`) : u || d ? (await Q(h, m, `/store/products?limit=1${P ? `&currency=${encodeURIComponent(P)}` : ""}`))?.data?.[0] : null;
+			if (e) {
+				if (!n) {
+					S(!0), b(u ? Na[0] : null);
+					return;
+				}
+				b({
+					...n,
+					currency: zi(t, P)
+				}), E((e) => n.variants?.some((t) => t.id === e) ? e : n.variants?.[0]?.id ?? ""), w(0);
+			}
+		})().catch(() => {
+			e && (S(!0), b(u ? Na[0] : null));
+		}), () => {
+			e = !1;
+		};
+	}, [
+		h,
+		m,
+		I,
+		P
+	]), !y) return /* @__PURE__ */ f("div", {
+		ref: s,
+		style: { ...F(o) },
+		children: x && /* @__PURE__ */ f("p", {
 			style: {
-				display: "flex",
-				flexDirection: "column",
-				gap: "16px"
+				color: $,
+				margin: 0
 			},
-			children: [
-				/* @__PURE__ */ f("h1", {
-					style: {
-						margin: 0,
-						fontSize: "var(--page-h2, 32px)"
-					},
-					children: h.name
-				}),
-				/* @__PURE__ */ f(aa, {
-					product: h,
-					variant: N,
-					locale: d,
-					size: 22
-				}),
-				h.variants?.length > 0 && /* @__PURE__ */ f("div", {
-					style: {
-						display: "flex",
-						gap: "8px",
-						flexWrap: "wrap"
-					},
-					children: h.variants.map((e) => {
-						let t = e.stock === 0;
-						return /* @__PURE__ */ f("button", {
-							type: "button",
-							disabled: t,
-							onClick: () => S(e.id),
-							style: {
-								...$i,
-								padding: "8px 14px",
-								opacity: t ? .45 : 1,
-								textDecoration: t ? "line-through" : "none",
-								borderColor: e.id === x ? "var(--page-accent, #111827)" : void 0,
-								boxShadow: e.id === x ? "inset 0 0 0 1px var(--page-accent, #111827)" : "none"
-							},
-							children: e.title
-						}, e.id);
-					})
-				}),
-				/* @__PURE__ */ p("div", {
+			children: v("noProducts")
+		})
+	});
+	let R = y.variants?.find((e) => e.id === T) ?? null, z = R ? R.stock : y.variants?.length ? null : y.stock, B = z === 0, V = async () => {
+		if (!(c || y.sample)) {
+			A(!0), M("");
+			try {
+				await N.add(y.id, R?.id ?? null, Math.max(1, Number(D) || 1)), M(v("added"));
+			} catch (e) {
+				M(Gi(v, e));
+			} finally {
+				A(!1);
+			}
+		}
+	};
+	return /* @__PURE__ */ p("div", {
+		ref: s,
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "48px",
+			...F(o)
+		},
+		children: [
+			/* @__PURE__ */ p("div", {
+				style: {
+					display: "grid",
+					gridTemplateColumns: "repeat(auto-fit, minmax(min(100%, 320px), 1fr))",
+					gap: "32px"
+				},
+				children: [/* @__PURE__ */ p("div", {
 					style: {
 						display: "flex",
-						gap: "10px",
-						alignItems: "center"
+						flexDirection: "column",
+						gap: "10px"
 					},
-					children: [/* @__PURE__ */ f("input", {
-						type: "number",
-						min: 1,
-						"aria-label": m("quantity"),
-						value: C,
-						onChange: (e) => w(e.target.value),
+					children: [/* @__PURE__ */ f("div", {
 						style: {
-							...X,
-							width: "80px"
-						}
-					}), /* @__PURE__ */ f("button", {
-						type: "button",
-						disabled: I || T,
-						onClick: L,
+							aspectRatio: "1 / 1",
+							borderRadius: "12px",
+							overflow: "hidden",
+							background: Sa
+						},
+						children: y.images?.[C] && /* @__PURE__ */ f("img", {
+							src: y.images[C],
+							alt: y.name,
+							style: {
+								width: "100%",
+								height: "100%",
+								objectFit: "cover",
+								display: "block"
+							}
+						})
+					}), y.images?.length > 1 && /* @__PURE__ */ f("div", {
 						style: {
-							...Qi,
-							flex: 1,
-							opacity: I ? .5 : 1
+							display: "flex",
+							gap: "8px",
+							flexWrap: "wrap"
 						},
-						children: I ? m("soldOut") : T ? m("adding") : t || m("add")
+						children: y.images.map((e, t) => /* @__PURE__ */ f("button", {
+							type: "button",
+							onClick: () => w(t),
+							style: {
+								width: "64px",
+								height: "64px",
+								padding: 0,
+								borderRadius: "8px",
+								overflow: "hidden",
+								cursor: "pointer",
+								border: t === C ? "2px solid var(--page-accent, #111827)" : xa,
+								background: Sa
+							},
+							children: /* @__PURE__ */ f("img", {
+								src: e,
+								alt: "",
+								style: {
+									width: "100%",
+									height: "100%",
+									objectFit: "cover",
+									display: "block"
+								}
+							})
+						}, e))
 					})]
-				}),
-				P !== null && P > 0 && P <= 5 && /* @__PURE__ */ f("span", {
-					style: {
-						fontSize: "13px",
-						color: "var(--page-accent, #b45309)"
-					},
-					children: m("onlyLeft", { n: P })
-				}),
-				D && /* @__PURE__ */ f("span", {
+				}), /* @__PURE__ */ p("div", {
 					style: {
-						fontSize: "13px",
-						color: $
+						display: "flex",
+						flexDirection: "column",
+						gap: "16px"
 					},
-					children: D
-				}),
-				Array.isArray(h.description) && h.description.length > 0 && /* @__PURE__ */ f("div", {
-					style: { lineHeight: 1.6 },
-					children: Rt(h.description)
-				})
-			]
-		})]
+					children: [
+						/* @__PURE__ */ f("h1", {
+							style: {
+								margin: 0,
+								fontSize: "var(--page-h2, 32px)"
+							},
+							children: y.name
+						}),
+						/* @__PURE__ */ f(da, {
+							product: y,
+							inert: c,
+							sample: u && !!y.sample
+						}),
+						/* @__PURE__ */ f(Ma, {
+							product: y,
+							variant: R,
+							locale: g,
+							size: 22
+						}),
+						y.variants?.length > 0 && /* @__PURE__ */ f("div", {
+							style: {
+								display: "flex",
+								gap: "8px",
+								flexWrap: "wrap"
+							},
+							children: y.variants.map((e) => {
+								let t = e.stock === 0;
+								return /* @__PURE__ */ f("button", {
+									type: "button",
+									disabled: t,
+									onClick: () => E(e.id),
+									style: {
+										...wa,
+										padding: "8px 14px",
+										opacity: t ? .45 : 1,
+										textDecoration: t ? "line-through" : "none",
+										borderColor: e.id === T ? "var(--page-accent, #111827)" : void 0,
+										boxShadow: e.id === T ? "inset 0 0 0 1px var(--page-accent, #111827)" : "none"
+									},
+									children: e.title
+								}, e.id);
+							})
+						}),
+						/* @__PURE__ */ p("div", {
+							style: {
+								display: "flex",
+								gap: "10px",
+								alignItems: "center"
+							},
+							children: [/* @__PURE__ */ f("input", {
+								type: "number",
+								min: 1,
+								"aria-label": v("quantity"),
+								value: D,
+								onChange: (e) => O(e.target.value),
+								style: {
+									...X,
+									width: "80px"
+								}
+							}), /* @__PURE__ */ f("button", {
+								type: "button",
+								disabled: B || k,
+								onClick: V,
+								style: {
+									...Ca,
+									flex: 1,
+									opacity: B ? .5 : 1
+								},
+								children: B ? v("soldOut") : k ? v("adding") : t || v("add")
+							})]
+						}),
+						z !== null && z > 0 && z <= 5 && /* @__PURE__ */ f("span", {
+							style: {
+								fontSize: "13px",
+								color: "var(--page-accent, #b45309)"
+							},
+							children: v("onlyLeft", { n: z })
+						}),
+						j && /* @__PURE__ */ f("span", {
+							style: {
+								fontSize: "13px",
+								color: $
+							},
+							children: j
+						}),
+						Array.isArray(y.description) && y.description.length > 0 && /* @__PURE__ */ f("div", {
+							style: { lineHeight: 1.6 },
+							children: Rt(y.description)
+						})
+					]
+				})]
+			}),
+			i && /* @__PURE__ */ f(ba, {
+				specs: y.specs,
+				locale: g,
+				words: v
+			}),
+			n && /* @__PURE__ */ f(pa, {
+				product: y,
+				inert: c,
+				sample: u && !!y.sample
+			}),
+			r && /* @__PURE__ */ f(ha, {
+				product: y,
+				inert: c,
+				sample: u && !!y.sample
+			})
+		]
+	});
+}
+function Ia(e) {
+	return /* @__PURE__ */ f(Pa, {
+		...e,
+		source: "favorites"
 	});
 }
-var la = /* @__PURE__ */ p("svg", {
+var La = /* @__PURE__ */ p("svg", {
 	width: "20",
 	height: "20",
 	viewBox: "0 0 24 24",
@@ -7775,8 +9088,8 @@ var la = /* @__PURE__ */ p("svg", {
 	"aria-hidden": "true",
 	children: [/* @__PURE__ */ f("path", { d: "M6 7h12l-1 13H7L6 7Z" }), /* @__PURE__ */ f("path", { d: "M9 7a3 3 0 0 1 6 0" })]
 });
-function ua({ href: e = "/cart", label: t = "", showLabel: n = !1, style: r, nodeRef: i, inert: a = !1, sample: o = !1, noNavigate: s = !1 }) {
-	let { tenant: c, apiUrl: l, words: u } = ea(), { cart: d } = ta(l, c, !a), m = o && !d.count ? 2 : d.count;
+function Ra({ href: e = "/cart", label: t = "", showLabel: n = !1, style: r, nodeRef: i, inert: a = !1, sample: o = !1, noNavigate: s = !1 }) {
+	let { tenant: c, apiUrl: l, words: u } = Ta(), { cart: d } = Ea(l, c, !a), m = o && !d.count ? 2 : d.count;
 	return /* @__PURE__ */ p("a", {
 		ref: i,
 		href: e,
@@ -7793,7 +9106,7 @@ function ua({ href: e = "/cart", label: t = "", showLabel: n = !1, style: r, nod
 			...F(r)
 		},
 		children: [
-			la,
+			La,
 			n && /* @__PURE__ */ f("span", { children: t || u("cart") }),
 			m > 0 && /* @__PURE__ */ f("span", {
 				style: {
@@ -7817,7 +9130,7 @@ function ua({ href: e = "/cart", label: t = "", showLabel: n = !1, style: r, nod
 		]
 	});
 }
-function da(e, t, n) {
+function za(e, t, n) {
 	if (t === "code") return e;
 	try {
 		if (t === "name") return `${new Intl.DisplayNames([n || "en"], { type: "currency" }).of(e) ?? e} (${e})`;
@@ -7830,8 +9143,8 @@ function da(e, t, n) {
 		return e;
 	}
 }
-function fa({ display: e = "symbol", label: t = "", style: n, nodeRef: r, inert: i = !1 }) {
-	let { tenant: o, apiUrl: s, locale: c } = ea(), { store: u, currency: d } = ta(s, o, !i), [m, h] = l(null), g = {
+function Ba({ display: e = "symbol", label: t = "", style: n, nodeRef: r, inert: i = !1 }) {
+	let { tenant: o, apiUrl: s, locale: c } = Ta(), { store: u, currency: d } = Ea(s, o, !i), [m, h] = l(null), g = {
 		display: "inline-flex",
 		alignItems: "center",
 		gap: 8,
@@ -7877,23 +9190,23 @@ function fa({ display: e = "symbol", label: t = "", style: n, nodeRef: r, inert:
 			},
 			children: _.map((t) => /* @__PURE__ */ f("option", {
 				value: t,
-				children: da(t, e, c)
+				children: za(t, e, c)
 			}, t))
 		})]
 	});
 }
-var pa = {
+var Va = {
 	display: "flex",
 	flexDirection: "column",
 	gap: "6px",
 	fontSize: "13px"
-}, ma = {
+}, Ha = {
 	margin: "0 0 12px",
 	fontSize: "18px"
 };
-function ha({ label: e, required: t, children: n }) {
+function Ua({ label: e, required: t, children: n }) {
 	return /* @__PURE__ */ p("label", {
-		style: pa,
+		style: Va,
 		children: [/* @__PURE__ */ p("span", {
 			style: { fontWeight: 500 },
 			children: [e, t && /* @__PURE__ */ f("span", {
@@ -7903,7 +9216,7 @@ function ha({ label: e, required: t, children: n }) {
 		}), n]
 	});
 }
-var ga = [{
+var Wa = [{
 	id: "ship:standard",
 	type: "shipping",
 	name: "Standard",
@@ -7919,7 +9232,7 @@ var ga = [{
 	min_days: null,
 	max_days: null,
 	detail: "Main Street 1"
-}], _a = {
+}], Ga = {
 	name: "",
 	email: "",
 	phone: "",
@@ -7934,55 +9247,55 @@ var ga = [{
 	recipient: "",
 	gift_message: ""
 };
-function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample: i = !1, noNavigate: o = !1 }) {
-	let { tenant: c, apiUrl: u, locale: d, words: m } = ea(), { store: h, cart: g, loaded: _ } = ta(u, c, !r), [v, y] = l(null), [b, x] = l(_a), [S, C] = l(""), [w, T] = l(!1), [E, D] = l(""), [O, k] = l(null), [A, j] = l(""), [M, N] = l(!1), P = !r && na("cancelled") === "1", I = (e) => Hi(e, g.currency || v?.currency, d);
+function Ka({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample: i = !1, noNavigate: o = !1 }) {
+	let { tenant: c, apiUrl: u, locale: d, words: m, orderId: h } = Ta(), { store: g, cart: _, loaded: v } = Ea(u, c, !r), [y, b] = l(null), [x, S] = l(Ga), [C, w] = l(""), [T, E] = l(!1), [D, O] = l(""), [k, A] = l(null), [j, M] = l(""), [N, P] = l(!1), I = !r && Da("cancelled") === "1", L = (e) => Hi(e, _.currency || y?.currency, d);
 	a(() => {
 		Q(u, c, "/store/config").then((e) => {
-			y(e), C((t) => t || e?.methods?.[0] || "");
-		}).catch(() => y({
+			b(e), w((t) => t || e?.methods?.[0] || "");
+		}).catch(() => b({
 			enabled: !1,
 			methods: []
 		}));
 	}, [u, c]), a(() => {
-		let e = na("order");
-		r || !e || P || Q(u, c, `/store/orders/${encodeURIComponent(e)}`).then((e) => {
-			k(e), e?.payment_status === "paid" && h.reset();
-		}).catch((e) => D(Gi(m, e)));
+		let e = Da("order");
+		r || !e || I || Q(u, c, `/store/orders/${encodeURIComponent(e)}`).then((e) => {
+			A(e), e?.payment_status === "paid" && g.reset();
+		}).catch((e) => O(Gi(m, e)));
 	}, [u, c]);
-	let L = (e) => (t) => x((n) => ({
+	let R = (e) => (t) => S((n) => ({
 		...n,
 		[e]: t.target.value
-	})), R = s(() => Vi(d, v?.zone_countries ?? [], v && !v.ships_elsewhere && v.zone_countries?.length ? v.zone_countries : null), [d, v]);
+	})), z = s(() => Vi(d, y?.zone_countries ?? [], y && !y.ships_elsewhere && y.zone_countries?.length ? y.zone_countries : null), [d, y]);
 	a(() => {
-		g.country && !b.country && x((e) => ({
+		_.country && !x.country && S((e) => ({
 			...e,
-			country: g.country
+			country: _.country
 		}));
-	}, [g.country]);
-	let z = async (e) => {
+	}, [_.country]);
+	let B = async (e) => {
 		if (!r) {
-			N(!0), D("");
+			P(!0), O("");
 			try {
-				await h.setCoupon(e), j("");
+				await g.setCoupon(e), M("");
 			} catch (e) {
-				D(Gi(m, e));
+				O(Gi(m, e));
 			} finally {
-				N(!1);
+				P(!1);
 			}
 		}
-	}, B = async (e) => {
+	}, V = async (e) => {
 		if (e.preventDefault(), !r) {
-			if ((H && !W ? [
+			if ((U && !G ? [
 				"name",
 				"email",
 				"line1",
 				"city",
 				"country"
-			] : ["name", "email"]).some((e) => !b[e].trim())) {
-				D(m("required"));
+			] : ["name", "email"]).some((e) => !x[e].trim())) {
+				O(m("required"));
 				return;
 			}
-			T(!0), D("");
+			E(!0), O("");
 			try {
 				let e = new URL(window.location.href);
 				[
@@ -7993,26 +9306,26 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 				let t = await Q(u, c, "/store/checkout", {
 					method: "POST",
 					body: {
-						cart_id: h.cartId(),
-						method: S,
+						cart_id: g.cartId(),
+						method: C,
 						customer: {
-							name: b.name,
-							email: b.email,
-							phone: b.phone
+							name: x.name,
+							email: x.email,
+							phone: x.phone
 						},
 						address: {
-							name: b.gift ? b.recipient.trim() : "",
-							line1: b.line1,
-							line2: b.line2,
-							city: b.city,
-							region: b.region,
-							postal_code: b.postal_code,
-							country: b.country
+							name: x.gift ? x.recipient.trim() : "",
+							line1: x.line1,
+							line2: x.line2,
+							city: x.city,
+							region: x.region,
+							postal_code: x.postal_code,
+							country: x.country
 						},
-						note: b.note,
-						gift: b.gift,
-						gift_message: b.gift ? b.gift_message : "",
-						delivery: g.delivery || "",
+						note: x.note,
+						gift: x.gift,
+						gift_message: x.gift ? x.gift_message : "",
+						delivery: _.delivery || "",
 						return_url: e.toString()
 					}
 				});
@@ -8020,85 +9333,85 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 					window.location.assign(t.redirect_url);
 					return;
 				}
-				k(t?.order ?? null), h.reset();
+				A(t?.order ?? null), g.reset();
 			} catch (e) {
-				D(Gi(m, e));
+				O(Gi(m, e));
 			} finally {
-				T(!1);
+				E(!1);
 			}
 		}
-	}, V = { ...F(t) }, H = r && i && !g.lines.length ? !0 : g.requires_shipping !== !1, ee = Array.isArray(g.discounts) ? g.discounts : [], te = ee.filter((e) => e.type !== "shipping"), U = ee.find((e) => e.type === "shipping") ?? null, ne = r && i && !g.lines.length ? ga : Array.isArray(g.delivery_options) ? g.delivery_options : [], re = ne.find((e) => e.id === g.delivery) ?? (r && i ? ne[0] : null), W = re?.type === "pickup", G = (e) => {
-		r || e === g.delivery || (D(""), h.setDelivery(e).catch((e) => D(Gi(m, e))));
+	}, H = { ...F(t) }, U = r && i && !_.lines.length ? !0 : _.requires_shipping !== !1, ee = Array.isArray(_.discounts) ? _.discounts : [], te = ee.filter((e) => e.type !== "shipping"), ne = ee.find((e) => e.type === "shipping") ?? null, re = r && i && !_.lines.length ? Wa : Array.isArray(_.delivery_options) ? _.delivery_options : [], W = re.find((e) => e.id === _.delivery) ?? (r && i ? re[0] : null), G = W?.type === "pickup", ie = (e) => {
+		r || e === _.delivery || (O(""), g.setDelivery(e).catch((e) => O(Gi(m, e))));
 	};
-	if (O) {
-		let t = O.payment_status === "paid";
+	if (k) {
+		let t = k.payment_status === "paid";
 		return /* @__PURE__ */ p("div", {
 			ref: n,
 			style: {
 				display: "flex",
 				flexDirection: "column",
 				gap: "12px",
-				...V
+				...H
 			},
 			children: [
 				/* @__PURE__ */ f("h2", {
 					style: { margin: 0 },
-					children: m("thanks", { number: O.number })
+					children: m("thanks", { number: h(k.number) })
 				}),
 				/* @__PURE__ */ f("p", {
 					style: { margin: 0 },
-					children: O.payment_method === "bank_transfer" ? m("transfer") : O.payment_method === "cash_on_delivery" ? m("cod") : m(t ? "paid" : "awaiting")
+					children: k.payment_method === "bank_transfer" ? m("transfer") : k.payment_method === "cash_on_delivery" ? m("cod") : m(t ? "paid" : "awaiting")
 				}),
-				Array.isArray(O.instructions_content) && O.instructions_content.length > 0 ? /* @__PURE__ */ f("div", {
+				Array.isArray(k.instructions_content) && k.instructions_content.length > 0 ? /* @__PURE__ */ f("div", {
 					style: {
 						padding: "12px",
 						borderRadius: "8px",
-						background: Zi
+						background: Sa
 					},
-					children: Rt(O.instructions_content)
-				}) : O.instructions ? /* @__PURE__ */ f("pre", {
+					children: Rt(k.instructions_content)
+				}) : k.instructions ? /* @__PURE__ */ f("pre", {
 					style: {
 						margin: 0,
 						padding: "12px",
 						borderRadius: "8px",
-						background: Zi,
+						background: Sa,
 						whiteSpace: "pre-wrap",
 						fontFamily: "inherit"
 					},
-					children: O.instructions
+					children: k.instructions
 				}) : null,
-				O.delivery && /* @__PURE__ */ p("div", {
+				k.delivery && /* @__PURE__ */ p("div", {
 					style: {
 						padding: "12px",
 						borderRadius: "8px",
-						background: Zi
+						background: Sa
 					},
 					children: [
 						/* @__PURE__ */ f("div", {
 							style: { fontWeight: 600 },
-							children: O.delivery.type === "pickup" ? m("pickupAt", { name: O.delivery.name }) : m("deliveredBy", { name: O.delivery.name })
+							children: k.delivery.type === "pickup" ? m("pickupAt", { name: k.delivery.name }) : m("deliveredBy", { name: k.delivery.name })
 						}),
-						O.delivery.location && /* @__PURE__ */ p("div", {
+						k.delivery.location && /* @__PURE__ */ p("div", {
 							style: {
 								fontSize: "14px",
 								color: $
 							},
 							children: [
 								[
-									O.delivery.location.line1,
-									O.delivery.location.line2,
-									[O.delivery.location.postal_code, O.delivery.location.city].filter(Boolean).join(" ")
+									k.delivery.location.line1,
+									k.delivery.location.line2,
+									[k.delivery.location.postal_code, k.delivery.location.city].filter(Boolean).join(" ")
 								].filter(Boolean).join(", "),
-								O.delivery.location.instructions && /* @__PURE__ */ f("div", { children: O.delivery.location.instructions }),
+								k.delivery.location.instructions && /* @__PURE__ */ f("div", { children: k.delivery.location.instructions }),
 								/* @__PURE__ */ f("div", { children: m("pickupNote") })
 							]
 						}),
-						!O.delivery.location && Yi(m, d, O.delivery.min_days, O.delivery.max_days) && /* @__PURE__ */ f("div", {
+						!k.delivery.location && Yi(m, d, k.delivery.min_days, k.delivery.max_days) && /* @__PURE__ */ f("div", {
 							style: {
 								fontSize: "14px",
 								color: $
 							},
-							children: Yi(m, d, O.delivery.min_days, O.delivery.max_days)
+							children: Yi(m, d, k.delivery.min_days, k.delivery.max_days)
 						})
 					]
 				}),
@@ -8110,15 +9423,15 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 					children: [
 						m("total"),
 						": ",
-						Hi(O.total, O.currency, d)
+						Hi(k.total, k.currency, d)
 					]
 				}),
-				!t && /* @__PURE__ */ f(Ca, {
-					reference: O.transfer_reference,
+				!t && /* @__PURE__ */ f(Za, {
+					reference: k.transfer_reference,
 					words: m
 				}),
-				/* @__PURE__ */ f(wa, {
-					downloads: O.downloads,
+				/* @__PURE__ */ f(Qa, {
+					downloads: k.downloads,
 					apiUrl: u,
 					words: m,
 					locale: d,
@@ -8128,7 +9441,7 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 					href: e,
 					onClick: o ? (e) => e.preventDefault() : void 0,
 					style: {
-						...$i,
+						...wa,
 						alignSelf: "flex-start"
 					},
 					children: m("continue")
@@ -8136,7 +9449,7 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 			]
 		});
 	}
-	let ie = r && i && !g.lines.length ? oa.slice(0, 2).map((e) => ({
+	let ae = r && i && !_.lines.length ? Na.slice(0, 2).map((e) => ({
 		...e,
 		product_id: e.id,
 		variant_id: null,
@@ -8145,25 +9458,25 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 		total: e.price,
 		image: "",
 		variant_title: ""
-	})) : g.lines, ae = r && i && !g.lines.length ? ie.reduce((e, t) => e + t.total, 0) : g.subtotal;
-	if (v && !v.enabled && !r) return /* @__PURE__ */ f("div", {
+	})) : _.lines, oe = r && i && !_.lines.length ? ae.reduce((e, t) => e + t.total, 0) : _.subtotal;
+	if (y && !y.enabled && !r) return /* @__PURE__ */ f("div", {
 		ref: n,
-		style: V,
+		style: H,
 		children: /* @__PURE__ */ f("p", {
 			style: { color: $ },
 			children: m("closed")
 		})
 	});
-	if (_ && !ie.length && !r) return /* @__PURE__ */ p("div", {
+	if (v && !ae.length && !r) return /* @__PURE__ */ p("div", {
 		ref: n,
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: "12px",
-			...V
+			...H
 		},
 		children: [
-			P && /* @__PURE__ */ f("p", {
+			I && /* @__PURE__ */ f("p", {
 				style: {
 					margin: 0,
 					color: $
@@ -8178,23 +9491,23 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 				href: e,
 				onClick: o ? (e) => e.preventDefault() : void 0,
 				style: {
-					...$i,
+					...wa,
 					alignSelf: "flex-start"
 				},
 				children: m("continue")
 			})
 		]
 	});
-	let oe = v?.methods ?? [];
+	let se = y?.methods ?? [];
 	return /* @__PURE__ */ p("form", {
 		ref: n,
-		onSubmit: B,
+		onSubmit: V,
 		style: {
 			display: "grid",
 			gridTemplateColumns: "repeat(auto-fit, minmax(min(100%, 340px), 1fr))",
 			gap: "32px",
 			alignItems: "start",
-			...V
+			...H
 		},
 		children: [/* @__PURE__ */ p("div", {
 			style: {
@@ -8203,7 +9516,7 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 				gap: "20px"
 			},
 			children: [
-				P && /* @__PURE__ */ f("p", {
+				I && /* @__PURE__ */ f("p", {
 					style: {
 						margin: 0,
 						color: $
@@ -8211,20 +9524,20 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 					children: m("cancelled")
 				}),
 				/* @__PURE__ */ p("section", { children: [/* @__PURE__ */ f("h3", {
-					style: ma,
+					style: Ha,
 					children: m("contact")
 				}), /* @__PURE__ */ p("div", {
 					style: {
 						display: "grid",
 						gap: "12px"
 					},
-					children: [/* @__PURE__ */ f(ha, {
+					children: [/* @__PURE__ */ f(Ua, {
 						label: m("name"),
 						required: !0,
 						children: /* @__PURE__ */ f("input", {
 							style: X,
-							value: b.name,
-							onChange: L("name"),
+							value: x.name,
+							onChange: R("name"),
 							autoComplete: "name"
 						})
 					}), /* @__PURE__ */ p("div", {
@@ -8233,31 +9546,31 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 							gridTemplateColumns: "1fr 1fr",
 							gap: "12px"
 						},
-						children: [/* @__PURE__ */ f(ha, {
+						children: [/* @__PURE__ */ f(Ua, {
 							label: m("email"),
 							required: !0,
 							children: /* @__PURE__ */ f("input", {
 								type: "email",
 								style: X,
-								value: b.email,
-								onChange: L("email"),
+								value: x.email,
+								onChange: R("email"),
 								autoComplete: "email"
 							})
-						}), /* @__PURE__ */ f(ha, {
+						}), /* @__PURE__ */ f(Ua, {
 							label: m("phone"),
 							children: /* @__PURE__ */ f("input", {
 								type: "tel",
 								style: X,
-								value: b.phone,
-								onChange: L("phone"),
+								value: x.phone,
+								onChange: R("phone"),
 								autoComplete: "tel"
 							})
 						})]
 					})]
 				})] }),
-				H && /* @__PURE__ */ p("section", { children: [
+				U && /* @__PURE__ */ p("section", { children: [
 					/* @__PURE__ */ f("h3", {
-						style: ma,
+						style: Ha,
 						children: m("delivery")
 					}),
 					/* @__PURE__ */ f("div", {
@@ -8268,33 +9581,33 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 								gridTemplateColumns: "1fr 1fr",
 								gap: "12px"
 							},
-							children: [/* @__PURE__ */ f(ha, {
+							children: [/* @__PURE__ */ f(Ua, {
 								label: m("postal"),
 								children: /* @__PURE__ */ f("input", {
 									style: X,
-									value: b.postal_code,
-									onChange: L("postal_code"),
-									onBlur: () => !r && b.country && h.setCountry(b.country, b.postal_code).catch((e) => D(Gi(m, e))),
+									value: x.postal_code,
+									onChange: R("postal_code"),
+									onBlur: () => !r && x.country && g.setCountry(x.country, x.postal_code).catch((e) => O(Gi(m, e))),
 									autoComplete: "postal-code"
 								})
-							}), /* @__PURE__ */ f(ha, {
+							}), /* @__PURE__ */ f(Ua, {
 								label: m("country"),
-								required: !W,
+								required: !G,
 								children: /* @__PURE__ */ p("select", {
 									style: X,
-									value: b.country,
+									value: x.country,
 									autoComplete: "country",
 									onChange: (e) => {
 										let t = e.target.value;
-										x((e) => ({
+										S((e) => ({
 											...e,
 											country: t
-										})), r || h.setCountry(t, b.postal_code).catch((e) => D(Gi(m, e)));
+										})), r || g.setCountry(t, x.postal_code).catch((e) => O(Gi(m, e)));
 									},
 									children: [/* @__PURE__ */ f("option", {
 										value: "",
 										children: m("chooseCountry")
-									}), R.map((e) => /* @__PURE__ */ f("option", {
+									}), z.map((e) => /* @__PURE__ */ f("option", {
 										value: e.code,
 										children: e.name
 									}, e.code))]
@@ -8302,20 +9615,20 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 							})]
 						})
 					}),
-					!ne.length && /* @__PURE__ */ f("p", {
+					!re.length && /* @__PURE__ */ f("p", {
 						style: {
 							margin: 0,
 							color: $,
 							fontSize: "14px"
 						},
-						children: b.country ? m("noShipping") : m("deliveryPick")
+						children: x.country ? m("noShipping") : m("deliveryPick")
 					}),
 					/* @__PURE__ */ f("div", {
 						style: {
 							display: "grid",
 							gap: "8px"
 						},
-						children: ne.map((e) => {
+						children: re.map((e) => {
 							let t = Yi(m, d, e.min_days, e.max_days);
 							return /* @__PURE__ */ p("label", {
 								style: {
@@ -8324,7 +9637,7 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 									gap: "10px",
 									padding: "12px",
 									borderRadius: "8px",
-									border: re?.id === e.id ? "1px solid var(--page-accent, #4f46e5)" : Xi,
+									border: W?.id === e.id ? "1px solid var(--page-accent, #4f46e5)" : xa,
 									cursor: "pointer"
 								},
 								children: [
@@ -8332,8 +9645,8 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 										type: "radio",
 										name: "delivery",
 										value: e.id,
-										checked: re?.id === e.id,
-										onChange: () => G(e.id),
+										checked: W?.id === e.id,
+										onChange: () => ie(e.id),
 										style: { marginTop: "3px" }
 									}),
 									/* @__PURE__ */ p("span", {
@@ -8369,15 +9682,15 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 									}),
 									/* @__PURE__ */ f("span", {
 										style: { fontWeight: 600 },
-										children: e.amount ? I(e.amount) : m("free")
+										children: e.amount ? L(e.amount) : m("free")
 									})
 								]
 							}, e.id);
 						})
 					})
 				] }),
-				H && !W && /* @__PURE__ */ p("section", { children: [/* @__PURE__ */ f("h3", {
-					style: ma,
+				U && !G && /* @__PURE__ */ p("section", { children: [/* @__PURE__ */ f("h3", {
+					style: Ha,
 					children: m("address")
 				}), /* @__PURE__ */ p("div", {
 					style: {
@@ -8385,22 +9698,22 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 						gap: "12px"
 					},
 					children: [
-						/* @__PURE__ */ f(ha, {
+						/* @__PURE__ */ f(Ua, {
 							label: m("line1"),
 							required: !0,
 							children: /* @__PURE__ */ f("input", {
 								style: X,
-								value: b.line1,
-								onChange: L("line1"),
+								value: x.line1,
+								onChange: R("line1"),
 								autoComplete: "address-line1"
 							})
 						}),
-						/* @__PURE__ */ f(ha, {
+						/* @__PURE__ */ f(Ua, {
 							label: m("line2"),
 							children: /* @__PURE__ */ f("input", {
 								style: X,
-								value: b.line2,
-								onChange: L("line2"),
+								value: x.line2,
+								onChange: R("line2"),
 								autoComplete: "address-line2"
 							})
 						}),
@@ -8410,26 +9723,26 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 								gridTemplateColumns: "1fr 1fr",
 								gap: "12px"
 							},
-							children: [/* @__PURE__ */ f(ha, {
+							children: [/* @__PURE__ */ f(Ua, {
 								label: m("city"),
 								required: !0,
 								children: /* @__PURE__ */ f("input", {
 									style: X,
-									value: b.city,
-									onChange: L("city"),
+									value: x.city,
+									onChange: R("city"),
 									autoComplete: "address-level2"
 								})
-							}), /* @__PURE__ */ f(ha, {
+							}), /* @__PURE__ */ f(Ua, {
 								label: m("region"),
 								children: /* @__PURE__ */ f("input", {
 									style: X,
-									value: b.region,
-									onChange: L("region"),
+									value: x.region,
+									onChange: R("region"),
 									autoComplete: "address-level1"
 								})
 							})]
 						}),
-						/* @__PURE__ */ f(ha, {
+						/* @__PURE__ */ f(Ua, {
 							label: m("note"),
 							children: /* @__PURE__ */ f("textarea", {
 								rows: 2,
@@ -8437,8 +9750,8 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 									...X,
 									resize: "vertical"
 								},
-								value: b.note,
-								onChange: L("note")
+								value: x.note,
+								onChange: R("note")
 							})
 						})
 					]
@@ -8452,8 +9765,8 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 					},
 					children: [/* @__PURE__ */ f("input", {
 						type: "checkbox",
-						checked: b.gift,
-						onChange: (e) => x((t) => ({
+						checked: x.gift,
+						onChange: (e) => S((t) => ({
 							...t,
 							gift: e.target.checked
 						})),
@@ -8469,22 +9782,22 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 						},
 						children: m("giftHint")
 					})] })]
-				}), b.gift && /* @__PURE__ */ p("div", {
+				}), x.gift && /* @__PURE__ */ p("div", {
 					style: {
 						marginTop: "12px",
 						display: "grid",
 						gap: "12px"
 					},
-					children: [H && !W && /* @__PURE__ */ f(ha, {
+					children: [U && !G && /* @__PURE__ */ f(Ua, {
 						label: m("giftRecipient"),
 						children: /* @__PURE__ */ f("input", {
 							style: X,
-							value: b.recipient,
-							onChange: L("recipient"),
+							value: x.recipient,
+							onChange: R("recipient"),
 							maxLength: 200,
 							autoComplete: "off"
 						})
-					}), /* @__PURE__ */ f(ha, {
+					}), /* @__PURE__ */ f(Ua, {
 						label: m("giftMessage"),
 						children: /* @__PURE__ */ f("textarea", {
 							rows: 3,
@@ -8493,17 +9806,17 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 								...X,
 								resize: "vertical"
 							},
-							value: b.gift_message,
-							onChange: L("gift_message")
+							value: x.gift_message,
+							onChange: R("gift_message")
 						})
 					})]
 				})] }),
 				/* @__PURE__ */ p("section", { children: [
 					/* @__PURE__ */ f("h3", {
-						style: ma,
+						style: Ha,
 						children: m("payment")
 					}),
-					!oe.length && !r && /* @__PURE__ */ f("p", {
+					!se.length && !r && /* @__PURE__ */ f("p", {
 						style: {
 							margin: 0,
 							color: $
@@ -8515,23 +9828,23 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 							display: "grid",
 							gap: "8px"
 						},
-						children: (r && !oe.length ? ["stripe", "bank_transfer"] : oe).map((e) => /* @__PURE__ */ p("label", {
+						children: (r && !se.length ? ["stripe", "bank_transfer"] : se).map((e) => /* @__PURE__ */ p("label", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								gap: "10px",
 								padding: "12px",
 								borderRadius: "8px",
-								border: Xi,
+								border: xa,
 								cursor: "pointer"
 							},
 							children: [/* @__PURE__ */ f("input", {
 								type: "radio",
 								name: "method",
 								value: e,
-								checked: S === e,
-								onChange: () => C(e)
-							}), /* @__PURE__ */ f("span", { children: v?.method_names?.[e] ?? m(e) })]
+								checked: C === e,
+								onChange: () => w(e)
+							}), /* @__PURE__ */ f("span", { children: y?.method_names?.[e] ?? m(e) })]
 						}, e))
 					})
 				] })
@@ -8543,17 +9856,17 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 				gap: "14px",
 				padding: "20px",
 				borderRadius: "12px",
-				background: Zi
+				background: Sa
 			},
 			children: [
 				/* @__PURE__ */ f("h3", {
 					style: {
-						...ma,
+						...Ha,
 						margin: 0
 					},
 					children: m("cart")
 				}),
-				ie.map((e) => /* @__PURE__ */ p("div", {
+				ae.map((e) => /* @__PURE__ */ p("div", {
 					style: {
 						display: "flex",
 						gap: "12px",
@@ -8609,7 +9922,7 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 										min: 1,
 										"aria-label": m("quantity"),
 										value: e.quantity,
-										onChange: (t) => !r && h.setLine(e.product_id, e.variant_id, Math.max(1, Number(t.target.value) || 1)).catch((e) => D(Gi(m, e))),
+										onChange: (t) => !r && g.setLine(e.product_id, e.variant_id, Math.max(1, Number(t.target.value) || 1)).catch((e) => O(Gi(m, e))),
 										style: {
 											...X,
 											width: "64px",
@@ -8617,7 +9930,7 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 										}
 									}), /* @__PURE__ */ f("button", {
 										type: "button",
-										onClick: () => !r && h.setLine(e.product_id, e.variant_id, 0).catch((e) => D(Gi(m, e))),
+										onClick: () => !r && g.setLine(e.product_id, e.variant_id, 0).catch((e) => O(Gi(m, e))),
 										style: {
 											background: "none",
 											border: 0,
@@ -8641,15 +9954,15 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 									color: $,
 									textDecoration: "line-through"
 								},
-								children: I(e.total)
+								children: L(e.total)
 							}), /* @__PURE__ */ f("div", {
 								style: { fontWeight: 600 },
-								children: I(e.total - (e.discount || 0))
+								children: L(e.total - (e.discount || 0))
 							})]
 						})
 					]
 				}, `${e.product_id}:${e.variant_id ?? ""}`)),
-				g.coupon ? /* @__PURE__ */ p("div", {
+				_.coupon ? /* @__PURE__ */ p("div", {
 					style: {
 						display: "flex",
 						alignItems: "center",
@@ -8661,15 +9974,15 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 						style: {
 							padding: "4px 10px",
 							borderRadius: "999px",
-							border: Xi,
+							border: xa,
 							fontWeight: 600,
 							letterSpacing: "0.04em"
 						},
-						children: g.coupon.code
+						children: _.coupon.code
 					}), /* @__PURE__ */ f("button", {
 						type: "button",
-						disabled: M,
-						onClick: () => z(""),
+						disabled: N,
+						onClick: () => B(""),
 						style: {
 							background: "none",
 							border: 0,
@@ -8690,10 +10003,10 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 					children: [/* @__PURE__ */ f("input", {
 						"aria-label": m("coupon"),
 						placeholder: m("coupon"),
-						value: A,
-						onChange: (e) => j(e.target.value.toUpperCase()),
+						value: j,
+						onChange: (e) => M(e.target.value.toUpperCase()),
 						onKeyDown: (e) => {
-							e.key === "Enter" && (e.preventDefault(), A.trim() && z(A.trim()));
+							e.key === "Enter" && (e.preventDefault(), j.trim() && B(j.trim()));
 						},
 						style: {
 							...X,
@@ -8702,25 +10015,25 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 						}
 					}), /* @__PURE__ */ f("button", {
 						type: "button",
-						disabled: M || !A.trim(),
-						onClick: () => z(A.trim()),
+						disabled: N || !j.trim(),
+						onClick: () => B(j.trim()),
 						style: {
-							...$i,
+							...wa,
 							padding: "8px 14px"
 						},
 						children: m("apply")
 					})]
 				}),
-				g.coupon_error && /* @__PURE__ */ f("span", {
+				_.coupon_error && /* @__PURE__ */ f("span", {
 					style: {
 						fontSize: "13px",
 						color: $
 					},
-					children: g.coupon_error_code && m.has(g.coupon_error_code) ? m(g.coupon_error_code) : g.coupon_error
+					children: _.coupon_error_code && m.has(_.coupon_error_code) ? m(_.coupon_error_code) : _.coupon_error
 				}),
 				/* @__PURE__ */ p("div", {
 					style: {
-						borderTop: Xi,
+						borderTop: xa,
 						paddingTop: "12px",
 						display: "grid",
 						gap: "6px",
@@ -8732,7 +10045,7 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 								display: "flex",
 								justifyContent: "space-between"
 							},
-							children: [/* @__PURE__ */ f("span", { children: m("subtotal") }), /* @__PURE__ */ f("span", { children: I(ae) })]
+							children: [/* @__PURE__ */ f("span", { children: m("subtotal") }), /* @__PURE__ */ f("span", { children: L(oe) })]
 						}),
 						te.length ? te.map((e) => /* @__PURE__ */ p("div", {
 							style: {
@@ -8744,30 +10057,30 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 								m("discount"),
 								" · ",
 								e.title
-							] }), /* @__PURE__ */ p("span", { children: ["−", I(e.amount)] })]
-						}, e.id)) : g.discount_total > 0 && /* @__PURE__ */ p("div", {
+							] }), /* @__PURE__ */ p("span", { children: ["−", L(e.amount)] })]
+						}, e.id)) : _.discount_total > 0 && /* @__PURE__ */ p("div", {
 							style: {
 								display: "flex",
 								justifyContent: "space-between"
 							},
-							children: [/* @__PURE__ */ f("span", { children: m("discount") }), /* @__PURE__ */ p("span", { children: ["−", I(g.discount_total)] })]
+							children: [/* @__PURE__ */ f("span", { children: m("discount") }), /* @__PURE__ */ p("span", { children: ["−", L(_.discount_total)] })]
 						}),
-						H && /* @__PURE__ */ p("div", {
+						U && /* @__PURE__ */ p("div", {
 							style: {
 								display: "flex",
 								justifyContent: "space-between",
 								gap: "8px"
 							},
-							children: [/* @__PURE__ */ p("span", { children: [re?.name ?? m("shipping"), U ? ` · ${U.title}` : ""] }), /* @__PURE__ */ p("span", { children: [U && /* @__PURE__ */ f("span", {
+							children: [/* @__PURE__ */ p("span", { children: [W?.name ?? m("shipping"), ne ? ` · ${ne.title}` : ""] }), /* @__PURE__ */ p("span", { children: [ne && /* @__PURE__ */ f("span", {
 								style: {
 									color: $,
 									textDecoration: "line-through",
 									marginRight: "6px"
 								},
-								children: I(g.shipping_before)
-							}), (U ? g.shipping_total : re?.amount ?? g.shipping_total) ? I(U ? g.shipping_total : re?.amount ?? g.shipping_total) : m("free")] })]
+								children: L(_.shipping_before)
+							}), (ne ? _.shipping_total : W?.amount ?? _.shipping_total) ? L(ne ? _.shipping_total : W?.amount ?? _.shipping_total) : m("free")] })]
 						}),
-						!g.tax_included && g.tax_total > 0 && /* @__PURE__ */ p("div", {
+						!_.tax_included && _.tax_total > 0 && /* @__PURE__ */ p("div", {
 							style: {
 								display: "flex",
 								justifyContent: "space-between"
@@ -8775,9 +10088,9 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 							children: [/* @__PURE__ */ p("span", { children: [
 								m("tax"),
 								" (",
-								g.tax_rate,
+								_.tax_rate,
 								"%)"
-							] }), /* @__PURE__ */ f("span", { children: I(g.tax_total) })]
+							] }), /* @__PURE__ */ f("span", { children: L(_.tax_total) })]
 						}),
 						/* @__PURE__ */ p("div", {
 							style: {
@@ -8786,9 +10099,9 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 								fontWeight: 700,
 								fontSize: "16px"
 							},
-							children: [/* @__PURE__ */ f("span", { children: m("total") }), /* @__PURE__ */ f("span", { children: I(r && i && !g.lines.length ? ae : g.total) })]
+							children: [/* @__PURE__ */ f("span", { children: m("total") }), /* @__PURE__ */ f("span", { children: L(r && i && !_.lines.length ? oe : _.total) })]
 						}),
-						g.tax_included && g.tax_total > 0 && /* @__PURE__ */ p("div", {
+						_.tax_included && _.tax_total > 0 && /* @__PURE__ */ p("div", {
 							style: {
 								display: "flex",
 								justifyContent: "space-between",
@@ -8798,13 +10111,13 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 							children: [/* @__PURE__ */ p("span", { children: [
 								m("taxIncluded"),
 								" (",
-								g.tax_rate,
+								_.tax_rate,
 								"%)"
-							] }), /* @__PURE__ */ f("span", { children: I(g.tax_total) })]
+							] }), /* @__PURE__ */ f("span", { children: L(_.tax_total) })]
 						})
 					]
 				}),
-				g.shipping_available === !1 && /* @__PURE__ */ f("p", {
+				_.shipping_available === !1 && /* @__PURE__ */ f("p", {
 					style: {
 						margin: 0,
 						color: "#dc2626",
@@ -8812,25 +10125,25 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 					},
 					children: m("noShipping")
 				}),
-				E && /* @__PURE__ */ f("p", {
+				D && /* @__PURE__ */ f("p", {
 					style: {
 						margin: 0,
 						color: "#dc2626",
 						fontSize: "13px"
 					},
-					children: E
+					children: D
 				}),
 				/* @__PURE__ */ f("button", {
 					type: "submit",
-					disabled: w || !S || g.shipping_available === !1,
+					disabled: T || !C || _.shipping_available === !1,
 					style: {
-						...Qi,
+						...Ca,
 						width: "100%",
 						padding: "12px"
 					},
-					children: m(w ? "placing" : "placeOrder")
+					children: m(T ? "placing" : "placeOrder")
 				}),
-				/* @__PURE__ */ f(ba, {
+				/* @__PURE__ */ f(Ja, {
 					apiUrl: u,
 					tenant: c,
 					words: m,
@@ -8842,7 +10155,7 @@ function va({ continueHref: e = "/", style: t, nodeRef: n, inert: r = !1, sample
 		})]
 	});
 }
-var ya = [
+var qa = [
 	"refund",
 	"privacy",
 	"terms",
@@ -8853,8 +10166,8 @@ var ya = [
 	fields: {},
 	updated_at: null
 }));
-function ba({ apiUrl: e, tenant: t, words: n, locale: r, sample: i, inert: o }) {
-	let [s, c] = l(i ? ya : []), [u, d] = l(null);
+function Ja({ apiUrl: e, tenant: t, words: n, locale: r, sample: i, inert: o }) {
+	let [s, c] = l(i ? qa : []), [u, d] = l(null);
 	if (a(() => {
 		if (i) return;
 		let n = !0;
@@ -8895,12 +10208,12 @@ function ba({ apiUrl: e, tenant: t, words: n, locale: r, sample: i, inert: o })
 					display: "flex",
 					flexWrap: "wrap",
 					gap: "6px 14px",
-					borderTop: Xi,
+					borderTop: xa,
 					paddingTop: "10px"
 				},
 				children: s.map(g)
 			}),
-			u && /* @__PURE__ */ f(xa, {
+			u && /* @__PURE__ */ f(Ya, {
 				policy: u,
 				words: n,
 				locale: r,
@@ -8909,7 +10222,7 @@ function ba({ apiUrl: e, tenant: t, words: n, locale: r, sample: i, inert: o })
 		]
 	});
 }
-function xa({ policy: e, words: t, locale: n, onClose: r }) {
+function Ya({ policy: e, words: t, locale: n, onClose: r }) {
 	a(() => {
 		let e = (e) => {
 			e.key === "Escape" && r();
@@ -8945,7 +10258,7 @@ function xa({ policy: e, words: t, locale: n, onClose: r }) {
 			style: {
 				background: "var(--page-bg, #fff)",
 				color: "var(--page-text, #111827)",
-				border: Xi,
+				border: xa,
 				borderRadius: "12px",
 				width: "min(720px, 100%)",
 				maxHeight: "85vh",
@@ -8959,7 +10272,7 @@ function xa({ policy: e, words: t, locale: n, onClose: r }) {
 					alignItems: "center",
 					gap: "12px",
 					padding: "16px 20px",
-					borderBottom: Xi
+					borderBottom: xa
 				},
 				children: [/* @__PURE__ */ f("strong", {
 					style: {
@@ -8972,7 +10285,7 @@ function xa({ policy: e, words: t, locale: n, onClose: r }) {
 					onClick: r,
 					"aria-label": t("close"),
 					style: {
-						...$i,
+						...wa,
 						padding: "4px 10px"
 					},
 					children: "×"
@@ -9024,12 +10337,12 @@ function xa({ policy: e, words: t, locale: n, onClose: r }) {
 		})
 	});
 }
-var Sa = {
+var Xa = {
 	year: "numeric",
 	month: "short",
 	day: "numeric"
 };
-function Ca({ reference: e, words: t }) {
+function Za({ reference: e, words: t }) {
 	let [n, r] = l(!1);
 	return e ? /* @__PURE__ */ p("div", {
 		style: {
@@ -9070,7 +10383,7 @@ function Ca({ reference: e, words: t }) {
 						} catch {}
 					},
 					style: {
-						...$i,
+						...wa,
 						padding: "6px 12px"
 					},
 					children: t(n ? "copied" : "copy")
@@ -9086,7 +10399,7 @@ function Ca({ reference: e, words: t }) {
 		]
 	}) : null;
 }
-function wa({ downloads: e, apiUrl: t, words: n, locale: r, noNavigate: i }) {
+function Qa({ downloads: e, apiUrl: t, words: n, locale: r, noNavigate: i }) {
 	let a = Array.isArray(e) ? e.filter((e) => e && e.token && !e.revoked_at) : [];
 	if (!a.length) return null;
 	let o = (e) => {
@@ -9113,7 +10426,7 @@ function wa({ downloads: e, apiUrl: t, words: n, locale: r, noNavigate: i }) {
 					alignItems: "center",
 					gap: "12px",
 					padding: "10px 12px",
-					border: Xi,
+					border: xa,
 					borderRadius: "8px"
 				},
 				children: [/* @__PURE__ */ p("div", {
@@ -9139,7 +10452,7 @@ function wa({ downloads: e, apiUrl: t, words: n, locale: r, noNavigate: i }) {
 					href: `${t}/store/downloads/${encodeURIComponent(e.token)}`,
 					onClick: i ? (e) => e.preventDefault() : void 0,
 					style: {
-						...Qi,
+						...Ca,
 						padding: "6px 14px",
 						textDecoration: "none",
 						fontSize: "14px"
@@ -9156,7 +10469,7 @@ function wa({ downloads: e, apiUrl: t, words: n, locale: r, noNavigate: i }) {
 		})]
 	});
 }
-function Ta({ tracking: e, words: t, noNavigate: n }) {
+function $a({ tracking: e, words: t, noNavigate: n }) {
 	let r = typeof e?.carrier == "string" ? e.carrier : "", i = typeof e?.number == "string" ? e.number : "", a = typeof e?.url == "string" && /^https?:\/\//i.test(e.url) ? e.url : "";
 	return !r && !i && !a ? null : /* @__PURE__ */ p("div", {
 		style: {
@@ -9185,13 +10498,13 @@ function Ta({ tracking: e, words: t, noNavigate: n }) {
 		]
 	});
 }
-function Ea({ loginHref: e = "/login", limit: t = 20, style: n, nodeRef: r, inert: i = !1, sample: o = !1, noNavigate: s = !1 }) {
-	let { tenant: c, apiUrl: u, locale: d, words: m } = ea(), [h, g] = l(null), [_, v] = l(!1), [y, b] = l("");
+function eo({ loginHref: e = "/login", limit: t = 20, style: n, nodeRef: r, inert: i = !1, sample: o = !1, noNavigate: s = !1 }) {
+	let { tenant: c, apiUrl: u, locale: d, words: m, orderId: h } = Ta(), [g, _] = l(null), [v, y] = l(!1), [b, x] = l("");
 	a(() => {
 		if (i) return;
 		let e = !0;
-		return Q(u, c, `/store/my/orders?limit=${Math.max(1, Math.min(100, Number(t) || 20))}`).then((t) => e && g(Array.isArray(t?.data) ? t.data : [])).catch((t) => {
-			e && (v(t?.code === "LOGIN_REQUIRED"), g([]));
+		return Q(u, c, `/store/my/orders?limit=${Math.max(1, Math.min(100, Number(t) || 20))}`).then((t) => e && _(Array.isArray(t?.data) ? t.data : [])).catch((t) => {
+			e && (y(t?.code === "LOGIN_REQUIRED"), _([]));
 		}), () => {
 			e = !1;
 		};
@@ -9201,7 +10514,7 @@ function Ea({ loginHref: e = "/login", limit: t = 20, style: n, nodeRef: r, iner
 		t,
 		i
 	]);
-	let x = i && o ? [{
+	let S = i && o ? [{
 		id: "s1",
 		number: 1042,
 		status: "shipped",
@@ -9219,9 +10532,9 @@ function Ea({ loginHref: e = "/login", limit: t = 20, style: n, nodeRef: r, iner
 		total: 2990,
 		created_at: (/* @__PURE__ */ new Date(Date.now() - 864e6)).toISOString(),
 		items: []
-	}] : h ?? [], S = (e) => {
+	}] : g ?? [], C = (e) => {
 		try {
-			return new Intl.DateTimeFormat(d || void 0, Sa).format(new Date(e));
+			return new Intl.DateTimeFormat(d || void 0, Xa).format(new Date(e));
 		} catch {
 			return String(e).slice(0, 10);
 		}
@@ -9242,7 +10555,7 @@ function Ea({ loginHref: e = "/login", limit: t = 20, style: n, nodeRef: r, iner
 				},
 				children: m("myOrders")
 			}),
-			_ && /* @__PURE__ */ f("p", {
+			v && /* @__PURE__ */ f("p", {
 				style: { margin: 0 },
 				children: /* @__PURE__ */ f("a", {
 					href: e,
@@ -9251,22 +10564,22 @@ function Ea({ loginHref: e = "/login", limit: t = 20, style: n, nodeRef: r, iner
 					children: m("signInForOrders")
 				})
 			}),
-			!_ && (h !== null || i) && !x.length && /* @__PURE__ */ f("p", {
+			!v && (g !== null || i) && !S.length && /* @__PURE__ */ f("p", {
 				style: {
 					margin: 0,
 					color: $
 				},
 				children: m("noOrders")
 			}),
-			x.map((e) => /* @__PURE__ */ p("div", {
+			S.map((e) => /* @__PURE__ */ p("div", {
 				style: {
-					border: Xi,
+					border: xa,
 					borderRadius: "10px",
 					overflow: "hidden"
 				},
 				children: [/* @__PURE__ */ p("button", {
 					type: "button",
-					onClick: () => b((t) => t === e.id ? "" : e.id),
+					onClick: () => x((t) => t === e.id ? "" : e.id),
 					style: {
 						width: "100%",
 						display: "grid",
@@ -9282,26 +10595,26 @@ function Ea({ loginHref: e = "/login", limit: t = 20, style: n, nodeRef: r, iner
 						cursor: "pointer"
 					},
 					children: [
-						/* @__PURE__ */ p("span", { children: [/* @__PURE__ */ p("strong", { children: ["#", e.number] }), /* @__PURE__ */ f("span", {
+						/* @__PURE__ */ p("span", { children: [/* @__PURE__ */ f("strong", { children: h(e.number) }), /* @__PURE__ */ f("span", {
 							style: {
 								color: $,
 								marginLeft: "8px",
 								fontSize: "13px"
 							},
-							children: S(e.created_at)
+							children: C(e.created_at)
 						})] }),
 						/* @__PURE__ */ p("span", {
 							style: {
 								fontSize: "13px",
 								padding: "2px 10px",
 								borderRadius: "999px",
-								background: Zi
+								background: Sa
 							},
 							children: [m(`st_${e.status}`), e.payment_status === "paid" ? "" : ` · ${m(`pay_${e.payment_status}`)}`]
 						}),
 						/* @__PURE__ */ f("strong", { children: Hi(e.total, e.currency, d) })
 					]
-				}), y === e.id && e.items?.length > 0 && /* @__PURE__ */ p("div", {
+				}), b === e.id && e.items?.length > 0 && /* @__PURE__ */ p("div", {
 					style: {
 						padding: "0 14px 12px",
 						display: "grid",
@@ -9325,16 +10638,16 @@ function Ea({ loginHref: e = "/login", limit: t = 20, style: n, nodeRef: r, iner
 								})
 							] }), /* @__PURE__ */ f("span", { children: Hi(t.total, e.currency, d) })]
 						}, t.id)),
-						e.payment_status === "unpaid" && e.status !== "cancelled" && /* @__PURE__ */ f(Ca, {
+						e.payment_status === "unpaid" && e.status !== "cancelled" && /* @__PURE__ */ f(Za, {
 							reference: e.transfer_reference,
 							words: m
 						}),
-						/* @__PURE__ */ f(Ta, {
+						/* @__PURE__ */ f($a, {
 							tracking: e.tracking,
 							words: m,
 							noNavigate: s
 						}),
-						/* @__PURE__ */ f(wa, {
+						/* @__PURE__ */ f(Qa, {
 							downloads: e.downloads,
 							apiUrl: u,
 							words: m,
@@ -9349,21 +10662,21 @@ function Ea({ loginHref: e = "/login", limit: t = 20, style: n, nodeRef: r, iner
 }
 //#endregion
 //#region ../ui/src/components/builder/apps/language/views.jsx
-function Da(e) {
+function to(e) {
 	let t = e?.locales, n = [typeof t?.default == "string" && t.default.trim() ? t.default.trim() : "", ...Array.isArray(t?.enabled) ? t.enabled : []].filter((e) => typeof e == "string" && e.trim());
 	return [...new Set(n.map((e) => e.trim()))];
 }
-var Oa = (e) => e && e.charAt(0).toUpperCase() + e.slice(1);
-function ka(e, t) {
+var no = (e) => e && e.charAt(0).toUpperCase() + e.slice(1);
+function ro(e, t) {
 	let n = String(e ?? "").toUpperCase();
 	if (t === "code") return n;
 	let r = "";
 	try {
-		r = Oa(new Intl.DisplayNames([e], { type: "language" }).of(e) ?? "");
+		r = no(new Intl.DisplayNames([e], { type: "language" }).of(e) ?? "");
 	} catch {}
 	return !r || r.toUpperCase() === n ? n : t === "both" ? `${n} — ${r}` : r;
 }
-function Aa(e, t) {
+function io(e, t) {
 	let n = t ? "" : `?locale=${encodeURIComponent(e)}`;
 	if (typeof window > "u") return n || "?";
 	try {
@@ -9373,8 +10686,8 @@ function Aa(e, t) {
 		return n || "/";
 	}
 }
-function ja({ variant: e, display: t, separator: n, label: r, style: a, nodeRef: o, inert: s }) {
-	let c = i(Y), l = Da(c?.settings), u = l[0] ?? "", d = l.includes(c?.locale) ? c.locale : u, m = {
+function ao({ variant: e, display: t, separator: n, label: r, style: a, nodeRef: o, inert: s }) {
+	let c = i(Y), l = to(c?.settings), u = l[0] ?? "", d = l.includes(c?.locale) ? c.locale : u, m = {
 		display: "inline-flex",
 		alignItems: "center",
 		gap: 8,
@@ -9409,7 +10722,7 @@ function ja({ variant: e, display: t, separator: n, label: r, style: a, nodeRef:
 				style: { opacity: .4 },
 				children: n ?? "·"
 			}), /* @__PURE__ */ f("a", {
-				href: Aa(e, e === u),
+				href: io(e, e === u),
 				hrefLang: e,
 				"aria-current": e === d ? "true" : void 0,
 				onClick: s ? (e) => e.preventDefault() : void 0,
@@ -9419,7 +10732,7 @@ function ja({ variant: e, display: t, separator: n, label: r, style: a, nodeRef:
 					textDecoration: "none",
 					cursor: s ? "default" : "pointer"
 				},
-				children: ka(e, t)
+				children: ro(e, t)
 			})]
 		}, e))]
 	}) : /* @__PURE__ */ p("div", {
@@ -9430,7 +10743,7 @@ function ja({ variant: e, display: t, separator: n, label: r, style: a, nodeRef:
 			value: d,
 			onChange: s ? void 0 : (e) => {
 				let t = e.target.value;
-				window.location.assign(Aa(t, t === u));
+				window.location.assign(io(t, t === u));
 			},
 			onKeyDown: s ? (e) => e.preventDefault() : void 0,
 			style: {
@@ -9444,54 +10757,55 @@ function ja({ variant: e, display: t, separator: n, label: r, style: a, nodeRef:
 			},
 			children: l.map((e) => /* @__PURE__ */ f("option", {
 				value: e,
-				children: ka(e, t)
+				children: ro(e, t)
 			}, e))
 		})]
 	});
 }
 //#endregion
 //#region ../ui/src/components/builder/apps/index.js
-var Ma = [
+var oo = [
 	ai,
 	wi,
 	_i,
 	Ti,
 	ji
-], Na = {
+], so = {
 	SiteLoginForm: hi,
 	SiteAccountMenu: gi,
-	SiteLanguagePicker: ja,
+	SiteLanguagePicker: ao,
 	CookieConsent: Ci,
 	SiteSearch: Ai,
-	ShopProductGrid: sa,
-	ShopProduct: ca,
-	ShopCartButton: ua,
-	ShopCheckout: va,
-	ShopOrderHistory: Ea,
-	ShopCurrencyPicker: fa
+	ShopProductGrid: Pa,
+	ShopProduct: Fa,
+	ShopCartButton: Ra,
+	ShopCheckout: Ka,
+	ShopOrderHistory: eo,
+	ShopCurrencyPicker: Ba,
+	ShopFavorites: Ia
 };
-new Set(Ma.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
+new Set(oo.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
 //#endregion
 //#region ../ui/src/components/builder/three/runtime.js
-var Pa = "0.185.1", Fa = "4.2.0", Ia = "https://cdn.jsdelivr.net/npm", La = `${Ia}/three@${Pa}/+esm`, Ra = `${Ia}/@google/model-viewer@${Fa}/dist/model-viewer.min.js`, za = (e) => import(
+var co = "0.185.1", lo = "4.2.0", uo = "https://cdn.jsdelivr.net/npm", fo = `${uo}/three@${co}/+esm`, po = `${uo}/@google/model-viewer@${lo}/dist/model-viewer.min.js`, mo = (e) => import(
 	/* @vite-ignore */
 	/* webpackIgnore: true */
 	e
-), Ba = /* @__PURE__ */ new Map();
-function Va(e) {
-	if (Ba.has(e)) return Ba.get(e);
+), ho = /* @__PURE__ */ new Map();
+function go(e) {
+	if (ho.has(e)) return ho.get(e);
 	if (typeof window > "u") return new Promise(() => {});
-	let t = za(e).catch((t) => {
-		throw Ba.delete(e), t;
+	let t = mo(e).catch((t) => {
+		throw ho.delete(e), t;
 	});
-	return Ba.set(e, t), t;
+	return ho.set(e, t), t;
 }
-var Ha = () => Va(La), Ua = (e) => Va(`${Ia}/three@${Pa}/examples/jsm/${e}/+esm`);
-function Wa() {
-	return typeof window < "u" && window.customElements?.get("model-viewer") ? Promise.resolve(null) : Va(Ra);
+var _o = () => go(fo), vo = (e) => go(`${uo}/three@${co}/examples/jsm/${e}/+esm`);
+function yo() {
+	return typeof window < "u" && window.customElements?.get("model-viewer") ? Promise.resolve(null) : go(po);
 }
-var Ga = () => typeof window < "u" && !!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, Ka = (e = 2) => Math.min(typeof window > "u" ? 1 : window.devicePixelRatio || 1, e);
-function qa(e, t) {
+var bo = () => typeof window < "u" && !!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, xo = (e = 2) => Math.min(typeof window > "u" ? 1 : window.devicePixelRatio || 1, e);
+function So(e, t) {
 	let n = 0, r = 0, i = 0, a = !0, o = (e) => {
 		n = requestAnimationFrame(o), i ||= e;
 		let a = r ? (e - r) / 1e3 : 0;
@@ -9510,7 +10824,7 @@ function qa(e, t) {
 		s(), l?.disconnect(), document.removeEventListener("visibilitychange", c);
 	};
 }
-function Ja(e, t, n = {}) {
+function Co(e, t, n = {}) {
 	let r = {
 		radius: n.distance ?? 4,
 		polar: n.polar ?? Math.PI / 2.4,
@@ -9559,13 +10873,13 @@ function Ja(e, t, n = {}) {
 }
 //#endregion
 //#region ../ui/src/components/builder/three/views.jsx
-var Ya = (e, t) => Number.isFinite(Number(e)) && Number(e) > 0 ? Number(e) : t, Xa = (e, t) => (Number.isFinite(Number(e)) ? Number(e) : t) / 100, Za = (e) => (Number.isFinite(Number(e)) ? Number(e) : 0) * Math.PI / 180, Qa = (e) => typeof e == "string" && !!e.trim();
-function $a({ label: e, note: t, height: n, nodeRef: r, style: i }) {
+var wo = (e, t) => Number.isFinite(Number(e)) && Number(e) > 0 ? Number(e) : t, To = (e, t) => (Number.isFinite(Number(e)) ? Number(e) : t) / 100, Eo = (e) => (Number.isFinite(Number(e)) ? Number(e) : 0) * Math.PI / 180, Do = (e) => typeof e == "string" && !!e.trim();
+function Oo({ label: e, note: t, height: n, nodeRef: r, style: i }) {
 	return /* @__PURE__ */ p("div", {
 		ref: r,
 		style: {
 			...F(i),
-			minHeight: Ya(n, 320),
+			minHeight: wo(n, 320),
 			display: "flex",
 			flexDirection: "column",
 			alignItems: "center",
@@ -9593,24 +10907,24 @@ function $a({ label: e, note: t, height: n, nodeRef: r, style: i }) {
 		}) : null]
 	});
 }
-function eo({ src: e, poster: t, alt: n, height: r, bg: i, autoRotate: o, rotateDelay: s, cameraControls: c, ar: u, exposure: d, shadow: p, fieldOfView: m, environment: h, style: g, nodeRef: _, inert: v }) {
+function ko({ src: e, poster: t, alt: n, height: r, bg: i, autoRotate: o, rotateDelay: s, cameraControls: c, ar: u, exposure: d, shadow: p, fieldOfView: m, environment: h, style: g, nodeRef: _, inert: v }) {
 	let [y, b] = l(typeof window < "u" && !!window.customElements?.get("model-viewer")), [x, S] = l(!1);
 	a(() => {
 		if (y || !e) return;
 		let t = !0;
-		return Wa().then(() => t && b(!0), () => t && S(!0)), () => {
+		return yo().then(() => t && b(!0), () => t && S(!0)), () => {
 			t = !1;
 		};
 	}, [y, e]);
 	let C = {
 		display: "block",
 		width: "100%",
-		minHeight: Ya(r, 360),
-		height: Ya(r, 360),
+		minHeight: wo(r, 360),
+		height: wo(r, 360),
 		backgroundColor: i || "transparent",
 		...F(g)
 	};
-	if (!e) return v ? /* @__PURE__ */ f($a, {
+	if (!e) return v ? /* @__PURE__ */ f(Oo, {
 		nodeRef: _,
 		style: g,
 		height: r,
@@ -9645,13 +10959,13 @@ function eo({ src: e, poster: t, alt: n, height: r, bg: i, autoRotate: o, rotate
 		poster: t || void 0,
 		style: C,
 		"camera-controls": w(!v && c !== !1),
-		"auto-rotate": w(T && !Ga()),
-		"auto-rotate-delay": T ? String(Ya(s, 0)) : void 0,
+		"auto-rotate": w(T && !bo()),
+		"auto-rotate-delay": T ? String(wo(s, 0)) : void 0,
 		"rotation-per-second": "18deg",
 		ar: w(!v && u === !0),
 		"ar-modes": "webxr scene-viewer quick-look",
-		"shadow-intensity": String(Xa(p, 100)),
-		exposure: String(Xa(d, 100)),
+		"shadow-intensity": String(To(p, 100)),
+		exposure: String(To(d, 100)),
 		"field-of-view": m ? `${Number(m)}deg` : void 0,
 		"environment-image": h && h !== "neutral" ? h : "neutral",
 		"interaction-prompt": v ? "none" : void 0,
@@ -9669,7 +10983,7 @@ function eo({ src: e, poster: t, alt: n, height: r, bg: i, autoRotate: o, rotate
 		}) : null
 	});
 }
-var to = ["attribute vec2 p;", "void main() { gl_Position = vec4(p, 0.0, 1.0); }"].join("\n"), no = [
+var Ao = ["attribute vec2 p;", "void main() { gl_Position = vec4(p, 0.0, 1.0); }"].join("\n"), jo = [
 	"precision highp float;",
 	"uniform vec2 u_res;",
 	"uniform float u_time;",
@@ -9692,7 +11006,7 @@ var to = ["attribute vec2 p;", "void main() { gl_Position = vec4(p, 0.0, 1.0); }
 	"  return v;",
 	"}",
 	""
-].join("\n"), ro = {
+].join("\n"), Mo = {
 	gradient: [
 		"void main(){",
 		"  vec2 uv = gl_FragCoord.xy / u_res;",
@@ -9744,7 +11058,7 @@ var to = ["attribute vec2 p;", "void main() { gl_Position = vec4(p, 0.0, 1.0); }
 		"}"
 	].join("\n")
 };
-function io(e, t) {
+function No(e, t) {
 	let n = /^#?([0-9a-f]{6})$/i.exec(String(e ?? "").trim());
 	if (!n) return t;
 	let r = parseInt(n[1], 16);
@@ -9754,7 +11068,7 @@ function io(e, t) {
 		(r & 255) / 255
 	];
 }
-function ao(e, t, n) {
+function Po(e, t, n) {
 	let r = e.createShader(t);
 	if (e.shaderSource(r, n), e.compileShader(r), !e.getShaderParameter(r, e.COMPILE_STATUS)) {
 		let t = e.getShaderInfoLog(r);
@@ -9762,13 +11076,13 @@ function ao(e, t, n) {
 	}
 	return r;
 }
-function oo({ preset: e, code: t, colorA: n, colorB: r, colorC: i, speed: o, scale: s, height: u, interactive: d, style: m, nodeRef: h, inert: g }) {
+function Fo({ preset: e, code: t, colorA: n, colorB: r, colorC: i, speed: o, scale: s, height: u, interactive: d, style: m, nodeRef: h, inert: g }) {
 	let _ = c(null), v = c(null), y = c(null), [b, x] = l("");
 	a(() => () => {
 		let e = y.current;
 		y.current = null, e?.getExtension("WEBGL_lose_context")?.loseContext();
 	}, []);
-	let S = typeof t == "string" && t.trim() ? t : ro[e] ?? ro.gradient, C = String(n ?? ""), w = String(r ?? ""), T = String(i ?? ""), E = Xa(o, 100), D = Math.max(.05, Xa(s, 100));
+	let S = typeof t == "string" && t.trim() ? t : Mo[e] ?? Mo.gradient, C = String(n ?? ""), w = String(r ?? ""), T = String(i ?? ""), E = To(o, 100), D = Math.max(.05, To(s, 100));
 	return a(() => {
 		let e = _.current, t = v.current;
 		if (!e || !t) return;
@@ -9783,7 +11097,7 @@ function oo({ preset: e, code: t, colorA: n, colorB: r, colorC: i, speed: o, sca
 		}
 		let r = null;
 		try {
-			let e = ao(n, n.VERTEX_SHADER, to), t = ao(n, n.FRAGMENT_SHADER, no + S);
+			let e = Po(n, n.VERTEX_SHADER, Ao), t = Po(n, n.FRAGMENT_SHADER, jo + S);
 			if (r = n.createProgram(), n.attachShader(r, e), n.attachShader(r, t), n.linkProgram(r), !n.getProgramParameter(r, n.LINK_STATUS)) throw Error(n.getProgramInfoLog(r) || "Link failed");
 			x("");
 		} catch (e) {
@@ -9819,28 +11133,28 @@ function oo({ preset: e, code: t, colorA: n, colorB: r, colorC: i, speed: o, sca
 		};
 		d !== !1 && t.addEventListener("pointermove", l);
 		let u = () => {
-			let r = Ka(), i = Math.max(1, Math.round(t.clientWidth * r)), a = Math.max(1, Math.round(t.clientHeight * r));
+			let r = xo(), i = Math.max(1, Math.round(t.clientWidth * r)), a = Math.max(1, Math.round(t.clientHeight * r));
 			(e.width !== i || e.height !== a) && (e.width = i, e.height = a, n.viewport(0, 0, i, a));
 		}, f = typeof ResizeObserver > "u" ? null : new ResizeObserver(u);
 		f?.observe(t), u();
-		let p = Ga(), m = {
-			a: io(C, [
+		let p = bo(), m = {
+			a: No(C, [
 				.35,
 				.4,
 				.95
 			]),
-			b: io(w, [
+			b: No(w, [
 				.05,
 				.06,
 				.16
 			]),
-			c: io(T, [
+			c: No(T, [
 				.95,
 				.35,
 				.6
 			])
 		}, h = {};
-		return h.stop = qa(t, (t, r) => {
+		return h.stop = So(t, (t, r) => {
 			u(), n.uniform2f(s.res, e.width, e.height), n.uniform1f(s.time, (p ? 0 : r) * E), n.uniform2f(s.mouse, c.x, c.y), n.uniform3fv(s.a, m.a), n.uniform3fv(s.b, m.b), n.uniform3fv(s.c, m.c), n.uniform1f(s.scale, D), n.drawArrays(n.TRIANGLES, 0, 3), p && h.stop?.();
 		}), () => {
 			h.stop?.(), f?.disconnect(), t.removeEventListener("pointermove", l), n.deleteProgram(r), n.deleteBuffer(i);
@@ -9859,7 +11173,7 @@ function oo({ preset: e, code: t, colorA: n, colorB: r, colorC: i, speed: o, sca
 		},
 		style: {
 			position: "relative",
-			minHeight: Ya(u, 320),
+			minHeight: wo(u, 320),
 			overflow: "hidden",
 			...F(m)
 		},
@@ -9891,7 +11205,7 @@ function oo({ preset: e, code: t, colorA: n, colorB: r, colorC: i, speed: o, sca
 		}) : null]
 	});
 }
-function so(e, t) {
+function Io(e, t) {
 	let n = new e.Scene(), r = new e.BoxGeometry();
 	r.deleteAttribute("uv");
 	let i = new e.Mesh(r, new e.MeshBasicMaterial({
@@ -9907,23 +11221,23 @@ function so(e, t) {
 	let o = new e.PMREMGenerator(t), s = o.fromScene(n, .04);
 	return o.dispose(), r.dispose(), n.traverse((e) => e.material?.dispose?.()), s.texture;
 }
-var co = /* @__PURE__ */ new Map();
-function lo(e) {
-	if (co.has(e)) return co.get(e);
-	let t = Ua("loaders/GLTFLoader.js").then((t) => new Promise((n, r) => {
+var Lo = /* @__PURE__ */ new Map();
+function Ro(e) {
+	if (Lo.has(e)) return Lo.get(e);
+	let t = vo("loaders/GLTFLoader.js").then((t) => new Promise((n, r) => {
 		new t.GLTFLoader().load(e, (e) => n(e.scene), void 0, r);
 	})).catch((t) => {
-		throw co.delete(e), t;
+		throw Lo.delete(e), t;
 	});
-	return co.set(e, t), t;
+	return Lo.set(e, t), t;
 }
-function uo(e, t) {
+function zo(e, t) {
 	let n = new e.Box3().setFromObject(t);
 	if (n.isEmpty()) return t;
 	let r = n.getSize(new e.Vector3()), i = n.getCenter(new e.Vector3()), a = Math.max(r.x, r.y, r.z) || 1, o = new e.Group();
 	return t.position.sub(i), t.scale.multiplyScalar(1 / a), t.position.multiplyScalar(1 / a), o.add(t), o;
 }
-var fo = {
+var Bo = {
 	box: (e) => new e.BoxGeometry(1, 1, 1, 1, 1, 1),
 	sphere: (e) => new e.SphereGeometry(.62, 48, 32),
 	torus: (e) => new e.TorusGeometry(.5, .2, 24, 64),
@@ -9932,50 +11246,50 @@ var fo = {
 	cylinder: (e) => new e.CylinderGeometry(.45, .45, 1.1, 48),
 	plane: (e) => new e.PlaneGeometry(1.4, 1.4),
 	capsule: (e) => new e.CapsuleGeometry(.35, .6, 8, 32)
-}, po = (e, t) => Number.isFinite(Number(e)) ? Number(e) : t;
-function mo({ objects: e, background: t, cameraDistance: n, fov: r, autoRotate: i, spinSpeed: o, controls: s, ground: u, height: d, style: p, nodeRef: m, inert: h }) {
-	let g = c(null), [_, v] = l(!1), y = Array.isArray(e) ? e.filter((e) => e && typeof e == "object") : [], b = JSON.stringify(y), x = i !== !1 && !Ga(), S = s !== !1 && !h;
+}, Vo = (e, t) => Number.isFinite(Number(e)) ? Number(e) : t;
+function Ho({ objects: e, background: t, cameraDistance: n, fov: r, autoRotate: i, spinSpeed: o, controls: s, ground: u, height: d, style: p, nodeRef: m, inert: h }) {
+	let g = c(null), [_, v] = l(!1), y = Array.isArray(e) ? e.filter((e) => e && typeof e == "object") : [], b = JSON.stringify(y), x = i !== !1 && !bo(), S = s !== !1 && !h;
 	return a(() => {
 		let e = g.current;
 		if (!e) return;
 		let i = !0, a = null;
-		return Ha().then((s) => {
+		return _o().then((s) => {
 			if (!i || !e) return;
 			let c = new s.WebGLRenderer({
 				antialias: !0,
 				alpha: !t
 			});
-			c.setPixelRatio(Ka()), c.shadowMap.enabled = u !== !1, c.shadowMap.type = s.PCFSoftShadowMap, c.outputColorSpace = s.SRGBColorSpace, c.toneMapping = s.ACESFilmicToneMapping, c.domElement.style.display = "block", c.domElement.style.width = "100%", c.domElement.style.height = "100%", e.appendChild(c.domElement);
+			c.setPixelRatio(xo()), c.shadowMap.enabled = u !== !1, c.shadowMap.type = s.PCFSoftShadowMap, c.outputColorSpace = s.SRGBColorSpace, c.toneMapping = s.ACESFilmicToneMapping, c.domElement.style.display = "block", c.domElement.style.width = "100%", c.domElement.style.height = "100%", e.appendChild(c.domElement);
 			let l = new s.Scene();
-			t && (l.background = new s.Color(t)), l.environment = so(s, c);
-			let d = new s.PerspectiveCamera(po(r, 45), 1, .1, 400), f = Ja(d, c.domElement, {
-				distance: po(n, 5),
+			t && (l.background = new s.Color(t)), l.environment = Io(s, c);
+			let d = new s.PerspectiveCamera(Vo(r, 45), 1, .1, 400), f = Co(d, c.domElement, {
+				distance: Vo(n, 5),
 				enableZoom: S
 			}), p = new s.DirectionalLight(16777215, 2.2);
 			p.position.set(4, 7, 5), p.castShadow = u !== !1, p.shadow.mapSize.set(1024, 1024), p.shadow.camera.near = .5, p.shadow.camera.far = 30, l.add(p, new s.AmbientLight(16777215, .35));
 			let m = [], h = new s.Group(), g = (e, t) => {
-				let n = po(t.scale, 1);
-				e.position.set(po(t.x, 0), po(t.y, 0), po(t.z, 0)), e.rotation.set(Za(t.rx), Za(t.ry), Za(t.rz)), e.scale.setScalar(n > 0 ? n : 1), e.userData.spin = Za(t.spin);
+				let n = Vo(t.scale, 1);
+				e.position.set(Vo(t.x, 0), Vo(t.y, 0), Vo(t.z, 0)), e.rotation.set(Eo(t.rx), Eo(t.ry), Eo(t.rz)), e.scale.setScalar(n > 0 ? n : 1), e.userData.spin = Eo(t.spin);
 			};
 			for (let e of y) {
 				if (e.shape === "model") {
-					if (!Qa(e.src)) continue;
+					if (!Do(e.src)) continue;
 					let t = new s.Group();
-					g(t, e), h.add(t), lo(e.src).then((e) => {
+					g(t, e), h.add(t), Ro(e.src).then((e) => {
 						if (!i) return;
-						let n = uo(s, e.clone(!0));
+						let n = zo(s, e.clone(!0));
 						n.traverse((e) => {
 							e.isMesh && (e.castShadow = !0, e.receiveShadow = !0);
 						}), t.add(n);
 					}, () => {});
 					continue;
 				}
-				let t = (fo[e.shape] ?? fo.box)(s), n = new s.MeshStandardMaterial({
+				let t = (Bo[e.shape] ?? Bo.box)(s), n = new s.MeshStandardMaterial({
 					color: /^#?[0-9a-f]{6}$/i.test(String(e.color ?? "")) ? e.color : "#6366f1",
-					metalness: Math.min(1, Math.max(0, Xa(e.metalness, 10))),
-					roughness: Math.min(1, Math.max(0, Xa(e.roughness, 35))),
-					transparent: Xa(e.opacity, 100) < 1,
-					opacity: Math.min(1, Math.max(0, Xa(e.opacity, 100))),
+					metalness: Math.min(1, Math.max(0, To(e.metalness, 10))),
+					roughness: Math.min(1, Math.max(0, To(e.roughness, 35))),
+					transparent: To(e.opacity, 100) < 1,
+					opacity: Math.min(1, Math.max(0, To(e.opacity, 100))),
 					flatShading: e.flat === !0,
 					wireframe: e.wireframe === !0,
 					side: e.shape === "plane" ? s.DoubleSide : s.FrontSide
@@ -9986,14 +11300,14 @@ function mo({ objects: e, background: t, cameraDistance: n, fov: r, autoRotate:
 			let _ = null;
 			if (u !== !1) {
 				let e = new s.ShadowMaterial({ opacity: .22 }), t = new s.PlaneGeometry(60, 60);
-				_ = new s.Mesh(t, e), _.rotation.x = -Math.PI / 2, _.position.y = po(u === !0 ? 0 : u, -.85), _.receiveShadow = !0, l.add(_), m.push(t, e);
+				_ = new s.Mesh(t, e), _.rotation.x = -Math.PI / 2, _.position.y = Vo(u === !0 ? 0 : u, -.85), _.receiveShadow = !0, l.add(_), m.push(t, e);
 			}
 			let v = () => {
 				let t = Math.max(1, e.clientWidth), n = Math.max(1, e.clientHeight);
 				c.setSize(t, n, !1), d.aspect = t / n, d.updateProjectionMatrix();
 			}, b = typeof ResizeObserver > "u" ? null : new ResizeObserver(v);
 			b?.observe(e), v();
-			let C = Za(Number.isFinite(Number(o)) ? o : 20), w = qa(e, (e) => {
+			let C = Eo(Number.isFinite(Number(o)) ? o : 20), w = So(e, (e) => {
 				f.autoSpin(x ? C : 0, e), f.update();
 				for (let t of h.children) t.userData.spin && (t.rotation.y += t.userData.spin * e);
 				c.render(l, d);
@@ -10017,7 +11331,7 @@ function mo({ objects: e, background: t, cameraDistance: n, fov: r, autoRotate:
 		o,
 		S,
 		u
-	]), _ && h ? /* @__PURE__ */ f($a, {
+	]), _ && h ? /* @__PURE__ */ f(Oo, {
 		nodeRef: m,
 		style: p,
 		height: d,
@@ -10028,27 +11342,27 @@ function mo({ objects: e, background: t, cameraDistance: n, fov: r, autoRotate:
 			g.current = e, typeof m == "function" && m(e);
 		},
 		style: {
-			minHeight: Ya(d, 380),
-			height: Ya(d, 380),
+			minHeight: wo(d, 380),
+			height: wo(d, 380),
 			overflow: "hidden",
 			touchAction: S ? "pan-y" : void 0,
 			...F(p)
 		}
 	});
 }
-function ho({ code: e, height: t, background: n, style: r, nodeRef: i, inert: o }) {
+function Uo({ code: e, height: t, background: n, style: r, nodeRef: i, inert: o }) {
 	let s = c(null), [u, d] = l("");
 	return a(() => {
 		let t = s.current;
 		if (o || !t || typeof e != "string" || !e.trim()) return;
 		let r = !0, i = null;
-		return Ha().then((a) => {
+		return _o().then((a) => {
 			if (!r || !t) return;
 			let o = new a.WebGLRenderer({
 				antialias: !0,
 				alpha: !n
 			});
-			o.setPixelRatio(Ka()), o.outputColorSpace = a.SRGBColorSpace, o.domElement.style.display = "block", o.domElement.style.width = "100%", o.domElement.style.height = "100%", t.appendChild(o.domElement);
+			o.setPixelRatio(xo()), o.outputColorSpace = a.SRGBColorSpace, o.domElement.style.display = "block", o.domElement.style.width = "100%", o.domElement.style.height = "100%", t.appendChild(o.domElement);
 			let s = new a.Scene();
 			n && (s.background = new a.Color(n));
 			let c = new a.PerspectiveCamera(45, 1, .1, 1e3);
@@ -10071,7 +11385,7 @@ function ho({ code: e, height: t, background: n, style: r, nodeRef: i, inert: o
 				o.setSize(e, n, !1), c.aspect = e / n, c.updateProjectionMatrix();
 			}, f = typeof ResizeObserver > "u" ? null : new ResizeObserver(u);
 			f?.observe(t), u();
-			let p = !1, m = qa(t, (e, t) => {
+			let p = !1, m = So(t, (e, t) => {
 				if (!p && typeof l?.frame == "function") try {
 					l.frame(e, t);
 				} catch (e) {
@@ -10093,7 +11407,7 @@ function ho({ code: e, height: t, background: n, style: r, nodeRef: i, inert: o
 		e,
 		o,
 		n
-	]), o ? /* @__PURE__ */ f($a, {
+	]), o ? /* @__PURE__ */ f(Oo, {
 		nodeRef: i,
 		style: r,
 		height: t,
@@ -10104,8 +11418,8 @@ function ho({ code: e, height: t, background: n, style: r, nodeRef: i, inert: o
 			s.current = e, typeof i == "function" && i(e);
 		},
 		style: {
-			minHeight: Ya(t, 380),
-			height: Ya(t, 380),
+			minHeight: wo(t, 380),
+			height: wo(t, 380),
 			overflow: "hidden",
 			position: "relative",
 			touchAction: "pan-y",
@@ -10128,40 +11442,40 @@ function ho({ code: e, height: t, background: n, style: r, nodeRef: i, inert: o
 		}) : null
 	});
 }
-var go = {
-	ModelViewerBlock: eo,
-	ShaderBlock: oo,
-	SceneBlock: mo,
-	ThreeCanvasBlock: ho
-}, _o = /* @__PURE__ */ new Map();
-function vo(e) {
-	if (_o.has(e)) return _o.get(e);
+var Wo = {
+	ModelViewerBlock: ko,
+	ShaderBlock: Fo,
+	SceneBlock: Ho,
+	ThreeCanvasBlock: Uo
+}, Go = /* @__PURE__ */ new Map();
+function Ko(e) {
+	if (Go.has(e)) return Go.get(e);
 	let t = URL.createObjectURL(new Blob([e], { type: "text/javascript" })), n = import(
 		/* @vite-ignore */
 		/* webpackIgnore: true */
 		t
 ).finally(() => URL.revokeObjectURL(t));
-	return _o.set(e, n), n;
+	return Go.set(e, n), n;
 }
-function yo(e) {
+function qo(e) {
 	let t = e && typeof e == "object" ? e.builder_plugins : null, n = t && typeof t == "object" ? t.plugins : null;
 	return n && typeof n == "object" ? n : {};
 }
 //#endregion
 //#region ../ui/src/components/builder/plugins/view.jsx
-async function bo(e, t) {
-	let n = await vo(e);
+async function Jo(e, t) {
+	let n = await Ko(e);
 	return (Array.isArray(n?.default?.blocks) ? n.default.blocks : []).find((e) => e?.id === t && typeof e.mount == "function") ?? null;
 }
-var xo = {
+var Yo = {
 	padding: "10px 12px",
 	border: "1px dashed rgba(148, 163, 184, 0.5)",
 	borderRadius: 8,
 	fontSize: 12,
 	opacity: .6
 };
-function So({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
-	let s = i(Y), l = yo(s?.settings)[e], u = c(null), d = c(null), m = {
+function Xo({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
+	let s = i(Y), l = qo(s?.settings)[e], u = c(null), d = c(null), m = {
 		tenant: s?.tenant ?? "",
 		apiUrl: s?.apiUrl ?? "/api",
 		locale: s?.locale ?? "",
@@ -10173,7 +11487,7 @@ function So({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
 		let e = u.current;
 		if (!l?.code || !e) return;
 		let n = !0;
-		return bo(l.code, t).then((e) => {
+		return Jo(l.code, t).then((e) => {
 			if (!(!n || !e || !u.current)) {
 				d.current = e;
 				try {
@@ -10203,7 +11517,7 @@ function So({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
 	}) : /* @__PURE__ */ p("div", {
 		ref: o,
 		style: {
-			...xo,
+			...Yo,
 			...F(r)
 		},
 		children: [
@@ -10215,13 +11529,13 @@ function So({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
 }
 //#endregion
 //#region ../ui/src/components/builder/render.jsx
-var Co = {
+var Zo = {
 	...ii,
-	...Na,
-	...go,
-	PluginBlock: So
+	...so,
+	...Wo,
+	PluginBlock: Xo
 };
-function wo(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
+function Qo(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 	let o = n[e];
 	if (!o || o.hidden) return null;
 	let s = o.type?.resolvedName, c = a?.mapProps ? a.mapProps(o.props ?? {}, s) : o.props ?? {};
@@ -10229,16 +11543,16 @@ function wo(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 		let n = o.props?.componentId, s = r?.[n];
 		if (!s?.template || i.has(n)) return null;
 		let c = new Set(i).add(n);
-		return /* @__PURE__ */ f(t, { children: wo(s.template.rootId, s.template.nodes, r, c, a) }, e);
+		return /* @__PURE__ */ f(t, { children: Qo(s.template.rootId, s.template.nodes, r, c, a) }, e);
 	}
-	let l = Co[s];
+	let l = Zo[s];
 	if (!l) return null;
-	let u = (o.nodes ?? []).map((e) => wo(e, n, r, i, a)).filter(Boolean), d = Object.entries(o.linkedNodes ?? {}), p = d.length ? Object.fromEntries(d.map(([e, t]) => [e, wo(t, n, r, i, a)])) : void 0, m = /* @__PURE__ */ f(l, {
+	let u = (o.nodes ?? []).map((e) => Qo(e, n, r, i, a)).filter(Boolean), d = Object.entries(o.linkedNodes ?? {}), p = d.length ? Object.fromEntries(d.map(([e, t]) => [e, Qo(t, n, r, i, a)])) : void 0, m = /* @__PURE__ */ f(l, {
 		...c,
 		...s === "CollectionList" ? { templateId: o.linkedNodes?.card } : null,
 		linked: p,
 		nodeRef: (t) => {
-			t && (t.setAttribute("data-wb", e), ne(t, c), U(t, a?.events === !1 ? [] : c.events));
+			t && (t.setAttribute("data-wb", e), ne(t, c), te(t, a?.events === !1 ? [] : c.events));
 		},
 		children: u.length ? u : void 0
 	}, e);
@@ -10249,58 +11563,59 @@ function wo(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 }
 //#endregion
 //#region ../ui/src/components/builder/PageRenderer.jsx
-var To = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), Eo = (e) => `.webim-page[data-webim-mode="light"] { ${Object.entries(Ye(e.light)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }
+var $o = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), es = (e) => `.webim-page[data-webim-mode="light"] { ${Object.entries(Ye(e.light)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }
 .webim-page[data-webim-mode="dark"] { ${Object.entries(Ye(e.dark)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }`;
-function Do({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, custom: o, animations: c, tenant: l, apiUrl: u, datasets: d, locale: m, direction: h, settings: _, siteUser: v }) {
-	let y = o?.js?.trim();
+function ts({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, custom: o, animations: c, tenant: l, apiUrl: u, datasets: d, locale: m, direction: h, settings: _, siteUser: v, param: y }) {
+	let b = o?.js?.trim();
 	if (a(() => {
-		if (!y) return;
+		if (!b) return;
 		let e = document.createElement("script");
-		return e.text = y, document.body.appendChild(e), () => e.remove();
-	}, [y]), !e?.ROOT) return null;
-	let b = {
+		return e.text = b, document.body.appendChild(e), () => e.remove();
+	}, [b]), !e?.ROOT) return null;
+	let x = {
 		lang: m || void 0,
 		dir: g(h, m)
-	}, x = ".webim-page, .webim-page *, .webim-page *::before, .webim-page *::after { box-sizing: border-box; }", S = {
+	}, S = ".webim-page, .webim-page *, .webim-page *::before, .webim-page *::after { box-sizing: border-box; }", w = {
 		minHeight: "100%",
 		display: "flex",
 		flexDirection: "column"
-	}, w = wo("ROOT", e, n), T = s(() => ({ render: (t, r) => wo(t, e, n, void 0, { mapProps: r }) }), [e, n]), E = ce(e, n), D = se(e, n), k = o?.css?.trim(), A = C(c), M = Je(t), N = [M.font, M.headingFont].filter((e) => typeof e == "string" && e.trim() && e !== "inherit" && !Ge[e]), P = [.../* @__PURE__ */ new Set([...j(e, n), ...N])].map((e) => /* @__PURE__ */ f("link", {
+	}, T = Qo("ROOT", e, n), E = s(() => ({ render: (t, r) => Qo(t, e, n, void 0, { mapProps: r }) }), [e, n]), D = ce(e, n), k = se(e, n), A = o?.css?.trim(), M = C(c), N = Je(t), P = [N.font, N.headingFont].filter((e) => typeof e == "string" && e.trim() && e !== "inherit" && !Ge[e]), F = [.../* @__PURE__ */ new Set([...j(e, n), ...P])].map((e) => /* @__PURE__ */ f("link", {
 		rel: "stylesheet",
 		precedence: "default",
 		href: O(e)
-	}, e)), F = Eo(M);
+	}, e)), I = es(N);
 	return r === "auto" ? /* @__PURE__ */ f(Y.Provider, {
 		value: {
 			tenant: l || "",
 			apiUrl: u || "/api",
 			locale: m || "",
-			settings: _ ?? null
+			settings: _ ?? null,
+			param: y || ""
 		},
 		children: /* @__PURE__ */ f(pi, {
 			initialUser: v,
 			children: /* @__PURE__ */ f(nt.Provider, {
 				value: d ?? null,
 				children: /* @__PURE__ */ f(ot.Provider, {
-					value: T,
+					value: E,
 					children: /* @__PURE__ */ p("div", {
-						...b,
+						...x,
 						className: "webim-page",
 						style: {
-							...S,
+							...w,
 							...Xe(t),
 							...i
 						},
 						children: [
-							/* @__PURE__ */ f("style", { children: `.webim-page { ${To(Ye(M.light))} }
-@media (prefers-color-scheme: dark) { .webim-page { ${To(Ye(M.dark))} } }` }),
-							/* @__PURE__ */ f("style", { children: F }),
-							P,
-							/* @__PURE__ */ f("style", { children: x }),
-							E && /* @__PURE__ */ f("style", { children: E }),
+							/* @__PURE__ */ f("style", { children: `.webim-page { ${$o(Ye(N.light))} }
+@media (prefers-color-scheme: dark) { .webim-page { ${$o(Ye(N.dark))} } }` }),
+							/* @__PURE__ */ f("style", { children: I }),
+							F,
+							/* @__PURE__ */ f("style", { children: S }),
 							D && /* @__PURE__ */ f("style", { children: D }),
 							k && /* @__PURE__ */ f("style", { children: k }),
-							w
+							A && /* @__PURE__ */ f("style", { children: A }),
+							T
 						]
 					})
 				})
@@ -10311,32 +11626,33 @@ function Do({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 			tenant: l || "",
 			apiUrl: u || "/api",
 			locale: m || "",
-			settings: _ ?? null
+			settings: _ ?? null,
+			param: y || ""
 		},
 		children: /* @__PURE__ */ f(pi, {
 			initialUser: v,
 			children: /* @__PURE__ */ f(nt.Provider, {
 				value: d ?? null,
 				children: /* @__PURE__ */ f(ot.Provider, {
-					value: T,
+					value: E,
 					children: /* @__PURE__ */ p("div", {
-						...b,
+						...x,
 						className: "webim-page",
 						style: {
-							...S,
+							...w,
 							...$e(t, r),
 							...i
 						},
 						children: [
-							P,
-							/* @__PURE__ */ f("style", { children: F }),
-							/* @__PURE__ */ f("style", { children: x }),
-							E && /* @__PURE__ */ f("style", { children: E }),
+							F,
+							/* @__PURE__ */ f("style", { children: I }),
+							/* @__PURE__ */ f("style", { children: S }),
 							D && /* @__PURE__ */ f("style", { children: D }),
-							A && /* @__PURE__ */ f("style", { children: A }),
-							A && /* @__PURE__ */ f("style", { children: A }),
 							k && /* @__PURE__ */ f("style", { children: k }),
-							w
+							M && /* @__PURE__ */ f("style", { children: M }),
+							M && /* @__PURE__ */ f("style", { children: M }),
+							A && /* @__PURE__ */ f("style", { children: A }),
+							T
 						]
 					})
 				})
@@ -10346,8 +11662,8 @@ function Do({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 }
 //#endregion
 //#region src/WebimContent.jsx
-function Oo({ bundle: e, mode: t = "auto", style: n }) {
-	return e?.blocks?.ROOT ? /* @__PURE__ */ f(Do, {
+function ns({ bundle: e, mode: t = "auto", style: n }) {
+	return e?.blocks?.ROOT ? /* @__PURE__ */ f(ts, {
 		blocks: e.blocks,
 		theme: e.theme,
 		components: e.components,
@@ -10359,13 +11675,14 @@ function Oo({ bundle: e, mode: t = "auto", style: n }) {
 		locale: e.locale,
 		direction: e.direction,
 		settings: e.settings,
+		param: e.param,
 		mode: tt(t, e.scheme),
 		style: n
 	}) : null;
 }
 //#endregion
 //#region src/bundle.js
-function ko({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
+function rs({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 	let a = {
 		...t?.global ?? {},
 		...t?.tenant ?? {}
@@ -10374,6 +11691,7 @@ function ko({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 		schema: 1,
 		title: e.title,
 		slug: e.slug,
+		param: e.param ?? "",
 		blocks: i && o.i18n?.[i]?.blocks || e.blocks,
 		theme: et(o, a.builder_themes?.themes),
 		components: a.builder_components?.components ?? {},
@@ -10391,18 +11709,18 @@ function ko({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 }
 //#endregion
 //#region src/fetchPage.js
-var Ao = async (e) => {
+var is = async (e) => {
 	let t = await e.json().catch(() => null);
 	if (!e.ok || t?.success === !1) throw Error(t?.error?.message || `Request failed (${e.status})`);
 	return t?.payload ?? t;
 };
-async function jo({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, page: o, fetch: s }) {
+async function as({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, page: o, fetch: s }) {
 	if (!e) throw Error("fetchPage: apiUrl is required");
 	if (!n) throw Error("fetchPage: slug is required");
 	let c = s ?? fetch, l = e.replace(/\/$/, ""), u = {
 		...t ? { "x-tenant": t } : {},
 		...a ? { authorization: `Bearer ${a}` } : {}
-	}, [d, f] = await Promise.all([c(`${l}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: u }).then(Ao), c(`${l}/settings/public`, { headers: u }).then(Ao)]), p = ko({
+	}, [d, f] = await Promise.all([c(`${l}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: u }).then(is), c(`${l}/settings/public`, { headers: u }).then(is)]), p = rs({
 		page: d,
 		settings: f,
 		tenant: t,
@@ -10417,7 +11735,7 @@ async function jo({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token:
 		"LogoCarousel"
 	].includes(e?.type?.resolvedName) ? e.props?.source : null).filter(Boolean))];
 	if (m.length) {
-		let e = (e) => e.startsWith("api:") ? `${l}/data/${encodeURIComponent(e.slice(4))}` : `${l}/dynamic/${encodeURIComponent(e)}?all=1${r ? `&locale=${encodeURIComponent(r)}` : ""}`, t = await Promise.all(m.map((t) => c(e(t), { headers: u }).then(Ao).then((e) => {
+		let e = (e) => e.startsWith("api:") ? `${l}/data/${encodeURIComponent(e.slice(4))}` : `${l}/dynamic/${encodeURIComponent(e)}?all=1${r ? `&locale=${encodeURIComponent(r)}` : ""}`, t = await Promise.all(m.map((t) => c(e(t), { headers: u }).then(is).then((e) => {
 			let n = Array.isArray(e) ? e : Array.isArray(e?.data) ? e.data : [], r = Number(e?.total?.filtered ?? e?.total?.all ?? n.length);
 			return [[t, n], [`${t}:total`, Number.isFinite(r) ? r : n.length]];
 		}).catch(() => [[t, []]])));
@@ -10431,40 +11749,40 @@ async function jo({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token:
 }
 //#endregion
 //#region src/ssr.jsx
-var Mo = (e) => String(e ?? "").replace(/[&<>"]/g, (e) => ({
+var os = (e) => String(e ?? "").replace(/[&<>"]/g, (e) => ({
 	"&": "&amp;",
 	"<": "&lt;",
 	">": "&gt;",
 	"\"": "&quot;"
 })[e]);
-function No(t, { mode: n = "auto", style: r } = {}) {
-	return e(/* @__PURE__ */ f(Oo, {
+function ss(t, { mode: n = "auto", style: r } = {}) {
+	return e(/* @__PURE__ */ f(ns, {
 		bundle: t,
 		mode: n,
 		style: r
 	}));
 }
-function Po(e, { mode: t = "auto", lang: n } = {}) {
+function cs(e, { mode: t = "auto", lang: n } = {}) {
 	let r = e.seo ?? {}, i = n || e.locale || "en", a = g(e.direction, i), o = r.title || e.title || e.slug || "Page", s = e.custom?.js?.trim(), c = [
 		"<meta charset=\"utf-8\"/>",
 		"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"/>",
-		`<title>${Mo(o)}</title>`,
-		r.description && `<meta name="description" content="${Mo(r.description)}"/>`,
-		`<meta property="og:title" content="${Mo(o)}"/>`,
-		r.image && `<meta property="og:image" content="${Mo(r.image)}"/>`,
+		`<title>${os(o)}</title>`,
+		r.description && `<meta name="description" content="${os(r.description)}"/>`,
+		`<meta property="og:title" content="${os(o)}"/>`,
+		r.image && `<meta property="og:image" content="${os(r.image)}"/>`,
 		r.noindex && "<meta name=\"robots\" content=\"noindex\"/>",
 		"<style>html,body{margin:0;height:100%}</style>"
 	].filter(Boolean).join("\n");
 	return `<!doctype html>
-<html lang="${Mo(i)}"${a ? ` dir="${a}"` : ""}>
+<html lang="${os(i)}"${a ? ` dir="${a}"` : ""}>
 <head>
 ${c}
 </head>
 <body>
-${No(e, { mode: t })}
+${ss(e, { mode: t })}
 ${s ? `<script>${s.replaceAll("<\/script", "<\\/script")}<\/script>` : ""}
 </body>
 </html>`;
 }
 //#endregion
-export { ko as assembleBundle, jo as fetchPage, No as renderBundleHtml, Po as renderPageDocument };
+export { rs as assembleBundle, as as fetchPage, ss as renderBundleHtml, cs as renderPageDocument };