@tesouro/embedded-components-react 0.3.0 → 0.3.1

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

@@ -1,25 +1,133 @@
-import { useIsMounted as e } from "./index28.js";
-import "./index189.js";
-import { useEffect as t, useRef as n } from "react";
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { Skeleton as t } from "./index54.js";
+import { Typography as n } from "./index62.js";
+import { Field as r, FieldContent as i, FieldError as a } from "./index88.js";
+import { Select as o, SelectContent as s, SelectItem as c, SelectSeparator as l, SelectTrigger as u, SelectValue as d } from "./index105.js";
+import { useUserPermissions as f } from "./index116.js";
+import { getLineLabel as p, getSourceLabel as m } from "./index124.js";
+import { useSelectableBankAccounts as h } from "./index125.js";
+import "./index222.js";
+import { Badge as g } from "./index223.js";
+import { Alert as _, AlertDescription as v, AlertTitle as y } from "./index257.js";
+import { BankAccountSectionForm as b } from "./index498.js";
+import { useEffect as x, useRef as S, useState as C } from "react";
+import { Plus as w, TriangleAlert as T } from "lucide-react";
+import { Fragment as E, jsx as D, jsxs as O } from "@emotion/react/jsx-runtime";
+import { useLingui as k } from "@lingui/react";
+import { Controller as A, useFormContext as j } from "react-hook-form";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index499.js
-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
-	};
+var M = ({ disabled: M, embeddedBankName: N }) => {
+	let { i18n: P } = k(), F = S(!1), { control: I, setValue: L, getFieldState: R, clearErrors: z } = j(), [B, V] = C(!1), H = f().has(e.BankAccountWriteOrg), { bankAccounts: U, isLoading: W } = h(), G = R("bank_account_id");
+	return x(() => {
+		if (U.length === 1 && !W && !F.current) {
+			let e = U[0];
+			L("bank_account_id", e.id), L("bank_account_type", e.bank_account_type), F.current = !0;
+		}
+	}, [
+		L,
+		U,
+		W
+	]), /* @__PURE__ */ O("div", {
+		className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl",
+		children: [/* @__PURE__ */ O("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
+			children: [/* @__PURE__ */ D(n, {
+				variant: "h4",
+				children: P._("Payment instructions")
+			}), /* @__PURE__ */ D(n, {
+				variant: "body2",
+				color: "muted",
+				className: "ttw:font-medium",
+				children: P._("Tells the customer how they can pay you. We'll include the selected info on the invoice")
+			})]
+		}), W || U.length > 0 && !B ? /* @__PURE__ */ O("div", {
+			className: "ttw:flex ttw:flex-col ttw:p-3 ttw:gap-4 ttw:border ttw:border-border ttw:rounded-xl",
+			children: [/* @__PURE__ */ O("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-1",
+				children: [/* @__PURE__ */ D(n, {
+					variant: "body2",
+					children: P._("Bank account")
+				}), /* @__PURE__ */ D(n, {
+					variant: "caption",
+					color: "muted",
+					children: P._("Display your bank account number and routing number")
+				})]
+			}), W ? /* @__PURE__ */ D(t, { className: "ttw:w-full ttw:h-9 ttw:rounded-md" }) : /* @__PURE__ */ D(A, {
+				name: "bank_account_id",
+				control: I,
+				render: ({ field: e, fieldState: { error: t } }) => {
+					let n = U.find((t) => t.id === e.value), f = n ? m(n.bank_account_type, N, P) : null;
+					return /* @__PURE__ */ D(r, { children: /* @__PURE__ */ O(i, { children: [/* @__PURE__ */ D("div", {
+						className: "ttw:relative",
+						children: /* @__PURE__ */ O(o, {
+							...e,
+							disabled: M,
+							value: e.value,
+							onValueChange: (t) => {
+								if (t === "add_new") V(!0);
+								else {
+									e.onChange(t);
+									let n = U.find((e) => e.id === t);
+									n && L("bank_account_type", n.bank_account_type), G?.invalid && z("bank_account_id");
+								}
+							},
+							children: [/* @__PURE__ */ D(u, {
+								id: "bank_account_id",
+								className: "ttw:w-full",
+								"aria-label": P._("Bank account selector"),
+								"aria-invalid": !!t,
+								children: /* @__PURE__ */ D(d, {
+									placeholder: P._("Select bank account"),
+									children: n && /* @__PURE__ */ O("span", {
+										className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:items-center ttw:justify-between ttw:gap-2",
+										children: [/* @__PURE__ */ D("span", {
+											className: "ttw:truncate",
+											children: p(n, P)
+										}), f && /* @__PURE__ */ D(g, {
+											variant: "secondary",
+											className: "ttw:shrink-0",
+											children: f
+										})]
+									})
+								})
+							}), /* @__PURE__ */ O(s, { children: [U.map((e) => {
+								let t = m(e.bank_account_type, N, P);
+								return /* @__PURE__ */ D(c, {
+									value: e.id,
+									children: /* @__PURE__ */ O("span", {
+										className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:items-center ttw:justify-between ttw:gap-2",
+										children: [/* @__PURE__ */ D("span", {
+											className: "ttw:truncate",
+											children: p(e, P)
+										}), t && /* @__PURE__ */ D("span", {
+											className: "ttw:shrink-0 ttw:text-muted-foreground",
+											children: t
+										})]
+									})
+								}, e.id);
+							}), H && /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(l, {}), /* @__PURE__ */ O(c, {
+								value: "add_new",
+								className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary",
+								children: [/* @__PURE__ */ D(w, { className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary" }), P._("Add a new account")]
+							})] })] })]
+						})
+					}), /* @__PURE__ */ D(a, { errors: t ? [t] : [] })] }) });
+				}
+			})]
+		}) : /* @__PURE__ */ D(E, { children: H ? /* @__PURE__ */ D(b, {
+			bankAccountsLength: U.length,
+			onCreate: (e) => {
+				V(!1), L("bank_account_id", e), L("bank_account_type", "BANK_DETAILS"), G?.invalid && z("bank_account_id");
+			},
+			onCancel: () => V(!1)
+		}) : /* @__PURE__ */ O(_, {
+			enableClose: !1,
+			variant: "warning",
+			icon: /* @__PURE__ */ D(T, {}),
+			children: [/* @__PURE__ */ D(y, { children: P._("There are no bank accounts on file for this account") }), /* @__PURE__ */ D(v, { children: P._("A bank account is required in order to issue invoices. Contact your company admin to set one up.") })]
+		}) })]
+	});
 };
 //#endregion
