@tesouro/embedded-components-react 0.5.159 → 0.5.162

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index501.js

@@ -1,48 +1,25 @@
 import { useIsMounted as e } from "./index29.js";
-import "./index222.js";
-import { useResizeObserver as t } from "./index498.js";
-import { useWindowResize as n } from "./index499.js";
-import { LETTER_PX as r, useLetterDimensions as i } from "./index500.js";
-import { useCallback as a, useEffect as o, useRef as s, useState as c } from "react";
+import "./index223.js";
+import { useEffect as t, useRef as n } from "react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index501.js
-var l = (l, u, d = {}) => {
-	let { minWidth: f, minHeight: p, containerPadding: m = 96, minScale: h = 1, initialDelay: g = 100, useAdaptiveDimensions: _ = !0 } = d, [v, y] = c(1), b = s(!1), x = e(), S = i(), C = f ?? (_ ? S.width : r.width), w = p ?? (_ ? S.height : r.height), T = a(() => {
-		if (!l.current || !u.current || typeof window > "u" || !x.current) return;
-		let e = l.current, t = e.clientWidth - m, n = e.clientHeight - m;
-		if (t <= 0 || n <= 0 || C <= 0 || w <= 0) {
-			y(h);
-			return;
-		}
-		let r = t / C, i = n / w;
-		y(Math.max(Math.min(r, i), h));
-	}, [
-		l,
-		u,
-		x,
-		m,
-		C,
-		w,
-		h
-	]);
-	n(T, 100);
-	let { observe: E, disconnect: D } = t(T, 50);
-	return o(() => {
-		if (typeof window > "u") return;
-		let e = setTimeout(() => {
-			T(), b.current = !0;
-		}, g);
-		return l.current && E(l.current), () => {
-			clearTimeout(e), D();
-		};
-	}, [
-		E,
-		D,
-		g,
-		T,
-		l
-	]), o(() => {
-		l.current && b.current && E(l.current);
-	}, [l, E]), v;
+var r = (r, i = 50) => {
+	let a = n(r), o = n(void 0), s = n(void 0), c = e();
+	a.current = r;
+	let l = (e) => {
+		!e || typeof window > "u" || (s.current && s.current.disconnect(), s.current = new ResizeObserver(() => {
+			o.current && clearTimeout(o.current), o.current = setTimeout(() => {
+				c.current && a.current();
+			}, i);
+		}), s.current.observe(e));
+	}, u = () => {
+		s.current && s.current.disconnect(), o.current && clearTimeout(o.current);
+	};
+	return t(() => () => {
+		u();
+	}, []), {
+		observe: l,
+		disconnect: u
+	};
 };
 //#endregion
-export { l as useAdaptiveScale };
+export { r as useResizeObserver };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index502.js

@@ -1,16 +1,20 @@
-import { cn as e } from "./index48.js";
-import { jsx as t } from "@emotion/react/jsx-runtime";
+import { useIsMounted as e } from "./index29.js";
+import "./index223.js";
+import { useEffect as t, useRef as n } from "react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index502.js
-var n = ({ ratio: n, children: r, className: i, style: a, ref: o, ...s }) => /* @__PURE__ */ t("div", {
-	ref: o,
-	className: e("ttw:w-full", i),
-	style: {
-		...a,
-		aspectRatio: n.toString()
-	},
-	...s,
-	children: r
-});
-n.displayName = "AspectRatio";
+var r = (r, i = 100) => {
+	let a = n(r), o = n(void 0), s = e();
+	a.current = r, t(() => {
+		if (typeof window > "u") return;
+		let e = () => {
+			o.current && clearTimeout(o.current), o.current = setTimeout(() => {
+				s.current && a.current();
+			}, i);
+		};
+		return window.addEventListener("resize", e), () => {
+			window.removeEventListener("resize", e), o.current && clearTimeout(o.current);
+		};
+	}, [i, s]);
+};
 //#endregion
-export { n as AspectRatio };
+export { r as useWindowResize };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index503.js

@@ -1,44 +1,48 @@
-import { cn as e } from "./index48.js";
-import { useGetMeasureUnits as t } from "./index449.js";
-import { InvoicePreviewMonite as n } from "./index497.js";
-import { useAdaptiveScale as r } from "./index501.js";
-import { AspectRatio as i } from "./index502.js";
-import { useRef as a } from "react";
-import { jsx as o } from "@emotion/react/jsx-runtime";
+import { useEffect as e, useState as t } from "react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index503.js
-var s = ({ address: s, counterpart: c, currency: l, invoiceData: u, entityData: d, paymentTerms: f }) => {
-	let p = a(null), m = a(null), { data: h } = t(), g = r(p, m, {
-		containerPadding: 96,
-		minScale: 1,
-		initialDelay: 100,
-		useAdaptiveDimensions: !0
-	}), _ = {
-		address: s,
-		counterpart: c,
-		currency: l,
-		invoiceData: u,
-		entityData: d,
-		paymentTerms: f,
-		measureUnits: h?.data || []
-	};
-	return /* @__PURE__ */ o("div", {
-		ref: p,
-		className: e("ttw:flex ttw:overflow-auto ttw:relative", "ttw:w-full ttw:h-full ttw:min-h-0", "ttw:p-12", "ttw:bg-gradient-to-br ttw:from-slate-50 ttw:to-slate-200", "ttw:[transform:translateZ(0)]"),
-		style: {
-			justifyContent: "safe center",
-			alignItems: "safe center"
-		},
-		children: /* @__PURE__ */ o(i, {
-			ratio: 8.5 / 11,
-			className: e("ttw:max-w-[8.5in]", "ttw:min-w-[816px] ttw:min-h-[1056px]", "ttw:transition-transform ttw:duration-200 ttw:ease-in-out", "motion-reduce:ttw:transition-none", "ttw:origin-center", "ttw:shrink-0", "ttw:[contain:\"layout style\"]"),
-			style: { transform: `scale(${g})` },
-			children: /* @__PURE__ */ o("div", {
-				ref: m,
-				className: e("ttw:w-full ttw:h-full", "ttw:bg-white ttw:shrink-0", "ttw:shadow-md", "ttw:overflow-hidden"),
-				children: /* @__PURE__ */ o(n, { ..._ })
-			})
-		})
+var n = {
+	width: 8.5,
+	height: 11
+}, r = {
+	width: 816,
+	height: 1056
+}, i = () => {
+	let [i, a] = t({
+		...r,
+		dpi: 96
 	});
+	return e(() => {
+		if (typeof window > "u") return;
+		let e = () => {
+			let e = [
+				72,
+				96,
+				120,
+				144,
+				192,
+				240,
+				288,
+				384
+			], t = 96;
+			for (let n of e) if (window.matchMedia(`(resolution: ${n}dpi)`).matches) {
+				t = n;
+				break;
+			}
+			let r = window.devicePixelRatio || 1, i = t * r, o = document.createElement("div");
+			o.style.width = "1in", o.style.height = "1in", o.style.position = "absolute", o.style.left = "-9999px", document.body.appendChild(o);
+			let s = o.getBoundingClientRect(), c = Math.round(s.width);
+			document.body.removeChild(o);
+			let l = c > 0 ? c : i, u = Math.round(n.width * l), d = Math.round(n.height * l);
+			a({
+				width: u,
+				height: d,
+				dpi: l
+			});
+		};
+		return e(), window.addEventListener("resize", e), () => {
+			window.removeEventListener("resize", e);
+		};
+	}, []), i;
 };
 //#endregion
-export { s as InvoicePreview };
+export { r as LETTER_PX, i as useLetterDimensions };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index504.js

@@ -1,149 +1,48 @@
-import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
-import { useMoniteContext as t } from "./index46.js";
-import { useCounterpartById as n } from "./index47.js";
-import { Button as r } from "./index55.js";
-import { useCounterpartAddresses as i } from "./index132.js";
-import { useMyEntity as a } from "./index139.js";
-import "./index144.js";
-import { Dialog as o, DialogContent as s, DialogDescription as c, DialogFooter as l, DialogHeader as u, DialogTitle as d } from "./index57.js";
-import { ConfirmationModal as f } from "./index58.js";
-import "./index59.js";
-import { useUserPermissions as p } from "./index118.js";
-import { buildInvoicePreviewData as ee } from "./index175.js";
-import "./index182.js";
-import { LoadingPage as te } from "./index264.js";
-import "./index265.js";
-import { CustomerSection as ne } from "./index452.js";
-import { BillingSection as re } from "./index465.js";
-import { ItemsSection as ie } from "./index490.js";
-import { BankAccountSection as m } from "./index492.js";
-import { NotesSection as h } from "./index493.js";
-import { AttachmentSection as g } from "./index494.js";
-import { InvoicePreview as _ } from "./index503.js";
-import { useMemo as v, useState as y } from "react";
-import { X as b } from "lucide-react";
-import { Fragment as x, jsx as S, jsxs as C } from "@emotion/react/jsx-runtime";
-import { useLingui as w } from "@lingui/react";
-import { FormProvider as T } from "react-hook-form";
+import { useIsMounted as e } from "./index29.js";
+import "./index223.js";
+import { useResizeObserver as t } from "./index501.js";
+import { useWindowResize as n } from "./index502.js";
+import { LETTER_PX as r, useLetterDimensions as i } from "./index503.js";
+import { useCallback as a, useEffect as o, useRef as s, useState as c } from "react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index504.js
-var E = ({ open: E, onRequestClose: D, methods: O, title: k, description: A, currency: j, embeddedBankName: M, showPurchaseOrder: N = !0, lockRecurrenceSchedule: P = !1, formName: F, onSubmit: I, formScrollRef: L, registerLineItemCleanupFn: R, onAttachmentsUploadingChange: z, disabled: B, closeDisabled: ae, footer: V, discardModal: H }) => {
-	let { i18n: U } = w(), { api: W, componentSettings: G } = t(), K = p().has(e.CounterpartWriteOrg), q = !!G?.receivables?.enableEntityBankAccount, { data: J, isLoading: oe } = W.finops.getPaymentTerms.useQuery(), { isLoading: se, data: ce } = a(), { watch: Y } = O, [le, ue] = y(!1), X = Y("counterpart_id"), Z = Y("default_billing_address_id"), { data: Q } = n(X), { data: $ } = i(X), de = v(() => $?.data?.find((e) => e.id === Z), [Z, $?.data]), fe = Y("line_items"), pe = Y("payment_terms_id"), me = Y("payment_terms_custom_date"), he = Y("memo"), ge = Y("footer"), _e = Y("tax_mode"), ve = Y("purchase_order"), ye = Y("tax_rate"), be = Y("discount"), xe = Y("bank_account_id"), Se = Y("bank_account_type");
-	return se ? /* @__PURE__ */ S(te, {}) : /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(o, {
-		open: E,
-		onOpenChange: (e) => {
-			e || D();
-		},
-		modal: !1,
-		children: /* @__PURE__ */ C(s, {
-			showCloseButton: !1,
-			fullScreen: !0,
-			className: "ttw:flex ttw:flex-col ttw:overflow-hidden ttw:p-0 ttw:gap-0",
-			onInteractOutside: (e) => e.preventDefault(),
-			children: [/* @__PURE__ */ C(u, {
-				className: "ttw:w-full ttw:max-w-screen ttw:flex-row ttw:justify-between ttw:border-b ttw:border-border ttw:items-center ttw:px-6 ttw:pt-6 ttw:pb-7",
-				children: [/* @__PURE__ */ C("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-					children: [/* @__PURE__ */ S(d, {
-						className: "ttw:text-3xl",
-						children: k
-					}), /* @__PURE__ */ S(c, {
-						className: A ? "" : "ttw:sr-only",
-						children: A ?? U._("Invoice details")
-					})]
-				}), /* @__PURE__ */ S(r, {
-					variant: "ghost",
-					type: "button",
-					className: "ttw:p-2 ttw:has-[>svg]:px-2",
-					onClick: D,
-					disabled: ae,
-					"aria-label": U._("Close"),
-					children: /* @__PURE__ */ S(b, { className: "ttw:size-6.5" })
-				})]
-			}), /* @__PURE__ */ C("div", {
-				className: "ttw:flex ttw:flex-1 ttw:min-h-0",
-				children: [/* @__PURE__ */ C("div", {
-					ref: L,
-					className: "ttw:w-1/2 ttw:h-full ttw:min-h-0 ttw:overflow-auto ttw:px-8 ttw:pt-6",
-					children: [/* @__PURE__ */ S(T, {
-						...O,
-						children: /* @__PURE__ */ S("form", {
-							id: F,
-							noValidate: !0,
-							className: "ttw:pb-10",
-							onSubmit: I,
-							children: /* @__PURE__ */ C("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-8",
-								children: [
-									/* @__PURE__ */ S(ne, {
-										disabled: B,
-										canCreateCounterpart: K,
-										isEditCustomerOpen: le,
-										handleOpenEditCustomer: ue,
-										counterpart: Q
-									}),
-									/* @__PURE__ */ S(re, {
-										paymentTerms: J,
-										isPaymentTermsLoading: oe,
-										disabled: B,
-										showPurchaseOrder: N,
-										lockRecurrenceSchedule: P
-									}),
-									/* @__PURE__ */ S(ie, {
-										registerLineItemCleanupFn: R,
-										defaultCurrency: j
-									}),
-									q && /* @__PURE__ */ S(m, {
-										disabled: B,
-										embeddedBankName: M
-									}),
-									/* @__PURE__ */ S(h, { disabled: B }),
-									/* @__PURE__ */ S(g, {
-										disabled: B,
-										onUploadingChange: z
-									})
-								]
-							})
-						})
-					}), /* @__PURE__ */ S(l, {
-						className: "ttw:sticky ttw:bottom-0 ttw:z-10 ttw:flex ttw:items-center ttw:justify-end ttw:gap-4 ttw:bg-background ttw:pt-3 ttw:px-6 ttw:pb-6",
-						children: V
-					})]
-				}), /* @__PURE__ */ S("div", {
-					className: "ttw:w-1/2 ttw:h-full ttw:min-h-0 ttw:overflow-auto",
-					style: { background: "linear-gradient(180deg, #F6F6F6 0%, #E4E4FF 100%)" },
-					children: /* @__PURE__ */ S(_, {
-						invoiceData: ee({
-							lineItems: fe,
-							paymentTermsId: pe,
-							paymentTermsCustomDate: me,
-							memo: he,
-							footer: ge,
-							bankAccountId: xe,
-							bankAccountType: Se,
-							taxMode: _e,
-							purchaseOrder: ve,
-							taxRate: ye,
-							discount: be
-						}),
-						counterpart: Q,
-						currency: j,
-						entityData: ce,
-						address: de,
-						paymentTerms: J
-					})
-				})]
-			})]
-		})
-	}), /* @__PURE__ */ S(f, {
-		open: H.open,
-		title: U._("You have unsaved changes"),
-		message: U._("Any unsaved changes will be lost. Are you sure you want to quit without saving?"),
-		confirmLabel: U._("Quit without saving"),
-		cancelLabel: U._("Cancel"),
-		onClose: () => H.onOpenChange(!1),
-		onConfirm: H.onConfirm
-	})] });
+var l = (l, u, d = {}) => {
+	let { minWidth: f, minHeight: p, containerPadding: m = 96, minScale: h = 1, initialDelay: g = 100, useAdaptiveDimensions: _ = !0 } = d, [v, y] = c(1), b = s(!1), x = e(), S = i(), C = f ?? (_ ? S.width : r.width), w = p ?? (_ ? S.height : r.height), T = a(() => {
+		if (!l.current || !u.current || typeof window > "u" || !x.current) return;
+		let e = l.current, t = e.clientWidth - m, n = e.clientHeight - m;
+		if (t <= 0 || n <= 0 || C <= 0 || w <= 0) {
+			y(h);
+			return;
+		}
+		let r = t / C, i = n / w;
+		y(Math.max(Math.min(r, i), h));
+	}, [
+		l,
+		u,
+		x,
+		m,
+		C,
+		w,
+		h
+	]);
+	n(T, 100);
+	let { observe: E, disconnect: D } = t(T, 50);
+	return o(() => {
+		if (typeof window > "u") return;
+		let e = setTimeout(() => {
+			T(), b.current = !0;
+		}, g);
+		return l.current && E(l.current), () => {
+			clearTimeout(e), D();
+		};
+	}, [
+		E,
+		D,
+		g,
+		T,
+		l
+	]), o(() => {
+		l.current && b.current && E(l.current);
+	}, [l, E]), v;
 };
 //#endregion
