@tesouro/embedded-components-react 0.3.0 → 0.3.1

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

@@ -1,8 +1,100 @@
-import { useMoniteContext as e } from "./index47.js";
+import { Button as e } from "./index56.js";
+import { Typography as t } from "./index62.js";
+import { CounterpartAddressFormContent as n } from "./index110.js";
+import { CounterpartAddressForm as r } from "./index111.js";
+import { useState as i } from "react";
+import { Plus as a } from "lucide-react";
+import { Fragment as o, jsx as s, jsxs as c } from "@emotion/react/jsx-runtime";
+import { useLingui as l } from "@lingui/react";
+import { twMerge as u } from "tailwind-merge";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index112.js
-function t() {
-	let { userPermissions: t } = e();
-	return t;
-}
+var d = ({ isStandalone: d, counterpartId: f, counterpartAddress: p, isUpdateAllowed: m, isLoading: h, customerType: g }) => {
+	let { i18n: _ } = l(), [v, y] = i(!d), b = !!p, x = p?.city || "", S = p?.state || "", C = p?.postal_code || "", w = () => {
+		y(!1);
+	};
+	return v ? /* @__PURE__ */ s(o, { children: d && f ? /* @__PURE__ */ s(o, { children: p ? /* @__PURE__ */ s(r, {
+		address: p,
+		handleClose: w,
+		counterpartId: f,
+		onUpdate: w,
+		isStandalone: !0,
+		customerType: g
+	}) : /* @__PURE__ */ s(r, {
+		handleClose: w,
+		counterpartId: f,
+		onCreate: w,
+		isStandalone: !0,
+		customerType: g
+	}) }) : /* @__PURE__ */ s(n, {
+		hasExistingAddress: !1,
+		isLoading: h,
+		isStandalone: !1,
+		customerType: g
+	}) }) : /* @__PURE__ */ c("div", {
+		className: "ttw:flex ttw:flex-col",
+		children: [/* @__PURE__ */ c("div", {
+			className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:pt-6 ttw:pb-7",
+			children: [/* @__PURE__ */ c(t, {
+				variant: "body1",
+				className: "ttw:font-medium",
+				children: [
+					_._("Address"),
+					" ",
+					/* @__PURE__ */ s("span", {
+						className: "ttw:text-muted-foreground",
+						children: _._("(optional)")
+					})
+				]
+			}), b && m && /* @__PURE__ */ s(e, {
+				type: "button",
+				variant: "ghost",
+				className: "ttw:text-primary ttw:p-0 ttw:hover:text-primary ttw:hover:underline ttw:w-fit ttw:hover:bg-transparent",
+				onClick: () => y(!0),
+				children: _._("Edit")
+			})]
+		}), /* @__PURE__ */ s("div", {
+			className: u("ttw:flex ttw:items-start ttw:rounded-lg", b ? "ttw:border-none" : "ttw:border ttw:border-border ttw:p-3"),
+			children: b ? /* @__PURE__ */ c("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+				children: [
+					/* @__PURE__ */ s(t, {
+						variant: "body2",
+						className: "ttw:font-medium",
+						children: p?.line1
+					}),
+					p?.line2 && /* @__PURE__ */ s(t, {
+						variant: "body2",
+						className: "ttw:font-medium",
+						children: p.line2
+					}),
+					/* @__PURE__ */ s(t, {
+						variant: "body2",
+						className: "ttw:font-medium",
+						children: `${x && x}${x && (S || C) && ","} ${S && S} ${C && C}`
+					}),
+					/* @__PURE__ */ s(t, {
+						variant: "body2",
+						className: "ttw:font-medium",
+						children: p?.country
+					})
+				]
+			}) : /* @__PURE__ */ c("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+				children: [/* @__PURE__ */ s(t, {
+					variant: "body2",
+					className: "ttw:leading-5",
+					children: _._("No address on file")
+				}), /* @__PURE__ */ c(e, {
+					type: "button",
+					variant: "ghost",
+					className: "ttw:text-primary ttw:hover:text-primary/70 ttw:w-fit ttw:px-0 ttw:has-[>svg]:px-0 ttw:py-2 ttw:hover:bg-transparent",
+					onClick: () => y(!0),
+					disabled: h,
+					children: [/* @__PURE__ */ s(a, {}), _._("Add address")]
+				})]
+			})
+		})]
+	});
+};
 //#endregion