-export { r as useResizeObserver };
+export { M as BankAccountSection };

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

@@ -1,20 +1,81 @@
-import { useIsMounted as e } from "./index28.js";
-import "./index189.js";
-import { useEffect as t, useRef as n } from "react";
+import { Textarea as e } from "./index106.js";
+import { Typography as t } from "./index62.js";
+import { Field as n, FieldContent as r, FieldDescription as i, FieldError as a, FieldLabel as o } from "./index88.js";
+import { jsx as s, jsxs as c } from "@emotion/react/jsx-runtime";
+import { useLingui as l } from "@lingui/react";
+import { Controller as u, useFormContext as d } from "react-hook-form";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index500.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 = () => {
-			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]);
+var f = ({ disabled: f }) => {
+	let { i18n: p } = l(), { control: m } = d();
+	return /* @__PURE__ */ c("div", {
+		className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl",
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
+				children: [/* @__PURE__ */ s(t, {
+					variant: "h4",
+					children: p._("Notes")
+				}), /* @__PURE__ */ s(t, {
+					variant: "body2",
+					color: "muted",
+					className: "ttw:font-medium",
+					children: p._("Provide additional information for your customer.")
+				})]
+			}),
+			/* @__PURE__ */ s(u, {
+				name: "memo",
+				control: m,
+				render: ({ field: l, fieldState: { error: u } }) => /* @__PURE__ */ s(n, { children: /* @__PURE__ */ c(r, { children: [
+					/* @__PURE__ */ c(o, {
+						htmlFor: l.name,
+						className: "ttw:text-nowrap",
+						children: [p._("Opening note to the customer"), /* @__PURE__ */ s(t, {
+							variant: "body2",
+							color: "muted",
+							className: "ttw:leading-snug",
+							children: p._("(optional)")
+						})]
+					}),
+					/* @__PURE__ */ s(e, {
+						...l,
+						id: l.name,
+						disabled: f,
+						placeholder: p._("e.g., As discussed on our call, please find the attached invoice."),
+						className: "ttw:h-26 ttw:resize-none",
+						"aria-invalid": !!u
+					}),
+					/* @__PURE__ */ s(i, { children: p._("Appears above your line items. Use it to reference a discussion, agreement, or project.") }),
+					/* @__PURE__ */ s(a, { errors: u ? [u] : [] })
+				] }) })
+			}),
+			/* @__PURE__ */ s(u, {
+				name: "footer",
+				control: m,
+				render: ({ field: l, fieldState: { error: u } }) => /* @__PURE__ */ s(n, { children: /* @__PURE__ */ c(r, { children: [
+					/* @__PURE__ */ c(o, {
+						htmlFor: l.name,
+						className: "ttw:text-nowrap",
+						children: [p._("Closing note to the customer"), /* @__PURE__ */ s(t, {
+							variant: "body2",
+							color: "muted",
+							className: "ttw:leading-snug",
+							children: p._("(optional)")
+						})]
+					}),
+					/* @__PURE__ */ s(e, {
+						...l,
+						id: l.name,
+						disabled: f,
+						placeholder: p._("e.g., Thank you for your business!"),
+						className: "ttw:h-26 ttw:resize-none",
+						"aria-invalid": !!u
+					}),
+					/* @__PURE__ */ s(i, { children: p._("Appears below your line items. Commonly used for thank you messages or payment instructions.") }),
+					/* @__PURE__ */ s(a, { errors: u ? [u] : [] })
+				] }) })
+			})
+		]
+	});
 };
 //#endregion
