@loczer/storefront-sdk 0.204.0 → 0.205.0

package/dist/components/ContractSaleDocument/Invoice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Invoice.d.ts","sourceRoot":"","sources":["../../../src/components/ContractSaleDocument/Invoice.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,oBAAoB,IAAI,wBAAwB,EAChD,oCAAoC,EAKrC,MAAM,gCAAgC,CAAA;AAWvC,OAAO,eAAe,CAAA;AAOtB,KAAK,yBAAyB,GAAG;IAC/B,IAAI,EAAE,wBAAwB,CAAA;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,UAAU,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;IAClC,UAAU,CAAC,EAAE,aAAa,GAAG,KAAK,CAAA;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,CACT,UAAU,EAAE,oCAAoC,KAC7C,OAAO,CAAC,wBAAwB,GAAG,IAAI,CAAC,GAAG,wBAAwB,GAAG,IAAI,CAAA;CAChF,CAAA;AAsKD,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EAAE,WAAW,EACjB,cAAqB,EACrB,sBAA6B,EAC7B,UAAuB,EACvB,UAA0B,EAC1B,iBAAiB,EACjB,QAAQ,GACT,EAAE,yBAAyB,2CAmiB3B;AAED,YAAY,EAAE,yBAAyB,EAAE,CAAA"}
+{"version":3,"file":"Invoice.d.ts","sourceRoot":"","sources":["../../../src/components/ContractSaleDocument/Invoice.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,oBAAoB,IAAI,wBAAwB,EAChD,oCAAoC,EAKrC,MAAM,gCAAgC,CAAA;AAUvC,OAAO,eAAe,CAAA;AAOtB,KAAK,yBAAyB,GAAG;IAC/B,IAAI,EAAE,wBAAwB,CAAA;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,UAAU,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;IAClC,UAAU,CAAC,EAAE,aAAa,GAAG,KAAK,CAAA;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,CACT,UAAU,EAAE,oCAAoC,KAC7C,OAAO,CAAC,wBAAwB,GAAG,IAAI,CAAC,GAAG,wBAAwB,GAAG,IAAI,CAAA;CAChF,CAAA;AAsKD,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EAAE,WAAW,EACjB,cAAqB,EACrB,sBAA6B,EAC7B,UAAuB,EACvB,UAA0B,EAC1B,iBAAiB,EACjB,QAAQ,GACT,EAAE,yBAAyB,2CAmiB3B;AAED,YAAY,EAAE,yBAAyB,EAAE,CAAA"}

package/dist/components/ContractSaleDocument/Invoice.js

@@ -1,17 +1,17 @@
 import { Button as e } from "../../ui/button.js";
 import { AcceptanceModal as t } from "./AcceptanceModal.js";
 import { formatContractSaleDocumentLabel as n, resolveContractSaleDocumentLanguage as r } from "./language.js";
-import { DocumentAcceptanceSection as i } from "./DocumentAcceptanceSection.js";
-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 { TermsAndConditionsContent as te } from "./TermsAndConditionsContent.js";
-import { ThumbnailSidebar as ne } from "./ThumbnailSidebar.js";
+import { InvoiceDetails as i } from "./InvoiceDetails.js";
+import { Page as a } from "./Page.js";
+import { PageFooter as o } from "./PageFooter.js";
+import { PageHeader as s } from "./PageHeader.js";
+import { TermsAndConditionsContent as ee } from "./TermsAndConditionsContent.js";
+import { ThumbnailSidebar as te } from "./ThumbnailSidebar.js";
 /* empty css                                                            */
-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 { Suspense as ne, lazy as c, useEffect as l, useRef as u, useState as d } from "react";
+import { Fragment as re, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useTranslation as ie } from "react-i18next";
+import { cn as ae } from "@rpcbase/ui";
 import { CheckCircle2 as oe } from "lucide-react";
 import * as se from "html-to-image";
 import { toString as ce } from "qrcode";
@@ -28,12 +28,12 @@ async function ue(e) {
 		await e.decode();
 	} catch {}
 }
