@loczer/storefront-sdk 0.181.0 → 0.182.0

package/dist/components/ContractSaleDocument/InvoiceDetails.js

@@ -1,180 +1,291 @@
-import { jsxs as c, jsx as e, Fragment as E } from "react/jsx-runtime";
-import { useTranslation as T } from "react-i18next";
-import { formatContractSaleDocumentLabel as B, formatContractSaleDocumentLegalLabel as G } from "./language.js";
-function I(t) {
-  const l = t?.trim() ?? "";
-  return !l || l === "-" ? "" : l;
+import { formatContractSaleDocumentLabel as e, formatContractSaleDocumentLegalLabel as t } from "./language.js";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useTranslation as a } from "react-i18next";
+//#region src/components/ContractSaleDocument/InvoiceDetails.tsx
+function o(e) {
+	let t = e?.trim() ?? "";
+	return !t || t === "-" ? "" : t;
 }
-function i(t, l, p) {
-  const o = l.trim().toUpperCase();
-  try {
-    return new Intl.NumberFormat(p, {
-      style: "currency",
-      currency: o
-    }).format(t);
-  } catch {
-    return `${t.toFixed(2)} ${o}`;
-  }
+function s(e, t, n) {
+	let r = t.trim().toUpperCase();
+	try {
+		return new Intl.NumberFormat(n, {
+			style: "currency",
+			currency: r
+		}).format(e);
+	} catch {
+		return `${e.toFixed(2)} ${r}`;
+	}
 }
-function M({
-  saleDocument: t,
-  items: l,
-  subtotal: p,
-  tax: o,
-  total: R,
-  formatDate: _,
-  documentLanguage: s,
-  showInvoiceMeta: P = !0,
-  showTotalsSection: N = !0,
-  showNotesSection: v = !0,
-  showAcceptanceSection: w = !0,
-  documentQrCodeUrl: y
-}) {
-  const { t: x } = T(), r = (a, d = {}) => B(x, s, a, d), m = (a, d = {}) => G(x, s, a, d), f = (a, d = {}) => {
-    const h = r(a, d), C = " / ", g = h.indexOf(C);
-    return g === -1 ? /* @__PURE__ */ e("span", { children: h }) : /* @__PURE__ */ c("span", { className: "inline-flex flex-col text-left leading-snug", children: [
-      /* @__PURE__ */ e("span", { children: h.slice(0, g) }),
-      /* @__PURE__ */ e("span", { className: "text-[0.9em] font-normal", children: h.slice(g + C.length) })
-    ] });
-  }, q = !N && !v && !w, k = I(t.issuer.address), j = I(t.recipient.address), L = t.recipient.email?.trim() ?? "", n = t.acceptance?.mode === "signature" ? t.acceptance : null, b = t.acceptance?.mode === "acceptance" ? t.acceptance : null, z = t.acceptanceLevel === "signature" || n !== null, u = t.kind === "credit_note", O = r(
-    u ? "docs_contract_sale_credit_note_title" : t.kind === "quote" ? "docs_contract_sale_quote_title" : "docs_contract_sale_invoice_title"
-  ), S = r(
-    u ? "docs_contract_sale_credit_note_date_label" : t.kind === "quote" ? "docs_contract_sale_quote_date_label" : "docs_contract_sale_invoice_date_label"
-  ), $ = r(
-    u ? "docs_contract_sale_credit_note_recipient_label" : "docs_contract_sale_invoice_recipient_label"
-  ), A = u ? -1 : 1, F = t.taxRate != null ? 1 + t.taxRate : 1;
-  return /* @__PURE__ */ c("main", { className: "flex flex-grow flex-col px-4 md:px-8", children: [
-    P && /* @__PURE__ */ c("header", { className: "mb-8 grid gap-6", children: [
-      /* @__PURE__ */ c("div", { className: "grid gap-6 md:grid-cols-2 md:gap-8", children: [
-        /* @__PURE__ */ c("div", { children: [
-          /* @__PURE__ */ c("h1", { className: "flex flex-wrap items-baseline gap-x-2 gap-y-1 text-xl font-semibold text-foreground", children: [
-            /* @__PURE__ */ e("span", { children: O }),
-            /* @__PURE__ */ c("span", { className: "font-normal text-muted-foreground", children: [
-              "#",
-              t.saleDocumentNumber
-            ] })
-          ] }),
-          y ? /* @__PURE__ */ e(
-            "img",
-            {
-              src: y,
-              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__ */ c("div", { className: "md:text-right", children: [
-          /* @__PURE__ */ c("div", { className: "mb-2", children: [
-            /* @__PURE__ */ e("p", { className: "font-semibold text-foreground", children: S }),
-            /* @__PURE__ */ e("p", { className: "text-muted-foreground", children: _(t.date) })
-          ] }),
-          /* @__PURE__ */ c("div", { children: [
-            /* @__PURE__ */ e("p", { className: "font-semibold text-foreground", children: r("docs_contract_sale_due_date_label") }),
-            /* @__PURE__ */ e("p", { className: "text-muted-foreground", children: _(t.dueDate) })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ c("div", { className: "grid gap-6 md:grid-cols-2 md:gap-8", children: [
-        /* @__PURE__ */ c("div", { children: [
-          /* @__PURE__ */ e("h2", { className: "text-xl font-semibold text-primary", children: t.issuer.name }),
-          k ? /* @__PURE__ */ e("p", { className: "text-muted-foreground whitespace-pre-line", children: k }) : null
-        ] }),
-        /* @__PURE__ */ c("div", { className: "md:text-right", children: [
-          /* @__PURE__ */ e("h3", { className: "mb-2 font-semibold text-foreground", children: $ }),
-          /* @__PURE__ */ e("p", { className: "font-bold text-foreground", children: t.recipient.name }),
-          j ? /* @__PURE__ */ e("p", { className: "text-muted-foreground whitespace-pre-line", children: j }) : null,
-          L ? /* @__PURE__ */ e("p", { className: "text-muted-foreground", children: L }) : null
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ c("section", { className: q ? "mb-0 flex flex-grow flex-col" : "mb-8", children: [
-      /* @__PURE__ */ c("div", { className: "flex bg-muted p-2 text-xs font-semibold text-muted-foreground md:p-3 md:text-base", children: [
-        /* @__PURE__ */ e("div", { className: "w-5/12 pr-2 md:w-1/2", children: /* @__PURE__ */ e("span", { children: m("docs_contract_sale_description_label") }) }),
-        /* @__PURE__ */ e("div", { className: "w-1/6 text-center", children: /* @__PURE__ */ e("span", { children: m("docs_contract_sale_quantity_label") }) }),
-        /* @__PURE__ */ e("div", { className: "w-3/12 text-right md:w-1/6", children: /* @__PURE__ */ e("span", { children: m("docs_contract_sale_unit_price_label") }) }),
-        /* @__PURE__ */ e("div", { className: "w-1/6 text-right", children: /* @__PURE__ */ e("span", { children: m("docs_contract_sale_line_total_label") }) })
-      ] }),
-      /* @__PURE__ */ e("div", { className: q ? "flex flex-1 flex-col" : "flex flex-col", children: l.map((a) => /* @__PURE__ */ c("div", { className: "flex items-center border-b border-border p-2 text-sm md:p-3 md:text-base", children: [
-        /* @__PURE__ */ e("div", { className: "w-5/12 pr-2 md:w-1/2", children: /* @__PURE__ */ e("span", { children: a.description }) }),
-        /* @__PURE__ */ e("div", { className: "w-1/6 text-center", children: /* @__PURE__ */ e("span", { children: a.quantity }) }),
-        /* @__PURE__ */ e("div", { className: "w-3/12 text-right md:w-1/6", children: /* @__PURE__ */ e("span", { children: i(a.unitPrice / F * A, t.currency, s.customer) }) }),
-        /* @__PURE__ */ e("div", { className: "w-1/6 text-right", children: /* @__PURE__ */ e("span", { children: i(a.quantity * a.unitPrice / F * A, t.currency, s.customer) }) })
-      ] }, a.id)) })
-    ] }),
-    N && /* @__PURE__ */ e("section", { className: "mb-16 flex justify-end", children: /* @__PURE__ */ c("div", { className: "w-full md:w-1/3", children: [
-      /* @__PURE__ */ c("div", { className: "mb-2 flex items-start justify-between gap-4", children: [
-        /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: f("docs_contract_sale_subtotal_label") }),
-        /* @__PURE__ */ e("span", { className: "shrink-0 text-right font-semibold", children: i(p, t.currency, s.customer) })
-      ] }),
-      t.taxRate != null && /* @__PURE__ */ c("div", { className: "mb-2 flex items-start justify-between gap-4", children: [
-        /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: f("docs_contract_sale_tax_label", { rate: (t.taxRate * 100).toFixed(0) }) }),
-        /* @__PURE__ */ e("span", { className: "shrink-0 text-right font-semibold", children: i(o, t.currency, s.customer) })
-      ] }),
-      /* @__PURE__ */ c("div", { className: "mt-2 flex items-start justify-between gap-4 border-t border-border pt-2", children: [
-        /* @__PURE__ */ e("span", { className: "text-xl font-bold", children: f("docs_contract_sale_total_label") }),
-        /* @__PURE__ */ e("span", { className: "shrink-0 text-right text-xl font-bold", children: i(R, t.currency, s.customer) })
-      ] })
-    ] }) }),
-    v && t.notes && /* @__PURE__ */ c("section", { className: "mb-16", children: [
-      /* @__PURE__ */ e("h3", { className: "mb-4 border-b border-border pb-2 font-semibold text-foreground", children: r("docs_contract_sale_notes_title") }),
-      /* @__PURE__ */ e("div", { className: "gap-8 text-sm text-muted-foreground md:columns-2", children: /* @__PURE__ */ e("p", { children: t.notes }) })
-    ] }),
-    w && (t.acceptanceLevel !== "none" || t.acceptance) ? /* @__PURE__ */ e("section", { className: "mt-auto border-t border-border pt-8", children: z ? /* @__PURE__ */ c(E, { children: [
-      /* @__PURE__ */ e("p", { className: "mb-12 text-center text-sm text-muted-foreground", children: /* @__PURE__ */ e("span", { children: r("docs_contract_sale_signature_acknowledgement") }) }),
-      n ? /* @__PURE__ */ c("div", { className: "flex flex-col justify-between md:flex-row", children: [
-        /* @__PURE__ */ c("div", { className: "mb-8 w-full md:mb-0 md:w-2/5", children: [
-          /* @__PURE__ */ e("p", { className: "font-semibold text-foreground", children: r("docs_contract_sale_signature_issuer_label") }),
-          /* @__PURE__ */ e("p", { className: "mb-2 mt-2 text-sm text-muted-foreground", children: /* @__PURE__ */ c("span", { children: [
-            r("docs_contract_sale_signature_date_label"),
-            ": ___________________"
-          ] }) }),
-          /* @__PURE__ */ e("div", { className: "h-24 rounded-lg bg-muted/40" })
-        ] }),
-        /* @__PURE__ */ c("div", { className: "w-full text-left md:w-2/5", children: [
-          /* @__PURE__ */ e("p", { className: "font-semibold text-foreground", children: r("docs_contract_sale_signature_customer_label") }),
-          /* @__PURE__ */ e("p", { className: "mb-2 mt-2 text-sm text-muted-foreground", children: /* @__PURE__ */ c("span", { children: [
-            r("docs_contract_sale_signature_date_label"),
-            ": ",
-            _(n.date)
-          ] }) }),
-          /* @__PURE__ */ e("div", { className: "flex h-24 items-center justify-center rounded-lg bg-muted/40 p-2", children: /* @__PURE__ */ e(
-            "img",
-            {
-              src: n.signature,
-              alt: r("docs_contract_sale_signature_image_alt"),
-              className: "max-h-full max-w-full"
-            }
-          ) }),
-          /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-foreground", children: n.name }),
-          /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: n.phone })
-        ] })
-      ] }) : /* @__PURE__ */ c("div", { className: "flex flex-col justify-between md:flex-row", children: [
-        /* @__PURE__ */ c("div", { className: "mb-8 w-full md:mb-0 md:w-2/5", children: [
-          /* @__PURE__ */ e("p", { className: "font-semibold text-foreground", children: r("docs_contract_sale_signature_issuer_label") }),
-          /* @__PURE__ */ e("p", { className: "mb-2 mt-2 text-sm text-muted-foreground", children: /* @__PURE__ */ c("span", { children: [
-            r("docs_contract_sale_signature_date_label"),
-            ": ___________________"
-          ] }) }),
-          /* @__PURE__ */ e("div", { className: "h-24 rounded-lg bg-muted/40" })
-        ] }),
-        /* @__PURE__ */ c("div", { className: "w-full md:w-2/5", children: [
-          /* @__PURE__ */ e("p", { className: "font-semibold text-foreground", children: r("docs_contract_sale_signature_customer_label") }),
-          /* @__PURE__ */ e("p", { className: "mb-2 mt-2 text-sm text-muted-foreground", children: /* @__PURE__ */ c("span", { children: [
-            r("docs_contract_sale_signature_date_label"),
-            ": ___________________"
-          ] }) }),
-          /* @__PURE__ */ e("div", { className: "h-24 rounded-lg bg-muted/40" })
-        ] })
-      ] })
-    ] }) : /* @__PURE__ */ c("div", { className: "rounded-lg border border-border bg-muted/30 p-4", children: [
-      /* @__PURE__ */ e("p", { className: "text-sm font-medium text-foreground", children: r(b ? "docs_contract_sale_acceptance_section_accepted_title" : "docs_contract_sale_acceptance_section_required_title") }),
-      /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-muted-foreground", children: b ? r("docs_contract_sale_acceptance_section_accepted_date", {
-        date: _(b.date)
-      }) : r("docs_contract_sale_acceptance_section_required_description") })
-    ] }) }) : null
-  ] });
+function c({ saleDocument: c, items: l, subtotal: u, tax: d, total: f, formatDate: p, documentLanguage: m, showInvoiceMeta: h = !0, showTotalsSection: g = !0, showNotesSection: _ = !0, showAcceptanceSection: v = !0, documentQrCodeUrl: y }) {
+	let { t: b } = a(), x = (t, n = {}) => e(b, m, t, n), S = (e, n = {}) => t(b, m, e, n), C = (e, t = {}) => {
+		let n = x(e, t), a = n.indexOf(" / ");
+		return a === -1 ? /* @__PURE__ */ r("span", { children: n }) : /* @__PURE__ */ i("span", {
+			className: "inline-flex flex-col text-left leading-snug",
+			children: [/* @__PURE__ */ r("span", { children: n.slice(0, a) }), /* @__PURE__ */ r("span", {
+				className: "text-[0.9em] font-normal",
+				children: n.slice(a + 3)
+			})]
+		});
+	}, w = !g && !_ && !v, T = o(c.issuer.address), E = o(c.recipient.address), D = c.recipient.email?.trim() ?? "", O = c.acceptance?.mode === "signature" ? c.acceptance : null, k = c.acceptance?.mode === "acceptance" ? c.acceptance : null, A = c.acceptanceLevel === "signature" || O !== null, j = c.kind === "credit_note", M = x(j ? "docs_contract_sale_credit_note_title" : c.kind === "quote" ? "docs_contract_sale_quote_title" : "docs_contract_sale_invoice_title"), N = x(j ? "docs_contract_sale_credit_note_date_label" : c.kind === "quote" ? "docs_contract_sale_quote_date_label" : "docs_contract_sale_invoice_date_label"), P = x(j ? "docs_contract_sale_credit_note_recipient_label" : "docs_contract_sale_invoice_recipient_label"), F = j ? -1 : 1, I = c.taxRate == null ? 1 : 1 + c.taxRate;
+	return /* @__PURE__ */ i("main", {
+		className: "flex flex-grow flex-col px-4 md:px-8",
+		children: [
+			h && /* @__PURE__ */ i("header", {
+				className: "mb-8 grid gap-6",
+				children: [/* @__PURE__ */ i("div", {
+					className: "grid gap-6 md:grid-cols-2 md:gap-8",
+					children: [/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ i("h1", {
+						className: "flex flex-wrap items-baseline gap-x-2 gap-y-1 text-xl font-semibold text-foreground",
+						children: [/* @__PURE__ */ r("span", { children: M }), /* @__PURE__ */ i("span", {
+							className: "font-normal text-muted-foreground",
+							children: ["#", c.saleDocumentNumber]
+						})]
+					}), y ? /* @__PURE__ */ r("img", {
+						src: y,
+						alt: b("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", {
+						className: "md:text-right",
+						children: [/* @__PURE__ */ i("div", {
+							className: "mb-2",
+							children: [/* @__PURE__ */ r("p", {
+								className: "font-semibold text-foreground",
+								children: N
+							}), /* @__PURE__ */ r("p", {
+								className: "text-muted-foreground",
+								children: p(c.date)
+							})]
+						}), /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("p", {
+							className: "font-semibold text-foreground",
+							children: x("docs_contract_sale_due_date_label")
+						}), /* @__PURE__ */ r("p", {
+							className: "text-muted-foreground",
+							children: p(c.dueDate)
+						})] })]
+					})]
+				}), /* @__PURE__ */ i("div", {
+					className: "grid gap-6 md:grid-cols-2 md:gap-8",
+					children: [/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("h2", {
+						className: "text-xl font-semibold text-primary",
+						children: c.issuer.name
+					}), T ? /* @__PURE__ */ r("p", {
+						className: "text-muted-foreground whitespace-pre-line",
+						children: T
+					}) : null] }), /* @__PURE__ */ i("div", {
+						className: "md:text-right",
+						children: [
+							/* @__PURE__ */ r("h3", {
+								className: "mb-2 font-semibold text-foreground",
+								children: P
+							}),
+							/* @__PURE__ */ r("p", {
+								className: "font-bold text-foreground",
+								children: c.recipient.name
+							}),
+							E ? /* @__PURE__ */ r("p", {
+								className: "text-muted-foreground whitespace-pre-line",
+								children: E
+							}) : null,
+							D ? /* @__PURE__ */ r("p", {
+								className: "text-muted-foreground",
+								children: D
+							}) : null
+						]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ i("section", {
+				className: w ? "mb-0 flex flex-grow flex-col" : "mb-8",
+				children: [/* @__PURE__ */ i("div", {
+					className: "flex bg-muted p-2 text-xs font-semibold text-muted-foreground md:p-3 md:text-base",
+					children: [
+						/* @__PURE__ */ r("div", {
+							className: "w-5/12 pr-2 md:w-1/2",
+							children: /* @__PURE__ */ r("span", { children: S("docs_contract_sale_description_label") })
+						}),
+						/* @__PURE__ */ r("div", {
+							className: "w-1/6 text-center",
+							children: /* @__PURE__ */ r("span", { children: S("docs_contract_sale_quantity_label") })
+						}),
+						/* @__PURE__ */ r("div", {
+							className: "w-3/12 text-right md:w-1/6",
+							children: /* @__PURE__ */ r("span", { children: S("docs_contract_sale_unit_price_label") })
+						}),
+						/* @__PURE__ */ r("div", {
+							className: "w-1/6 text-right",
+							children: /* @__PURE__ */ r("span", { children: S("docs_contract_sale_line_total_label") })
+						})
+					]
+				}), /* @__PURE__ */ r("div", {
+					className: w ? "flex flex-1 flex-col" : "flex flex-col",
+					children: l.map((e) => /* @__PURE__ */ i("div", {
+						className: "flex items-center border-b border-border p-2 text-sm md:p-3 md:text-base",
+						children: [
+							/* @__PURE__ */ r("div", {
+								className: "w-5/12 pr-2 md:w-1/2",
+								children: /* @__PURE__ */ r("span", { children: e.description })
+							}),
+							/* @__PURE__ */ r("div", {
+								className: "w-1/6 text-center",
+								children: /* @__PURE__ */ r("span", { children: e.quantity })
+							}),
+							/* @__PURE__ */ r("div", {
+								className: "w-3/12 text-right md:w-1/6",
+								children: /* @__PURE__ */ r("span", { children: s(e.unitPrice / I * F, c.currency, m.customer) })
+							}),
+							/* @__PURE__ */ r("div", {
+								className: "w-1/6 text-right",
+								children: /* @__PURE__ */ r("span", { children: s(e.quantity * e.unitPrice / I * F, c.currency, m.customer) })
+							})
+						]
+					}, e.id))
+				})]
+			}),
+			g && /* @__PURE__ */ r("section", {
+				className: "mb-16 flex justify-end",
+				children: /* @__PURE__ */ i("div", {
+					className: "w-full md:w-1/3",
+					children: [
+						/* @__PURE__ */ i("div", {
+							className: "mb-2 flex items-start justify-between gap-4",
+							children: [/* @__PURE__ */ r("span", {
+								className: "text-muted-foreground",
+								children: C("docs_contract_sale_subtotal_label")
+							}), /* @__PURE__ */ r("span", {
+								className: "shrink-0 text-right font-semibold",
+								children: s(u, c.currency, m.customer)
+							})]
+						}),
+						c.taxRate != null && /* @__PURE__ */ i("div", {
+							className: "mb-2 flex items-start justify-between gap-4",
+							children: [/* @__PURE__ */ r("span", {
+								className: "text-muted-foreground",
+								children: C("docs_contract_sale_tax_label", { rate: (c.taxRate * 100).toFixed(0) })
+							}), /* @__PURE__ */ r("span", {
+								className: "shrink-0 text-right font-semibold",
+								children: s(d, c.currency, m.customer)
+							})]
+						}),
+						/* @__PURE__ */ i("div", {
+							className: "mt-2 flex items-start justify-between gap-4 border-t border-border pt-2",
+							children: [/* @__PURE__ */ r("span", {
+								className: "text-xl font-bold",
+								children: C("docs_contract_sale_total_label")
+							}), /* @__PURE__ */ r("span", {
+								className: "shrink-0 text-right text-xl font-bold",
+								children: s(f, c.currency, m.customer)
+							})]
+						})
+					]
+				})
+			}),
+			_ && c.notes && /* @__PURE__ */ i("section", {
+				className: "mb-16",
+				children: [/* @__PURE__ */ r("h3", {
+					className: "mb-4 border-b border-border pb-2 font-semibold text-foreground",
+					children: x("docs_contract_sale_notes_title")
+				}), /* @__PURE__ */ r("div", {
+					className: "gap-8 text-sm text-muted-foreground md:columns-2",
+					children: /* @__PURE__ */ r("p", { children: c.notes })
+				})]
+			}),
+			v && (c.acceptanceLevel !== "none" || c.acceptance) ? /* @__PURE__ */ r("section", {
+				className: "mt-auto border-t border-border pt-8",
+				children: A ? /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("p", {
+					className: "mb-12 text-center text-sm text-muted-foreground",
+					children: /* @__PURE__ */ r("span", { children: x("docs_contract_sale_signature_acknowledgement") })
+				}), O ? /* @__PURE__ */ i("div", {
+					className: "flex flex-col justify-between md:flex-row",
+					children: [/* @__PURE__ */ i("div", {
+						className: "mb-8 w-full md:mb-0 md:w-2/5",
+						children: [
+							/* @__PURE__ */ r("p", {
+								className: "font-semibold text-foreground",
+								children: x("docs_contract_sale_signature_issuer_label")
+							}),
+							/* @__PURE__ */ r("p", {
+								className: "mb-2 mt-2 text-sm text-muted-foreground",
+								children: /* @__PURE__ */ i("span", { children: [x("docs_contract_sale_signature_date_label"), ": ___________________"] })
+							}),
+							/* @__PURE__ */ r("div", { className: "h-24 rounded-lg bg-muted/40" })
+						]
+					}), /* @__PURE__ */ i("div", {
+						className: "w-full text-left md:w-2/5",
+						children: [
+							/* @__PURE__ */ r("p", {
+								className: "font-semibold text-foreground",
+								children: x("docs_contract_sale_signature_customer_label")
+							}),
+							/* @__PURE__ */ r("p", {
+								className: "mb-2 mt-2 text-sm text-muted-foreground",
+								children: /* @__PURE__ */ i("span", { children: [
+									x("docs_contract_sale_signature_date_label"),
+									": ",
+									p(O.date)
+								] })
+							}),
+							/* @__PURE__ */ r("div", {
+								className: "flex h-24 items-center justify-center rounded-lg bg-muted/40 p-2",
+								children: /* @__PURE__ */ r("img", {
+									src: O.signature,
+									alt: x("docs_contract_sale_signature_image_alt"),
+									className: "max-h-full max-w-full"
+								})
+							}),
+							/* @__PURE__ */ r("p", {
+								className: "mt-2 text-sm text-foreground",
+								children: O.name
+							}),
+							/* @__PURE__ */ r("p", {
+								className: "text-sm text-muted-foreground",
+								children: O.phone
+							})
+						]
+					})]
+				}) : /* @__PURE__ */ i("div", {
+					className: "flex flex-col justify-between md:flex-row",
+					children: [/* @__PURE__ */ i("div", {
+						className: "mb-8 w-full md:mb-0 md:w-2/5",
+						children: [
+							/* @__PURE__ */ r("p", {
+								className: "font-semibold text-foreground",
+								children: x("docs_contract_sale_signature_issuer_label")
+							}),
+							/* @__PURE__ */ r("p", {
+								className: "mb-2 mt-2 text-sm text-muted-foreground",
+								children: /* @__PURE__ */ i("span", { children: [x("docs_contract_sale_signature_date_label"), ": ___________________"] })
+							}),
+							/* @__PURE__ */ r("div", { className: "h-24 rounded-lg bg-muted/40" })
+						]
+					}), /* @__PURE__ */ i("div", {
+						className: "w-full md:w-2/5",
+						children: [
+							/* @__PURE__ */ r("p", {
+								className: "font-semibold text-foreground",
+								children: x("docs_contract_sale_signature_customer_label")
+							}),
+							/* @__PURE__ */ r("p", {
+								className: "mb-2 mt-2 text-sm text-muted-foreground",
+								children: /* @__PURE__ */ i("span", { children: [x("docs_contract_sale_signature_date_label"), ": ___________________"] })
+							}),
+							/* @__PURE__ */ r("div", { className: "h-24 rounded-lg bg-muted/40" })
+						]
+					})]
+				})] }) : /* @__PURE__ */ i("div", {
+					className: "rounded-lg border border-border bg-muted/30 p-4",
+					children: [/* @__PURE__ */ r("p", {
+						className: "text-sm font-medium text-foreground",
+						children: x(k ? "docs_contract_sale_acceptance_section_accepted_title" : "docs_contract_sale_acceptance_section_required_title")
+					}), /* @__PURE__ */ r("p", {
+						className: "mt-1 text-sm text-muted-foreground",
+						children: k ? x("docs_contract_sale_acceptance_section_accepted_date", { date: p(k.date) }) : x("docs_contract_sale_acceptance_section_required_description")
+					})]
+				})
+			}) : null
+		]
+	});
 }
-export {
-  M as InvoiceDetails
-};
+//#endregion
+export { c as InvoiceDetails };

package/dist/components/ContractSaleDocument/Page.js

@@ -1,14 +1,11 @@
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-const m = d(({ children: e, className: r }, a) => /* @__PURE__ */ o(
-  "div",
-  {
-    ref: a,
-    className: `invoice-wrapper a4-page-screen mb-6 break-after-page flex flex-col bg-card text-card-foreground md:mx-auto md:mb-8 md:border md:border-border md:shadow-subtle ${r ?? ""}`,
-    children: e
-  }
-));
-m.displayName = "Page";
-export {
-  m as Page
-};
+import { forwardRef as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/ContractSaleDocument/Page.tsx
+var n = e(({ children: e, className: n }, r) => /* @__PURE__ */ t("div", {
+	ref: r,
+	className: `invoice-wrapper a4-page-screen mb-6 break-after-page flex flex-col bg-card text-card-foreground md:mx-auto md:mb-8 md:border md:border-border md:shadow-subtle ${n ?? ""}`,
+	children: e
+}));
+n.displayName = "Page";
+//#endregion
+export { n as Page };

package/dist/components/ContractSaleDocument/PageFooter.js

@@ -1,26 +1,20 @@
-import { jsxs as t, jsx as m } from "react/jsx-runtime";
-import { useTranslation as p } from "react-i18next";
-import { formatContractSaleDocumentLegalLabel as d } from "./language.js";
-function u({
-  documentTitle: r,
-  saleDocumentNumber: o,
-  currentPage: n,
-  totalPages: e,
-  documentLanguage: a
-}) {
-  const { t: s } = p(), c = d(s, a, "docs_contract_sale_page_counter", {
-    current_page: n,
-    total_pages: e
-  });
-  return /* @__PURE__ */ t("footer", { className: "mt-12 hidden items-center justify-between border-t border-border px-4 pb-4 pt-4 text-sm text-muted-foreground md:flex md:px-8", children: [
-    /* @__PURE__ */ t("span", { children: [
-      r,
-      " #",
-      o
-    ] }),
-    e > 1 && /* @__PURE__ */ m("span", { children: c })
-  ] });
+import { formatContractSaleDocumentLegalLabel as e } from "./language.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useTranslation as r } from "react-i18next";
+//#region src/components/ContractSaleDocument/PageFooter.tsx
+function i({ documentTitle: i, saleDocumentNumber: a, currentPage: o, totalPages: s, documentLanguage: c }) {
+	let { t: l } = r(), u = e(l, c, "docs_contract_sale_page_counter", {
+		current_page: o,
+		total_pages: s
+	});
+	return /* @__PURE__ */ n("footer", {
+		className: "mt-12 hidden items-center justify-between border-t border-border px-4 pb-4 pt-4 text-sm text-muted-foreground md:flex md:px-8",
+		children: [/* @__PURE__ */ n("span", { children: [
+			i,
+			" #",
+			a
+		] }), s > 1 && /* @__PURE__ */ t("span", { children: u })]
+	});
 }
-export {
-  u as PageFooter
-};
+//#endregion
+export { i as PageFooter };

package/dist/components/ContractSaleDocument/PageHeader.js

@@ -1,26 +1,20 @@
-import { jsxs as r, jsx as p } from "react/jsx-runtime";
-import { useTranslation as d } from "react-i18next";
-import { formatContractSaleDocumentLegalLabel as m } from "./language.js";
-function u({
-  documentTitle: t,
-  saleDocumentNumber: o,
-  currentPage: a,
-  totalPages: e,
-  documentLanguage: n
-}) {
-  const { t: c } = d(), s = m(c, n, "docs_contract_sale_page_counter", {
-    current_page: a,
-    total_pages: e
-  });
-  return /* @__PURE__ */ r("div", { className: "sticky top-0 z-10 mb-8 flex items-center justify-between border-b border-border bg-card/95 px-4 pb-4 pt-4 text-sm text-muted-foreground backdrop-blur md:px-8", children: [
-    /* @__PURE__ */ r("span", { children: [
-      t,
-      " #",
-      o
-    ] }),
-    e > 1 && /* @__PURE__ */ p("span", { children: s })
-  ] });
+import { formatContractSaleDocumentLegalLabel as e } from "./language.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useTranslation as r } from "react-i18next";
+//#region src/components/ContractSaleDocument/PageHeader.tsx
+function i({ documentTitle: i, saleDocumentNumber: a, currentPage: o, totalPages: s, documentLanguage: c }) {
+	let { t: l } = r(), u = e(l, c, "docs_contract_sale_page_counter", {
+		current_page: o,
+		total_pages: s
+	});
+	return /* @__PURE__ */ n("div", {
+		className: "sticky top-0 z-10 mb-8 flex items-center justify-between border-b border-border bg-card/95 px-4 pb-4 pt-4 text-sm text-muted-foreground backdrop-blur md:px-8",
+		children: [/* @__PURE__ */ n("span", { children: [
+			i,
+			" #",
+			a
+		] }), s > 1 && /* @__PURE__ */ t("span", { children: u })]
+	});
 }
-export {
-  u as PageHeader
-};
+//#endregion
+export { i as PageHeader };