@loczer/storefront-sdk 0.198.0 → 0.200.0

package/dist/components/ContractSaleDocument/Invoice.js

@@ -6,18 +6,18 @@ import { InvoiceDetails as a } from "./InvoiceDetails.js";
 import { Page as o } from "./Page.js";
 import { PageFooter as s } from "./PageFooter.js";
 import { PageHeader as ee } from "./PageHeader.js";
-import { SignatureModal as te } from "./SignatureModal.js";
-import { TermsAndConditionsContent as ne } from "./TermsAndConditionsContent.js";
-import { ThumbnailSidebar as re } from "./ThumbnailSidebar.js";
+import { TermsAndConditionsContent as te } from "./TermsAndConditionsContent.js";
+import { ThumbnailSidebar as ne } from "./ThumbnailSidebar.js";
 /* empty css                                                            */
-import { useEffect as c, useRef as l, useState as u } from "react";
-import { Fragment as ie, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Suspense as re, lazy as c, useEffect as l, useRef as u, useState as d } from "react";
+import { Fragment as ie, jsx as f, jsxs as p } from "react/jsx-runtime";
 import { useTranslation as ae } from "react-i18next";
 import { CheckCircle2 as oe } from "lucide-react";
 import * as se from "html-to-image";
 import { toString as ce } from "qrcode";
 //#region src/components/ContractSaleDocument/Invoice.tsx