-var m = 22, h = 10, g = 14, _ = 14, de = 3, fe = 6, v = (e, t) => {
+var m = 22, h = 10, g = 14, _ = 14, v = 3, y = 6, b = (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;
-}, pe = (e) => {
+}, de = (e) => {
 	if (e.length <= h) return [{
 		kind: "invoice",
 		key: "invoice-page-1",
@@ -63,7 +63,7 @@ var m = 22, h = 10, g = 14, _ = 14, de = 3, fe = 6, v = (e, t) => {
 	}), t;
 	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);
+	let i = Math.max(0, n.length - r), a = n.slice(0, i), o = n.slice(i), s = b(a, g);
 	return s.forEach((e, n) => {
 		t.push({
 			kind: "invoice",
@@ -83,9 +83,9 @@ var m = 22, h = 10, g = 14, _ = 14, de = 3, fe = 6, v = (e, t) => {
 		showNotesSection: !0,
 		showAcceptanceSection: !0
 	}), t;
-}, 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) => ({
+}, fe = (e, t) => {
+	let n = t && e.articles.some((e) => !!(e.translationTitle || e.translationBody || e.translationBodyHtml)), r = n ? v : y;
+	return b(e.articles, r).map((t, r) => ({
 		kind: "appendix",
 		key: `${e.id}-page-${r + 1}`,
 		title: e.title,
@@ -94,17 +94,17 @@ var m = 22, h = 10, g = 14, _ = 14, de = 3, fe = 6, v = (e, t) => {
 		withTranslation: n
 	}));
 };
-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([]);
+function x({ data: c, showAppendices: h = !0, withEnglishTranslation: g = !0, heightMode: _ = "viewport", renderMode: v = "interactive", publicDocumentUrl: y, onAccept: b }) {
+	let { t: x, i18n: pe } = ie(), S = y?.trim() ?? "", me = y !== void 0, C = v === "pdf", [w, T] = d(c), [E, D] = d(!1), [O, k] = d(null), [he, ge] = d(!1), [_e, A] = d(0), [j, M] = d([]), [ve, N] = d(!0), [ye, P] = d(0), [F, I] = d(""), [be, L] = d(S.length === 0 && !C), [xe, R] = d(!C), z = u(null), B = u(null), V = u(null), H = u([]);
 	l(() => {
-		C(c);
+		T(c);
 	}, [c]), l(() => {
-		if (!b) {
-			P(""), F(!x);
+		if (!S) {
+			I(""), L(!C);
 			return;
 		}
 		let e = !1;
-		return P(""), F(!1), ce(b, {
+		return I(""), L(!1), ce(S, {
 			type: "svg",
 			errorCorrectionLevel: "M",
 			margin: 1,
@@ -114,78 +114,78 @@ function y({ data: c, showAppendices: h = !0, withEnglishTranslation: g = !0, he
 				light: "#FFFFFF"
 			}
 		}).then((t) => {
-			e || P(`data:image/svg+xml;utf8,${encodeURIComponent(t)}`);
+			e || I(`data:image/svg+xml;utf8,${encodeURIComponent(t)}`);
 		}).catch((t) => {
-			e || (console.error("Document QR code generation failed:", t), P(""));
+			e || (console.error("Document QR code generation failed:", t), I(""));
 		}).finally(() => {
-			e || F(!0);
+			e || L(!0);
 		}), () => {
 			e = !0;
 		};
-	}, [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) => [
+	}, [S, C]);
+	let U = r(w, pe.language), Se = (e, t = {}) => n(x, U, e, t), W = w.kind === "credit_note" ? -1 : 1, G = w.items.reduce((e, t) => e + t.quantity * t.unitPrice, 0) * W, K = w.items.reduce((e, t) => e + t.quantity * t.unitPrice * W / (1 + (t.taxRate ?? w.taxRate ?? 0)), 0), Ce = G - K, q = Se(w.kind === "credit_note" ? "docs_contract_sale_credit_note_title" : w.kind === "quote" ? "docs_contract_sale_quote_title" : "docs_contract_sale_invoice_title"), we = de(w.items), Te = w.kind === "credit_note" || !h ? [] : w.appendices, Ee = g && U.translation !== void 0, De = Te.flatMap((e) => fe(e, Ee)), J = [...we, ...De], Y = J.length, Oe = [
+		w.id,
+		w.kind,
+		w.saleDocumentNumber,
+		w.items.map((e) => `${e.id}:${e.description}:${e.quantity}:${e.unitPrice}`).join(","),
+		w.rental ? `${w.rental.bookingNumber}:${w.rental.start.toISOString()}:${w.rental.end.toISOString()}:${w.rental.pickupAddress ?? ""}:${w.rental.returnAddress ?? ""}` : "",
+		h ? Te.map((e) => [
 			e.id,
 			e.title,
 			e.articles.map((e) => `${e.id}:${e.title}:${e.body}:${e.bodyHtml ?? ""}:${e.translationTitle ?? ""}:${e.translationBody ?? ""}:${e.translationBodyHtml ?? ""}`).join(",")
 		].join(":")).join("|") : "",
-		g ? "translated" : "legal-only",
-		V.legal,
-		V.customer,
-		V.translation ?? "",
+		Ee ? "translated" : "legal-only",
+		U.legal,
+		U.customer,
+		U.translation ?? "",
 		J.map((e) => e.key).join(",")
-	].join("|"), Z = !x && (S.acceptanceLevel !== "none" || S.acceptance != null), Q = S.acceptance;
+	].join("|"), X = !C && (w.acceptanceLevel !== "none" || w.acceptance != null), Z = w.acceptance;
 	l(() => {
-		if (!x) {
-			I(!0);
+		if (!C) {
+			R(!0);
 			return;
 		}
-		let e = z.current;
+		let e = V.current;
 		if (!e) {
-			I(!1);
+			R(!1);
 			return;
 		}
 		let t = !1;
-		I(!1);
+		R(!1);
 		let n = Array.from(e.querySelectorAll("img"));
 		return Promise.all(n.map(ue)).then(() => {
-			t || I(!0);
+			t || R(!0);
 		}), () => {
 			t = !0;
 		};
 	}, [
-		N,
-		x,
-		X
-	]), B.current.length > Y && (B.current.length = Y), l(() => {
-		M((e) => Y === 0 ? 0 : Math.min(e, Y - 1));
+		F,
+		C,
+		Oe
+	]), H.current.length > Y && (H.current.length = Y), l(() => {
+		P((e) => Y === 0 ? 0 : Math.min(e, Y - 1));
 	}, [Y]), l(() => {
-		let e = L.current;
-		T(!1), M(0), e?.scrollTo({
+		let e = z.current;
+		D(!1), P(0), e?.scrollTo({
 			top: 0,
 			left: 0,
 			behavior: "auto"
 		});
 		let t = () => {
-			e && e.scrollHeight - e.scrollTop <= e.clientHeight + 5 && T(!0);
+			e && e.scrollHeight - e.scrollTop <= e.clientHeight + 5 && D(!0);
 		};
 		return e?.addEventListener("scroll", t), t(), () => {
 			e?.removeEventListener("scroll", t);
 		};
-	}, [X]), l(() => {
+	}, [Oe]), l(() => {
 		let e = !1;
 		return (async () => {
-			if (x) {
-				A([]), j(!1);
+			if (C) {
+				M([]), N(!1);
 				return;
 			}
-			j(!0), await new Promise((e) => setTimeout(e, 0));
-			let t = [], n = B.current.slice(0, Y);
+			N(!0), await new Promise((e) => setTimeout(e, 0));
+			let t = [], n = H.current.slice(0, Y);
 			for (let e of n) if (e) try {
 				let n = await se.toPng(e, {
 					quality: .7,
@@ -200,29 +200,29 @@ function y({ data: c, showAppendices: h = !0, withEnglishTranslation: g = !0, he
 			} catch (e) {
 				console.error("Thumbnail generation failed:", e);
 			}
-			e || (A(t), j(!1));
+			e || (M(t), N(!1));
 		})(), () => {
 			e = !0;
 		};
 	}, [
-		S,
+		w,
 		h,
 		g,
 		Y,
-		x,
-		N
+		C,
+		F
 	]), l(() => {
-		if (x || k.length === 0) return;
-		let e = B.current.slice(0, Y).filter((e) => e != null);
+		if (C || j.length === 0) return;
+		let e = H.current.slice(0, Y).filter((e) => e != null);
 		if (e.length === 0) return;
 		let t = new IntersectionObserver((t) => {
 			for (let n of t) {
 				if (!n.isIntersecting) continue;
 				let t = e.findIndex((e) => e === n.target);
-				t !== -1 && M(t);
+				t !== -1 && P(t);
 			}
 		}, {
-			root: L.current,
+			root: z.current,
 			threshold: .5
 		});
 		return e.forEach((e) => {
@@ -233,181 +233,177 @@ function y({ data: c, showAppendices: h = !0, withEnglishTranslation: g = !0, he
 			});
 		};
 	}, [
-		k,
+		j,
 		Y,
-		x
+		C
 	]), l(() => {
-		let e = R.current;
-		if (!Z || !e) {
-			O(0);
+		let e = B.current;
+		if (!X || !e) {
+			A(0);
 			return;
 		}
 		let t = () => {
-			O(Math.ceil(e.getBoundingClientRect().height));
+			A(Math.ceil(e.getBoundingClientRect().height));
 		};
 		if (t(), typeof ResizeObserver > "u") return;
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => {
 			n.disconnect();
 		};
-	}, [S.acceptance, Z]);
-	let Ee = (e) => {
+	}, [w.acceptance, X]);
+	let ke = (e) => {
 		let t = e instanceof Date ? e : new Date(e);
 		return Number.isNaN(t.getTime()) ? null : t;
-	}, De = (e) => {
-		let t = Ee(e);
-		return t ? new Intl.DateTimeFormat(V.legal, {
+	}, Ae = (e) => {
+		let t = ke(e);
+		return t ? new Intl.DateTimeFormat(U.legal, {
 			day: "2-digit",
 			month: "2-digit",
 			year: "numeric"
 		}).format(t) : "-";
-	}, Oe = (e) => {
-		let t = Ee(e);
-		return t ? new Intl.DateTimeFormat(V.legal, {
+	}, je = (e) => {
+		let t = ke(e);
+		return t ? new Intl.DateTimeFormat(U.legal, {
 			day: "2-digit",
 			month: "2-digit",
 			year: "numeric",
 			hour: "2-digit",
 			minute: "2-digit"
 		}).format(t) : "-";
-	}, ke = async (e) => {
-		let t = v ? await v(e) : void 0;
+	}, Q = async (e) => {
+		let t = b ? await b(e) : void 0;
 		if (t) {
-			C(t);
+			T(t);
 			return;
 		}
-		C((t) => ({
+		T((t) => ({
 			...t,
 			acceptance: e
 		}));
-	}, Ae = async () => {
-		await ke({
+	}, Me = async () => {
+		await Q({
 			mode: "acceptance",
 			date: /* @__PURE__ */ new Date()
 		});
-	}, 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({
+	}, Ne = async (e) => {
+		await Q(e);
+	}, Pe = () => {
+		let e = w.acceptanceLevel === "signature" ? "signature" : "acceptance";
+		e === "signature" && ge(!0), k(e);
+	}, Fe = (e) => {
+		P(e), H.current[e]?.scrollIntoView({
 			behavior: "smooth",
 			block: "start"
 		});
-	}, 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, {
+	}, Ie = X ? _e + m : m, $ = _ === "parent", Le = w.acceptanceLevel === "signature" ? x(E ? "docs_contract_sale_action_signature_ready" : "docs_contract_sale_action_signature_locked") : x(E ? "docs_contract_sale_action_acceptance_ready" : "docs_contract_sale_action_acceptance_locked"), Re = Z?.mode === "signature" ? x("docs_contract_sale_already_signed", { date: je(Z.date) }) : Z?.mode === "acceptance" ? x("docs_contract_sale_already_accepted", { date: je(Z.date) }) : null, ze = (e, t) => /* @__PURE__ */ p(a, {
 		ref: (e) => {
-			B.current[t] = e;
+			H.current[t] = e;
 		},
-		className: x || t === Y - 1 ? "!mb-0" : void 0,
+		className: ae($ && t === 0 && "md:!border-t-0", (C || t === Y - 1) && "!mb-0"),
 		children: [
-			/* @__PURE__ */ f(ee, {
-				documentTitle: G,
-				saleDocumentNumber: S.saleDocumentNumber,
+			/* @__PURE__ */ f(s, {
+				documentTitle: q,
+				saleDocumentNumber: w.saleDocumentNumber,
 				currentPage: t + 1,
 				totalPages: Y,
-				documentLanguage: V
+				documentLanguage: U
 			}),
-			e.kind === "invoice" ? /* @__PURE__ */ f(a, {
-				saleDocument: S,
+			e.kind === "invoice" ? /* @__PURE__ */ f(i, {
+				saleDocument: w,
 				items: e.items,
-				subtotal: W,
-				tax: we,
-				total: U,
-				formatDate: De,
+				subtotal: K,
+				tax: Ce,
+				total: G,
+				formatDate: Ae,
 				showInvoiceMeta: e.showInvoiceMeta,
 				showTotalsSection: e.showTotalsSection,
 				showNotesSection: e.showNotesSection,
-				showAcceptanceSection: e.showAcceptanceSection && q.length === 0,
-				documentQrCodeUrl: e.showInvoiceMeta ? N : void 0,
-				documentLanguage: V
-			}) : /* @__PURE__ */ p("main", {
+				showAcceptanceSection: e.showAcceptanceSection,
+				documentQrCodeUrl: e.showInvoiceMeta && me ? F : void 0,
+				documentLanguage: U
+			}) : /* @__PURE__ */ f("main", {
 				className: "flex flex-grow flex-col px-4 text-left md:px-8",
-				children: [/* @__PURE__ */ f(te, {
+				children: /* @__PURE__ */ f(ee, {
 					title: e.title,
 					articles: e.articles,
 					withEnglishTranslation: e.withTranslation,
 					showTitle: e.showTitle
-				}), t === Y - 1 ? /* @__PURE__ */ f(i, {
-					saleDocument: S,
-					documentLanguage: V,
-					formatDate: De
-				}) : null]
+				})
 			}),
-			/* @__PURE__ */ f(s, {
-				documentTitle: G,
-				saleDocumentNumber: S.saleDocumentNumber,
+			/* @__PURE__ */ f(o, {
+				documentTitle: q,
+				saleDocumentNumber: w.saleDocumentNumber,
 				currentPage: t + 1,
 				totalPages: Y,
-				documentLanguage: V
+				documentLanguage: U
 			})
 		]
 	}, e.key);
-	return x ? /* @__PURE__ */ f("div", {
-		ref: z,
-		"data-testid": xe && Se ? "contract-sale-document-pdf-ready" : void 0,
+	return C ? /* @__PURE__ */ f("div", {
+		ref: V,
+		"data-testid": be && xe ? "contract-sale-document-pdf-ready" : void 0,
 		className: "contract-sale-document contract-sale-document-pdf bg-white text-foreground",
-		children: J.map(Le)
-	}) : /* @__PURE__ */ f(ie, { children: /* @__PURE__ */ p("div", {
+		children: J.map(ze)
+	}) : /* @__PURE__ */ f(re, { children: /* @__PURE__ */ p("div", {
 		className: `contract-sale-document ${$ ? "h-full" : "h-dvh"} min-h-0 md:flex`,
-		children: [/* @__PURE__ */ f(ne, {
-			thumbnails: k,
-			activePage: be,
-			onThumbnailClick: Ne,
+		children: [/* @__PURE__ */ f(te, {
+			thumbnails: j,
+			activePage: ye,
+			onThumbnailClick: Fe,
 			totalPages: Y,
 			heightClassName: $ ? "h-full" : "h-dvh",
 			contentClassName: $ ? "pt-16" : void 0,
-			isLoading: ye
+			isLoading: ve
 		}), /* @__PURE__ */ p("div", {
-			ref: L,
+			ref: z,
 			"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: `${Pe}px`
+				paddingBottom: `${Ie}px`
 			},
 			children: [
-				J.map(Le),
+				J.map(ze),
 				/* @__PURE__ */ f("p", {
 					className: "px-4 text-center text-xs text-muted-foreground/75 md:px-8",
 					style: { paddingTop: `${m}px` },
-					children: y("docs_contract_sale_end")
+					children: x("docs_contract_sale_end")
 				}),
-				Z ? /* @__PURE__ */ f("div", {
-					ref: R,
+				X ? /* @__PURE__ */ f("div", {
+					ref: B,
 					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: Ie ? /* @__PURE__ */ p("div", {
+					children: Re ? /* @__PURE__ */ p("div", {
 						className: "flex items-center gap-2 px-6 py-3 text-sm font-semibold text-success",
 						children: [/* @__PURE__ */ f(oe, {
 							className: "h-4 w-4 shrink-0",
 							"aria-hidden": "true"
 						}), /* @__PURE__ */ f("p", {
 							className: "text-center",
-							children: Ie
+							children: Re
 						})]
 					}) : /* @__PURE__ */ f(e, {
-						onClick: Me,
-						disabled: !w,
+						onClick: Pe,
+						disabled: !E,
 						className: "px-6 py-3 text-sm font-semibold",
 						"data-testid": "contract-sale-document-action-button",
-						children: Fe
+						children: Le
 					})
 				}) : null,
 				/* @__PURE__ */ f(t, {
-					isOpen: E === "acceptance",
-					onClose: () => D(null),
+					isOpen: O === "acceptance",
+					onClose: () => k(null),
 					onAccept: async () => {
-						await Ae(), D(null);
+						await Me(), k(null);
 					}
 				}),
-				ge ? /* @__PURE__ */ f(re, {
+				he ? /* @__PURE__ */ f(ne, {
 					fallback: null,
 					children: /* @__PURE__ */ f(le, {
-						isOpen: E === "signature",
-						onClose: () => D(null),
+						isOpen: O === "signature",
+						onClose: () => k(null),
 						onSave: async (e) => {
-							await je(e), D(null);
+							await Ne(e), k(null);
 						}
 					})
 				}) : null
@@ -416,4 +412,4 @@ function y({ data: c, showAppendices: h = !0, withEnglishTranslation: g = !0, he
 	}) });
 }
 //#endregion
-export { y as ContractSaleDocument };
+export { x as ContractSaleDocument };

package/dist/components/ContractSaleDocument/InvoiceDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InvoiceDetails.d.ts","sourceRoot":"","sources":["../../../src/components/ContractSaleDocument/InvoiceDetails.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,oBAAoB,EACpB,4BAA4B,EAC5B,4BAA4B,EAC7B,MAAM,gCAAgC,CAAA;AAKvC,KAAK,mBAAmB,GAAG;IACzB,YAAY,EAAE,oBAAoB,CAAA;IAClC,KAAK,EAAE,4BAA4B,EAAE,CAAA;IACrC,QAAQ,EAAE,MAAM,CAAA;IAChB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,KAAK,MAAM,CAAA;IACpD,gBAAgB,EAAE,4BAA4B,CAAA;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AA0CD,wBAAgB,cAAc,CAAC,EAC7B,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,GAAG,EACH,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,eAAsB,EACtB,iBAAwB,EACxB,gBAAuB,EACvB,qBAA4B,EAC5B,iBAAiB,GAClB,EAAE,mBAAmB,2CAyOrB"}
+{"version":3,"file":"InvoiceDetails.d.ts","sourceRoot":"","sources":["../../../src/components/ContractSaleDocument/InvoiceDetails.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,oBAAoB,EACpB,4BAA4B,EAC5B,4BAA4B,EAC7B,MAAM,gCAAgC,CAAA;AAKvC,KAAK,mBAAmB,GAAG;IACzB,YAAY,EAAE,oBAAoB,CAAA;IAClC,KAAK,EAAE,4BAA4B,EAAE,CAAA;IACrC,QAAQ,EAAE,MAAM,CAAA;IAChB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,KAAK,MAAM,CAAA;IACpD,gBAAgB,EAAE,4BAA4B,CAAA;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AA0CD,wBAAgB,cAAc,CAAC,EAC7B,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,GAAG,EACH,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,eAAsB,EACtB,iBAAwB,EACxB,gBAAuB,EACvB,qBAA4B,EAC5B,iBAAiB,GAClB,EAAE,mBAAmB,2CAgPrB"}

package/dist/components/ContractSaleDocument/InvoiceDetails.js

@@ -58,12 +58,16 @@ function l({ saleDocument: l, items: u, subtotal: d, tax: f, total: p, formatDat
 							className: "font-normal text-muted-foreground",
 							children: ["#", l.saleDocumentNumber]
 						})]
-					}), b ? /* @__PURE__ */ r("img", {
-						src: b,
-						alt: x("docs_contract_sale_qr_alt"),
-						className: "mt-4 block h-24 w-24",
-						"data-testid": "contract-sale-document-public-url-qr"
-					}) : null] }), /* @__PURE__ */ i("div", {
+					}), b === void 0 ? null : /* @__PURE__ */ r("div", {
+						className: "mt-4 h-24 w-24",
+						"data-testid": "contract-sale-document-public-url-qr-container",
+						children: b ? /* @__PURE__ */ r("img", {
+							src: b,
+							alt: x("docs_contract_sale_qr_alt"),
+							className: "block h-full w-full",
+							"data-testid": "contract-sale-document-public-url-qr"
+						}) : null
+					})] }), /* @__PURE__ */ i("div", {
 						className: "md:text-right",
 						children: [/* @__PURE__ */ i("div", {
 							className: "mb-2",

package/dist/components/ContractSaleDocument/TermsAndConditionsContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TermsAndConditionsContent.d.ts","sourceRoot":"","sources":["../../../src/components/ContractSaleDocument/TermsAndConditionsContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,gCAAgC,CAAA;AAGrF,KAAK,8BAA8B,GAAG;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,+BAA+B,EAAE,CAAA;IAC3C,sBAAsB,EAAE,OAAO,CAAA;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAoDD,eAAO,MAAM,yBAAyB,GAAI,yDAKvC,8BAA8B,4CAoChC,CAAA"}
+{"version":3,"file":"TermsAndConditionsContent.d.ts","sourceRoot":"","sources":["../../../src/components/ContractSaleDocument/TermsAndConditionsContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,gCAAgC,CAAA;AAGrF,KAAK,8BAA8B,GAAG;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,+BAA+B,EAAE,CAAA;IAC3C,sBAAsB,EAAE,OAAO,CAAA;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAoDD,eAAO,MAAM,yBAAyB,GAAI,yDAKvC,8BAA8B,4CAuChC,CAAA"}

package/dist/components/ContractSaleDocument/TermsAndConditionsContent.js

@@ -25,17 +25,21 @@ var s = ({ title: r, articles: i, withEnglishTranslation: s, showTitle: c = !0 }
 	children: r
 }), /* @__PURE__ */ n("div", {
 	className: `text-sm ${s ? "grid grid-cols-1 gap-8 md:grid-cols-2" : ""}`,
-	children: [/* @__PURE__ */ t("div", { children: i.map((e) => /* @__PURE__ */ n("section", {
-		className: "mb-4",
-		children: [e.title ? /* @__PURE__ */ t("h3", {
-			className: "mb-2 text-left text-lg font-serif font-semibold text-foreground",
-			children: /* @__PURE__ */ t("span", { children: e.title })
-		}) : null, /* @__PURE__ */ t(a, {
-			body: e.body,
-			bodyHtml: e.bodyHtml
-		})]
-	}, `fr-${e.id}`)) }), s && /* @__PURE__ */ t("div", {
+	children: [/* @__PURE__ */ t("div", {
+		"data-testid": "contract-sale-document-source-column",
+		children: i.map((e) => /* @__PURE__ */ n("section", {
+			className: "mb-4",
+			children: [e.title ? /* @__PURE__ */ t("h3", {
+				className: "mb-2 text-left text-lg font-serif font-semibold text-foreground",
+				children: /* @__PURE__ */ t("span", { children: e.title })
+			}) : null, /* @__PURE__ */ t(a, {
+				body: e.body,
+				bodyHtml: e.bodyHtml
+			})]
+		}, `fr-${e.id}`))
+	}), s && /* @__PURE__ */ t("div", {
 		className: "border-t border-border pt-8 md:border-l md:border-t-0 md:pl-8 md:pt-0",
+		"data-testid": "contract-sale-document-translation-column",
 		children: i.map((e) => /* @__PURE__ */ n("section", {
 			className: "mb-4",
 			children: [e.translationTitle ?? e.title ? /* @__PURE__ */ t("h3", {

package/dist/components/Header/index.js

@@ -41,15 +41,7 @@ function S({ storefrontConfiguration: r, whatsappHref: S, whatsappPhoneDisplay:
 						children: /* @__PURE__ */ c("span", { children: Y })
 					}), /* @__PURE__ */ l("div", {
 						className: "hidden items-center gap-4 sm:flex",
-						children: [U ? /* @__PURE__ */ c("a", {
-							className: "inline-flex items-center gap-2 rounded-md px-2 py-1 text-white/90 hover:bg-white/10 hover:text-white",
-							href: `mailto:${U}`,
-							"aria-label": U,
-							children: /* @__PURE__ */ c("span", { children: U })
-						}) : /* @__PURE__ */ c("span", {
-							className: "inline-flex items-center rounded-md px-2 py-1 text-destructive",
-							children: i
-						}), S ? /* @__PURE__ */ l("a", {
+						children: [S ? /* @__PURE__ */ l("a", {
 							className: "inline-flex items-center gap-2 rounded-md px-2 py-1 text-white/90 hover:bg-white/10 hover:text-white",
 							href: S,
 							target: "_blank",
@@ -61,7 +53,15 @@ function S({ storefrontConfiguration: r, whatsappHref: S, whatsappPhoneDisplay:
 								alt: "",
 								"aria-hidden": "true"
 							}), C ? /* @__PURE__ */ c("span", { children: C }) : null]
-						}) : null]
+						}) : null, U ? /* @__PURE__ */ c("a", {
+							className: "inline-flex items-center gap-2 rounded-md px-2 py-1 text-white/90 hover:bg-white/10 hover:text-white",
+							href: `mailto:${U}`,
+							"aria-label": U,
+							children: /* @__PURE__ */ c("span", { children: U })
+						}) : /* @__PURE__ */ c("span", {
+							className: "inline-flex items-center rounded-md px-2 py-1 text-destructive",
+							children: i
+						})]
 					})]
 				})
 			})

package/dist/i18n/en.d.ts

@@ -231,6 +231,7 @@ export declare const storefront: {
     docs_contract_sale_not_found_title: string;
     docs_contract_sale_load_error: string;
     docs_contract_sale_download_pdf: string;
+    docs_contract_sale_back: string;
     docs_contract_sale_back_to_storefront: string;
     docs_contract_sale_language_selector_label: string;
     docs_contract_sale_language_option_fr: string;

package/dist/i18n/en.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/i18n/en.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ctB,CAAA"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/i18n/en.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ctB,CAAA"}

package/dist/i18n/en.js

@@ -232,6 +232,7 @@ var e = {
 	docs_contract_sale_not_found_title: "Document unavailable",
 	docs_contract_sale_load_error: "Unable to load this sale contract document.",
 	docs_contract_sale_download_pdf: "Download PDF",
+	docs_contract_sale_back: "Back",
 	docs_contract_sale_back_to_storefront: "Back to storefront",
 	docs_contract_sale_language_selector_label: "Document language",
 	docs_contract_sale_language_option_fr: "French",