@tesouro/embedded-components-react 0.3.0 → 0.3.2

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

@@ -1,148 +1,25 @@
-import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
-import { useMoniteContext as t } from "./index47.js";
-import { useCounterpartById as n } from "./index48.js";
-import { Button as r } from "./index56.js";
-import { useCounterpartAddresses as i } from "./index126.js";
-import { useMyEntity as a } from "./index133.js";
-import "./index138.js";
-import { Dialog as o, DialogContent as s, DialogDescription as c, DialogFooter as l, DialogHeader as u, DialogTitle as d } from "./index58.js";
-import { ConfirmationModal as f } from "./index59.js";
-import "./index60.js";
-import { useUserPermissions as p } from "./index112.js";
-import { buildInvoicePreviewData as ee } from "./index225.js";
-import "./index232.js";
-import { LoadingPage as te } from "./index255.js";
-import "./index256.js";
-import { CustomerSection as ne } from "./index456.js";
-import { BillingSection as re } from "./index468.js";
-import { ItemsSection as ie } from "./index491.js";
-import { BankAccountSection as m } from "./index493.js";
-import { NotesSection as h } from "./index494.js";
-import { AttachmentSection as g } from "./index495.js";
-import { InvoicePreview as _ } from "./index504.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 "./index28.js";
+import "./index217.js";
+import { useEffect as t, useRef as n } from "react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index505.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("bank_account_id"), xe = 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: be,
-							bankAccountType: xe,
-							taxMode: _e,
-							purchaseOrder: ve,
-							taxRate: ye
-						}),
-						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 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 { E as ReceivableFormLayout };
+export { r as useResizeObserver };

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

@@ -1,117 +1,20 @@
-import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
-import { useMoniteContext as t } from "./index47.js";
-import { Button as n } from "./index56.js";
-import { MoniteScopedProviders as r } from "./index209.js";
-import { getDraftInvoiceValidationSchema as i, getInvoiceValidationSchema as a } from "./index94.js";
-import { useUserPermissions as o } from "./index112.js";
-import { willRecurrenceIssue as s } from "./index220.js";
-import { AccessRestriction as c } from "./index242.js";
-import { useReceivableSubmit as l } from "./index454.js";
-import { ReceivableFormLayout as u } from "./index505.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 { useIsMounted as e } from "./index28.js";
+import "./index217.js";
+import { useEffect as t, useRef as n } from "react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index506.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,
-			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 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 { b as CreateReceivables };
+export { r as useWindowResize };

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

@@ -1,43 +1,56 @@
-import { cn as e } from "./index49.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 { useEffect as e, useState as t } from "react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index507.js
-function a({ ...e }) {
-	return /* @__PURE__ */ n(i.Root, {
-		"data-slot": "accordion",
-		...e
+var n = {
+	mm: {
+		width: 210,
+		height: 297
+	},
+	cm: {
+		width: 21,
+		height: 29.7
+	},
+	inches: {
+		width: 8.27,
+		height: 11.69
+	}
+}, r = () => {
+	let [r, i] = t({
+		width: 794,
+		height: 1123,
+		dpi: 96
 	});
-}
-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
-		})
-	});
-}
+	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, a = 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 : a, u = Math.round(n.inches.width * l), d = Math.round(n.inches.height * l);
+			i({
+				width: u,
+				height: d,
+				dpi: l
+			});
+		};
+		return e(), window.addEventListener("resize", e), () => {
+			window.removeEventListener("resize", e);
+		};
+	}, []), r;
+};
 //#endregion
-export { a as Accordion, c as AccordionContent, o as AccordionItem, s as AccordionTrigger };
+export { r as useA4Dimensions };

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