-export { r as useWindowResize };
+export { f as NotesSection };

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

@@ -1,56 +1,250 @@
-import { useEffect as e, useState as t } from "react";
+import { cn as e } from "./index49.js";
+import { Button as t } from "./index56.js";
+import { useFileInput as n } from "./index209.js";
+import "./index217.js";
+import { Typography as r } from "./index62.js";
+import { Separator as i } from "./index64.js";
+import { ATTACHMENT_ACCEPTED_EXTENSIONS as a, ATTACHMENT_ACCEPTED_FORMATS as o } from "./index93.js";
+import { Checkbox as s } from "./index103.js";
+import { validateAttachmentFile as c } from "./index192.js";
+import { formatFileSize as l } from "./index193.js";
+import { toFileArray as u } from "./index194.js";
+import { useUploadReceivableAttachment as d } from "./index220.js";
+import { useDeleteFile as f } from "./index221.js";
+import { useEffect as p, useRef as m, useState as h } from "react";
+import { FileText as g, ImageIcon as _, Loader2 as v, Trash2 as y, 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 { useFormContext as T } from "react-hook-form";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index501.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(() => {
-		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;
+var E = ({ disabled: E, onUploadingChange: D }) => {
+	let { i18n: O } = w(), { watch: k, setValue: A, getValues: j } = T(), { mutateAsync: M } = d(), { mutate: N } = f(), { FileInput: P, openFileInput: F, resetInput: I } = n({
+		acceptedFormats: o,
+		maxFileSizeInMB: 3
+	}), L = k("attachments") ?? [], R = k("frequency"), z = !!R && R !== "once", [B, V] = h([]), [H, U] = h(!1), [W, G] = h(!1), K = m(0), q = m(!1);
+	p(() => (q.current = !1, () => {
+		q.current = !0;
+	}), []);
+	let J = m(/* @__PURE__ */ new Set()), Y = B.some((e) => e.status === "uploading");
+	p(() => {
+		D?.(Y);
+	}, [Y, D]), p(() => () => D?.(!1), [D]);
+	let X = () => (K.current += 1, `attachment-${K.current}`), Z = (e) => e === "too_large" ? O._("File too large (max 3 MB)") : O._("File type not supported. Use PDF, DOC, JPG or PNG"), Q = async (e, t) => {
+		try {
+			let n = await M({
+				file: t,
+				file_type: "attachments"
+			});
+			if (q.current || J.current.delete(e)) {
+				N({ path: { file_id: n.id } });
+				return;
 			}
-			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
+			V((t) => t.filter((t) => t.localId !== e)), A("attachments", [...j("attachments") ?? [], {
+				id: n.id,
+				include_in_email: !0,
+				name: n.name,
+				size: n.size
+			}], { shouldDirty: !0 });
+		} catch {
+			let t = J.current.delete(e);
+			if (q.current || t) return;
+			V((t) => t.map((t) => t.localId === e ? {
+				...t,
+				status: "error",
+				errorMessage: O._("Upload failed. Please try again.")
+			} : t));
+		}
+	}, $ = (e) => {
+		if (e.length === 0) return;
+		let t = j("attachments") ?? [], n = B.filter((e) => e.status === "uploading").length, r = 10 - t.length - n, i = [], s = !1;
+		for (let t of e) {
+			let e = c(t, {
+				acceptedFormats: o,
+				acceptedExtensions: a,
+				maxFileSizeInMB: 3
 			});
-		};
-		return e(), window.addEventListener("resize", e), () => {
-			window.removeEventListener("resize", e);
-		};
-	}, []), r;
+			if (e) {
+				i.push({
+					localId: X(),
+					name: t.name,
+					size: t.size,
+					status: "error",
+					errorMessage: Z(e)
+				});
+				continue;
+			}
+			if (r <= 0) {
+				s = !0;
+				continue;
+			}
+			--r;
+			let n = X();
+			i.push({
+				localId: n,
+				name: t.name,
+				size: t.size,
+				status: "uploading"
+			}), Q(n, t);
+		}
+		i.length > 0 && V((e) => [...e, ...i]), U(s);
+	}, ee = (e, t) => {
+		A("attachments", (j("attachments") ?? []).map((n) => n.id === e ? {
+			...n,
+			include_in_email: t
+		} : n), { shouldDirty: !0 });
+	}, te = (e) => {
+		A("attachments", (j("attachments") ?? []).filter((t) => t.id !== e), { shouldDirty: !0 }), U(!1), N({ path: { file_id: e } });
+	}, ne = (e) => {
+		B.some((t) => t.localId === e && t.status === "uploading") && J.current.add(e), V((t) => t.filter((t) => t.localId !== e)), U(!1);
+	}, re = (e) => {
+		e.preventDefault(), G(!1), !E && $(u(e.dataTransfer.files));
+	}, ie = L.length > 0 || B.length > 0;
+	return /* @__PURE__ */ C("div", {
+		className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl",
+		children: [
+			/* @__PURE__ */ C("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
+				children: [/* @__PURE__ */ S(r, {
+					variant: "h4",
+					children: O._("Attachments")
+				}), /* @__PURE__ */ S(r, {
+					variant: "body2",
+					color: "muted",
+					className: "ttw:font-medium",
+					children: O._("Associate additional documents with this invoice for your own reference or to share with the customer. e.g. contracts, photos, terms and conditions, etc.")
+				})]
+			}),
+			ie && /* @__PURE__ */ C("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2",
+				children: [L.length > 0 && /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(r, {
+					variant: "caption",
+					color: "muted",
+					children: z ? O._("Selected files will be attached to every invoice email in the recurring series.") : O._("Selected files will be attached to the invoice email sent to the customer.")
+				}), /* @__PURE__ */ S(i, {})] }), /* @__PURE__ */ C("ul", {
+					className: "ttw:flex ttw:flex-col ttw:gap-2",
+					children: [L.map((e) => {
+						let n = `attachment-include-${e.id}`;
+						return /* @__PURE__ */ C("li", {
+							className: "ttw:flex ttw:items-center ttw:gap-2",
+							children: [/* @__PURE__ */ S(s, {
+								id: n,
+								checked: e.include_in_email,
+								disabled: E,
+								"aria-label": `${O._("Include in email:")} ${e.name}`,
+								onCheckedChange: (t) => ee(e.id, t === !0)
+							}), /* @__PURE__ */ C("div", {
+								className: "ttw:flex ttw:w-full ttw:items-center ttw:rounded-lg ttw:gap-3 ttw:bg-muted ttw:px-2 ttw:py-1",
+								children: [/* @__PURE__ */ C("div", {
+									className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:items-center ttw:gap-1",
+									children: [/* @__PURE__ */ S(r, {
+										variant: "body2",
+										className: "ttw:truncate",
+										children: e.name
+									}), /* @__PURE__ */ C(r, {
+										variant: "body2",
+										color: "muted",
+										className: "ttw:shrink-0",
+										children: [
+											"(",
+											l(e.size),
+											")"
+										]
+									})]
+								}), /* @__PURE__ */ S(t, {
+									type: "button",
+									variant: "ghost",
+									size: "icon",
+									className: "ttw:size-4",
+									disabled: E,
+									"aria-label": `${O._("Remove")} ${e.name}`,
+									onClick: () => te(e.id),
+									children: /* @__PURE__ */ S(y, { className: "ttw:size-4" })
+								})]
+							})]
+						}, e.id);
+					}), B.map((e) => /* @__PURE__ */ C("li", {
+						className: "ttw:flex ttw:w-full ttw:items-center ttw:rounded-lg ttw:gap-3 ttw:bg-muted ttw:px-2 ttw:py-1",
+						children: [
+							e.status === "uploading" ? /* @__PURE__ */ S(v, { className: "ttw:size-5 ttw:shrink-0 ttw:animate-spin ttw:text-muted-foreground" }) : /* @__PURE__ */ S(g, { className: "ttw:size-5 ttw:shrink-0 ttw:text-destructive" }),
+							/* @__PURE__ */ C("div", {
+								className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col",
+								children: [/* @__PURE__ */ S(r, {
+									variant: "body2",
+									className: "ttw:truncate",
+									children: e.name
+								}), e.status === "uploading" ? /* @__PURE__ */ S(r, {
+									variant: "caption",
+									color: "muted",
+									children: O._("Uploading…")
+								}) : /* @__PURE__ */ S(r, {
+									variant: "caption",
+									role: "alert",
+									className: "ttw:text-destructive",
+									children: e.errorMessage
+								})]
+							}),
+							/* @__PURE__ */ S(t, {
+								type: "button",
+								variant: "ghost",
+								size: "icon",
+								disabled: E,
+								"aria-label": `${O._("Remove")} ${e.name}`,
+								onClick: () => ne(e.localId),
+								children: /* @__PURE__ */ S(b, { className: "ttw:size-4" })
+							})
+						]
+					}, e.localId))]
+				})]
+			}),
+			/* @__PURE__ */ C("button", {
+				type: "button",
+				disabled: E,
+				onClick: F,
+				onDragOver: (e) => {
+					e.preventDefault(), E || G(!0);
+				},
+				onDragLeave: (e) => {
+					e.preventDefault(), G(!1);
+				},
+				onDrop: re,
+				className: e("ttw:flex ttw:w-full ttw:flex-col ttw:items-center ttw:gap-2 ttw:rounded-xl ttw:border ttw:border-dashed ttw:p-6 ttw:text-center ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50", W ? "ttw:border-primary ttw:bg-primary/5" : "ttw:border-border ttw:bg-muted"),
+				children: [
+					/* @__PURE__ */ S("span", {
+						className: "ttw:flex ttw:size-10 ttw:items-center ttw:justify-center ttw:rounded-full ttw:border ttw:border-border",
+						children: /* @__PURE__ */ S(_, { className: "ttw:size-5 ttw:text-muted-foreground" })
+					}),
+					/* @__PURE__ */ C(r, {
+						variant: "body2",
+						children: [
+							O._("Drop your files here, or"),
+							" ",
+							/* @__PURE__ */ S("span", {
+								className: "ttw:text-primary ttw:underline",
+								children: O._("browse to upload")
+							})
+						]
+					}),
+					/* @__PURE__ */ S(r, {
+						variant: "caption",
+						color: "muted",
+						children: O._("PDF, DOC, JPG, PNG (max. 3MB)")
+					})
+				]
+			}),
+			H && /* @__PURE__ */ S(r, {
+				variant: "body2",
+				role: "alert",
+				className: "ttw:text-destructive",
+				children: O._("You can attach up to 10 files.")
+			}),
+			/* @__PURE__ */ S(P, {
+				multiple: !0,
+				onChange: (e) => {
+					$(u(e.target.files)), I();
+				}
+			})
+		]
+	});
 };
 //#endregion