-async function le(e) {
+var le = c(async () => ({ default: (await import("./SignatureModal.js")).SignatureModal }));
+async function ue(e) {
 	e.complete || await new Promise((t) => {
 		let n = () => {
 			e.removeEventListener("load", n), e.removeEventListener("error", n), t();
@@ -28,13 +28,13 @@ async function le(e) {
 		await e.decode();
 	} catch {}
 }
-var p = 22, m = 10, h = 14, g = 14, ue = 3, _ = 6, v = (e, t) => {
+var m = 22, h = 10, g = 14, _ = 14, de = 3, fe = 6, v = (e, t) => {
 	if (t <= 0) return [e];
 	let n = [];
 	for (let r = 0; r < e.length; r += t) n.push(e.slice(r, r + t));
 	return n;
-}, de = (e) => {
-	if (e.length <= m) return [{
+}, pe = (e) => {
+	if (e.length <= h) return [{
 		kind: "invoice",
 		key: "invoice-page-1",
 		items: e,
@@ -46,13 +46,13 @@ var p = 22, m = 10, h = 14, g = 14, ue = 3, _ = 6, v = (e, t) => {
 	let t = [{
 		kind: "invoice",
 		key: "invoice-page-1",
-		items: e.slice(0, m),
+		items: e.slice(0, h),
 		showInvoiceMeta: !0,
 		showTotalsSection: !1,
 		showNotesSection: !1,
 		showAcceptanceSection: !1
-	}], n = e.slice(m);
-	if (n.length <= g) return t.push({
+	}], n = e.slice(h);
+	if (n.length <= _) return t.push({
 		kind: "invoice",
 		key: "invoice-page-final-1",
 		items: n,
@@ -61,9 +61,9 @@ var p = 22, m = 10, h = 14, g = 14, ue = 3, _ = 6, v = (e, t) => {
 		showNotesSection: !0,
 		showAcceptanceSection: !0
 	}), t;
-	let r = n.length % h;
-	r === 0 && (r = Math.min(g, h));
-	let i = Math.max(0, n.length - r), a = n.slice(0, i), o = n.slice(i), s = v(a, h);
+	let r = n.length % g;
+	r === 0 && (r = Math.min(_, g));
+	let i = Math.max(0, n.length - r), a = n.slice(0, i), o = n.slice(i), s = v(a, g);
 	return s.forEach((e, n) => {
 		t.push({
 			kind: "invoice",
@@ -83,8 +83,8 @@ var p = 22, m = 10, h = 14, g = 14, ue = 3, _ = 6, v = (e, t) => {
 		showNotesSection: !0,
 		showAcceptanceSection: !0
 	}), t;
-}, fe = (e, t) => {
-	let n = t && e.articles.some((e) => !!(e.translationTitle || e.translationBody || e.translationBodyHtml)), r = n ? ue : _;
+}, me = (e, t) => {
+	let n = t && e.articles.some((e) => !!(e.translationTitle || e.translationBody || e.translationBodyHtml)), r = n ? de : fe;
 	return v(e.articles, r).map((t, r) => ({
 		kind: "appendix",
 		key: `${e.id}-page-${r + 1}`,
@@ -94,17 +94,17 @@ var p = 22, m = 10, h = 14, g = 14, ue = 3, _ = 6, v = (e, t) => {
 		withTranslation: n
 	}));
 };
-function y({ data: m, showAppendices: h = !0, withEnglishTranslation: g = !0, heightMode: ue = "viewport", renderMode: _ = "interactive", publicDocumentUrl: v, onAccept: y }) {
-	let { t: b, i18n: pe } = ae(), x = v?.trim() ?? "", S = _ === "pdf", [C, w] = u(m), [T, me] = u(!1), [E, D] = u(null), [he, O] = u(0), [k, A] = u([]), [ge, j] = u(!0), [_e, M] = u(0), [N, P] = u(""), [ve, F] = u(x.length === 0 && !S), [ye, I] = u(!S), L = l(null), R = l(null), z = l(null), B = l([]);
-	c(() => {
-		w(m);
-	}, [m]), c(() => {
-		if (!x) {
-			P(""), F(!S);
+function y({ data: c, showAppendices: h = !0, withEnglishTranslation: g = !0, heightMode: _ = "viewport", renderMode: de = "interactive", publicDocumentUrl: fe, onAccept: v }) {
+	let { t: y, i18n: he } = ae(), b = fe?.trim() ?? "", x = de === "pdf", [S, C] = d(c), [w, T] = d(!1), [E, D] = d(null), [ge, _e] = d(!1), [ve, O] = d(0), [k, A] = d([]), [ye, j] = d(!0), [be, M] = d(0), [N, P] = d(""), [xe, F] = d(b.length === 0 && !x), [Se, I] = d(!x), L = u(null), R = u(null), z = u(null), B = u([]);
+	l(() => {
+		C(c);
+	}, [c]), l(() => {
+		if (!b) {
+			P(""), F(!x);
 			return;
 		}
 		let e = !1;
-		return P(""), F(!1), ce(x, {
+		return P(""), F(!1), ce(b, {
 			type: "svg",
 			errorCorrectionLevel: "M",
 			margin: 1,
@@ -122,13 +122,13 @@ function y({ data: m, showAppendices: h = !0, withEnglishTranslation: g = !0, he
 		}), () => {
 			e = !0;
 		};
-	}, [x, S]);
-	let V = r(C, pe.language), be = (e, t = {}) => n(b, V, e, t), H = C.kind === "credit_note" ? -1 : 1, U = C.items.reduce((e, t) => e + t.quantity * t.unitPrice, 0) * H, W = C.items.reduce((e, t) => e + t.quantity * t.unitPrice * H / (1 + (t.taxRate ?? C.taxRate ?? 0)), 0), xe = U - W, G = be(C.kind === "credit_note" ? "docs_contract_sale_credit_note_title" : C.kind === "quote" ? "docs_contract_sale_quote_title" : "docs_contract_sale_invoice_title"), Se = de(C.items), K = C.kind === "credit_note" || !h ? [] : C.appendices, q = K.flatMap((e) => fe(e, g)), J = [...Se, ...q], Y = J.length, X = [
-		C.id,
-		C.kind,
-		C.saleDocumentNumber,
-		C.items.map((e) => `${e.id}:${e.description}:${e.quantity}:${e.unitPrice}`).join(","),
-		C.rental ? `${C.rental.bookingNumber}:${C.rental.start.toISOString()}:${C.rental.end.toISOString()}:${C.rental.pickupAddress ?? ""}:${C.rental.returnAddress ?? ""}` : "",
+	}, [b, x]);
+	let V = r(S, he.language), Ce = (e, t = {}) => n(y, V, e, t), H = S.kind === "credit_note" ? -1 : 1, U = S.items.reduce((e, t) => e + t.quantity * t.unitPrice, 0) * H, W = S.items.reduce((e, t) => e + t.quantity * t.unitPrice * H / (1 + (t.taxRate ?? S.taxRate ?? 0)), 0), we = U - W, G = Ce(S.kind === "credit_note" ? "docs_contract_sale_credit_note_title" : S.kind === "quote" ? "docs_contract_sale_quote_title" : "docs_contract_sale_invoice_title"), Te = pe(S.items), K = S.kind === "credit_note" || !h ? [] : S.appendices, q = K.flatMap((e) => me(e, g)), J = [...Te, ...q], Y = J.length, X = [
+		S.id,
+		S.kind,
+		S.saleDocumentNumber,
+		S.items.map((e) => `${e.id}:${e.description}:${e.quantity}:${e.unitPrice}`).join(","),
+		S.rental ? `${S.rental.bookingNumber}:${S.rental.start.toISOString()}:${S.rental.end.toISOString()}:${S.rental.pickupAddress ?? ""}:${S.rental.returnAddress ?? ""}` : "",
 		h ? K.map((e) => [
 			e.id,
 			e.title,
@@ -139,9 +139,9 @@ function y({ data: m, showAppendices: h = !0, withEnglishTranslation: g = !0, he
 		V.customer,
 		V.translation ?? "",
 		J.map((e) => e.key).join(",")
-	].join("|"), Z = !S && (C.acceptanceLevel !== "none" || C.acceptance != null), Q = C.acceptance;
-	c(() => {
-		if (!S) {
+	].join("|"), Z = !x && (S.acceptanceLevel !== "none" || S.acceptance != null), Q = S.acceptance;
+	l(() => {
+		if (!x) {
 			I(!0);
 			return;
 		}
@@ -153,34 +153,34 @@ function y({ data: m, showAppendices: h = !0, withEnglishTranslation: g = !0, he
 		let t = !1;
 		I(!1);
 		let n = Array.from(e.querySelectorAll("img"));
-		return Promise.all(n.map(le)).then(() => {
+		return Promise.all(n.map(ue)).then(() => {
 			t || I(!0);
 		}), () => {
 			t = !0;
 		};
 	}, [
 		N,
-		S,
+		x,
 		X
-	]), B.current.length > Y && (B.current.length = Y), c(() => {
+	]), B.current.length > Y && (B.current.length = Y), l(() => {
 		M((e) => Y === 0 ? 0 : Math.min(e, Y - 1));
-	}, [Y]), c(() => {
+	}, [Y]), l(() => {
 		let e = L.current;
-		me(!1), M(0), e?.scrollTo({
+		T(!1), M(0), e?.scrollTo({
 			top: 0,
 			left: 0,
 			behavior: "auto"
 		});
 		let t = () => {
-			e && e.scrollHeight - e.scrollTop <= e.clientHeight + 5 && me(!0);
+			e && e.scrollHeight - e.scrollTop <= e.clientHeight + 5 && T(!0);
 		};
 		return e?.addEventListener("scroll", t), t(), () => {
 			e?.removeEventListener("scroll", t);
 		};
-	}, [X]), c(() => {
+	}, [X]), l(() => {
 		let e = !1;
 		return (async () => {
-			if (S) {
+			if (x) {
 				A([]), j(!1);
 				return;
 			}
@@ -205,14 +205,14 @@ function y({ data: m, showAppendices: h = !0, withEnglishTranslation: g = !0, he
 			e = !0;
 		};
 	}, [
-		C,
+		S,
 		h,
 		g,
 		Y,
-		S,
+		x,
 		N
-	]), c(() => {
-		if (S || k.length === 0) return;
+	]), l(() => {
+		if (x || k.length === 0) return;
 		let e = B.current.slice(0, Y).filter((e) => e != null);
 		if (e.length === 0) return;
 		let t = new IntersectionObserver((t) => {
@@ -235,8 +235,8 @@ function y({ data: m, showAppendices: h = !0, withEnglishTranslation: g = !0, he
 	}, [
 		k,
 		Y,
-		S
-	]), c(() => {
+		x
+	]), l(() => {
 		let e = R.current;
 		if (!Z || !e) {
 			O(0);
@@ -250,19 +250,19 @@ function y({ data: m, showAppendices: h = !0, withEnglishTranslation: g = !0, he
 		return n.observe(e), () => {
 			n.disconnect();
 		};
-	}, [C.acceptance, Z]);
-	let Ce = (e) => {
+	}, [S.acceptance, Z]);
+	let Ee = (e) => {
 		let t = e instanceof Date ? e : new Date(e);
 		return Number.isNaN(t.getTime()) ? null : t;
-	}, we = (e) => {
-		let t = Ce(e);
+	}, De = (e) => {
+		let t = Ee(e);
 		return t ? new Intl.DateTimeFormat(V.legal, {
 			day: "2-digit",
 			month: "2-digit",
 			year: "numeric"
 		}).format(t) : "-";
-	}, Te = (e) => {
-		let t = Ce(e);
+	}, Oe = (e) => {
+		let t = Ee(e);
 		return t ? new Intl.DateTimeFormat(V.legal, {
 			day: "2-digit",
 			month: "2-digit",
@@ -270,141 +270,147 @@ function y({ data: m, showAppendices: h = !0, withEnglishTranslation: g = !0, he
 			hour: "2-digit",
 			minute: "2-digit"
 		}).format(t) : "-";
-	}, Ee = async (e) => {
-		let t = y ? await y(e) : void 0;
+	}, ke = async (e) => {
+		let t = v ? await v(e) : void 0;
 		if (t) {
-			w(t);
+			C(t);
 			return;
 		}
-		w((t) => ({
+		C((t) => ({
 			...t,
 			acceptance: e
 		}));
-	}, De = async () => {
-		await Ee({
+	}, Ae = async () => {
+		await ke({
 			mode: "acceptance",
 			date: /* @__PURE__ */ new Date()
 		});
-	}, Oe = async (e) => {
-		await Ee(e);
-	}, ke = (e) => {
+	}, je = async (e) => {
+		await ke(e);
+	}, Me = () => {
+		let e = S.acceptanceLevel === "signature" ? "signature" : "acceptance";
+		e === "signature" && _e(!0), D(e);
+	}, Ne = (e) => {
 		M(e), B.current[e]?.scrollIntoView({
 			behavior: "smooth",
 			block: "start"
 		});
-	}, Ae = Z ? he + p : p, $ = ue === "parent", je = C.acceptanceLevel === "signature" ? b(T ? "docs_contract_sale_action_signature_ready" : "docs_contract_sale_action_signature_locked") : b(T ? "docs_contract_sale_action_acceptance_ready" : "docs_contract_sale_action_acceptance_locked"), Me = Q?.mode === "signature" ? b("docs_contract_sale_already_signed", { date: Te(Q.date) }) : Q?.mode === "acceptance" ? b("docs_contract_sale_already_accepted", { date: Te(Q.date) }) : null, Ne = (e, t) => /* @__PURE__ */ f(o, {
+	}, Pe = Z ? ve + m : m, $ = _ === "parent", Fe = S.acceptanceLevel === "signature" ? y(w ? "docs_contract_sale_action_signature_ready" : "docs_contract_sale_action_signature_locked") : y(w ? "docs_contract_sale_action_acceptance_ready" : "docs_contract_sale_action_acceptance_locked"), Ie = Q?.mode === "signature" ? y("docs_contract_sale_already_signed", { date: Oe(Q.date) }) : Q?.mode === "acceptance" ? y("docs_contract_sale_already_accepted", { date: Oe(Q.date) }) : null, Le = (e, t) => /* @__PURE__ */ p(o, {
 		ref: (e) => {
 			B.current[t] = e;
 		},
-		className: S || t === Y - 1 ? "!mb-0" : void 0,
+		className: x || t === Y - 1 ? "!mb-0" : void 0,
 		children: [
-			/* @__PURE__ */ d(ee, {
+			/* @__PURE__ */ f(ee, {
 				documentTitle: G,
-				saleDocumentNumber: C.saleDocumentNumber,
+				saleDocumentNumber: S.saleDocumentNumber,
 				currentPage: t + 1,
 				totalPages: Y,
 				documentLanguage: V
 			}),
-			e.kind === "invoice" ? /* @__PURE__ */ d(a, {
-				saleDocument: C,
+			e.kind === "invoice" ? /* @__PURE__ */ f(a, {
+				saleDocument: S,
 				items: e.items,
 				subtotal: W,
-				tax: xe,
+				tax: we,
 				total: U,
-				formatDate: we,
+				formatDate: De,
 				showInvoiceMeta: e.showInvoiceMeta,
 				showTotalsSection: e.showTotalsSection,
 				showNotesSection: e.showNotesSection,
 				showAcceptanceSection: e.showAcceptanceSection && q.length === 0,
 				documentQrCodeUrl: e.showInvoiceMeta ? N : void 0,
 				documentLanguage: V
-			}) : /* @__PURE__ */ f("main", {
+			}) : /* @__PURE__ */ p("main", {
 				className: "flex flex-grow flex-col px-4 text-left md:px-8",
-				children: [/* @__PURE__ */ d(ne, {
+				children: [/* @__PURE__ */ f(te, {
 					title: e.title,
 					articles: e.articles,
 					withEnglishTranslation: e.withTranslation,
 					showTitle: e.showTitle
-				}), t === Y - 1 ? /* @__PURE__ */ d(i, {
-					saleDocument: C,
+				}), t === Y - 1 ? /* @__PURE__ */ f(i, {
+					saleDocument: S,
 					documentLanguage: V,
-					formatDate: we
+					formatDate: De
 				}) : null]
 			}),
-			/* @__PURE__ */ d(s, {
+			/* @__PURE__ */ f(s, {
 				documentTitle: G,
-				saleDocumentNumber: C.saleDocumentNumber,
+				saleDocumentNumber: S.saleDocumentNumber,
 				currentPage: t + 1,
 				totalPages: Y,
 				documentLanguage: V
 			})
 		]
 	}, e.key);
-	return S ? /* @__PURE__ */ d("div", {
+	return x ? /* @__PURE__ */ f("div", {
 		ref: z,
-		"data-testid": ve && ye ? "contract-sale-document-pdf-ready" : void 0,
+		"data-testid": xe && Se ? "contract-sale-document-pdf-ready" : void 0,
 		className: "contract-sale-document contract-sale-document-pdf bg-white text-foreground",
-		children: J.map(Ne)
-	}) : /* @__PURE__ */ d(ie, { children: /* @__PURE__ */ f("div", {
+		children: J.map(Le)
+	}) : /* @__PURE__ */ f(ie, { children: /* @__PURE__ */ p("div", {
 		className: `contract-sale-document ${$ ? "h-full" : "h-dvh"} min-h-0 md:flex`,
-		children: [/* @__PURE__ */ d(re, {
+		children: [/* @__PURE__ */ f(ne, {
 			thumbnails: k,
-			activePage: _e,
-			onThumbnailClick: ke,
+			activePage: be,
+			onThumbnailClick: Ne,
 			totalPages: Y,
 			heightClassName: $ ? "h-full" : "h-dvh",
 			contentClassName: $ ? "pt-16" : void 0,
-			isLoading: ge
-		}), /* @__PURE__ */ f("div", {
+			isLoading: ye
+		}), /* @__PURE__ */ p("div", {
 			ref: L,
 			"data-testid": "contract-sale-document-scroll-container",
 			className: `${$ ? "h-full" : "h-dvh"} min-h-0 flex-1 overflow-y-auto overscroll-y-contain bg-transparent`,
 			style: {
 				paddingTop: $ ? "3.5rem" : void 0,
 				scrollPaddingTop: $ ? "3.5rem" : void 0,
-				paddingBottom: `${Ae}px`
+				paddingBottom: `${Pe}px`
 			},
 			children: [
-				J.map(Ne),
-				/* @__PURE__ */ d("p", {
+				J.map(Le),
+				/* @__PURE__ */ f("p", {
 					className: "px-4 text-center text-xs text-muted-foreground/75 md:px-8",
-					style: { paddingTop: `${p}px` },
-					children: b("docs_contract_sale_end")
+					style: { paddingTop: `${m}px` },
+					children: y("docs_contract_sale_end")
 				}),
-				Z ? /* @__PURE__ */ d("div", {
+				Z ? /* @__PURE__ */ f("div", {
 					ref: R,
 					className: "fixed bottom-0 left-0 right-0 z-30 flex items-center justify-center border-t border-border bg-background/70 p-4 backdrop-blur-xl backdrop-saturate-125 supports-[backdrop-filter]:bg-background/55",
-					children: Me ? /* @__PURE__ */ f("div", {
+					children: Ie ? /* @__PURE__ */ p("div", {
 						className: "flex items-center gap-2 px-6 py-3 text-sm font-semibold text-success",
-						children: [/* @__PURE__ */ d(oe, {
+						children: [/* @__PURE__ */ f(oe, {
 							className: "h-4 w-4 shrink-0",
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ d("p", {
+						}), /* @__PURE__ */ f("p", {
 							className: "text-center",
-							children: Me
+							children: Ie
 						})]
-					}) : /* @__PURE__ */ d(e, {
-						onClick: () => D(C.acceptanceLevel === "signature" ? "signature" : "acceptance"),
-						disabled: !T,
+					}) : /* @__PURE__ */ f(e, {
+						onClick: Me,
+						disabled: !w,
 						className: "px-6 py-3 text-sm font-semibold",
 						"data-testid": "contract-sale-document-action-button",
-						children: je
+						children: Fe
 					})
 				}) : null,
-				/* @__PURE__ */ d(t, {
+				/* @__PURE__ */ f(t, {
 					isOpen: E === "acceptance",
 					onClose: () => D(null),
 					onAccept: async () => {
-						await De(), D(null);
+						await Ae(), D(null);
 					}
 				}),
-				/* @__PURE__ */ d(te, {
-					isOpen: E === "signature",
-					onClose: () => D(null),
-					onSave: async (e) => {
-						await Oe(e), D(null);
-					}
-				})
+				ge ? /* @__PURE__ */ f(re, {
+					fallback: null,
+					children: /* @__PURE__ */ f(le, {
+						isOpen: E === "signature",
+						onClose: () => D(null),
+						onSave: async (e) => {
+							await je(e), D(null);
+						}
+					})
+				}) : null
 			]
 		})]
 	}) });

package/dist/components/Header/index.js

@@ -1,6 +1,6 @@
 import { resolveBookingSearchParamsFromSessionStorage as e } from "../../lib/booking.js";
-import { useStorefrontCart as t } from "../../lib/cart.js";
-import { getLocalizedValue as n } from "../../localization.js";
+import { getLocalizedValue as t } from "../../localization.js";
+import { useStorefrontCart as n } from "../../lib/cart.js";
 import { buildStorefrontImageUrl as r } from "../../lib/storefrontImage.js";
 import ee from "../../chunks/assets/whatsapp-m5e0vjnZ.js";
 import { MISSING_SHOP_EMAIL as i } from "../../lib/storefrontMissingValues.js";
@@ -19,13 +19,13 @@ var b = 36, x = (e, t) => {
 	return n ? r(n, t ?? "") : "";
 };
 function S({ storefrontConfiguration: r, whatsappHref: S, whatsappPhoneDisplay: C }) {
-	let { t: w, i18n: T } = h(), { storeSlug: E } = m(), D = p(), { itemCount: O } = t(), k = u("(max-width: 640px)"), [A, te] = d(), j = te?.height ?? b, M = _({
+	let { t: w, i18n: T } = h(), { storeSlug: E } = m(), D = p(), { itemCount: O } = n(), k = u("(max-width: 640px)"), [A, te] = d(), j = te?.height ?? b, M = _({
 		enabled: k,
 		thresholdPx: j
 	}), N = k && M ? `translateY(-${j}px)` : "translateY(0)", P = () => {
 		let e = T.language.startsWith("fr") ? "en" : "fr";
 		T.changeLanguage(e);
-	}, F = `/${E ?? ""}`, I = e(new URLSearchParams(D.search), E), L = I.toString(), R = !!(I.get("start_time")?.trim() && I.get("end_time")?.trim()), z = L ? `?${L}` : "", B = `${F}/booking${z}`, V = `${F}/checkout${z}`, H = r?.shop.name?.trim() ?? "", U = r?.shop.emailAddress?.trim() ?? "", W = r?.workspace?.workspaceLanguage, G = n(r?.content?.tagline, T.language, W).trim(), K = a(r?.shop), q = G || K || "[Missing shop address]", J = !G && !K, Y = n(r?.content?.topBannerMessage, T.language, W).trim() || w("top_bar_message"), X = x(r?.content?.logoWideImageId, E), Z = x(r?.shop.logoImageId ?? r?.content?.logoSquareImageId, E), Q = X.length > 0, $ = Z.length > 0;
+	}, F = `/${E ?? ""}`, I = e(new URLSearchParams(D.search), E), L = I.toString(), R = !!(I.get("start_time")?.trim() && I.get("end_time")?.trim()), z = L ? `?${L}` : "", B = `${F}/booking${z}`, V = `${F}/checkout${z}`, H = r?.shop.name?.trim() ?? "", U = r?.shop.emailAddress?.trim() ?? "", W = r?.workspace?.workspaceLanguage, G = t(r?.content?.tagline, T.language, W).trim(), K = a(r?.shop), q = G || K || "[Missing shop address]", J = !G && !K, Y = t(r?.content?.topBannerMessage, T.language, W).trim() || w("top_bar_message"), X = x(r?.content?.logoWideImageId, E), Z = x(r?.shop.logoImageId ?? r?.content?.logoSquareImageId, E), Q = X.length > 0, $ = Z.length > 0;
 	return /* @__PURE__ */ l("div", {
 		className: "sticky top-0 z-30",
 		children: [/* @__PURE__ */ c("div", {

package/dist/components/Layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,oBAAoB,CAAA;AAEvE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAItE,KAAK,WAAW,GAAG;IACjB,uBAAuB,CAAC,EAAE,uBAAuB,CAAA;IACjD,kBAAkB,EAAE,6BAA6B,CAAA;CAClD,CAAA;AAED,wBAAgB,MAAM,CAAC,EACrB,uBAAuB,EACvB,kBAAkB,GACnB,EAAE,WAAW,2CA2Db"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,oBAAoB,CAAA;AAGvE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAItE,KAAK,WAAW,GAAG;IACjB,uBAAuB,CAAC,EAAE,uBAAuB,CAAA;IACjD,kBAAkB,EAAE,6BAA6B,CAAA;CAClD,CAAA;AAED,wBAAgB,MAAM,CAAC,EACrB,uBAAuB,EACvB,kBAAkB,GACnB,EAAE,WAAW,2CAiEb"}

package/dist/components/Layout/index.js

@@ -7,54 +7,61 @@ import { PlaygroundDevFloatingButton as a } from "../PlaygroundDevFloatingButton
 import { StorefrontPopupMessages as o } from "../StorefrontPopupMessages/index.js";
 import { WhatsAppFloatingButton as s } from "../WhatsAppFloatingButton/WhatsAppFloatingButton.js";
 import "../WhatsAppFloatingButton/index.js";
-import { Provider as c } from "../../ui/tooltip.js";
-import { useEffect as l } from "react";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { RootProvider as p } from "@rpcbase/client";
-import { Outlet as m, useLocation as h, useParams as g } from "@rpcbase/router";
-import { useTranslation as _ } from "react-i18next";
+import { STOREFRONT_TOASTER_ID as c } from "../../lib/toast.js";
+import { Provider as l } from "../../ui/tooltip.js";
+import { useEffect as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { RootProvider as m } from "@rpcbase/client";
+import { Outlet as h, useLocation as g, useParams as _ } from "@rpcbase/router";
+import { useTranslation as v } from "react-i18next";
+import { Toaster as y } from "sonner";
 //#region src/components/Layout/index.tsx
-function v({ storefrontConfiguration: v, storefrontProducts: y }) {
-	let { storeSlug: b, referenceId: x } = g(), S = h(), { i18n: C } = _();
-	l(() => {
+function b({ storefrontConfiguration: b, storefrontProducts: x }) {
+	let { storeSlug: S, referenceId: C } = _(), w = g(), { i18n: T } = v();
+	u(() => {
 		document.documentElement.setAttribute("data-hydrated", "true");
 	}, []);
-	let w = t({
-		storefrontConfiguration: v,
-		language: C.language
-	}), T = w?.href, E = typeof x == "string" && x.trim().length > 0, D = E && new URLSearchParams(S.search).get("pdf") === "1";
-	return /* @__PURE__ */ d(p, { children: /* @__PURE__ */ d(c, { children: /* @__PURE__ */ d(e, {
-		storeSlug: b ?? "",
-		products: y,
-		children: /* @__PURE__ */ d("div", {
-			className: `loczer-storefront flex flex-col bg-background text-foreground ${E && !D ? "h-dvh overflow-hidden" : "min-h-screen"}`,
-			children: E ? /* @__PURE__ */ d("main", {
-				className: `flex-1 ${D ? "bg-white" : "overflow-hidden"}`,
-				children: /* @__PURE__ */ d(m, {})
-			}) : /* @__PURE__ */ f(u, { children: [
-				/* @__PURE__ */ d(r, {
-					storefrontConfiguration: v,
-					whatsappHref: T,
-					whatsappPhoneDisplay: w?.phoneDisplay
+	let E = t({
+		storefrontConfiguration: b,
+		language: T.language
+	}), D = E?.href, O = typeof C == "string" && C.trim().length > 0, k = O && new URLSearchParams(w.search).get("pdf") === "1";
+	return /* @__PURE__ */ p(m, { children: [/* @__PURE__ */ f(y, {
+		id: c,
+		closeButton: !0,
+		position: "bottom-center",
+		theme: "dark"
+	}), /* @__PURE__ */ f(l, { children: /* @__PURE__ */ f(e, {
+		storeSlug: S ?? "",
+		products: x,
+		children: /* @__PURE__ */ f("div", {
+			className: `loczer-storefront flex flex-col bg-background text-foreground ${O && !k ? "h-dvh overflow-hidden" : "min-h-screen"}`,
+			children: O ? /* @__PURE__ */ f("main", {
+				className: `flex-1 ${k ? "bg-white" : "overflow-hidden"}`,
+				children: /* @__PURE__ */ f(h, {})
+			}) : /* @__PURE__ */ p(d, { children: [
+				/* @__PURE__ */ f(r, {
+					storefrontConfiguration: b,
+					whatsappHref: D,
+					whatsappPhoneDisplay: E?.phoneDisplay
 				}),
-				/* @__PURE__ */ d("main", {
+				/* @__PURE__ */ f("main", {
 					className: "flex-1",
-					children: /* @__PURE__ */ d(m, {})
+					children: /* @__PURE__ */ f(h, {})
 				}),
-				/* @__PURE__ */ d(n, {
-					shop: v?.shop,
-					whatsappHref: T,
-					whatsappPhoneDisplay: w?.phoneDisplay,
-					openingHours: v?.bookingEngine.shop.openingHours,
-					openingHoursOverrides: v?.bookingEngine.shop.openingHoursOverrides
+				/* @__PURE__ */ f(n, {
+					shop: b?.shop,
+					whatsappHref: D,
+					whatsappPhoneDisplay: E?.phoneDisplay,
+					openingHours: b?.bookingEngine.shop.openingHours,
+					openingHoursOverrides: b?.bookingEngine.shop.openingHoursOverrides
 				}),
-				/* @__PURE__ */ d(i, {}),
-				T && v?.content?.showWhatsappFloatingButton !== !1 ? /* @__PURE__ */ d(s, { href: T }) : null,
-				/* @__PURE__ */ d(a, {}),
-				/* @__PURE__ */ d(o, { storefrontConfiguration: v })
+				/* @__PURE__ */ f(i, {}),
+				D && b?.content?.showWhatsappFloatingButton !== !1 ? /* @__PURE__ */ f(s, { href: D }) : null,
+				/* @__PURE__ */ f(a, {}),
+				/* @__PURE__ */ f(o, { storefrontConfiguration: b })
 			] })
 		})
-	}) }) });
+	}) })] });
 }
 //#endregion
-export { v as Layout };
+export { b as Layout };

package/dist/components/ProductPriceBadge/index.d.ts

@@ -3,7 +3,8 @@ type ProductPriceBadgeProps = {
     prices?: StorefrontPublicProductPrice[];
     minPriceMinor?: number;
     className?: string;
+    openOnHover?: boolean;
 };
-export declare const ProductPriceBadge: ({ prices, minPriceMinor, className }: ProductPriceBadgeProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ProductPriceBadge: ({ prices, minPriceMinor, className, openOnHover, }: ProductPriceBadgeProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ProductPriceBadge/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProductPriceBadge/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,8BAA8B,CAAA;AAoBhF,KAAK,sBAAsB,GAAG;IAC5B,MAAM,CAAC,EAAE,4BAA4B,EAAE,CAAA;IACvC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,sCAAsC,sBAAsB,mDA4W7F,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProductPriceBadge/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,8BAA8B,CAAA;AAoBhF,KAAK,sBAAsB,GAAG;IAC5B,MAAM,CAAC,EAAE,4BAA4B,EAAE,CAAA;IACvC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,oDAK/B,sBAAsB,mDA8WxB,CAAA"}