@@ -1,35 +1,48 @@
-import { cn as e } from "./index49.js";
-import "react";
-import { jsx as t, jsxs as n } from "@emotion/react/jsx-runtime";
-import * as r from "@radix-ui/react-tooltip";
+import { useIsMounted as e } from "./index28.js";
+import "./index217.js";
+import { useResizeObserver as t } from "./index505.js";
+import { useWindowResize as n } from "./index506.js";
+import { useA4Dimensions as r } from "./index507.js";
+import { useCallback as i, useEffect as a, useRef as o, useState as s } from "react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index508.js
-function i({ delayDuration: e = 0, ...n }) {
-	return /* @__PURE__ */ t(r.Provider, {
-		"data-slot": "tooltip-provider",
-		delayDuration: e,
-		...n
-	});
-}
-function a({ ...e }) {
-	return /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(r.Root, {
-		"data-slot": "tooltip",
-		...e
-	}) });
-}
-function o({ ...e }) {
-	return /* @__PURE__ */ t(r.Trigger, {
-		"data-slot": "tooltip-trigger",
-		...e
-	});
-}
-function s({ className: i, sideOffset: a = 0, children: o, ...s }) {
-	return /* @__PURE__ */ t(r.Portal, { children: /* @__PURE__ */ n(r.Content, {
-		"data-slot": "tooltip-content",
-		sideOffset: a,
-		className: e("ttw:bg-primary ttw:text-primary-foreground ttw:animate-in ttw:fade-in-0 ttw:zoom-in-95 ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:fade-out-0 ttw:data-[state=closed]:zoom-out-95 ttw:data-[side=bottom]:slide-in-from-top-2 ttw:data-[side=left]:slide-in-from-right-2 ttw:data-[side=right]:slide-in-from-left-2 ttw:data-[side=top]:slide-in-from-bottom-2 ttw:z-1300 ttw:w-fit ttw:origin-(--radix-tooltip-content-transform-origin) ttw:rounded-md ttw:px-3 ttw:py-1.5 ttw:text-xs ttw:text-balance", i),
-		...s,
-		children: [o, /* @__PURE__ */ t(r.Arrow, { className: "ttw:bg-primary ttw:fill-primary ttw:z-1300 ttw:size-2.5 ttw:translate-y-[calc(-50%_-_2px)] ttw:rotate-45 ttw:rounded-[2px]" })]
-	}) });
-}
+var c = (c, l, u = {}) => {
+	let { minWidth: d, minHeight: f, containerPadding: p = 96, minScale: m = 1, initialDelay: h = 100, useAdaptiveDimensions: g = !0 } = u, [_, v] = s(1), y = o(!1), b = e(), x = r(), S = d ?? (g ? x.width : 794), C = f ?? (g ? x.height : 1123), w = i(() => {
+		if (!c.current || !l.current || typeof window > "u" || !b.current) return;
+		let e = c.current, t = e.clientWidth - p, n = e.clientHeight - p;
+		if (t <= 0 || n <= 0 || S <= 0 || C <= 0) {
+			v(m);
+			return;
+		}
+		let r = t / S, i = n / C;
+		v(Math.max(Math.min(r, i), m));
+	}, [
+		c,
+		l,
+		b,
+		p,
+		S,
+		C,
+		m
+	]);
+	n(w, 100);
+	let { observe: T, disconnect: E } = t(w, 50);
+	return a(() => {
+		if (typeof window > "u") return;
+		let e = setTimeout(() => {
+			w(), y.current = !0;
+		}, h);
+		return c.current && T(c.current), () => {
+			clearTimeout(e), E();
+		};
+	}, [
+		T,
+		E,
+		h,
+		w,
+		c
+	]), a(() => {
+		c.current && y.current && T(c.current);
+	}, [c, T]), _;
+};
 //#endregion
-export { a as Tooltip, s as TooltipContent, i as TooltipProvider, o as TooltipTrigger };
+export { c as useAdaptiveScale };

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

@@ -1,22 +1,16 @@
-import { getAPIErrorMessage as e } from "./index26.js";
-import { useMoniteContext as t } from "./index47.js";
-import { toast as n } from "react-hot-toast";
-import { useLingui as r } from "@lingui/react";
+import { cn as e } from "./index49.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index509.js
-var i = (i, a) => {
-	let { i18n: o } = r(), { api: s, queryClient: c } = t();
-	return s.finops.postRecurrencesIdPause.useMutation({ path: { recurrence_id: i } }, {
-		onError: (t) => {
-			n.error(e(o, t));
-		},
-		onSuccess: async () => {
-			await Promise.all([
-				s.finops.getReceivables.invalidateQueries(c),
-				s.finops.getReceivablesId.invalidateQueries({ parameters: { path: { receivable_id: a } } }, c),
-				s.finops.getRecurrencesId.invalidateQueries({ parameters: { path: { recurrence_id: i } } }, c)
-			]), n.success(o._("Series has been paused"));
-		}
-	});
-};
+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 { i as usePauseRecurrence };
+export { n as AspectRatio };

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

@@ -1,22 +1,44 @@
-import { getAPIErrorMessage as e } from "./index26.js";
-import { useMoniteContext as t } from "./index47.js";
-import { toast as n } from "react-hot-toast";
-import { useLingui as r } from "@lingui/react";
+import { cn as e } from "./index49.js";
+import { useGetMeasureUnits as t } from "./index458.js";
+import { InvoicePreviewMonite as n } from "./index504.js";
+import { useAdaptiveScale as r } from "./index508.js";
+import { AspectRatio as i } from "./index509.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/index510.js
-var i = (i, a) => {
-	let { i18n: o } = r(), { api: s, queryClient: c } = t();
-	return s.finops.postRecurrencesIdResume.useMutation({ path: { recurrence_id: i } }, {
-		onError: (t) => {
-			n.error(e(o, t));
+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"
 		},
-		onSuccess: async () => {
-			await Promise.all([
-				s.finops.getReceivables.invalidateQueries(c),
-				s.finops.getReceivablesId.invalidateQueries({ parameters: { path: { receivable_id: a } } }, c),
-				s.finops.getRecurrencesId.invalidateQueries({ parameters: { path: { recurrence_id: i } } }, c)
-			]), n.success(o._("Series has been resumed"));
-		}
+		children: /* @__PURE__ */ o(i, {
+			ratio: 21 / 29.7,
+			className: e("ttw:max-w-[21cm]", "ttw:min-w-[794px] ttw:min-h-[1123px]", "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 { i as useResumeRecurrence };
+export { s as InvoicePreview };