@loczer/storefront-sdk 0.181.0 → 0.183.0

package/dist/components/ContractSaleDocument/Invoice.js

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