-export { E as ReceivableFormLayout };
+export { l as useAdaptiveScale };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index505.js

@@ -1,118 +1,16 @@
-import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
-import { useMoniteContext as t } from "./index46.js";
-import { Button as n } from "./index55.js";
-import { MoniteScopedProviders as r } from "./index241.js";
-import { getDraftInvoiceValidationSchema as i, getInvoiceValidationSchema as a } from "./index100.js";
-import { useUserPermissions as o } from "./index118.js";
-import { willRecurrenceIssue as s } from "./index169.js";
-import { AccessRestriction as c } from "./index251.js";
-import { useReceivableSubmit as l } from "./index450.js";
-import { ReceivableFormLayout as u } from "./index504.js";
-import { useCallback as d, useMemo as f, useRef as p } from "react";
-import { Fragment as m, jsx as h, jsxs as g } from "@emotion/react/jsx-runtime";
-import { useLingui as _ } from "@lingui/react";
-import { useForm as v } from "react-hook-form";
-import { zodResolver as y } from "@hookform/resolvers/zod";
+import { cn as e } from "./index48.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index505.js
-var b = (e) => {
-	let { i18n: t } = _();
-	return /* @__PURE__ */ h(r, { children: e.type === "invoice" ? /* @__PURE__ */ h(S, { ...e }) : /* @__PURE__ */ h(c, { description: t._("You can not create receivable with a type other than “invoice”") }) });
-}, x = "USD", S = ({ type: r, onCreate: c, open: b, onOpenChange: S, embeddedBankName: C, initialCounterpartId: w }) => {
-	let { i18n: T } = _(), { componentSettings: E } = t(), D = o().has(e.CounterpartWriteOrg), O = !!E?.receivables?.enableEntityBankAccount, k = p("draft"), A = f(() => y(i(T, D)), [T, D]), j = f(() => y(a(T, O, D)), [
-		T,
-		O,
-		D
-	]), M = d((e, t, n) => (k.current === "issue" || s(e) ? j : A)(e, t, n), [j, A]), N = v({
-		mode: "onBlur",
-		resolver: M,
-		defaultValues: f(() => ({
-			type: r,
-			counterpart_id: w ?? "",
-			counterpart_name: "",
-			counterpart_email: "",
-			payment_terms_id: "",
-			payment_terms_custom_date: null,
-			default_shipping_address_id: "",
-			default_billing_address_id: "",
-			purchase_order: "",
-			line_items: [],
-			bank_account_id: "",
-			overdue_reminder_id: "",
-			payment_reminder_id: "",
-			memo: "",
-			footer: "",
-			tax_mode: "exclusive",
-			frequency: "once",
-			recurrence_start_date: void 0,
-			recurrence_end_date: void 0,
-			recurrence_issue_mode: "first_day",
-			recurrence_days_of_week: void 0,
-			recurrence_end_mode: "after",
-			recurrence_max_occurrences: void 0,
-			tax_rate: void 0,
-			discount: null,
-			attachments: []
-		}), [r, w])
-	}), P = l({
-		mode: "create",
-		methods: N,
-		currency: x,
-		submitModeRef: k,
-		onComplete: (e) => c?.(e.receivableId, {
-			mode: e.mode,
-			counterpartId: e.counterpartId,
-			inlineLineItems: e.inlineLineItems,
-			hasCustomerEmail: e.hasCustomerEmail
-		}),
-		onClose: () => S(!1)
-	});
-	return /* @__PURE__ */ h(u, {
-		open: b,
-		onRequestClose: P.requestClose,
-		methods: N,
-		title: T._("Create invoice"),
-		description: T._("Create and issue an invoice to your customers "),
-		currency: x,
-		embeddedBankName: C,
-		showPurchaseOrder: !0,
-		formName: P.formName,
-		onSubmit: P.onSubmit,
-		formScrollRef: P.formScrollRef,
-		registerLineItemCleanupFn: P.registerLineItemCleanupFn,
-		onAttachmentsUploadingChange: P.onAttachmentsUploadingChange,
-		disabled: P.isLoading,
-		closeDisabled: P.isSaving,
-		discardModal: P.discardModal,
-		footer: /* @__PURE__ */ g(m, { children: [
-			/* @__PURE__ */ h(n, {
-				variant: "outline",
-				className: "ttw:border-border",
-				onClick: P.requestClose,
-				disabled: P.isSaving || P.attachmentsUploading,
-				children: T._("Cancel")
-			}),
-			!P.isRecurrenceEnabled && /* @__PURE__ */ h(n, {
-				variant: "secondary",
-				type: "submit",
-				form: P.formName,
-				disabled: P.isLoading || P.attachmentsUploading,
-				onClick: () => {
-					P.submitModeRef.current = "draft";
-				},
-				children: T._("Save as draft")
-			}),
-			/* @__PURE__ */ h(n, {
-				type: "submit",
-				form: P.formName,
-				disabled: P.isLoading || P.attachmentsUploading || P.isIssuePreflightLoading || !P.isRecurrenceEnabled && P.isCustomerEmailLoading,
-				onClick: () => {
-					P.submitModeRef.current = P.isRecurrenceEnabled ? "draft" : "issue";
-				},
-				children: P.isRecurrenceEnabled ? T._("Activate recurring billing schedule") : T._("Issue invoice")
-			}, "next")
-		] })
-	});
-};
+var n = ({ ratio: n, children: r, className: i, style: a, ref: o, ...s }) => /* @__PURE__ */ t("div", {
+	ref: o,
+	className: e("ttw:w-full", i),
+	style: {
+		...a,
+		aspectRatio: n.toString()
+	},
+	...s,
+	children: r
+});
+n.displayName = "AspectRatio";
 //#endregion