-export { t as useUserPermissions };
+export { d as CounterpartAddressSection };

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

@@ -1,8 +1,262 @@
-import { useMoniteContext as e } from "./index47.js";
+import { Input as e } from "./index89.js";
+import { Typography as t } from "./index62.js";
+import { Label as n } from "./index87.js";
+import { Field as r, FieldContent as i, FieldDescription as a, FieldError as o, FieldLabel as s } from "./index88.js";
+import { CounterpartBankSection as c } from "./index102.js";
+import { CounterpartAddressSection as l } from "./index112.js";
+import { RadioGroup as u, RadioGroupItem as d } from "./index90.js";
+import { Checkbox as f } from "./index103.js";
+import { useRef as p } from "react";
+import { jsx as m, jsxs as h } from "@emotion/react/jsx-runtime";
+import { useLingui as g } from "@lingui/react";
+import { twMerge as _ } from "tailwind-merge";
+import { Controller as v, useFormContext as y } from "react-hook-form";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index113.js
-var t = (t, n = !0) => {
-	let { api: r } = e();
-	return r.finops.getAnalyticsPayables.useQuery({ query: t }, { enabled: n });
+var b = ({ handleChangeCounterpartType: b, counterpartType: x, isLoading: S, customerType: C, isEditMode: w }) => {
+	let { i18n: T } = g(), { control: E } = y(), D = p(null), O = C === "vendor";
+	return /* @__PURE__ */ h("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-4",
+		ref: D,
+		children: [
+			/* @__PURE__ */ h("div", {
+				className: _("ttw:flex ttw:flex-col ttw:gap-1.5", w && "ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border"),
+				children: [/* @__PURE__ */ m(t, {
+					variant: "body1",
+					className: "ttw:font-medium",
+					children: w ? T._("Editing {customerType} details", { customerType: C }) : T._("{customerType} details", { customerType: O ? "Vendor" : "Customer" })
+				}), !w && /* @__PURE__ */ m(t, {
+					variant: "body2",
+					color: "muted",
+					children: O ? T._("Who are you paying?") : T._("Who are you billing?")
+				})]
+			}),
+			!w && /* @__PURE__ */ h("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+				children: [/* @__PURE__ */ m(s, { children: T._("{customerType} type", { customerType: O ? "Vendor" : "Customer" }) }), /* @__PURE__ */ h(u, {
+					className: "ttw:flex",
+					value: x,
+					disabled: S,
+					onValueChange: (e) => b?.(e),
+					children: [/* @__PURE__ */ h("div", {
+						className: _("ttw:flex ttw:p-4 ttw:flex-1 ttw:gap-2 ttw:border ttw:rounded-xl ttw:border-border ttw:hover:bg-primary/10 ttw:hover:border-primary/30", x === "organization" && "ttw:bg-primary/10 ttw:border-primary/30"),
+						children: [/* @__PURE__ */ m(d, {
+							value: "organization",
+							id: "organization",
+							className: _(x === "organization" ? "ttw:bg-primary" : "ttw:bg-white"),
+							dotClassName: _(x === "organization" && "ttw:fill-white"),
+							disabled: S
+						}), /* @__PURE__ */ h(n, {
+							htmlFor: "organization",
+							className: "ttw:flex ttw:flex-col ttw:items-start ttw:gap-1.5",
+							children: [/* @__PURE__ */ m(t, {
+								variant: "body2",
+								className: "ttw:leading-3.5",
+								children: T._("Business")
+							}), /* @__PURE__ */ m(t, {
+								variant: "caption",
+								color: "muted",
+								children: T._("A company or organization")
+							})]
+						})]
+					}), /* @__PURE__ */ h("div", {
+						className: _("ttw:flex ttw:p-4 ttw:flex-1 ttw:gap-2 ttw:border ttw:rounded-xl ttw:border-border ttw:hover:bg-primary/10 ttw:hover:border-primary/30", x === "individual" && "ttw:bg-primary/10 ttw:border-primary/30"),
+						children: [/* @__PURE__ */ m(d, {
+							value: "individual",
+							id: "individual",
+							className: _(x === "individual" ? "ttw:bg-primary" : "ttw:bg-white"),
+							dotClassName: _(x === "individual" && "ttw:fill-white"),
+							disabled: S
+						}), /* @__PURE__ */ h(n, {
+							htmlFor: "individual",
+							className: "ttw:flex ttw:flex-col ttw:items-start ttw:gap-1.5",
+							children: [/* @__PURE__ */ m(t, {
+								variant: "body2",
+								className: "ttw:leading-3.5",
+								children: T._("Person")
+							}), /* @__PURE__ */ m(t, {
+								variant: "caption",
+								color: "muted",
+								children: T._("An individual or contractor")
+							})]
+						})]
+					})]
+				})]
+			}),
+			x === "individual" ? /* @__PURE__ */ h("div", {
+				className: "ttw:flex ttw:gap-4",
+				children: [/* @__PURE__ */ m(v, {
+					name: "firstName",
+					control: E,
+					render: ({ field: t, fieldState: { error: n } }) => /* @__PURE__ */ m(r, { children: /* @__PURE__ */ h(i, { children: [
+						/* @__PURE__ */ m(s, {
+							htmlFor: t.name,
+							children: T._("First name")
+						}),
+						/* @__PURE__ */ m(e, {
+							className: w ? "ttw:bg-white" : "",
+							id: t.name,
+							...t,
+							disabled: S,
+							"aria-invalid": !!n || void 0
+						}),
+						/* @__PURE__ */ m(o, { errors: [n] })
+					] }) })
+				}), /* @__PURE__ */ m(v, {
+					name: "lastName",
+					control: E,
+					render: ({ field: t, fieldState: { error: n } }) => /* @__PURE__ */ m(r, { children: /* @__PURE__ */ h(i, { children: [
+						/* @__PURE__ */ m(s, {
+							htmlFor: t.name,
+							children: T._("Last name")
+						}),
+						/* @__PURE__ */ m(e, {
+							id: t.name,
+							...t,
+							className: w ? "ttw:bg-white" : "",
+							disabled: S,
+							"aria-invalid": !!n || void 0
+						}),
+						/* @__PURE__ */ m(o, { errors: [n] })
+					] }) })
+				})]
+			}) : /* @__PURE__ */ m(v, {
+				name: "companyName",
+				control: E,
+				render: ({ field: t, fieldState: { error: n } }) => /* @__PURE__ */ m(r, { children: /* @__PURE__ */ h(i, { children: [
+					/* @__PURE__ */ m(s, {
+						htmlFor: t.name,
+						children: T._("Business name")
+					}),
+					/* @__PURE__ */ m(e, {
+						id: t.name,
+						...t,
+						className: w ? "ttw:bg-white" : "",
+						disabled: S,
+						"aria-invalid": !!n || void 0
+					}),
+					/* @__PURE__ */ m(o, { errors: [n] })
+				] }) })
+			}),
+			/* @__PURE__ */ h("div", {
+				className: _("ttw:flex ttw:gap-4", O ? "ttw:flex-row" : "ttw:flex-col"),
+				children: [
+					/* @__PURE__ */ m(v, {
+						name: "email",
+						control: E,
+						render: ({ field: t, fieldState: { error: n } }) => /* @__PURE__ */ m(r, { children: /* @__PURE__ */ h(i, { children: [
+							/* @__PURE__ */ m(s, {
+								htmlFor: t.name,
+								children: T._("Email")
+							}),
+							/* @__PURE__ */ m(e, {
+								id: t.name,
+								...t,
+								className: w ? "ttw:bg-white" : "",
+								disabled: S,
+								"aria-invalid": !!n || void 0
+							}),
+							/* @__PURE__ */ m(o, { errors: [n] })
+						] }) })
+					}),
+					!O && /* @__PURE__ */ m(v, {
+						name: "remindersEnabled",
+						control: E,
+						render: ({ field: e }) => /* @__PURE__ */ m(r, {
+							orientation: "horizontal",
+							children: /* @__PURE__ */ h(i, {
+								className: "ttw:flex-row",
+								children: [/* @__PURE__ */ m(f, {
+									id: e.name,
+									ref: e.ref,
+									checked: e.value,
+									onCheckedChange: e.onChange,
+									onBlur: e.onBlur,
+									disabled: S
+								}), /* @__PURE__ */ m(s, {
+									htmlFor: e.name,
+									className: "ttw:font-normal ttw:leading-4",
+									children: T._("Send reminders to this email when an invoice is approaching its due date")
+								})]
+							})
+						})
+					}),
+					/* @__PURE__ */ m(v, {
+						name: "phone",
+						control: E,
+						render: ({ field: n, fieldState: { error: a } }) => /* @__PURE__ */ m(r, { children: /* @__PURE__ */ h(i, { children: [
+							/* @__PURE__ */ h(s, {
+								htmlFor: n.name,
+								className: "ttw:gap-1",
+								children: [T._("Phone"), /* @__PURE__ */ m(t, {
+									variant: "body2",
+									color: "muted",
+									className: "ttw:leading-snug",
+									children: T._("(optional)")
+								})]
+							}),
+							/* @__PURE__ */ m(e, {
+								id: n.name,
+								...n,
+								className: w ? "ttw:bg-white" : "",
+								disabled: S,
+								"aria-invalid": !!a || void 0
+							}),
+							/* @__PURE__ */ m(o, { errors: [a] })
+						] }) })
+					})
+				]
+			}),
+			/* @__PURE__ */ m(v, {
+				name: "tax_id",
+				control: E,
+				render: ({ field: n, fieldState: { error: c } }) => /* @__PURE__ */ m(r, { children: /* @__PURE__ */ h(i, { children: [
+					/* @__PURE__ */ h(s, {
+						htmlFor: n.name,
+						className: "ttw:gap-1",
+						children: [T._("Tax ID / {documentType}", { documentType: x === "individual" ? "SSN" : "EIN" }), /* @__PURE__ */ m(t, {
+							variant: "body2",
+							color: "muted",
+							className: "ttw:leading-snug",
+							children: T._("(optional)")
+						})]
+					}),
+					/* @__PURE__ */ m(e, {
+						id: n.name,
+						...n,
+						className: w ? "ttw:bg-white" : "",
+						placeholder: T._("e.g., {example}", { example: x === "individual" ? "034-56-78890" : "12-3456789" }),
+						disabled: S,
+						"aria-invalid": !!c || void 0
+					}),
+					/* @__PURE__ */ m(a, { children: O ? T._("Required only if you'll file a 1099 IRS form for this vendor at year-end.") : T._("Required only if you'll issue a 1099 IRS form at year-end.") }),
+					/* @__PURE__ */ m(o, { errors: [c] })
+				] }) })
+			}),
+			(O || !w) && /* @__PURE__ */ m(l, {
+				isLoading: S,
+				customerType: C,
+				isStandalone: !1
+			}),
+			O && !w && /* @__PURE__ */ h("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-4",
+				children: [/* @__PURE__ */ h("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-1.5 ttw:pt-6 ttw:pb-7",
+					children: [/* @__PURE__ */ m(t, {
+						variant: "body1",
+						className: "ttw:font-medium",
+						children: T._("Accepted payment methods")
+					}), /* @__PURE__ */ m(t, {
+						variant: "body2",
+						color: "muted",
+						children: T._("How and where will the money be sent. Don't have these yet? No problem. You can save this vendor and add their payment details later - you just won't be able to send payments until you do.")
+					})]
+				}), /* @__PURE__ */ m(c, {
+					isLoading: S,
+					isStandalone: !1
+				})]
+			})
+		]
+	});
 };
 //#endregion
