@tesouro/embedded-components-react 0.5.159 → 0.5.162

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

@@ -1,10 +1,133 @@
-import { getCountries as e } from "./index12.js";
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { Skeleton as t } from "./index53.js";
+import { Typography as n } from "./index61.js";
+import { Field as r, FieldContent as i, FieldError as a } from "./index87.js";
+import { Select as o, SelectContent as s, SelectItem as c, SelectSeparator as l, SelectTrigger as u, SelectValue as d } from "./index107.js";
+import { useUserPermissions as f } from "./index118.js";
+import { getLineLabel as p, getSourceLabel as m } from "./index126.js";
+import { useSelectableBankAccounts as h } from "./index127.js";
+import "./index228.js";
+import { Badge as g } from "./index229.js";
+import { Alert as _, AlertDescription as v, AlertTitle as y } from "./index262.js";
+import { BankAccountSectionForm as b } from "./index494.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/index495.js
-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 : "";
+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, { shouldDirty: !0 }), L("bank_account_type", "BANK_DETAILS", { shouldDirty: !0 }), 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 { n as getCounterpartPhone, r as getCountryName, t as getMeasureUnitName };
+export { M as BankAccountSection };

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

@@ -1,8 +1,81 @@
-import { Fragment as e } from "react";
-import { jsx as t, jsxs as n } from "@emotion/react/jsx-runtime";
+import { Textarea as e } from "./index108.js";
+import { Typography as t } from "./index61.js";
+import { Field as n, FieldContent as r, FieldDescription as i, FieldError as a, FieldLabel as o } from "./index87.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/index496.js
-function r({ lines: r }) {
-	return r.map((r, i) => /* @__PURE__ */ n(e, { children: [i > 0 && /* @__PURE__ */ t("br", {}), r] }, `${i}-${r}`));
-}
+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 InvoicePreviewMoniteAddressLines };
+export { f as NotesSection };