-export { b as CreateReceivables };
+export { n as AspectRatio };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index506.js

@@ -1,43 +1,44 @@
 import { cn as e } from "./index48.js";
-import "react";
-import { ChevronDownIcon as t } from "lucide-react";
-import { jsx as n, jsxs as r } from "@emotion/react/jsx-runtime";
-import * as i from "@radix-ui/react-accordion";
+import { useGetMeasureUnits as t } from "./index450.js";
+import { InvoicePreviewMonite as n } from "./index500.js";
+import { useAdaptiveScale as r } from "./index504.js";
+import { AspectRatio as i } from "./index505.js";
+import { useRef as a } from "react";
+import { jsx as o } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index506.js
-function a({ ...e }) {
-	return /* @__PURE__ */ n(i.Root, {
-		"data-slot": "accordion",
-		...e
-	});
-}
-function o({ className: t, ...r }) {
-	return /* @__PURE__ */ n(i.Item, {
-		"data-slot": "accordion-item",
-		className: e("ttw:border-b ttw:border-border ttw:last:border-b-0", t),
-		...r
-	});
-}
-function s({ className: a, children: o, ...s }) {
-	return /* @__PURE__ */ n(i.Header, {
-		className: "ttw:flex",
-		children: /* @__PURE__ */ r(i.Trigger, {
-			"data-slot": "accordion-trigger",
-			className: e("ttw:group ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:flex ttw:flex-1 ttw:cursor-pointer ttw:items-start ttw:justify-between ttw:gap-4 ttw:rounded-md ttw:py-4 ttw:text-left ttw:text-sm ttw:font-medium ttw:transition-all ttw:outline-none ttw:focus-visible:ring-[3px] ttw:disabled:pointer-events-none ttw:disabled:opacity-50 ttw:[&[data-state=open]>svg]:rotate-180", a),
-			...s,
-			children: [o, /* @__PURE__ */ n(t, { className: "ttw:text-muted-foreground ttw:pointer-events-none ttw:size-4 ttw:shrink-0 ttw:translate-y-0.5 ttw:transition-transform ttw:duration-200" })]
-		})
-	});
-}
-function c({ className: t, children: r, ...a }) {
-	return /* @__PURE__ */ n(i.Content, {
-		"data-slot": "accordion-content",
-		className: "ttw:data-[state=closed]:animate-accordion-up ttw:data-[state=open]:animate-accordion-down ttw:overflow-hidden ttw:text-sm",
-		...a,
-		children: /* @__PURE__ */ n("div", {
-			className: e("ttw:pt-0 ttw:pb-4", t),
-			children: r
+var s = ({ address: s, counterpart: c, currency: l, invoiceData: u, entityData: d, paymentTerms: f }) => {
+	let p = a(null), m = a(null), { data: h } = t(), g = r(p, m, {
+		containerPadding: 96,
+		minScale: 1,
+		initialDelay: 100,
+		useAdaptiveDimensions: !0
+	}), _ = {
+		address: s,
+		counterpart: c,
+		currency: l,
+		invoiceData: u,
+		entityData: d,
+		paymentTerms: f,
+		measureUnits: h?.data || []
+	};
+	return /* @__PURE__ */ o("div", {
+		ref: p,
+		className: e("ttw:flex ttw:overflow-auto ttw:relative", "ttw:w-full ttw:h-full ttw:min-h-0", "ttw:p-12", "ttw:bg-gradient-to-br ttw:from-slate-50 ttw:to-slate-200", "ttw:[transform:translateZ(0)]"),
+		style: {
+			justifyContent: "safe center",
+			alignItems: "safe center"
+		},
+		children: /* @__PURE__ */ o(i, {
+			ratio: 8.5 / 11,
+			className: e("ttw:max-w-[8.5in]", "ttw:min-w-[816px] ttw:min-h-[1056px]", "ttw:transition-transform ttw:duration-200 ttw:ease-in-out", "motion-reduce:ttw:transition-none", "ttw:origin-center", "ttw:shrink-0", "ttw:[contain:\"layout style\"]"),
+			style: { transform: `scale(${g})` },
+			children: /* @__PURE__ */ o("div", {
+				ref: m,
+				className: e("ttw:w-full ttw:h-full", "ttw:bg-white ttw:shrink-0", "ttw:shadow-md", "ttw:overflow-hidden"),
+				children: /* @__PURE__ */ o(n, { ..._ })
+			})
 		})
 	});
-}
+};
 //#endregion
-export { a as Accordion, c as AccordionContent, o as AccordionItem, s as AccordionTrigger };
+export { s as InvoicePreview };