@tesouro/embedded-components-react 0.3.57 → 0.3.58

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

@@ -1,20 +1,25 @@
 import { useIsMounted as e } from "./index28.js";
-import "./index217.js";
+import "./index218.js";
 import { useEffect as t, useRef as n } from "react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index507.js
-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 = () => {
+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(() => {
-				s.current && a.current();
+				c.current && a.current();
 			}, i);
-		};
-		return window.addEventListener("resize", e), () => {
-			window.removeEventListener("resize", e), o.current && clearTimeout(o.current);
-		};
-	}, [i, s]);
+		}), 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 useWindowResize };
+export { r as useResizeObserver };

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

@@ -1,56 +1,20 @@
-import { useEffect as e, useState as t } from "react";
+import { useIsMounted as e } from "./index28.js";
+import "./index218.js";
+import { useEffect as t, useRef as n } from "react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index508.js
-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
-	});
-	return e(() => {
+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 = () => {
-			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
-			});
+			o.current && clearTimeout(o.current), o.current = setTimeout(() => {
+				s.current && a.current();
+			}, i);
 		};
-		return e(), window.addEventListener("resize", e), () => {
-			window.removeEventListener("resize", e);
+		return window.addEventListener("resize", e), () => {
+			window.removeEventListener("resize", e), o.current && clearTimeout(o.current);
 		};
-	}, []), r;
+	}, [i, s]);
 };
 //#endregion
-export { r as useA4Dimensions };
+export { r as useWindowResize };

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

@@ -1,48 +1,56 @@
-import { useIsMounted as e } from "./index28.js";
-import "./index217.js";
-import { useResizeObserver as t } from "./index506.js";
-import { useWindowResize as n } from "./index507.js";
-import { useA4Dimensions as r } from "./index508.js";
-import { useCallback as i, useEffect as a, useRef as o, useState as s } from "react";
+import { useEffect as e, useState as t } from "react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index509.js
-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(() => {
+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
+	});
+	return e(() => {
 		if (typeof window > "u") return;
-		let e = setTimeout(() => {
-			w(), y.current = !0;
-		}, h);
-		return c.current && T(c.current), () => {
-			clearTimeout(e), E();
+		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
+			});
 		};
-	}, [
-		T,
-		E,
-		h,
-		w,
-		c
-	]), a(() => {
-		c.current && y.current && T(c.current);
-	}, [c, T]), _;
+		return e(), window.addEventListener("resize", e), () => {
+			window.removeEventListener("resize", e);
+		};
+	}, []), r;
 };
 //#endregion
-export { c as useAdaptiveScale };
+export { r as useA4Dimensions };

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

@@ -1,16 +1,48 @@
-import { cn as e } from "./index49.js";
-import { jsx as t } from "@emotion/react/jsx-runtime";
+import { useIsMounted as e } from "./index28.js";
+import "./index218.js";
+import { useResizeObserver as t } from "./index507.js";
+import { useWindowResize as n } from "./index508.js";
+import { useA4Dimensions as r } from "./index509.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/index510.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 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 { n as AspectRatio };
+export { c as useAdaptiveScale };

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

@@ -1,44 +1,16 @@
 import { cn as e } from "./index49.js";
-import { useGetMeasureUnits as t } from "./index458.js";
-import { InvoicePreviewMonite as n } from "./index505.js";
-import { useAdaptiveScale as r } from "./index509.js";
-import { AspectRatio as i } from "./index510.js";
-import { useRef as a } from "react";
-import { jsx as o } from "@emotion/react/jsx-runtime";
+import { jsx as t } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index511.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: 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, { ..._ })
-			})
-		})
-	});
-};
+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 { s as InvoicePreview };
+export { n as AspectRatio };

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

@@ -1,149 +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 "./index47.js";
-import { useCounterpartById as n } from "./index48.js";
-import { Button as r } from "./index56.js";
-import { useCounterpartAddresses as i } from "./index130.js";
-import { useMyEntity as a } from "./index137.js";
-import "./index142.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 "./index116.js";
-import { buildInvoicePreviewData as ee } from "./index195.js";
-import "./index202.js";
-import { LoadingPage as te } from "./index260.js";
-import "./index261.js";
-import { CustomerSection as ne } from "./index461.js";
-import { BillingSection as re } from "./index473.js";
-import { ItemsSection as ie } from "./index498.js";
-import { BankAccountSection as m } from "./index500.js";
-import { NotesSection as h } from "./index501.js";
-import { AttachmentSection as g } from "./index502.js";
-import { InvoicePreview as _ } from "./index511.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 { cn as e } from "./index49.js";
+import { useGetMeasureUnits as t } from "./index459.js";
+import { InvoicePreviewMonite as n } from "./index506.js";
+import { useAdaptiveScale as r } from "./index510.js";
+import { AspectRatio as i } from "./index511.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/index512.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();
+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"
 		},
-		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
-					})
-				})]
-			})]
+		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, { ..._ })
+			})
 		})
-	}), /* @__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
-	})] });
+	});
 };
 //#endregion
-export { E as ReceivableFormLayout };
+export { s as InvoicePreview };