@loczer/storefront-sdk 0.147.0 → 0.149.0

package/dist/components/ContractSaleDocument/Invoice.js

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

package/dist/components/ContractSaleDocument/InvoiceDetails.js

@@ -0,0 +1,180 @@
+import { jsxs as t, 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(c) {
+  const l = c?.trim() ?? "";
+  return !l || l === "-" ? "" : l;
+}
+function i(c, l, p) {
+  const o = l.trim().toUpperCase();
+  try {
+    return new Intl.NumberFormat(p, {
+      style: "currency",
+      currency: o
+    }).format(c);
+  } catch {
+    return `${c.toFixed(2)} ${o}`;
+  }
+}
+function M({
+  saleDocument: c,
+  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__ */ t("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) })
+    ] });
+  }, j = !N && !v && !w, k = I(c.issuer.address), q = I(c.recipient.address), L = c.recipient.email?.trim() ?? "", n = c.acceptance?.mode === "signature" ? c.acceptance : null, b = c.acceptance?.mode === "acceptance" ? c.acceptance : null, z = c.acceptanceLevel === "signature" || n !== null, u = c.kind === "credit_note", O = r(
+    u ? "docs_contract_sale_credit_note_title" : "docs_contract_sale_invoice_title"
+  ), S = r(
+    u ? "docs_contract_sale_credit_note_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 = c.taxRate != null ? 1 + c.taxRate : 1;
+  return /* @__PURE__ */ t("main", { className: "flex flex-grow flex-col px-4 md:px-8", children: [
+    P && /* @__PURE__ */ t("header", { className: "mb-8 grid gap-6", children: [
+      /* @__PURE__ */ t("div", { className: "grid gap-6 md:grid-cols-2 md:gap-8", children: [
+        /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ t("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__ */ t("span", { className: "font-normal text-muted-foreground", children: [
+              "#",
+              c.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__ */ t("div", { className: "md:text-right", children: [
+          /* @__PURE__ */ t("div", { className: "mb-2", children: [
+            /* @__PURE__ */ e("p", { className: "font-semibold text-foreground", children: S }),
+            /* @__PURE__ */ e("p", { className: "text-muted-foreground", children: _(c.date) })
+          ] }),
+          /* @__PURE__ */ t("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: _(c.dueDate) })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "grid gap-6 md:grid-cols-2 md:gap-8", children: [
+        /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ e("h2", { className: "text-xl font-semibold text-primary", children: c.issuer.name }),
+          k ? /* @__PURE__ */ e("p", { className: "text-muted-foreground whitespace-pre-line", children: k }) : null
+        ] }),
+        /* @__PURE__ */ t("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: c.recipient.name }),
+          q ? /* @__PURE__ */ e("p", { className: "text-muted-foreground whitespace-pre-line", children: q }) : null,
+          L ? /* @__PURE__ */ e("p", { className: "text-muted-foreground", children: L }) : null
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ t("section", { className: j ? "mb-0 flex flex-grow flex-col" : "mb-8", children: [
+      /* @__PURE__ */ t("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: j ? "flex flex-1 flex-col" : "flex flex-col", children: l.map((a) => /* @__PURE__ */ t("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, c.currency, s.customer) }) }),
+        /* @__PURE__ */ e("div", { className: "w-1/6 text-right", children: /* @__PURE__ */ e("span", { children: i(a.quantity * a.unitPrice / F * A, c.currency, s.customer) }) })
+      ] }, a.id)) })
+    ] }),
+    N && /* @__PURE__ */ e("section", { className: "mb-16 flex justify-end", children: /* @__PURE__ */ t("div", { className: "w-full md:w-1/3", children: [
+      /* @__PURE__ */ t("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, c.currency, s.customer) })
+      ] }),
+      c.taxRate != null && /* @__PURE__ */ t("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: (c.taxRate * 100).toFixed(0) }) }),
+        /* @__PURE__ */ e("span", { className: "shrink-0 text-right font-semibold", children: i(o, c.currency, s.customer) })
+      ] }),
+      /* @__PURE__ */ t("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, c.currency, s.customer) })
+      ] })
+    ] }) }),
+    v && c.notes && /* @__PURE__ */ t("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: c.notes }) })
+    ] }),
+    w && (c.acceptanceLevel !== "none" || c.acceptance) ? /* @__PURE__ */ e("section", { className: "mt-auto border-t border-border pt-8", children: z ? /* @__PURE__ */ t(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__ */ t("div", { className: "flex flex-col justify-between md:flex-row", children: [
+        /* @__PURE__ */ t("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__ */ t("span", { children: [
+            r("docs_contract_sale_signature_date_label"),
+            ": ___________________"
+          ] }) }),
+          /* @__PURE__ */ e("div", { className: "h-24 rounded-lg bg-muted/40" })
+        ] }),
+        /* @__PURE__ */ t("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__ */ t("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__ */ t("div", { className: "flex flex-col justify-between md:flex-row", children: [
+        /* @__PURE__ */ t("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__ */ t("span", { children: [
+            r("docs_contract_sale_signature_date_label"),
+            ": ___________________"
+          ] }) }),
+          /* @__PURE__ */ e("div", { className: "h-24 rounded-lg bg-muted/40" })
+        ] }),
+        /* @__PURE__ */ t("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__ */ t("span", { children: [
+            r("docs_contract_sale_signature_date_label"),
+            ": ___________________"
+          ] }) }),
+          /* @__PURE__ */ e("div", { className: "h-24 rounded-lg bg-muted/40" })
+        ] })
+      ] })
+    ] }) : /* @__PURE__ */ t("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
+  ] });
+}
+export {
+  M as InvoiceDetails
+};

package/dist/components/ContractSaleDocument/Page.js

@@ -0,0 +1,14 @@
+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
+};

package/dist/components/ContractSaleDocument/PageFooter.js

@@ -0,0 +1,26 @@
+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 })
+  ] });
+}
+export {
+  u as PageFooter
+};

package/dist/components/ContractSaleDocument/PageHeader.js

@@ -0,0 +1,26 @@
+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 })
+  ] });
+}
+export {
+  u as PageHeader
+};