-export { t as useGetPayablesAnalytics };
+export { b as CounterpartFormContent };

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

@@ -1,17 +1,185 @@
-import { useMoniteContext as e } from "./index47.js";
-import { toast as t } from "react-hot-toast";
-import { useLingui as n } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index114.js
-var r = (r) => {
-	let { i18n: i } = n(), { api: a, queryClient: o } = e();
-	return a.finops.postBankDetails.useMutation(void 0, {
-		onSuccess: async (e) => {
-			await a.finops.getBankDetails.invalidateQueries(o), r && r(e?.id), t.success(i._("Bank Account \"{name}\" has been created.", { name: e.display_name }));
-		},
-		onError: (e) => {
-			t.error(e?.detail?.[0]?.msg || i._("Failed to create Bank Account."));
-		}
-	});
-};
+var e = Object.values({
+	ab: "ab",
+	aa: "aa",
+	af: "af",
+	ak: "ak",
+	sq: "sq",
+	am: "am",
+	ar: "ar",
+	an: "an",
+	hy: "hy",
+	av: "av",
+	ae: "ae",
+	ay: "ay",
+	az: "az",
+	bm: "bm",
+	ba: "ba",
+	eu: "eu",
+	be: "be",
+	bn: "bn",
+	bi: "bi",
+	bs: "bs",
+	br: "br",
+	bg: "bg",
+	my: "my",
+	ca: "ca",
+	ch: "ch",
+	ce: "ce",
+	ny: "ny",
+	zh: "zh",
+	cu: "cu",
+	cv: "cv",
+	kw: "kw",
+	co: "co",
+	cr: "cr",
+	hr: "hr",
+	cs: "cs",
+	da: "da",
+	dv: "dv",
+	nl: "nl",
+	dz: "dz",
+	en: "en",
+	eo: "eo",
+	et: "et",
+	ee: "ee",
+	fo: "fo",
+	fj: "fj",
+	fi: "fi",
+	fr: "fr",
+	fy: "fy",
+	ff: "ff",
+	gd: "gd",
+	gl: "gl",
+	lg: "lg",
+	ka: "ka",
+	de: "de",
+	el: "el",
+	kl: "kl",
+	gn: "gn",
+	gu: "gu",
+	ht: "ht",
+	ha: "ha",
+	he: "he",
+	hz: "hz",
+	hi: "hi",
+	ho: "ho",
+	hu: "hu",
+	io: "io",
+	ig: "ig",
+	id: "id",
+	ia: "ia",
+	ie: "ie",
+	iu: "iu",
+	ik: "ik",
+	ga: "ga",
+	it: "it",
+	ja: "ja",
+	jv: "jv",
+	kn: "kn",
+	kr: "kr",
+	ks: "ks",
+	kk: "kk",
+	km: "km",
+	ki: "ki",
+	rw: "rw",
+	ky: "ky",
+	kv: "kv",
+	kg: "kg",
+	ko: "ko",
+	kj: "kj",
+	ku: "ku",
+	lo: "lo",
+	la: "la",
+	lv: "lv",
+	li: "li",
+	ln: "ln",
+	lt: "lt",
+	lu: "lu",
+	lb: "lb",
+	mk: "mk",
+	mg: "mg",
+	ms: "ms",
+	ml: "ml",
+	mt: "mt",
+	gv: "gv",
+	mi: "mi",
+	mr: "mr",
+	mh: "mh",
+	mn: "mn",
+	na: "na",
+	nv: "nv",
+	nd: "nd",
+	nr: "nr",
+	ng: "ng",
+	ne: "ne",
+	no: "no",
+	nb: "nb",
+	nn: "nn",
+	ii: "ii",
+	oc: "oc",
+	oj: "oj",
+	om: "om",
+	os: "os",
+	pi: "pi",
+	ps: "ps",
+	fa: "fa",
+	pl: "pl",
+	pt: "pt",
+	pa: "pa",
+	qu: "qu",
+	ro: "ro",
+	rm: "rm",
+	rn: "rn",
+	ru: "ru",
+	se: "se",
+	sm: "sm",
+	sg: "sg",
+	sa: "sa",
+	sc: "sc",
+	sr: "sr",
+	sn: "sn",
+	sd: "sd",
+	si: "si",
+	sk: "sk",
+	sl: "sl",
+	so: "so",
+	st: "st",
+	es: "es",
+	su: "su",
+	sw: "sw",
+	ss: "ss",
+	sv: "sv",
+	tl: "tl",
+	ty: "ty",
+	tg: "tg",
+	ta: "ta",
+	tt: "tt",
+	te: "te",
+	th: "th",
+	bo: "bo",
+	ti: "ti",
+	to: "to",
+	ts: "ts",
+	tn: "tn",
+	tr: "tr",
+	tk: "tk",
+	tw: "tw",
+	ug: "ug",
+	uk: "uk",
+	ur: "ur",
+	uz: "uz",
+	ve: "ve",
+	vi: "vi",
+	vo: "vo",
+	wa: "wa",
+	cy: "cy",
+	wo: "wo",
+	xh: "xh",
+	yi: "yi",
+	yo: "yo",
+	za: "za",
+	zu: "zu"
+});
 //#endregion
-export { r as useCreateEntityBankAccount };
+export { e as LanguageCodeEnum };