@tesouro/embedded-components-react 0.5.176 → 0.5.179

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

@@ -1,48 +1,25 @@
-import { useEffect as e, useState as t } from "react";
+import { useIsMounted as e } from "./index29.js";
+import "./index224.js";
+import { useEffect as t, useRef as n } from "react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index503.js
-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;
+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 { r as LETTER_PX, i as useLetterDimensions };
+export { r as useResizeObserver };

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

@@ -1,48 +1,20 @@
 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";
+import "./index224.js";
+import { useEffect as t, useRef as n } from "react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index504.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(() => {
+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 = setTimeout(() => {
-			T(), b.current = !0;
-		}, g);
-		return l.current && E(l.current), () => {
-			clearTimeout(e), D();
+		let e = () => {
+			o.current && clearTimeout(o.current), o.current = setTimeout(() => {
+				s.current && a.current();
+			}, i);
 		};
-	}, [
-		E,
-		D,
-		g,
-		T,
-		l
-	]), o(() => {
-		l.current && b.current && E(l.current);
-	}, [l, E]), v;
+		return window.addEventListener("resize", e), () => {
+			window.removeEventListener("resize", e), o.current && clearTimeout(o.current);
+		};
+	}, [i, s]);
 };
 //#endregion
-export { l as useAdaptiveScale };
+export { r as useWindowResize };

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

@@ -1,16 +1,48 @@
-import { cn as e } from "./index48.js";
-import { jsx as t } from "@emotion/react/jsx-runtime";
+import { useEffect as e, useState as t } from "react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index505.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 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 { n as AspectRatio };
+export { r as LETTER_PX, i as useLetterDimensions };

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

@@ -1,44 +1,48 @@
-import { cn as e } from "./index48.js";
-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";
+import { useIsMounted as e } from "./index29.js";
+import "./index224.js";
+import { useResizeObserver as t } from "./index503.js";
+import { useWindowResize as n } from "./index504.js";
+import { LETTER_PX as r, useLetterDimensions as i } from "./index505.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/index506.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 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 { s as InvoicePreview };
+export { l as useAdaptiveScale };

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

@@ -1,140 +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 { 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 ee, DialogTitle as u } from "./index57.js";
-import { useUserPermissions as d } from "./index118.js";
-import { buildInvoicePreviewData as te } from "./index175.js";
-import "./index183.js";
-import { LoadingPage as ne } from "./index265.js";
-import "./index266.js";
-import { CustomerSection as re } from "./index453.js";
-import { UnsavedInvoiceDialog as ie } from "./index455.js";
-import { BillingSection as ae } from "./index468.js";
-import { ItemsSection as f } from "./index493.js";
-import { BankAccountSection as p } from "./index495.js";
-import { NotesSection as m } from "./index496.js";
-import { AttachmentSection as h } from "./index497.js";
-import { InvoicePreview as g } from "./index506.js";
-import { useMemo as _, useState as v } from "react";
-import { X as y } from "lucide-react";
-import { Fragment as b, jsx as x, jsxs as S } from "@emotion/react/jsx-runtime";
-import { useLingui as C } from "@lingui/react";
-import { FormProvider as w } from "react-hook-form";
+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/index507.js
-var T = ({ open: T, onRequestClose: E, methods: D, title: O, description: k, currency: A, embeddedBankName: j, showPurchaseOrder: M = !0, lockRecurrenceSchedule: N = !1, formName: P, onSubmit: F, formScrollRef: I, registerLineItemCleanupFn: L, onAttachmentsUploadingChange: R, disabled: z, closeDisabled: B, footer: V, unsavedPrompt: H }) => {
-	let { i18n: U } = C(), { api: W, componentSettings: G } = t(), K = d().has(e.CounterpartWriteOrg), q = !!G?.receivables?.enableEntityBankAccount, { data: J, isLoading: oe } = W.finops.getPaymentTerms.useQuery(), { isLoading: se, data: ce } = a(), { watch: Y } = D, [le, ue] = v(!1), X = Y("counterpart_id"), Z = Y("default_billing_address_id"), { data: Q } = n(X), { data: $ } = i(X), de = _(() => $?.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__ */ x(ne, {}) : /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(o, {
-		open: T,
-		onOpenChange: (e) => {
-			e || E();
-		},
-		modal: !1,
-		children: /* @__PURE__ */ S(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__ */ S(ee, {
-				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__ */ S("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-					children: [/* @__PURE__ */ x(u, {
-						className: "ttw:text-3xl",
-						children: O
-					}), /* @__PURE__ */ x(c, {
-						className: k ? "" : "ttw:sr-only",
-						children: k ?? U._("Invoice details")
-					})]
-				}), /* @__PURE__ */ x(r, {
-					variant: "ghost",
-					type: "button",
-					className: "ttw:p-2 ttw:has-[>svg]:px-2",
-					onClick: E,
-					disabled: B,
-					"aria-label": U._("Close"),
-					children: /* @__PURE__ */ x(y, { className: "ttw:size-6.5" })
-				})]
-			}), /* @__PURE__ */ S("div", {
-				className: "ttw:flex ttw:flex-1 ttw:min-h-0",
-				children: [/* @__PURE__ */ S("div", {
-					ref: I,
-					className: "ttw:w-1/2 ttw:h-full ttw:min-h-0 ttw:overflow-auto ttw:px-8 ttw:pt-6",
-					children: [/* @__PURE__ */ x(w, {
-						...D,
-						children: /* @__PURE__ */ x("form", {
-							id: P,
-							noValidate: !0,
-							className: "ttw:pb-10",
-							onSubmit: F,
-							children: /* @__PURE__ */ S("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-8",
-								children: [
-									/* @__PURE__ */ x(re, {
-										disabled: z,
-										canCreateCounterpart: K,
-										isEditCustomerOpen: le,
-										handleOpenEditCustomer: ue,
-										counterpart: Q
-									}),
-									/* @__PURE__ */ x(ae, {
-										paymentTerms: J,
-										isPaymentTermsLoading: oe,
-										disabled: z,
-										showPurchaseOrder: M,
-										lockRecurrenceSchedule: N
-									}),
-									/* @__PURE__ */ x(f, {
-										registerLineItemCleanupFn: L,
-										defaultCurrency: A
-									}),
-									q && /* @__PURE__ */ x(p, {
-										disabled: z,
-										embeddedBankName: j
-									}),
-									/* @__PURE__ */ x(m, { disabled: z }),
-									/* @__PURE__ */ x(h, {
-										disabled: z,
-										onUploadingChange: R
-									})
-								]
-							})
-						})
-					}), /* @__PURE__ */ x(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__ */ x("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__ */ x(g, {
-						invoiceData: te({
-							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: A,
-						entityData: ce,
-						address: de,
-						paymentTerms: J
-					})
-				})]
-			})]
-		})
-	}), /* @__PURE__ */ x(ie, { ...H })] });
-};
+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 { T as ReceivableFormLayout };
+export { n as AspectRatio };

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

@@ -1,118 +1,44 @@
-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 "./index242.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 "./index252.js";
-import { useReceivableSubmit as l } from "./index451.js";
-import { ReceivableFormLayout as u } from "./index507.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 { useGetMeasureUnits as t } from "./index451.js";
+import { InvoicePreviewMonite as n } from "./index502.js";
+import { useAdaptiveScale as r } from "./index506.js";
+import { AspectRatio as i } from "./index507.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/index508.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,
-		unsavedPrompt: P.unsavedPrompt,
-		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 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 { b as CreateReceivables };
+export { s as InvoicePreview };