-export { r as useA4Dimensions };
+export { E as AttachmentSection };

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

@@ -1,48 +1,10 @@
-import { useIsMounted as e } from "./index28.js";
-import "./index189.js";
-import { useResizeObserver as t } from "./index499.js";
-import { useWindowResize as n } from "./index500.js";
-import { useA4Dimensions as r } from "./index501.js";
-import { useCallback as i, useEffect as a, useRef as o, useState as s } from "react";
+import { getCountries as e } from "./index12.js";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index502.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(() => {
-		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]), _;
-};
+var t = (e, t) => t.find((t) => t.id === e)?.name ?? null, n = (e) => {
+	if (e) {
+		if ("organization" in e) return e.organization.phone;
+		if ("individual" in e) return e.individual.phone;
+	}
+}, r = (t, n) => n ? e(t)[n] ?? n : "";
 //#endregion
-export { c as useAdaptiveScale };
+export { n as getCounterpartPhone, r as getCountryName, t as getMeasureUnitName };

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

@@ -1,16 +1,8 @@
-import { cn as e } from "./index49.js";
-import { jsx as t } from "@emotion/react/jsx-runtime";
+import { Fragment as e } from "react";
+import { jsx as t, jsxs as n } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index503.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";
+function r({ lines: r }) {
+	return r.map((r, i) => /* @__PURE__ */ n(e, { children: [i > 0 && /* @__PURE__ */ t("br", {}), r] }, `${i}-${r}`));
+}
 //#endregion
-export { n as AspectRatio };
+export { r as InvoicePreviewMoniteAddressLines };